/* Minification failed. Returning unminified contents. (12686,36): run-time error CSS1034: (12686,36): run-time error CSS1042: Expected function, found ',' (12686,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13081,7): run-time error CSS1031: Expected selector, found '(' (13081,7): run-time error CSS1025: Expected comma or open brace, found '(' (14423,31): run-time error CSS1046: Expect comma, found '0' (14423,35): run-time error CSS1046: Expect comma, found '/' (15611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15653,24): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15657,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15668,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15672,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15728,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15733,26): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (15745,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15761,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15764,26): run-time error CSS1039: Token not allowed after unary operator: '-orange-color' (15786,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (15787,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-color' (15962,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (19785,14): run-time error CSS1031: Expected selector, found '/' (19785,14): run-time error CSS1025: Expected comma or open brace, found '/' (24160,35): run-time error CSS1046: Expect comma, found '0' (24160,39): run-time error CSS1046: Expect comma, found '/' (24165,35): run-time error CSS1046: Expect comma, found '0' (24165,39): run-time error CSS1046: Expect comma, found '/' (24978,36): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey-light' (25000,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25058,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25073,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25085,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25415,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-yellow' (25510,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25529,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25534,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey' (25541,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25651,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25671,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25675,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (25762,28): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey-light' (25771,28): run-time error CSS1039: Token not allowed after unary operator: '-calc-yellow' (25777,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-progress' (26255,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (26320,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (26326,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (26593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26638,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-green' (26677,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey' (26684,22): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey-light' (26692,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey' (26770,22): run-time error CSS1039: Token not allowed after unary operator: '-calc-yellow' (26801,26): run-time error CSS1039: Token not allowed after unary operator: '-calc-yellow' (26888,36): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey-light' (26907,21): run-time error CSS1039: Token not allowed after unary operator: '-calc-yellow' (26940,28): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey-light' (26949,28): run-time error CSS1039: Token not allowed after unary operator: '-calc-yellow' (26955,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-progress' (26994,37): run-time error CSS1034: (26994,37): run-time error CSS1042: Expected function, found ',' (26994,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (27110,17): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey' (27156,32): run-time error CSS1039: Token not allowed after unary operator: '-calc-grey-light' (27164,31): run-time error CSS1046: Expect comma, found '183' (27164,38): run-time error CSS1046: Expect comma, found '/' (27165,31): run-time error CSS1046: Expect comma, found '183' (27165,38): 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: #fdb728; color: #005a73; 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%; } .ebank-section .loan_calc .banner-section.cf .banner.banner-text-left figcaption { position: relative; float: none; top:0; } @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('Fonts/Linearicons.eot?7sta3u'); src: url('Fonts/Linearicons.eot?7sta3u#iefix') format('embedded-opentype'), url('Fonts/Linearicons.ttf?7sta3u') format('truetype'), url('Fonts/Linearicons.woff?7sta3u') format('woff'), url('Fonts/Linearicons.svg?7sta3u#Linearicons') format('svg'); 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: "𝕏"; /* Fix for icon - replacing with X logo affects icon placement. Fix it after removing Linearicons library */ display: block; } .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: #005a73; 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 #fdb728; 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: #fdb728; } /************************************************************************************************* 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; } .right-popup-button { background: white; position: fixed; left: 100%; top: 50%; transform-origin: 0%; width: max-content; transform: rotate(-90deg) translateY(-50%); z-index: 100; margin: -3px; cursor: pointer; } @media (max-width: 639px) { .right-popup-button { left: 0; transform: rotate(-90deg) translateY(50%); margin: 3px; top: 80%; } } .right-popup-button:hover { background: #fdb728; } .contact .Form__MainBody .plain-submit { margin-left: 0; } .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: #005a73; 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: #fdb728; } .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%; } 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: #005a73; 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: #fdb728; } .btn.btn-border-orange.login { background-color: #fdb728; } button [class*=icon], .btn [class*=icon] { font-weight: bold; display: inline-block; } .btn [class*=icon]:first-child { margin-right: 6px; } .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: #005a73; 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: #005a73; 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: #005a73; } .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: #005a73; } .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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; 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: #fdb728; } .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: #005a73; 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: #0a6078; background: none; } .banner figcaption .iconed > [class*='icon']{ font-size: 36px; color: #005a73; 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; } .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: #fdb728; 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: #fdb728; 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); display: flex; flex-direction: column; } .sfilters .top-group { padding: 38px 25px; flex-shrink: 0; background: #f1f6f8; border-bottom: 5px solid #b7cfd0; } .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-form { display: flex; flex-direction: column; gap: 24px; } .sfilters-section { display: flex; flex-direction: column; gap: 16px; } .sfilters-section input[type=radio] ~ label:before { border: 1px solid #bfc4c9; background: #ffffff; width: 17px; height: 17px; margin-right: 3px; top: 50%; transform: translateY(-50%); position: absolute; left:0; } .sfilters-section input[type="radio"]:checked ~ label:after { display: inline-block; top: 50%; transform: translateY(-50%); } .sfilters-section input[type="radio"] ~ label { position: relative; padding-left: 24px; cursor: pointer; user-select: none; line-height: 17px; } .sfilters-section input[type="radio"] ~ label:after { left: 5px; width: 9px; height: 9px; background: #004D62AA; top: 50%; transform: translateY(-50%); position: absolute; display: none; } .sfilters-checkboxes { display: flex; flex-direction: column; flex-wrap: wrap; gap: 8px; } .sfilters-checkboxes .radio-label { display: flex; flex-basis: 48%; flex-grow: 1; align-items: center; min-height: 34px; } .sfilters-tooltip { display: inline-flex; align-items: center; position: relative; cursor: pointer; min-width: 16px; } .sfilters-section input[type="radio"] ~ .sfilters-show-all { text-decoration: underline; max-width: fit-content; margin-left: auto; margin-right: auto; display: block; padding-left: 0; margin-top: 1.5em; } .sfilters-section .sfilters-show-all::before { display: none; } .sfilters-section input[type="radio"]:checked ~ .sfilters-show-all::after { display: none; } .sfilters-tooltip-icon { width: 16px; height: 16px; } .sfilters-tooltip-content { display: none; position: absolute; bottom: 175%; transform: translateX(-50%); background-color: #ffffff; color: #605F5F; padding: 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 10; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); border: 1px solid #005A73; min-width: 5em; max-width: 20em; width: max-content; text-wrap: auto; } .sfilters-tooltip-content::after { display: inline-block; position: absolute; content: ''; height: 10px; width: 10px; transform: rotate(45deg) translate(-25%, 25%); background-color: #ffffff; bottom: -6px; left: 50%; border-bottom: 1px solid #005A73; border-right: 1px solid #005A73; } .sfilters-tooltip-icon:hover ~ .sfilters-tooltip-content, .sfilters-tooltip-icon:focus ~ .sfilters-tooltip-content { display: block; } @media (min-width: 767px) { .sfilters-checkboxes { display: flex; flex-direction: row; } } @media (min-width: 767px) { .sfilters-tooltip { display: flex; flex-basis: 45%; margin-left: 5px; } } @media (max-width: 767px) { .sfilters-tooltip { margin-left: 5px; } } .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 #f8a913; 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: #f8a915; 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; } .branch-locator-container { display: flex; gap: 1em; flex-direction: column; } .branch-locator-container > div { display: flex; flex-direction: column; } .branch-locator-title { color: #005a73; font-weight: bold; font-size: 16px; } .branch-locator-section-title { font-weight: 500; color: #005a73; } .branch-locator-link { width: fit-content; border-bottom: 1px solid white; border-color: #bfc4c9; } .branch-locator-link:hover { width: fit-content; border-color: #ec9f00; } .results { flex-grow: 1; min-height: 0; } .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 #fdb728; 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 #fdb728; 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: #005a73; font-size: 21px; font-weight: 300; letter-spacing: 0; } .news-item .item-details h3 a span { display: inline-block; margin-left: 6px; color: #fdb728; 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: #005a73; font-size: 21px; font-weight: 300; letter-spacing: 0; } .slider .caption h3 a span { display: inline-block; margin-left: 6px; color: #fdb728; 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 #fdb728; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; margin: 0 3px; } .slider .owl-theme .owl-controls.clickable .owl-page:hover span { background: #fdb728; } .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: #005a73; font-size: 21px; font-weight: 300; letter-spacing: 0; } .latest .featured h3 a span { display: inline-block; margin-left: 6px; color: #fdb728; 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 #fdb728; 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: #fdb728; } .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: #005a73; font-size: 21px; font-weight: 300; letter-spacing: 0; } .history-section a span { display: inline-block; margin-left: 6px; color: #fdb728; 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 */ .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; visibility: initial; } .contact .field input:focus-visible { border: 2px solid #ec9f00; border-radius: 5px; transition: none; } .contact .field.error input { border-color: #fdb728; } .contact .field > .error { position: absolute; top: 72px; left: 0; padding-left: 15px; font-size: 14px; color: #fdb728; 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; } .contact textarea:focus-visible, .contact textarea:focus { border: 2px solid #ec9f00; } .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); 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; } .captcha-container { display: flex; align-items: start; flex-wrap: wrap; margin-top: 10px; } .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 #fdb728; 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; } .captcha-container > .plain-submit { padding:unset; float: none; clear: none; margin-left: 0; flex-basis: 166px; } .contact .plain-submit:hover { background: #fdb728; 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: #005a73; } .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: #fdb728; 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: #005a73; font-size: 21px; font-weight: 300; letter-spacing: 0; } .results-reports .item .item-details p a span { display: inline-block; margin-left: 6px; color: #fdb728; 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: #005a73; 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: #e7f2f4; text-align: center; } .centered-panel .tab-header.active { background-color: #005a73; 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 #005a73; color: #005a73; 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: #005a73; 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: #005a73; 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: #fdb728; 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: #005a73; 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.thickbox.focus-visible { text-shadow: none; outline: 2px solid #005a73; padding: 3px; border-radius: 3px; padding-left: 30px; } .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: #005a73; vertical-align: middle; display: inline-block; } .dynamic-content .links-list ul li a .small { font-size: 14px; color: #757575; 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: #fdb728; 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: #fdb728; 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: #fdb728; } .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: #fdb728; } .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 #fdb728; 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 #fdb728; } .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; padding-bottom: 3px; padding-left: 4px; padding-top: 3px; } .loan-form .radiobox input[type="radio"] { visibility: initial; } .loan-form .radiobox input[type="radio"]:focus + label::before { outline: 2px solid #005a73; outline-offset: 2px; } @media screen and (-ms-high-contrast: active) { .loan-form .radiobox input[type="radio"]:focus + label::before { outline: 2px solid currentColor; outline-offset: 2px; } } .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: #0a6078; 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; } .loan-form .calc__additional-fields { visibility: hidden; opacity: 0; max-height: 0; margin-bottom: 0; transition: all .2s ease-in-out; } .loan-form .calc__additional-fields--visible { visibility: visible; opacity: 1; max-height: fit-content; margin-bottom: 30px; transition: all .5s ease-in-out; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 2px solid #fdb728; border-radius: 50%; width: 36px; height: 36px; line-height: 34px; text-align: center; background: #ffffff; opacity: 1; cursor: pointer; } .ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus { outline: 2px solid #005a73; outline-offset: 2px; } .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: #fdb728; 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: #096e82; } .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: #005a73; 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: #005a73; } .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: #005a73; 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: #005a73; font-weight: normal; } .search-results ol li.hidden { display: none; } .search-results .category { position: absolute; bottom: 100%; left: 0; color: #fdb728; 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: #fdb728; } .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: #005a73; 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: #fdb728; } .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: #005a73; 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: #fdb728; 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: #fdb728; 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: #005a73; 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:#005a73; 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 #fdb728; } .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: #fdb728; 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: #e7f2f4; } .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: #005a73; margin-right: 10px; vertical-align: text-top; transition: all .2s ease; } .links-section ul li a:hover { background: #005a73; 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: #fdb728 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: #fdb728; 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: #fdb728; 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 #fdb728; 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 #fdb728; background-color: transparent; background-image: url(../Media/play_white.png); } .heros-list .playVid:hover .playicon { background-color: #fdb728; } .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: #fdb728; 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: #005a73; 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: #005a73; font-size: 18px; font-weight: 900; border-bottom: 1px solid #005a73; 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: #005a73; 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: #fdb728; 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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; } .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; } .swap { display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 26px; color: #005a73; width: 44px; height: 44px; line-height: 50px; border-radius: 50%; background-color: #d2e3e8; text-align: center; cursor: pointer; transition: all .3s ease; } .swap:hover { background-color: #005a73; 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%; } .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: #005a73; 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: #fdb728; 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: #fdb728; } .proth-row.blue .inner-table .row .col .col-title { color: #005a73; } .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: #005a73; } .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: #005a73; font-size: 21px; font-weight: 300; line-height: 28px; letter-spacing: 0; } a.three-box-title, a.three-box-title:visited { color: #005a73; } .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: #444; font-size: 18px; background-color: #fdb728; border-radius: 5px; padding: 10px 15px; transition: 0.3s ease; position: absolute; bottom: 0; /*left: 25px;*/ } .box-btn:hover, .box-btn:focus { color: #444; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2); } .box-btn:hover { background-color: #fdb728; } .box-btn:active { background-color: #ec9f00; } .box-btn:visited { color: #444; } .box-btn-color-orange { background-color: #fdb728; } .box-btn-color-orange:hover, .box-btn-color-orange:active { background-color: #ec9f00; } .box-btn-color-blue { background-color: #005a73; 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: #444; 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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; background-color: #fdb728; } .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: #fdb728; 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: #005a73; 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: #005a73; } } @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: #005a73; } } .redesign-cards-card { margin: 0 -20px; } .redesign-cards-card .owl-theme .owl-controls .owl-page span { background-color: #fff; border: 2px solid #005a73; opacity: 0.8; } .redesign-cards-card .owl-theme .owl-controls .owl-page.active span { background-color: #005a73; } .redesign-cards-top { display: flex; padding-top: 20px; justify-content: space-between; flex-wrap: wrap; } .redesign-cards-item .redesign-cards-item-title { color: #005a73; 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: linear-gradient(135deg, #006e84 0%, #007e96 24%, #003540 50%, #00758c 79%, #0092af 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: block; 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 #fdb728; border-radius: 4px; transition: 0.3s ease; } .redesign-cards-btn { background-color: #fdb728; border-radius: 5px; color: #444; 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: #fdb728; } .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: #005a73; 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-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: #005a73; padding: 10px 15px; transition: 0.3s ease; } .help-btn.focus-visible { outline: 2px solid #ec9f00 !important; } .help-btn:visited { color: #005a73; } .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: #005a73; 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, 255, 255, 0.91); 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: #005a73; } .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: #005a73; display: block; font-size: 35px; padding-bottom: 10px; will-change: transform; } .nav-item-text { color: #005a73; 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%; } .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: #005a73; 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: #005a73; 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; } .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 #005a73; display: none; } .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 #005a73; 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%; } .bank-video-module-title { color: #343f4b !important; font-size: 36px !important; font-weight: bold !important; line-height: 42px; padding-bottom: 10px; } .zig-zag-container-title { text-align: left; color: #343F4B !important; font-weight: bold !important; font-size: 36px !important; } .zz-page-master .share-buttons { position: relative; top: 35%; width: 10%; max-height: 100px; display: flex; float: right; align-items: center; z-index: 3; flex-direction: column; margin-top:3%; } media (max-width: 1444px) .zz-page-master .share-buttons { right: 4vw; } .st-btn a { color: #605f5f; } .zz-page-master .share-buttons .st-btn:hover { border-color: #005a73; } .st-btn a:hover { color: #005a73; } .st-btn { display: block; width: 45px; height: 45px; border: 2px solid #605f5f; border-radius: 50%; padding: 5px; margin: 5px; background-color: #fff; transition-duration: 30ms; cursor: pointer; font-size: 30px; color: #605f5f; } .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: 100%; } .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: #fdb728; 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: #005a73; 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: #005a73; 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 #005a73; border-radius: 5px; color: #005a73 !important; } .calc-btn-white:hover { color: #005a73 !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: #e7f2f4; } .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: #005a73; } .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: #005a73; z-index: 99; box-sizing: border-box; background-color: #fff; transition: 0.3s ease; } .comparison-preview__card-remove:hover { background-color: #005a73; 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: #005a73; 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: #005a73; } .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: #005a73; 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: #fdb728; transform: scale(1.2); } .card-comparison__back.btn:active { background-color: #ec9f00; } .card-comparison__back.btn:hover .icon { color: #005a73; } .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: #005a73; 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 #fdb728; 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: #005a73; 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 { position: relative; padding-left:1%; color: #343F4B; font-size: 36px; line-height: 42px; } .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; } .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: #005a73; 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: #fdb728; 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: #fdb728; 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; } /* GROUP SECTION BLOCK*/ .group-section-block-container { display: grid; justify-content: center; padding: 20px; margin: 0 auto; box-shadow: 0 4px 20px rgb(0 0 0 / 35%); border-radius: 10px; max-width: 1160px; } .group-section-block-title { display: flex; justify-content: left; padding: 20px 50px; color: #343F4B; font-size: 36px; } .group-section-items { display: grid; padding: 50px; align-items: flex-start; font-size: 20px; column-gap: 100px; overflow: hidden; row-gap: 70px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); max-width: 1000px; } .group-section-items-container { display: grid; row-gap: 20px; } .group-section-items-number { font-size: 58px; color: #005a73; margin-bottom: 20px; font-weight: 500; } .group-section-items-description { line-height: 1.2; color: #605f5f; font-weight: normal; max-width: 200px; font-size: 18px; word-wrap: break-word; } /*--------------------------------------------------------------------------------*/ /*-------------------------------- LOAN SECTION ----------------------------------*/ /*--------------------------------------------------------------------------------*/ .loan-section .intro { text-align: center; padding-top: 76px; padding-bottom: 5px; } .loan-section h2 { font-size: 40px; font-weight: normal; color: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; font-size: 21px; font-weight: 300; letter-spacing: 0; } .slider .caption h3 a span { display: inline-block; margin-left: 6px; color: #fdb728; 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 #fdb728; 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: #fdb728; } .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); } } /*pagination*/ .pagination { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0 64px; justify-content: center; } @media only screen and (max-width: 767.98px) { .pagination { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .pagination__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pagination__link, .pagination__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; text-decoration:none; } @media only screen and (max-width: 767.98px) { .pagination__link, .pagination__button { width: 35px; height: 35px; } } .pagination__link--active { background-color: #f6f6f6; } .pagination__link { font-size: 16px !important; color: #013ca6; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media only screen and (min-width: 1025px) { .no-touch .pagination__link:hover { color: #000; } } @media only screen and (max-width: 767.98px) { .pagination__link { font-size: 14px; } } .pagination__button { -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2); background-color: #f6f6f6; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .pagination__button .icon { color: #013ca6; } @media only screen and (min-width: 1025px) { .no-touch .pagination__button:hover .icon { color: #000; } } .pagination__arrows { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pagination__arrows--left .pagination__button { margin-right: 12px; } .pagination__arrows--left .pagination__button .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 767.98px) { .pagination__arrows--left { margin-bottom: 15px; } } .pagination__arrows--right .pagination__button { margin-left: 12px; } @media only screen and (max-width: 767.98px) { .pagination__arrows--right { margin-top: 15px; } } .pagination__arrows--disable { pointer-events: none; } .pagination__arrows--disable .pagination__text { color: #d9d9da; } .pagination__arrows--disable .pagination__button .icon { color: #d9d9da; } .pagination__text { color: #013ca6; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.4; color: #3e3e3e; } /* 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 #fdb728; border-radius: 100%; text-align: center; } .filter_button .btn-border-orange { border-color: #fdb728; 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: #005a73; } 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); } :root { --yellow-color: #f7aa3c; --orange-color: #ec9f00; --blue-color: #005a73; } .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: var(--yellow-color); } .contact .ValidationFail .selectric .label { border: 2px solid var(--yellow-color); } .contact .ValidationSuccess .selectric .label { border-color: transparent; } .EPiServerForms .Form__Element .Form__Element__ValidationError { display: inline-block; padding-left: 15px; font-size: 14px; color: var(--yellow-color) !important; } .contact .field.checkboxes.ValidationFail label:before { border-color: var(--yellow-color); } .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: var(--yellow-color); cursor: pointer; } .FormFileUpload__Label:active .FormFileUpload__Span { background-color: var(--orange-color); } .FormFileUpload__Span { font-size: 15px; line-height: 32px; height: 36px; background: none; font-weight: 500; color: #000; display: inline-block; border: 2px solid var(--yellow-color); border-radius: 5px; padding: 0px 40px; text-align: center; transition: all .2s ease; 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: var(--yellow-color); } .FormFileUpload__Input:active::before { background-color: var(--orange-color); } .FormFileUpload__Label { display: inline-block; position: relative; overflow: hidden; width: 100%; } .FormFileUpload__Label input[type="file"] { position: absolute; bottom: 0; left: 0; opacity: 0; font-size: 100px; filter: alpha(opacity=0); cursor: pointer; } .FormFileUpload__Label input[type="file"]:focus + .FormFileUpload__Span, .FormFileUpload__Label input[type="file"]:focus-visible + .FormFileUpload__Span { background-color: var(--yellow-color); border: 2px solid var(--blue-color); } .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%; } .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-wrapper:focus-within .selectric .label { border: 2px solid var(--yellow-color) !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 .FormStep__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 #fdb728; } .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; } #knowledge-center-root ol li { color: inherit } /* 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: #757575; 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: #005a73 !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: #005a73 !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 a:focus { outline: 1px solid #005a73; padding: 2px; text-shadow: none; border-radius: 3px; } .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: #fdb728; color: #424242; cursor: default; } .side-nav.side-panel .side-heading:hover { background-color: #fdb728; } .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: #fdb728 !important; } #ccc .checkbox-toggle--slider.checkbox-toggle--dark { background-color: #fdb728 !important; border-color: #fdb728 !important; } #ccc .checkbox-toggle--dark .checkbox-toggle-toggle { background-color: #fff !important; } #ccc .checkbox-toggle--slider .checkbox-toggle-off, #ccc .checkbox-toggle--slider .checkbox-toggle-on { color: #424242 !important; opacity: 1 !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; } .ccc-intro a.focus-visible:focus, button.ccc-link:focus { text-shadow: none; outline: 2px solid #ec9f00; outline-offset: 3px; color: #fff !important } /* 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: #fdb728 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: #fdb728; 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-notes { display: flex; justify-content: flex-end; width: 100%; flex-wrap: wrap; } .calculator-notes-text { justify-content: flex-start; display: flex; flex-direction: column; width: 30%; flex-wrap: wrap; height: 100%; margin-top: 0px; align-items: flex-start; text-align: justify; }*/ .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 #fdb728; 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: #80b5bf; 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: #0a6078; } .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; } .loan-form .loan-results .loan-form-notes { font-size: 13px; line-height: 1.55; text-align: left; overflow-y: scroll; height: 200px; } .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: #005a73; 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: #005a73; } .wrapper.bricks .item .description .item-intro { color: #000000; } .wrapper .item .description .category { font-size: 13px; color: #005a73; 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: #005a73; 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: #005a73; 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: #005a73; } .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: #005a73; font-family: Roboto; font-size: 14px; font-weight: 700; margin-bottom: 2px; } .section.tweets-section .tweet .content .link { color: #005a73; 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: #fdb728; 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: #005a73; 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: #005a73; } .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: #005a73; } .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: #005a73; } .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: #005a73; } .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: #005a73 !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: #fdb728; color: #005a73; } .banner.image-banner figcaption .btn { margin-right: 15px; } .banner.image-banner.light figcaption .btn { margin-right: 0; margin-left: 12px; border: 2px solid #fdb728; } .banner.image-banner.light figcaption .btn:hover { background-color: #fdb728; color: #005a73; } /*Carousel*/ .banner.white .btn.btn-border-orange { background: rgba(248,167,14,0.65); } .banner.white .btn.btn-border-orange:hover { background: #fdb728; } .banner.white .btn.btn-border-orange:active { background: #ec9f00; } .banner.white .btn.text-blue { color: #005a73; } .banner.white .btn.text-black { color: #000000; } .banner.white .btn.text-white { color: #eceeee; } .banner.white .btn.text-yellow { color: #fdb728; } .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: #006c80; } .products__heading h4 { font-size: 28px; color: #006c80; font-weight: normal; } .products__item { width: 15%; margin: 0 8px; display: inline-block; } .product__item-wraplink { text-align: center; background-color: #005a73; 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 #fdb728; color: #fff; } .banner.boc-banner--insurance figcaption a.btn:last-child { margin-right: 0; } .banner.boc-banner--insurance figcaption a.btn:hover { background-color: #fdb728; color: #005a73; } .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: #006C80; 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: #005a73; 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: #fdb728; top: 50%; left: 103%; } .promotions__item:nth-child(3n+2) .promotions__img-holder::before { position: absolute; content: ''; height: 1px; width: 450%; background-color: #fdb728; 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: #006c80; 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: #006c80; 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: #005a73; 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: #005a73; color: #fff; padding: 10px 20px; } } .contact { padding: 75px 0; } .contact__heading { text-align: center; margin-bottom: 57px; } .contact__heading h2 { font-size: 36px; color: #006c80; } .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: #005a73; 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: #fdb728; 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: #006C80; margin-bottom: 0; letter-spacing: 0; font-weight: bold; } .email .contact__card-name { font-weight: normal; } .contact__card-number { font-size: 2vw; color: #006C80; letter-spacing: 0; margin-bottom: 0; font-weight: bold; } .contact__card-email { font-size: 13px; color: #006C80; 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: #006C80; 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: #fdb728 !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: #fdb728; 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 #fdb728; 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: 200; bottom: 0; margin: auto; } .promo-inner #yt_video iframe { z-index: 20; } .promo-inner.video .closeVid { position: fixed; z-index: 201; } .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: #006c80; margin-bottom: 16px; } .steps__heading h4 { font-size: 18px; color: #006c80; } .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: #fdb728; 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: #fdb728; width: 220%; top: 50%; right: 100%; } .step__item:nth-child(3n+2) .step__holder::after { content: ''; position: absolute; height: 1px; background-color: #fdb728; 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: #006c80; 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 #fdb728; 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 #fdb728; 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 #fdb728; line-height: 1.4; } .section__table.table>table tbody tr td { font-size: 16px; color: #000; border-right: 1px solid #fdb728; 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 #fdb728; border-bottom: 1px solid #fdb728; } .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: #006c80; } .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: #fdb728; } .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: #006c80; } .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: #006c80; } .loans__carousel-yellow .tab-header a { color: #006c80; font-weight: 400; } .loans__carousel-yellow .banner .tag { background-color: #fdb728; color: #006c80; } .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: #005a73; 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: #fdb728; } .form-select-container>button { background: transparent; border: 1px solid #005a73; 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; padding-left: 20px; } .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: #006c80; padding-bottom: 15px; } .additional-info .title.yellow { color: #fdb728; } .additional-info .description { color: #000; padding-bottom: 15px; } .additional-info a.btn.btn-border-orange.arrow-right { background: #fdb728; 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: #096e82; } .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 #fdb728; 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: #fdb728; 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.file { width: 25px; height: 26px; background: url('../Media/icon-file.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%; visibility: initial; } .filter-by-year.field input:focus { border: 2px solid #fdb728; outline: 2px solid #005a73; outline-offset: 2px; } .filter-by-year.field input:focus + label::before { border: 2px solid #fdb728; outline: 2px solid #005a73; outline-offset: 2px; } @media screen and (-ms-high-contrast: active) { .filter-by-year.field input:focus + label::before { outline: 2px solid currentColor; outline-offset: 2px; } } .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: #fdb728; 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: #fdb728; 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 #fdb728; 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: #005a73 !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: #fdb728; 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: #fdb728; 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-visible, button.focus-visible:focus-visible { text-shadow: none; z-index: 3; outline: 2px solid #005a73; } .top-bar a.focus-visible:focus-visible, .top-bar button.focus-visible:focus-visible { color: #fff !important; z-index: 3; border: 2px solid #ec9f00; border-radius: 5px; padding: 6px 5px; transition: none; } .top-bar .search-filed-button.focus-visible:focus-visible { color: inherit !important; } .middle-bar a.focus-visible:focus-visible { color: #005a73 !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-visible { color: #fff !important; background-color: #ec9f00; text-shadow: none; z-index: 3; border: none; outline: 2px solid #005a73; outline-offset: 2px; } a.category.focus-visible:focus { font-weight: bold; color: #000 !important; box-shadow: none; background-color: none; 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; } .breadcrumb a.focus-visible:focus span { font-weight: bold; } a.focus-visible:focus img { padding: 3px; border: 1px solid #005a73; } .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 { font-weight: bold; } .has-submenu a:not(.btn):not(.second-level).focus-visible:focus { 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 #005a73 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 #005a73 1px; } .filter-by-year .btn-orange { background: #fdb728; border-color: #fdb728; margin-bottom: 20px; } .filter-by-year .btn-orange:hover { background: #fff; border-color: #fdb728; } .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: #fdb728; } @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: #005a73; } .pagination ul li a.prev { margin-left: 0; } .pagination a.selected { background-color: #005A73; color: white; border-radius: 50%; padding: 6px 14px; text-align: center; } .search-container--auto .field input { font-size: 16px; border-radius: 22px; box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); background: #fff; border: 0; transition: .3s ease-in-out; } .search-container--auto .field input.active-search { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .easy-autocomplete-container ul { background: transparent; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28); border-top: 0; } .easy-autocomplete-container ul:before { border-top: 1px solid #e8eaed; margin: 0 20px 0 14px; content: ''; height: 1px; width: calc(100% - 20px); left: 0; position: absolute; top: 0; } .easy-autocomplete-container ul li { background: #fff; border: 0; padding: 0; } .easy-autocomplete-container ul li a { position: relative; padding: 6px 20px 6px 35px; } .easy-autocomplete-container ul li a .icon-magnifier { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } .easy-autocomplete-container ul li:last-child { border: 0; } .easy-autocomplete-container ul li:last-child { border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; } .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 #005a73 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 .selected:focus { outline: 2px solid #005a73; outline-offset: 2px; transition: none; } .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; } .select-box li:focus { outline: 2px solid #005a73; transition: none; } .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; } .swap:focus { outline: 2px solid #005a73; outline-offset: 2px; transition: none; } @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:#005a73; 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:#005a73; } .sitemap .tree li a:hover { color:#000; } .tree li button { position: absolute; left: -5px; top: 3px; right: auto; border: 1px solid #005a73; background: #fff; font-size: 9px; border-radius: 20px; width: 18px; height: 18px; padding: 0px; color: #005a73; 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 { 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; } } .Form__Description { text-align: center; font-weight: 400; margin-bottom: 50px; font-size: 28px; } @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: #fdb728; background-color: transparent; outline: none; } .card-calculator .btn.btn-border-orange:hover:not(:disabled) { border-color: #fdb728; background-color: #fdb728; } .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; } /* 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: #fdb728 transparent #fdb728 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .gallery-body { font-family: Arial, sans-serif; text-align: center; max-width: 1170px; margin: 3rem auto; box-sizing: border-box; color: #fff; float: none; } .gallery-h1 { margin-bottom: 3rem; } .images { width: 85%; margin: 0 auto; display: grid; grid-gap: 7.5px; grid-template-columns: 25% 25% 25% 25%; align-content: center; align-items: baseline; } .image_style { height: 200px; max-width: 250px; zoom: 100%; } @media (max-width: 485px) { .images { grid-template-columns: 50% 50%; } .mobile_width { width: 80%; } .image_style { height: 160px; max-width: 250px; zoom: 100%; } } .template { transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; position: relative; } .imgoverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #005a7380; } .template:hover .imgoverlay { opacity: 1; } .template p { color: white; position: absolute; bottom: 8px; left: 10px; font-size: 11px; } .template.animate { transform: scale(1); opacity: 1; } .template.animate:hover .imgoverlay { opacity: 1; } #gallery-pagination { margin: 30px 0; } #btnNext, #btnPrevious { background: transparent; color: #609ea5; padding: 8px 28px; border: 0; font-size: 18px; cursor: pointer; outline: none; } #gallery-pagination #page { margin-left: 15px; margin-right: 15px; color: #707070; font-style: italic; font-size: 13px } .modal_text { margin-top: 15px; color: #005a73; font-weight: bolder; } .sr-only { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } #gallery-dots { margin-bottom: 15px } .gallery-dot { background: #609ea5; border: 0; padding: 0; width: 50px; height: 8px; margin: 5px; opacity: 0.4; outline: none; cursor: pointer; } .gallery-dot.active { opacity: 1; } #gallery-pagination { display: grid; } .ui-button .ui-icon { position: absolute; font-family: 'FontAwesome'; top: 0; left: 10px; content: "\f005"; } .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: #005a73; } .bg-yellow .zig-zag-container .zig-zag-item:nth-child(odd) { background-color: #fdb728; } .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: #005a73; } .zig-zag-rte-block .text-black * { color: #000000; } .zig-zag-rte-block .text-white * { color: #eceeee; } .zig-zag-rte-block .text-yellow *{ color: #fdb728; } .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: #005a73; } .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: #fdb728; } .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; padding: 0px; padding-bottom: 30px; } .zig-zag-container .zig-zag-item:nth-child(odd) { flex-direction: column; padding: 0px; padding-bottom: 30px; } .zig-zag-rte-block { width: 100%; padding: 12px 0px; } .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 { 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: #fdb728; } .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action { font-size: 12px; font-weight: 500; color: #000000; display: inline-block; border: 2px solid #fdb728; 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: #fdb728; } .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action:not(:disabled):active { background: #ec9f00; } .EPiServerForms .Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar { border: 2px solid #fdb728; 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: #fdb728; 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: #005a73; } .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: #005A73; 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: #005a73; padding: 10px 40px 10px 10px; } .modal-content .close-wrap.focus-visible .close-txt { outline: 2px solid #005a73; } .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 #fdb728; border-radius: 5px; margin: 10px; font-size: 14px; font-weight: bold; color: #005a73; } .category-btn.selected { background-color: #fdb728; } .category-container { text-align: center; } #all-products { position: relative; } #all-products .three-box-wrap{ position: relative; height: 100%; } .loyalty-container { margin: 5% auto; max-width: 1062px; align-items: center; padding-left: 20px; padding-right: 20px; border-radius: 10px; transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1); } .loyalty-container-title { color: #343F4B !important; font-weight: bold !important; font-size: 40px; margin-bottom: 16px; } .loyalty-container-subtitle { font-size: 32px; } .tabs-container { display: flex; justify-content: center; } .tabs-container button { min-height: 50px; height: auto; } .category-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; } .category-wrapper-image { width: 200px; height: 200px; margin-top: 20px; margin-bottom: 20px; } .category-wrapper-title { font-size: 28px; color: #343F4B; font-weight: bold; } .feature-item h3 { font-size: 20px; color: #343F4B; } .feature-property-list .feature-property-item span { color: #343F4B; } .feature-property-item span { font-size: 18px; } .feature-list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 200px; list-style: none; padding: 0; max-width: 800px; margin-top: 20px; } @media only screen and (max-width: 767px) { .loyalty-container-title { font-size: 32px; } .loyalty-container-subtitle { font-size: 20px; } .feature-list { grid-template-columns: 1fr; gap: 24px; } .category-wrapper-title { font-size: 20px; } .feature-item h3 { font-size: 16px; } .feature-property-list .feature-property-item span { font-size: 18px; } } @media only screen and (max-width: 456px) { .tabs-container { flex-direction: column; align-items: center; } .feature-list { grid-template-columns: 1fr; } } .feature-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .feature-item h3 { text-align: left; font-weight: bold; } .feature-property-list { display: flex; flex-direction: column; list-style: none; margin-top: 16px; padding: 0; width: 100%; align-items: flex-start; } .feature-property-item { list-style: none; display: flex; align-items: flex-start; justify-content: center; flex-direction: row; margin-bottom: 16px; } .feature-property-item span { text-align: left; font-size: 18px; margin-top: 1px; line-height: 1; } .feature-property-item-icon { margin-right: 8px; width: 20px; height: 20px; min-width: 20px; min-height: 20px; } .aff-results { font-weight: bold; font-size: 20px; } .afford_left { padding: 64px 48px; width: 100%; } .afford_left .buttons-container-aff { height: auto; padding-top: 20px; border-top: 1px solid var(--calc-grey-light); } .aff_flex { display: flex; justify-content: space-between; min-width: 100%; } .aff_flex .buttons-container-aff { justify-content: space-between; } .afford_right { min-width: 200px; background: rgba(0, 0, 0, 0.04); border-left: 1px solid rgba(0, 0, 0, 0.07); display: flex; flex-direction: row-reverse; } .content-aff .afford_left .heading { color: var(--calc-green); font-size: 32px; font-weight: 300; margin: 0 0 24px; text-align: left; } .content-aff .afford_left .heading-sub { color: black; font-size: 21px; font-weight: 300; margin: 0 0 36px; text-align: left; } .borrower-form h4, .borrower-form label { padding-left: 0 !important; } .borrower-form .field.field-result { padding: 0 !important; margin-left: 0 !important; } .borrower-form .slider { margin-right: 24px; } .borrower-form .field-result-wrap, .borrower-form .left { padding: 0 !important; } .borrower-form .field-result-wrap { border-radius: 5px; } .borrower-form .field.slider { width: calc(100% - 270px); } .borrower-form .field-result { max-width: 200px !important; } .borrower-form { max-width: 100%; } .borrower-form .field-container { padding-left: 10%; display: flex; justify-content: flex-start; align-items: center; } .content-aff .afford_left .heading_2 { color: var(--calc-green); font-size: 30px; font-weight: 200; margin-top: 20px; text-align: center; } .card_inner_result_aff { width: 100%; display: flex; justify-content: space-evenly; max-width: 900px; } .card_inner_result_aff .heading { color: var(--calc-green); font-size: 40px; font-weight: 300; margin-top: 20px; text-align: center; } .card_inner_result_aff .results_err_heading_aff { font-weight: 700; font-size: 26px; text-align: center; display: flex; color: var(--calc-green); align-items: center; margin-top: 18px; } .card_inner_result_aff .results_err_text_wrap_aff { display: flex; align-items: center; flex-direction: column; } .card_inner_result_aff .results_err_text_wrap_aff .results_err_text_aff { font-weight: 800; font-size: 18px; margin-top: 40px; } .number-input-wrapper-aff { display: flex; justify-content: center; text-align: center; } .input-wrapper-aff { line-height: 0; width: 160px; height: 42px; display: flex; border-radius: 50%; justify-content: center; text-align: center; } .input-wrapper { font-size: 16px; } .input-wrapper .input-number-aff-currency-prefix { font-size: 16px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; justify-content: center; } .input-number-aff { -moz-appearance: textfield; padding: 10px; text-align: center; justify-content: center; background-color: #fdb728; width: 90px; } .input-number-aff-currency { text-align: left; width: 200px !important; border: 1px solid lightgray !important; padding: 10px; padding-left: 26px; border-radius: 8px !important; } .input-number-aff-currency.focus-visible { border: 1px solid #fdb728 !important; } .input-number-aff-currency-prefix { position: relative; top: 0; left: 24px; } #family_income, #family_expenses { position: relative; } #duration-2 .ui-slider-horizontal:before, #age-2 .ui-slider-horizontal:before { content: ""; width: 100%; height: 5px; position: absolute; top: -5px; left: 0; background: url(../Media/ruler.png) repeat-x scroll; } #duration-2, #age-2 { border-radius: 5px; position: relative; text-align: left; background: #eceeee; } /*#age-2 .field-result { max-width: 200px !important; }*/ #duration-2 .duration_slider, #age-2 .age_slider { overflow: visible; padding-left: 40px; width: calc(100% - 270px); display: inline-block; } @media only screen and (max-width: 480px) { #facility_selection_tab4 .field-result input { padding: 0 10px; } } @media only screen and (max-width: 767px) { .borrower-form .field-container { padding-left: 16px; padding-right: 16px; flex-direction: column; } #duration-2 .duration_slider, #age-2 .age_slider { width: 100%; margin-left: 23px; } /*#age-2 .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; }*/ .borrower-form .field.slider { width: 100%; } #age-2 .field-result input { text-align: left; } .loan-form .field-result-wrap .field-result .txt { left: 39%; position: absolute; } } #duration-2 .field-result { display: flex; align-items: center; background: #eceeee; max-width: 90px; margin: 0; } #age-2 .field-result { display: flex; align-items: center; background: #eceeee; margin: 0; padding: 0 10px !important; background-color: white; border-radius: 5px; width: auto; } #duration-2 .field-result input, #age-2 .field-result input { width: 18px; background: #fff; padding: 0; } .input-wrapper-aff * { font-size: 16px !important; border: none; width: 70px; align-items: center; display: flex; } #facility_selection_tab4 .heading { margin-bottom: 16px; } .input-wrapper-aff button { cursor: pointer; justify-content: center; } .input-wrapper-aff button:first-child { border-radius: 50% 0 0 50%; color: #fdb728; justify-content: center; font-weight: 700; } .input-wrapper-aff button:last-child { border-radius: 0 50% 50% 0; color: #fdb728; justify-content: center; font-weight: 700; } .input-radio { font-size: 15px; display: flex; align-items: center; gap: 8px; } .input-radio::after { top: 8px; } .buttons-container-aff { display: flex; width: 100%; height: 50px; justify-content: center; } .buttons-container-results-aff { display: flex; width: 100%; height: 50px; justify-content: flex-end; margin-top: 30px; margin-bottom: 30px; } .start-btn-aff { float: unset; } .affordability-secondary-button { background-color: transparent; color: black; font-weight: 500; padding: 16px; font-size: 16px; font-family: inherit; } .affordability-primary-button { border: 2px #fdb728 solid; padding: 16px !important; } .radio-btn-affordability { padding-bottom: 2%; } .radio-btn-affordability:last-child { padding-bottom: 0; } #aff-main-wrapper .affordability-hidden { display: none; } .affordability-hidden { display: none; } #maximum_property_result, #maximum_property_result2 { margin-top: 30px; border-top: 2px solid #9E9E9E; } .button-section-aff { display: flex; justify-content: center; margin: 4%; } .box-btn-aff { font-family: "Roboto", sans-serif; color: #444; font-size: 16px; background-color: #fdb728; border-radius: 8px; padding: 10px 15px; transition: 0.3s ease; border: unset; font-weight: 500; padding: 15px 24px 16px; min-width: 140px; } .box-btn-aff:focus { color: #444; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2); } .box-btn-aff:active { background-color: #ec9f00; } .box-btn-aff:visited { color: #444; } .box-btn-aff-back { background-color: white; border: none; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 500; text-decoration: underline; border-radius: 5px; padding: 9px 8px; transition: 0.3s ease; } .box-btn-aff-back:hover { color: var(--calc-yellow); } .box-btn-aff-back:focus-visible { outline: 3px solid red; } .box-btn-aff-back:focus { color: #444; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2); } .box-btn-aff-back:visited { color: #444; } .label_radio_aff { font-size: 16px; display: flex; align-items: center; gap: 14px; font-family: inherit; color: #757575; min-height: 21px; margin-bottom: 16px; padding-left: 40px; } div[id^="aff_tab"] .container input { position: absolute; opacity: 0; cursor: pointer; } #facility_selection_tab2 input[type="radio"] ~ label:before, #purposes-div input[type="radio"] ~ label:before { /*content: ' '; width: 21px; height: 21px; display: inline-block; border-radius: 50%;*/ width: 21px; height: 21px; border: 1px solid rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; /*background: #ffffff;*/ } .content-aff input[type="radio"] { height: 20px; visibility: initial; } .content-aff input[type="radio"]:focus + label::after{ outline: 2px solid #005a73; outline-offset: 2px; } .content-aff .radio-btn-affordability { padding-left: 2px; padding-top: 2px; } #facility_selection_tab2 input[type="radio"] ~ label:after, #purposes-div input[type="radio"] ~ label:after { content: ""; width: 15px; height: 15px; border-radius: 50%; background: #f8a915; position: absolute; top: 3px; left: 3px; border: 1px solid #f8a915; } /*.card_result_aff input[type=radio]:checked ~ label:after, .card_result_aff input[type=checkbox]:checked ~ label:after { transform: translate(50%, 50%); }*/ .under_age_content_aff { display: flex; align-content: stretch; flex-wrap: wrap; flex-direction: column; } .under_age_content_aff .heading { font-weight: 700; font-size: 26px; text-align: center; margin: 3%; color: var(--calc-green); } .content-aff { color: black; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); display: flex; } .content-aff { display: flex; justify-content: space-between; } .content-aff .heading { font-weight: 700; font-size: 26px; text-align: center; margin: 3%; color: var(--calc-green); } .content-aff .content-aff_paragraph { line-height: 1.5; color: var(--calc-grey); font-size: 16px; margin-top: 0px; } .content-aff .description-aff { text-align: center; color: var(--calc-green); font-size: 18px; font-weight: bold; } .content-aff .description-aff-sub { text-align: center; color: black; font-weight: 200; } .content-aff .description-aff::first-child { margin-top: 40px; } .content-aff .description-aff:not(:first-child) { margin-top: 20px; } .content-aff .description-aff-orange { margin-top: -10px; margin-bottom: 10px; text-align: center; color: #f0a202; margin-top: 20px; font-weight: 700; } .content-aff .description-aff-heading { font-weight: 700; font-size: 24px; text-align: center; margin-top: 10px; color: black; } .content-all-results-aff { display: flex; justify-content: center; gap: 16px; margin-bottom: 40px; margin-top: 40px; position: relative; } .contact-us-results-aff { margin-top: 20px; display: flex; text-align: center; align-content: stretch; flex-direction: column; align-items: center; margin-left: auto; margin-right: auto; max-width: 500px; } .contact-us-results-aff p { font-size: 20px; } .contact-us-btn-wrap-aff { width: 100%; max-width: 300px; display: flex; justify-content: center; flex-direction: row-reverse; gap: 16px; margin-bottom: 40px; } .contact-us-btn-wrap-aff a { padding: 16px; border: 4px solid #fdb728; } .box-btn-contact-us-aff { background-color: #fff; border-radius: 5px; color: #005a73; padding: 10px 15px; transition: 0.3s ease; font-size: large; font-weight: 600; margin-top: -10px; } .content-results-aff { background-color: #f5f5f5; border-radius: 20px 20px 0px 0px; width: 450px; padding-bottom: 20px; } .content-aff .content-percentage-result-aff { margin-top: 20px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; } .content-aff .content-result-aff { display: flex; justify-content: space-between; margin-left: 20px; margin-right: 20px; margin-top: 20px; } .content-aff .content-result-aff .aff-results-description { color: var(--calc-green); display: flex; font-size: 16px; margin-block-start: 8px; line-height: 1em; } .content-aff .content-result-aff.highlighted { margin-top: 32px; padding-top: 6px; border-top: 1px solid #9E9E9E; } .content-aff .content-result-aff .aff-results-value { font-size: 16px; margin-right: 20px; font-weight: bold; margin-block-start: 8px; line-height: 1em; margin-left: 8px; color: var(--calc-green); } .content-aff .content-percentage-result-aff .aff-results-description-main { color: var(--calc-green); font-size: 18px; font-weight: bold; } .content-aff .content-percentage-result-aff .aff-results-value-main { font-size: 18px; margin-right: 20px; margin-block-start: 8px; line-height: 1em; } .card_result_aff::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; z-index: -1; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .card_result_aff { margin: 5% auto; max-width: 1062px; align-items: center; padding-left: 20px; box-shadow: 0 10px 20px #005a7342; overflow: hidden; border-radius: 10px; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .card_under_age_aff { margin: 5% auto; max-width: 1062px; min-height: 250px; padding-left: 20px; box-shadow: 0 10px 20px #005a7342; overflow: hidden; display: flex; border-radius: 10px; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); justify-content: center; align-items: center; } .checked-icon-aff { width: 3%; } .mobile_button_first_aff { } .input_radio_aff { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #f8a915; position: absolute; top: -7px; left: 9px; } .aff-calc__progress { align-items: center; display: flex; flex-shrink: 0; margin-bottom: 56px; position: relative; text-align: left; width: 100%; } .aff-calc__progress__number { color: rgba(0, 0, 0, 0.3); display: inline-block; flex-shrink: 0; font-size: 40px; font-weight: 700; line-height: 1.3; margin-right: 16px; } .aff-calc__progress-bar-wrap { background-color: var(--calc-grey-light); border-radius: 8px; height: 5px; overflow: hidden; position: relative; width: 100%; } .aff-calc__progress-bar { background-color: var(--calc-yellow); border-radius: 8px; bottom: 0; left: 0; position: absolute; top: 0; width: var(--calc-progress); } .alert-aff { position: relative; left: -10px; width: auto; height: auto; padding: 10px; margin: 10px; margin-bottom: 20px; margin-right: 10px; line-height: 1.8; border-radius: 5px; cursor: pointer; font-family: sans-serif; font-weight: 400; } .alertText-aff { display: table; margin: 0 auto; text-align: center; font-size: 16px; } .warning-aff { background-color: #fdf7df; border: 1px solid #feec6f; color: #c9971c; width: 100%; } .afford-calc__badges-wrap { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 400px; position: relative; width: 100%; gap: 32px; } .afford-calc__badges-wrap::before { background-color: rgba(0, 0, 0, 0.1); bottom: 30px; content: ""; left: 50%; position: absolute; top: 0; width: 2px; height: 100%; } /* .afford-calc__badges-wrap::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.1); bottom: 23px; content: ''; height: 0; left: calc(50% - 9px); position: absolute; width: 0; z-index: -1; }*/ .afford-calc__badge { overflow: hidden; position: relative; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 100%; padding: 16px; width: 80px; height: 80px; min-width: 80px; min-height: 80px; background-color: white; padding: 0; display: flex; align-items: center; justify-content: center; padding: 16px; } .afford-calc__badge:last-child { margin-bottom: 0; } .afford-calc__badge-img { width: 35px; height: 100%; } @media (max-width: 415px) { .content-aff .heading { font-weight: 700; font-size: 28px; text-align: center; margin: 3%; color: black; } .content-aff .para { line-height: 1.5; color: black; font-size: 16px; margin-left: 7%; margin-right: 7%; margin-top: 4%; } .checked-icon-aff { width: 6%; } .mobile_button_first_aff { margin-bottom: 8% !important; float: unset !important; left: 65% !important; } .card_result_aff { margin: 5% 5%; padding-top: unset; padding-bottom: unset; } .card_inner_aff { width: 100%; } .card_inner_number_input_aff { width: 100%; /*height: 430px;*/ } .box-btn-aff { color: #444; font-size: 18px; background-color: #fdb728; border-radius: 5px; padding: 10px 15px; transition: 0.3s ease; border: unset; margin-top: 26px; float: right; margin-right: 0%; margin-bottom: 11px; width: 100%; height: fit-content; } .content-all-results-aff { display: flex; justify-content: center; align-content: space-between; flex-wrap: wrap; } .content-results-aff { background-color: #f5f5f5; border-radius: 20px 20px 0px 0px; } } @media (min-width: 769px) and (max-width: 1024px) { .card_result_aff { margin: 5% 24px; max-width: calc(100% - 48px); } .content-all-results-aff { display: flex; justify-content: center; align-content: space-between; } .content-results-aff { background-color: #f5f5f5; border-radius: 20px 20px 0px 0px; } } @media (max-width: 767px) { .content-results-aff { width: 100%; } .contact-us-results-aff { max-width: 100%; } .contact-us-btn-wrap-aff { display: flex; flex-direction: column-reverse; max-width: 100%; } .contact-us-btn-wrap-aff a, .contact-us-btn-wrap-aff button { width: 100%; margin: 0; } .borrower-form { max-width: 100%; } .field-result-wrap { width: fit-content; max-width: 90%; } .buttons-container-aff { display: flex; flex-direction: column; } #age-2 .field-result { margin: 25px auto 0 auto !important; } .buttons-container-aff button { width: 100%; order: 2; } .buttons-container-aff .mobile_button_first_aff { order: 1; margin-bottom: 16px; } .card_result_aff { margin: 5% 24px; max-width: calc(100% - 48px); } .content-aff { flex-direction: column; } .afford_left { order: 1; padding: 24px 0; padding: 30px 20px; } .afford_right { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-left: -20px; min-width: 0; width: calc(100% + 20px); } .afford-calc__badges-wrap { flex-direction: row; min-height: 10px; padding: 24px 10px; } .afford-calc__badges-wrap::before { bottom: auto; top: auto; left: 16px; right: 27px; height: 2px; width: auto; } .afford-calc__badges-wrap::after { bottom: auto; left: auto; right: 13px; transform: rotate(-90deg); } .afford-calc__badge { height: 60px; width: 60px; min-height: 60px; min-width: 60px; } .afford-calc__badge:last-child { margin-right: 0; } .content-all-results-aff { display: flex; justify-content: center; align-content: space-between; flex-wrap: wrap; } .content-results-aff { background-color: #f5f5f5; border-radius: 20px 20px 0px 0px; } } .selectric { margin-top: 4px; } @media (max-width: 450px) { .afford-calc__badges-wrap { gap: 8px; } } .affordability-calc__disclaimer { background-color: rgba(0, 0, 0, 0.04); border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.07); margin-top: 40px; padding: 8px 16px; width: 100%; text-align: left; } .affordability-calc__text { color: #444; font-size: 16px; line-height: 1.55; border: 0; background-color: transparent; font-family: inherit; font-weight: 500; } .aff-results-description > span { display: contents; } .borrower-form .field-result-wrap .field-result .txt { left: 36px; } .borrower-form .field.field-result .txt { margin-left: 16px; left: 36px; position: static; transform: none; } #typeofloan-div, #purposes-div { margin-bottom: 24px; } .borrower-form .field-result input { padding: 0 !important; width: 18px; } .borrower-form .field-result-wrap .field-result { padding: 0 10px !important; display: flex !important; align-items: center !important; } .borrower-form .field-result-wrap { background-color: white !important; } #aff_tab1 .buttons-container-aff { margin-top: 32px; border-top: 0; padding-top: 0; } #aff_tab1 .afford_left { padding: 64px 48px; } #aff_tab1.card_result_aff { padding-left: 0; } #aff_tab1 .heading { margin-bottom: 48px; text-align: center; overflow-wrap: break-word; } #aff_tab1 .content-aff_paragraph { text-align: center; margin: 0 auto 24px; max-width: 512px; } #aff_tab1 .buttons-container-aff button { margin-bottom: 0; } .card_result_aff { padding-left: 0; } #aff_tab6 .content-aff { display: flex; justify-content: center; } #aff_tab6 .afford_left { padding-left: 0; padding-right: 0; } #aff_tab1 .heading { font-size: 40px; } @media only screen and (max-width: 767px) { .card_result_aff { padding-left: 0; } #aff_tab6 .afford_left { padding-left: 32px; padding-right: 32px; } .aff-calc__progress { margin-bottom: 36px; } #aff_tab1 .afford_left { padding: 40px 20px; } #aff_tab1 .heading { font-size: 28px; margin-bottom: 24px; } .content-aff .afford_left .heading { font-size: 24px; } .content-aff .afford_left .heading-sub { font-size: 20px; } #aff_tab1 .afford-calc__badges-wrap::before { left: 0; right: 0; } } @media (min-width: 768px) and (max-width: 1024px) { #aff_tab6 .afford_left { padding-left: 32px; padding-right: 32px; } .card_result_aff { margin-left: 24px; margin-right: 24px; } } .cta-actions-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .mail-content-wrapper { display: flex; width: 100%; background-color: #F5F5F5; margin-bottom: 40px; padding: 46px; color: var(--calc-green); min-width: 304px; } .mail-content-wrapper-success { border-top: 5px solid #00A32A; } .mail-content-holder { display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .mail-content-holder button { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .mail-content-inputs { width: 100%; display: flex; flex-direction: row; gap: 60px; } .mail-content-result { width: 100%; flex-direction: column; display: flex; align-items: center; justify-content: center; display: none; } .mail-content-result button { background-color: #00A32A; color: white; } .mail-icon { margin-right: 12px; height: 20px; width: auto; } .mail-cta-title-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 21px; line-height: 1; } .mail-rich-editor { } .mail-cta-title { color: var(--calc-green); font-size: 18px; font-weight: bold; } .mail-cta-title-secondary { color: var(--calc-green); font-size: 18px; font-weight: bold; margin-bottom: 16px; } .affordability-tooltip-content { transform: translate(-50%, 0); } .tooltip { margin-left: 10px; height: fit-content; margin-top: -3px; } .mail-rich-editor a { color: #4C8EFA; font-weight: 600; } @media only screen and (max-width: 900px) { .mail-content-inputs { flex-direction: column; justify-content: center; align-items: center; } .mail-content-holder { flex-direction: column; justify-content: center; align-items: center; } .mail-content-holder button { width: 100%; max-width: 100%; } .mail-content-result button { width: 100%; max-width: 100%; } .affordability-tooltip-content { transform: translate(-95%, 0); } .tooltip-content:after { left: 95%; } } .affordability-calculator__form-container, .affordability-calculator__info-container { display: flex; flex-direction: column; line-height: normal; color: #014B65; font-size: 16px; } @media (max-width: 991px) { .form-container { width: 100%; } } @media (max-width: 991px) { .form-inner { max-width: 100%; margin-top: 40px; } } .affordability-calculator__form-header { display: flex; gap: 14px; font-size: 22px; color: #014b65; font-weight: 700; } .small-img { aspect-ratio: 1.41; width: 28px; align-self: start; } .selectric { margin: 4px 0; } .affordability-calculator__form-group { gap: 15px; display: flex; } .affordability-calculator__form-group .input-label { width: 50%; } input[type=text].affordability-calculator__form-input, input[type=tel].affordability-calculator__form-input, input[type=email].affordability-calculator__form-input { width: 100%; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; border-radius: 4px; border: none; background-color: #e6e8ea; height: 35px; margin: 4px 0; } input[type=text].affordability-calculator__form-input:focus, input[type=text].affordability-calculator__form-input:focus-visible, input[type=tel].affordability-calculator__form-input:focus, input[type=tel].affordability-calculator__form-input:focus-visible, input[type=email].affordability-calculator__form-input:focus, input[type=email].affordability-calculator__form-input:focus-visible { outline: 1px solid #014B65; } .selectric-wrapper.selectric-affordability-calculator__form-input.affordability-calculator__form-input--invalid { outline: 1px solid rgba(255, 129, 129, 1); } div.affordability-calculator__form-input.affordability-calculator__form-input--invalid, input[type=text].affordability-calculator__form-input.affordability-calculator__form-input--invalid, input[type=tel].affordability-calculator__form-input.affordability-calculator__form-input--invalid, input[type=email].affordability-calculator__form-input.affordability-calculator__form-input--invalid { outline: 1px solid rgba(255, 129, 129, 1); } @media (max-width: 991px) { .form-group { flex-wrap: wrap; } } .affordability-calculator__input-label { display: flex; flex-direction: column; flex-grow: 1; } .affordability-calculator__select .selectric-wrapper { width: 100%; } .affordability-calculator__select > * > .selectric .label { color: #014B65; background-color: #e6e8ea; border-radius: 4px; } .affordability-calculator__select > * > .selectric-items { border-radius: 4px; } .main-button { border-radius: 8px; background-color: #fdb728; color: #014b65; text-align: center; padding: 10px; font: 600 21px; align-self: start; margin-top: 15px; } /* .info-container { width: 50%; margin-left: 20px; } @media (max-width: 991px) { .info-container { width: 100%; margin-top: 40px; } } .info-box { display: flex; flex-direction: column; font-size: 16px; color: #014b65; } .info-header { margin-top: 23px; font: 700 18px; } .info-text { font-weight: 400; margin-top: 18px; } .info-link { color: #4c8efa; font-weight: 600; margin-top: 23px; } */ .affordability-calculator__alert-text { color: #eb5757; padding-top: 0.25em; } .affordability-calculator__loader__wrapper { width: 100%; display: flex; align-items: center; justify-content: center; } .affordability-calculator__loader { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .affordability-calculator__loader.primary { width: 21px; height: 21px; border: 1px solid #FFF; border-bottom-color: transparent; } .affordability-calculator__loader.secondary{ width: 48px; height: 48px; border: 5px solid gray; border-bottom-color: transparent; } .radiobox.radio-btn-affordability.affordability-calculator__additional-fields { padding-left: 60px; min-width: auto; width: 80%; } .affordability-calculator__additional-fields div { flex-basis: 50%; } :root { --calc-yellow: #fdb728; --calc-green: #004D62; --calc-grey: #757575; --calc-grey-light: #ddd; } .loyalty-calc { border-radius: 8px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); display: flex; margin: 5% auto; max-width: 1062px; min-height: 570px; overflow: hidden; padding: 64px 0; position: relative; text-align: center; transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1); width: 100%; } .larger-icon { max-width: 65% !important; } .loyalty-calc--centered { align-items: center; } .loyalty-calc .hidden { display: none } .loyalty-calc .content { display: flex; flex-direction: column; padding: 0 48px 0 288px; width: 100%; } .loyalty-calc--centered .content { display: block; } .loyalty-calc__heading { color: var(--calc-green); font-size: 40px; font-weight: 300; margin: 0 0 48px; text-align: center; overflow-wrap: break-word; } .loyalty-calc__heading--small { font-size: 32px; margin-bottom: 8px; text-align: left; } .loyalty-calc__badges-wrap { background-color: rgba(0, 0, 0, 0.04); align-items: center; border-right: 1px solid rgba(0, 0, 0, 0.07); bottom: 0; display: flex; flex-direction: column; left: 0; justify-content: center; align-items: center; position: absolute; top: 0; width: 240px; } .loyalty-calc__badge { text-align: center; } .loyalty-calc__badge-img { margin-bottom: 12px; width: 80px; } .loyalty-calc__badge-text { color: var(--calc-grey); display: block; font-size: 14px; font-weight: 500; } .loyalty-calc__badges-line { background: var(--calc-grey-light); border: none; height: 32px; margin: 16px auto; width: 2px; } .loyalty-calc__text { color: var(--calc-grey); font-size: 15px; line-height: 1.55; margin: 0 auto 24px; max-width: 512px; overflow-wrap: break-word; } .loyalty-calc__checksign { background-color: #0D6C84; border-radius: 50%; display: inline-block; height: 16px; text-align: center; width: 16px; } .loyalty-calc__checksign .checked-icon { height: 6px; margin-top: 5px; width: 7px; } .loyalty-calc__checkbox-wrap { text-align: left; width: 100%; } .loyalty-calc__checkbox-wrap--has-bg { border-radius: 8px; background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.07); margin: 0 auto; max-width: 620px; padding: 32px; } .loyalty-calc__checkbox { margin-bottom: 16px; } .loyalty-calc__checkbox:last-child { margin-bottom: 0; } .loyalty-calc__checkbox .loyalty-calc__checkbox-input ~ .loyalty-calc__label, .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label { color: #757575; cursor: pointer; display: block; font-size: 16px; line-height: 1.55; padding: 0 0 0 40px; position: relative; } #loy_tab1 .loyalty-calc__checkbox .loyalty-calc__checkbox-input ~ .loyalty-calc__label, #loy_tab1 .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label, #aff_tab1 .loyalty-calc__checkbox .loyalty-calc__checkbox-input ~ .loyalty-calc__label, #aff_tab1 .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label { cursor: default; } .loyalty-calc__checkbox .loyalty-calc__checkbox-input ~ .loyalty-calc__label::before, .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label::before { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; content: ''; display: inline-block; height: 21px; left: 0; position: absolute; top: 1px; transform: translateY(0); width: 21px; } .loyalty-calc__checkbox .loyalty-calc__checkbox-input ~ .loyalty-calc__label::after { background: var(--calc-yellow) url(../Media/checkmark-white.svg) center center no-repeat; background-size: 13px auto; border-radius: 6px; content: ''; height: 24px; left: 0; position: absolute; top: 8px; width: 24px; } .loyalty-calc__radio { overflow: visible; margin-bottom: 16px; } .loyalty-calc__radio .loyalty-calc__radio-input { visibility: initial; } .loyalty-calc__radio .loyalty-calc__radio-input:focus + label::after { outline: 2px solid #005a73; outline-offset: 2px; } .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label::before { border-radius: 50%; } .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label::after { background: var(--calc-yellow); border-radius: 50%; content: ''; height: 15px; left: 3px; position: absolute; top: 4px; width: 15px; border: 1px solid #f8a915; } .loyalty-calc__button-wrap { display: flex; justify-content: center; margin: 32px auto 0; overflow-wrap: break-word; } .loyalty-calc__button-wrap button { color: #424242; border-radius: 8px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.4px; min-width: 140px; padding: 15px 24px 16px; transition: 0.3s ease; } .box-btn-loyalty { background-color: #fdb728; border: none; } .box-btn-loyalty:hover, .box-btn-loyalty:focus { color: #444; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2); } .box-btn-loyalty:hover { background-color: #fdb728; } .box-btn-loyalty:active { background-color: #ec9f00; } .box-btn-loyalty:visited { color: #444; } .box-btn-loyalty-back:hover, .box-btn-loyalty-back:focus { color: #444; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2); } .box-btn-loyalty-back:active { background-color: #ec9f00; } .box-btn-loyalty-back:visited { color: #444; } .loyalty-calc__two-cols { display: flex; justify-content: center; max-width: 600px; width: 100%; } .loyalty-calc__question { display: flex; flex-direction: column; height: 100%; width: 100%; } .loyalty-calc__question .loyalty-calc__checkbox-wrap { margin: 24px 0 32px; } .loyalty-calc__question .loyalty-calc__button-wrap { align-items: center; border-top: 1px solid var(--calc-grey-light); margin-top: auto; justify-content: space-between; padding-top: 24px; width: 100%; } .loyalty-calc__button-wrap .box-btn-loyalty-back { background-color: transparent !important; border: 0; box-shadow: none !important; min-width: 10px; padding: 0; text-decoration: underline; } .loyalty-calc__button-wrap .box-btn-loyalty-back:hover { background-color: transparent; box-shadow: none; color: var(--calc-yellow); } .box-btn-loyalty-back--disabled { opacity: 0.4; pointer-events: none; } .loyalty-calc__question .loyalty-calc__button-wrap button:only-child { margin-left: auto; } .loyalty-calc__progress { align-items: center; display: flex; flex-shrink: 0; margin-bottom: 56px; position: relative; text-align: left; width: 100%; } .loyalty-calc__progress__number { color: rgba(0, 0, 0, 0.3); display: inline-block; flex-shrink: 0; font-size: 40px; font-weight: 700; line-height: 1.3; margin-right: 16px; } .loyalty-calc__progress-bar-wrap { background-color: var(--calc-grey-light); border-radius: 8px; height: 5px; overflow: hidden; position: relative; width: 100%; } .loyalty-calc__progress-bar { background-color: var(--calc-yellow); border-radius: 8px; bottom: 0; left: 0; position: absolute; top: 0; width: var(--calc-progress); } .loyalty-calc__results { margin: 0 auto; max-width: 900px; padding-top: 20px; width: 100%; } .loyalty-calc__results .loyalty-calc__progress__number { background: #fff; left: 50%; padding: 0 16px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .loyalty-calc__results-intro { margin-bottom: 40px; } .loyalty-calc__results-intro .loyalty-calc__heading { margin-bottom: 16px; } .loyalty-calc__result-icon-holder { padding: 24px 0; text-align: center; width: 100%; } .loyalty-calc__result-icon { max-width: 192px; } .loyalty-calc__result-item { background-color: rgb(0, 90, 115, 0.1); border: 1px solid rgba(0, 90, 115, 0.14); border-radius: 8px; display: flex; max-width: 1000px; padding: 24px; width: 100%; } .loyalty-calc__result-item--additional { background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.07); margin-top: 40px; } .loyalty-calc__result-col { flex-shrink: 0; padding-right: 30px; text-align: left; width: 50%; } .loyalty-calc__result-col:last-child { padding: 0 0 0 30px; } .loyalty-calc__result-title { border-bottom: 1px solid rgba(0, 90, 115, 0.14); font-size: 24px; font-weight: 300; margin-bottom: 24px; padding-bottom: 8px; text-align: left; } .loyalty-calc__result-subtitle { color: #005a73; font-size: 16px; font-weight: 400; margin-bottom: 12px; } .loyalty-calc__result-title--blue { color: #005a73; } .loyalty-calc__result-title--orange { color: #fdb728; } .loyalty-calc__result-selection-list li { align-items: center; color: #0D6C84; display: flex; font-size: 14px; line-height: 21px; list-style: none; margin-bottom: 16px; width: 100%; word-break: break-all; } .loyalty-calc__result-selection-list li:last-child { margin-bottom: 0; } .loyalty-calc__result-selection-list img { margin-right: 16px; width: 40px; } .loyalty-calc__result-selection-list p { font-size: inherit; font-weight: 500; line-height: inherit; margin-bottom: 0; } .loyalty-calc__result-selection-list--grey, .loyalty-calc__result-selection-list--blue { margin-bottom: 24px; } .loyalty-calc__result-selection-list--grey:last-child, .loyalty-calc__result-selection-list--blue:last-child { margin-bottom: 0; } .loyalty-calc__result-selection-list--grey li { color: #757575; } .loyalty-calc__result-selection-list--grey p, .loyalty-calc__result-selection-list--blue p { align-items: center; display: flex; } .loyalty-calc__result-selection-list--grey span, .loyalty-calc__result-selection-list--blue span { display: inline-block; flex-shrink: 0; } .loyalty-calc__result-save-list li { color: #757575; list-style: none; margin-bottom: 16px; width: 100%; } .loyalty-calc__result-save-list li:last-child { margin-bottom: 0; } .loyalty-calc__result-save-list p { color: var(--calc-grey); align-items: center; display: flex; font-size: 14px; font-weight: 500; line-height: 21px; margin-bottom: 0; word-break: break-word; } .loyalty-calc__result-save-list span { display: inline-block; flex-shrink: 0; margin-right: 16px; } .loyalty-calc__result-save-list img { display: inline-block; width: 40px; } .loyalty-calc__disclaimer p { font-size: 15px; } .loyalty-calc__disclaimer { text-align: left; background-color: rgba(0, 0, 0, 0.04); border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.07); margin-top: 40px; padding: 8px 16px; width: 100%; } .loyalty-calc__disclaimer p { overflow-wrap: break-word; } .loyalty-calc__disclaimer .loyalty-calc__text:last-child { margin-bottom: 0; max-width: none; } .loyalty-calc__results .loyalty-calc__button-wrap { align-items: center; border-top: 1px solid var(--calc-grey-light); margin-top: 48px; justify-content: flex-end; padding-top: 24px; width: 100%; } .loyalty-calc__results-basic { background-color: rgb(253 183 40 / 20%); border: 1px solid rgb(253 183 40 / 22%); border-radius: 8px; padding: 24px; width: 100%; } .loyalty-calc__results-basic .loyalty-calc__text { color: #444; } .loyalty-calc__results-basic .loyalty-calc__text:last-child { margin-bottom: 0; } .loyalty-calc__results .loyalty-calc__heading span { font-weight: 500; } @media screen and (min-width: 768px) and (max-width: 1024px) { .loyalty-calc__button-wrap { margin-right: 32px; width: auto; } .loyalty-calc { margin: 5% 24px; max-width: calc(100% - 48px); padding: 48px 0; } .loyalty-calc__result-item { flex-direction: column; padding: 24px 16px; width: auto; } .loyalty-calc__result-title { font-size: 20px; margin-bottom: 16px; } .loyalty-calc__result-col { width: 100%; } .loyalty-calc__result-col:last-child { border-bottom: 0; margin: 0; padding: 0; } .loyalty-calc__result-col { margin-bottom: 24px; padding: 0 0 24px; width: 100%; } .loyalty-calc__results { padding: 20px 32px 0 32px; } .loyalty-calc__badges-wrap { width: 200px; } .loyalty-calc .content { padding: 0 32px 0 232px; } .loyalty-calc__heading { font-size: 36px; margin-bottom: 40px; } .loyalty-calc__checkbox-wrap--has-bg { padding: 24px; } .loyalty-calc__progress { margin-bottom: 48px; } .loyalty-calc__heading--small { font-size: 32px; margin-bottom: 16px; } .loyalty-calc__progress__number { font-size: 32px; } .loyalty-calc__result-icon { max-width: 152px; } .loyalty-calc__results-intro { margin-bottom: 32px; } .loyalty-calc__text { margin-bottom: 16px; } } @media (max-width: 767px) { .loyalty-calc__button-wrap { flex-direction: column; gap: 16px; } .loyalty-calc__button-wrap :nth-child(1) { order: 2; } .loyalty-calc__button-wrap button { width: 100%; } .loyalty-calc { margin: 5% 24px; max-width: calc(100% - 48px); min-height: 10px; padding: 0; } .loyalty-calc__badges-wrap { border-bottom: 1px solid rgba(0, 0, 0, 0.07); border-right: 0; bottom: auto; flex-direction: row; padding: 24px 16px; width: 100%; align-items: baseline; } .loyalty-calc__badges-wrap .loyalty-calc__badge { width: 100%; } .loyalty-calc__badges-wrap .loyalty-calc__badge span { font-size: 12px; } .loyalty-calc .content { padding: 152px 20px 32px; } .loyalty-calc--centered .content { padding: 172px 20px 40px; } .loyalty-calc__heading { font-size: 28px; } .loyalty-calc__heading { margin-bottom: 24px; } .loyalty-calc__heading--small { font-size: 24px; margin-bottom: 24px; } .loyalty-calc__text { font-size: 15px; margin-bottom: 16px; } .loyalty-calc__badge-img { width: 40px; min-width: 40px } .loyalty-calc__badges-line { height: 2px; margin: 0 10px 22px; width: 24px; } .loyalty-calc__checkbox-wrap--has-bg { padding: 16px; } .loyalty-calc__two-cols { flex-direction: column; } .loyalty-calc__question { padding-right: 0; } .loyalty-calc__question .loyalty-calc__checkbox-wrap { margin: 0 0 16px; } .loyalty-calc__sidebar-badges { align-items: flex-start; border-top: 1px solid #E0E0E0; border-left: 0; flex-direction: row; justify-content: space-between; margin-top: 24px; padding-top: 24px; width: 100%; } .loyalty-calc__sidebar-img { margin-bottom: 0; } .loyalty-calc__button-wrap button { min-width: 110px; } .loyalty-calc__checkbox:hover { cursor: default !important; } .loyalty-calc__checkbox input, .loyalty-calc__checkbox label, { cursor: default !important; } .loyalty-calc__checkbox .loyalty-calc__checkbox-input ~ .loyalty-calc__label, .loyalty-calc__radio .loyalty-calc__radio-input ~ .loyalty-calc__label { font-size: 15px; padding: 0 0 0 32px; } .loyalty-calc__progress { margin-bottom: 32px; } .loyalty-calc__progress__number { font-size: 28px; } .loyalty-calc__results { padding: 40px 32px 32px; } .loyalty-calc__results-intro { margin-bottom: 32px; } .loyalty-calc__result-icon-holder { padding: 16px 0 24px; } .loyalty-calc__result-icon { max-width: 120px; } .loyalty-calc__results-basic { padding: 16px; } .loyalty-calc__result-item { flex-direction: column; padding: 24px 16px; } .loyalty-calc__results .loyalty-calc__progress__number { font-size: 24px; } .loyalty-calc__result-col { margin-bottom: 24px; padding: 0 0 24px; width: 100%; } .loyalty-calc__result-col:last-child { border-bottom: 0; margin: 0; padding: 0; } .loyalty-calc__results .loyalty-calc__button-wrap { flex-direction: column; margin-top: 40px; } .loyalty-calc__results .loyalty-calc__button-wrap button { order: 2; } .loyalty-calc__results .loyalty-calc__button-wrap .btn-startover:not(:only-child) { margin-bottom: 16px; order: 1; } .loyalty-calc__result-item--additional { padding-top: 40px; } .loyalty-calc__result-title { font-size: 20px; margin-bottom: 16px; } } @media (max-width: 500px) { .loyalty-calc__badges-wrap .loyalty-calc__badge span { font-size: 8px; } } .loy_circle { background-color: white; border: 1px solid #005a73; border-radius: 50%; width: 40px; height: 40px; min-width: 40px; min-height: 40px; position: relative; z-index: 2; margin-right: 16px; display: flex; align-items: center; justify-content: center; } .loy_circle img { max-width: 45%; margin-right: 0; } .yousave-list { word-break: break-word; }