/** * * Copyright 2013 LinkedIn Corp. All rights reserved. * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0 * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license. * * Copyright 2013 Dan Eden. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .animated {-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;} @-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px);} 100% {opacity: 1; -webkit-transform: translateY(0);}} @-moz-keyframes fadeInUp {0% {opacity: 0; -moz-transform: translateY(20px);} 100% {opacity: 1; -moz-transform: translateY(0);}} @-o-keyframes fadeInUp {0% {opacity: 0; -o-transform: translateY(20px);} 100% {opacity: 1; -o-transform: translateY(0);}} @keyframes fadeInUp {0% {opacity: 0; transform: translateY(20px);} 100% {opacity: 1; transform: translateY(0);}} .fade-in-up {-webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px);} 100% {opacity: 1; -webkit-transform: translateY(0);}} @-moz-keyframes fadeInDown {0% {opacity: 0; -moz-transform: translateY(-20px);} 100% {opacity: 1; -moz-transform: translateY(0);}} @-o-keyframes fadeInDown {0% {opacity: 0; -ms-transform: translateY(-20px);} 100% {opacity: 1; -ms-transform: translateY(0);}} @keyframes fadeInDown {0% {opacity: 0; transform: translateY(-20px);} 100% {opacity: 1; transform: translateY(0);}} .fade-in-down {-webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInRight {0% {opacity: 0; -webkit-transform: translateX(-20px);} 100% {opacity: 1; -webkit-transform: translateX(0);}} @-moz-keyframes fadeInRight {0% {opacity: 0; -moz-transform: translateX(-20px);} 100% {opacity: 1; -moz-transform: translateX(0);}} @-o-keyframes fadeInRight {0% {opacity: 0; -o-transform: translateX(-20px);} 100% {opacity: 1; -o-transform: translateX(0);}} @keyframes fadeInRight {0% {opacity: 0; transform: translateX(-20px);} 100% {opacity: 1; transform: translateX(0);}} .fade-in-right {-webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInLeft {0% {opacity: 0; -webkit-transform: translateX(20px);} 100% {opacity: 1; -webkit-transform: translateX(0);}} @-moz-keyframes fadeInLeft {0% {opacity: 0; -moz-transform: translateX(20px);} 100% {opacity: 1; -moz-transform: translateX(0);}} @-o-keyframes fadeInLeft {0% {opacity: 0; -o-transform: translateX(20px);} 100% {opacity: 1; -o-transform: translateX(0);}} @keyframes fadeInLeft {0% {opacity: 0; transform: translateX(20px);} 100% {opacity: 1; transform: translateX(0);}} .fade-in-left {-webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft;} /** * * Copyright 2013 LinkedIn Corp. All rights reserved. * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0 * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ div.hopscotch-bubble .hopscotch-nav-button {font-weight: bold; border-width: 1px; border-style: solid; cursor: pointer; margin: 0; overflow: visible; text-decoration: none !important; width: auto; padding: 0 10px; height: 26px; line-height: 24px; font-size: 12px; *zoom: 1; white-space: nowrap; display: -moz-inline-stack; display: inline-block; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: middle; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} div.hopscotch-bubble .hopscotch-nav-button:hover {*zoom: 1; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);} div.hopscotch-bubble .hopscotch-nav-button:active {-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;} div.hopscotch-bubble .hopscotch-nav-button.next {border-color: #1b5480; color: #fff; margin: 0 0 0 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); background-color: #287bbc; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a)); background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%); background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%); background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%); background-image: linear-gradient(top, #287bbc 0%, #23639a 100%);} div.hopscotch-bubble .hopscotch-nav-button.next:hover {background-color: #2672ae; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e)); background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%); background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%); background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%); background-image: linear-gradient(top, #2672ae 0%, #1e4f7e 100%);} div.hopscotch-bubble .hopscotch-nav-button.prev {border-color: #a7a7a7; color: #444; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f2f2f2; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9)); background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%); background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%); background-image: linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);} div.hopscotch-bubble .hopscotch-nav-button.prev:hover {background-color: #e8e8e8; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, #a9a9a9)); background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%); background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%); background-image: linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);} div.hopscotch-bubble {background-color: #ffffff; border: 5px solid #000000; border: 5px solid rgba(0, 0, 0, 0.5); color: #333; font-family: Helvetica, Arial; font-size: 13px; position: absolute; z-index: 999999; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;} div.hopscotch-bubble.animate {-moz-transition-property: top, left; -moz-transition-duration: 1s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: top, left; -ms-transition-duration: 1s; -ms-transition-timing-function: ease-in-out; -o-transition-property: top, left; -o-transition-duration: 1s; -o-transition-timing-function: ease-in-out; -webkit-transition-property: top, left; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; transition-property: top, left; transition-duration: 1s; transition-timing-function: ease-in-out;} div.hopscotch-bubble.invisible {opacity: 0;} div.hopscotch-bubble.hide, div.hopscotch-bubble .hide, div.hopscotch-bubble .hide-all {display: none;} div.hopscotch-bubble h3 {color: #000; font-family: Helvetica, Arial; font-size: 16px; font-weight: bold; line-height: 19px; margin: -1px 15px 0 0; padding: 0;} div.hopscotch-bubble .hopscotch-bubble-container {padding: 15px; position: relative; text-align: left; -webkit-font-smoothing: antialiased;} div.hopscotch-bubble .hopscotch-content {font-family: Helvetica, Arial; font-weight: normal; line-height: 17px; margin: -5px 0 11px; padding-top: 8px;} div.hopscotch-bubble .hopscotch-bubble-content {margin: 0 0 0 40px;} div.hopscotch-bubble.no-number .hopscotch-bubble-content {margin: 0;} div.hopscotch-bubble .hopscotch-bubble-close {color: #000; background: transparent url(../img/sprite-orange-0.3.png) -192px -92px no-repeat; display: block; padding: 8px; position: absolute; text-decoration: none; text-indent: -9999px; width: 8px; height: 8px; top: 0; right: 0;} div.hopscotch-bubble .hopscotch-bubble-close.hide, div.hopscotch-bubble .hopscotch-bubble-close.hide-all {display: none;} div.hopscotch-bubble .hopscotch-bubble-number {background: transparent url(../img/sprite-orange-0.3.png) 0 0 no-repeat; color: #fff; display: block; float: left; font-size: 17px; font-weight: bold; line-height: 31px; padding: 0 10px 0 0; text-align: center; width: 30px; height: 30px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container {position: absolute; width: 34px; height: 34px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow, div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {width: 0; height: 0;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {top: -22px; left: 10px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {border-bottom: 17px solid #ffffff; border-left: 17px solid transparent; border-right: 17px solid transparent; position: relative; top: -10px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {border-bottom: 17px solid #000000; border-bottom: 17px solid rgba(0, 0, 0, 0.5); border-left: 17px solid transparent; border-right: 17px solid transparent;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {bottom: -39px; left: 10px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {border-top: 17px solid #ffffff; border-left: 17px solid transparent; border-right: 17px solid transparent; position: relative; top: -24px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {border-top: 17px solid #000000; border-top: 17px solid rgba(0, 0, 0, 0.5); border-left: 17px solid transparent; border-right: 17px solid transparent;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {top: 10px; left: -22px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {border-bottom: 17px solid transparent; border-right: 17px solid #ffffff; border-top: 17px solid transparent; position: relative; left: 7px; top: -34px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {border-right: 17px solid #000000; border-right: 17px solid rgba(0, 0, 0, 0.5); border-bottom: 17px solid transparent; border-top: 17px solid transparent;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {top: 10px; right: -39px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {border-bottom: 17px solid transparent; border-left: 17px solid #ffffff; border-top: 17px solid transparent; position: relative; left: -7px; top: -34px;} div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {border-left: 17px solid #000000; border-left: 17px solid rgba(0, 0, 0, 0.5); border-bottom: 17px solid transparent; border-top: 17px solid transparent;} div.hopscotch-bubble .hopscotch-actions {margin: 10px 0 0; text-align: right;} @font-face{font-family:'FontAwesome';src:url(../font/fontawesome-webfont.eot?v=3.2.1);src:url(../font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(../font/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(../font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} [class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;} .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} a [class^="icon-"],a [class*=" icon-"]{display:inline;} [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} [class^="icon-"].hide,[class*=" icon-"].hide{display:none;} .icon-muted{color:#eeeeee;} .icon-light{color:#ffffff;} .icon-dark{color:#333333;} .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .pull-right{float:right;} .pull-left{float:left;} [class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;} [class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;} [class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;} .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} .icon-glass:before{content:"\f000";} .icon-music:before{content:"\f001";} .icon-search:before{content:"\f002";} .icon-envelope-alt:before{content:"\f003";} .icon-heart:before{content:"\f004";} .icon-star:before{content:"\f005";} .icon-star-empty:before{content:"\f006";} .icon-user:before{content:"\f007";} .icon-film:before{content:"\f008";} .icon-th-large:before{content:"\f009";} .icon-th:before{content:"\f00a";} .icon-th-list:before{content:"\f00b";} .icon-ok:before{content:"\f00c";} .icon-remove:before{content:"\f00d";} .icon-zoom-in:before{content:"\f00e";} .icon-zoom-out:before{content:"\f010";} .icon-power-off:before,.icon-off:before{content:"\f011";} .icon-signal:before{content:"\f012";} .icon-gear:before,.icon-cog:before{content:"\f013";} .icon-trash:before{content:"\f014";} .icon-home:before{content:"\f015";} .icon-file-alt:before{content:"\f016";} .icon-time:before{content:"\f017";} .icon-road:before{content:"\f018";} .icon-download-alt:before{content:"\f019";} .icon-download:before{content:"\f01a";} .icon-upload:before{content:"\f01b";} .icon-inbox:before{content:"\f01c";} .icon-play-circle:before{content:"\f01d";} .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} .icon-refresh:before{content:"\f021";} .icon-list-alt:before{content:"\f022";} .icon-lock:before{content:"\f023";} .icon-flag:before{content:"\f024";} .icon-headphones:before{content:"\f025";} .icon-volume-off:before{content:"\f026";} .icon-volume-down:before{content:"\f027";} .icon-volume-up:before{content:"\f028";} .icon-qrcode:before{content:"\f029";} .icon-barcode:before{content:"\f02a";} .icon-tag:before{content:"\f02b";} .icon-tags:before{content:"\f02c";} .icon-book:before{content:"\f02d";} .icon-bookmark:before{content:"\f02e";} .icon-print:before{content:"\f02f";} .icon-camera:before{content:"\f030";} .icon-font:before{content:"\f031";} .icon-bold:before{content:"\f032";} .icon-italic:before{content:"\f033";} .icon-text-height:before{content:"\f034";} .icon-text-width:before{content:"\f035";} .icon-align-left:before{content:"\f036";} .icon-align-center:before{content:"\f037";} .icon-align-right:before{content:"\f038";} .icon-align-justify:before{content:"\f039";} .icon-list:before{content:"\f03a";} .icon-indent-left:before{content:"\f03b";} .icon-indent-right:before{content:"\f03c";} .icon-facetime-video:before{content:"\f03d";} .icon-picture:before{content:"\f03e";} .icon-pencil:before{content:"\f040";} .icon-map-marker:before{content:"\f041";} .icon-adjust:before{content:"\f042";} .icon-tint:before{content:"\f043";} .icon-edit:before{content:"\f044";} .icon-share:before{content:"\f045";} .icon-check:before{content:"\f046";} .icon-move:before{content:"\f047";} .icon-step-backward:before{content:"\f048";} .icon-fast-backward:before{content:"\f049";} .icon-backward:before{content:"\f04a";} .icon-play:before{content:"\f04b";} .icon-pause:before{content:"\f04c";} .icon-stop:before{content:"\f04d";} .icon-forward:before{content:"\f04e";} .icon-fast-forward:before{content:"\f050";} .icon-step-forward:before{content:"\f051";} .icon-eject:before{content:"\f052";} .icon-chevron-left:before{content:"\f053";} .icon-chevron-right:before{content:"\f054";} .icon-plus-sign:before{content:"\f055";} .icon-minus-sign:before{content:"\f056";} .icon-remove-sign:before{content:"\f057";} .icon-ok-sign:before{content:"\f058";} .icon-question-sign:before{content:"\f059";} .icon-info-sign:before{content:"\f05a";} .icon-screenshot:before{content:"\f05b";} .icon-remove-circle:before{content:"\f05c";} .icon-ok-circle:before{content:"\f05d";} .icon-ban-circle:before{content:"\f05e";} .icon-arrow-left:before{content:"\f060";} .icon-arrow-right:before{content:"\f061";} .icon-arrow-up:before{content:"\f062";} .icon-arrow-down:before{content:"\f063";} .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} .icon-resize-full:before{content:"\f065";} .icon-resize-small:before{content:"\f066";} .icon-plus:before{content:"\f067";} .icon-minus:before{content:"\f068";} .icon-asterisk:before{content:"\f069";} .icon-exclamation-sign:before{content:"\f06a";} .icon-gift:before{content:"\f06b";} .icon-leaf:before{content:"\f06c";} .icon-fire:before{content:"\f06d";} .icon-eye-open:before{content:"\f06e";} .icon-eye-close:before{content:"\f070";} .icon-warning-sign:before{content:"\f071";} .icon-plane:before{content:"\f072";} .icon-calendar:before{content:"\f073";} .icon-random:before{content:"\f074";} .icon-comment:before{content:"\f075";} .icon-magnet:before{content:"\f076";} .icon-chevron-up:before{content:"\f077";} .icon-chevron-down:before{content:"\f078";} .icon-retweet:before{content:"\f079";} .icon-shopping-cart:before{content:"\f07a";} .icon-folder-close:before{content:"\f07b";} .icon-folder-open:before{content:"\f07c";} .icon-resize-vertical:before{content:"\f07d";} .icon-resize-horizontal:before{content:"\f07e";} .icon-bar-chart:before{content:"\f080";} .icon-twitter-sign:before{content:"\f081";} .icon-facebook-sign:before{content:"\f082";} .icon-camera-retro:before{content:"\f083";} .icon-key:before{content:"\f084";} .icon-gears:before,.icon-cogs:before{content:"\f085";} .icon-comments:before{content:"\f086";} .icon-thumbs-up-alt:before{content:"\f087";} .icon-thumbs-down-alt:before{content:"\f088";} .icon-star-half:before{content:"\f089";} .icon-heart-empty:before{content:"\f08a";} .icon-signout:before{content:"\f08b";} .icon-linkedin-sign:before{content:"\f08c";} .icon-pushpin:before{content:"\f08d";} .icon-external-link:before{content:"\f08e";} .icon-signin:before{content:"\f090";} .icon-trophy:before{content:"\f091";} .icon-github-sign:before{content:"\f092";} .icon-upload-alt:before{content:"\f093";} .icon-lemon:before{content:"\f094";} .icon-phone:before{content:"\f095";} .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} .icon-bookmark-empty:before{content:"\f097";} .icon-phone-sign:before{content:"\f098";} .icon-twitter:before{content:"\f099";} .icon-facebook:before{content:"\f09a";} .icon-github:before{content:"\f09b";} .icon-unlock:before{content:"\f09c";} .icon-credit-card:before{content:"\f09d";} .icon-rss:before{content:"\f09e";} .icon-hdd:before{content:"\f0a0";} .icon-bullhorn:before{content:"\f0a1";} .icon-bell:before{content:"\f0a2";} .icon-certificate:before{content:"\f0a3";} .icon-hand-right:before{content:"\f0a4";} .icon-hand-left:before{content:"\f0a5";} .icon-hand-up:before{content:"\f0a6";} .icon-hand-down:before{content:"\f0a7";} .icon-circle-arrow-left:before{content:"\f0a8";} .icon-circle-arrow-right:before{content:"\f0a9";} .icon-circle-arrow-up:before{content:"\f0aa";} .icon-circle-arrow-down:before{content:"\f0ab";} .icon-globe:before{content:"\f0ac";} .icon-wrench:before{content:"\f0ad";} .icon-tasks:before{content:"\f0ae";} .icon-filter:before{content:"\f0b0";} .icon-briefcase:before{content:"\f0b1";} .icon-fullscreen:before{content:"\f0b2";} .icon-group:before{content:"\f0c0";} .icon-link:before{content:"\f0c1";} .icon-cloud:before{content:"\f0c2";} .icon-beaker:before{content:"\f0c3";} .icon-cut:before{content:"\f0c4";} .icon-copy:before{content:"\f0c5";} .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} .icon-save:before{content:"\f0c7";} .icon-sign-blank:before{content:"\f0c8";} .icon-reorder:before{content:"\f0c9";} .icon-list-ul:before{content:"\f0ca";} .icon-list-ol:before{content:"\f0cb";} .icon-strikethrough:before{content:"\f0cc";} .icon-underline:before{content:"\f0cd";} .icon-table:before{content:"\f0ce";} .icon-magic:before{content:"\f0d0";} .icon-truck:before{content:"\f0d1";} .icon-pinterest:before{content:"\f0d2";} .icon-pinterest-sign:before{content:"\f0d3";} .icon-google-plus-sign:before{content:"\f0d4";} .icon-google-plus:before{content:"\f0d5";} .icon-money:before{content:"\f0d6";} .icon-caret-down:before{content:"\f0d7";} .icon-caret-up:before{content:"\f0d8";} .icon-caret-left:before{content:"\f0d9";} .icon-caret-right:before{content:"\f0da";} .icon-columns:before{content:"\f0db";} .icon-sort:before{content:"\f0dc";} .icon-sort-down:before{content:"\f0dd";} .icon-sort-up:before{content:"\f0de";} .icon-envelope:before{content:"\f0e0";} .icon-linkedin:before{content:"\f0e1";} .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} .icon-legal:before{content:"\f0e3";} .icon-dashboard:before{content:"\f0e4";} .icon-comment-alt:before{content:"\f0e5";} .icon-comments-alt:before{content:"\f0e6";} .icon-bolt:before{content:"\f0e7";} .icon-sitemap:before{content:"\f0e8";} .icon-umbrella:before{content:"\f0e9";} .icon-paste:before{content:"\f0ea";} .icon-lightbulb:before{content:"\f0eb";} .icon-exchange:before{content:"\f0ec";} .icon-cloud-download:before{content:"\f0ed";} .icon-cloud-upload:before{content:"\f0ee";} .icon-user-md:before{content:"\f0f0";} .icon-stethoscope:before{content:"\f0f1";} .icon-suitcase:before{content:"\f0f2";} .icon-bell-alt:before{content:"\f0f3";} .icon-coffee:before{content:"\f0f4";} .icon-food:before{content:"\f0f5";} .icon-file-text-alt:before{content:"\f0f6";} .icon-building:before{content:"\f0f7";} .icon-hospital:before{content:"\f0f8";} .icon-ambulance:before{content:"\f0f9";} .icon-medkit:before{content:"\f0fa";} .icon-fighter-jet:before{content:"\f0fb";} .icon-beer:before{content:"\f0fc";} .icon-h-sign:before{content:"\f0fd";} .icon-plus-sign-alt:before{content:"\f0fe";} .icon-double-angle-left:before{content:"\f100";} .icon-double-angle-right:before{content:"\f101";} .icon-double-angle-up:before{content:"\f102";} .icon-double-angle-down:before{content:"\f103";} .icon-angle-left:before{content:"\f104";} .icon-angle-right:before{content:"\f105";} .icon-angle-up:before{content:"\f106";} .icon-angle-down:before{content:"\f107";} .icon-desktop:before{content:"\f108";} .icon-laptop:before{content:"\f109";} .icon-tablet:before{content:"\f10a";} .icon-mobile-phone:before{content:"\f10b";} .icon-circle-blank:before{content:"\f10c";} .icon-quote-left:before{content:"\f10d";} .icon-quote-right:before{content:"\f10e";} .icon-spinner:before{content:"\f110";} .icon-circle:before{content:"\f111";} .icon-mail-reply:before,.icon-reply:before{content:"\f112";} .icon-github-alt:before{content:"\f113";} .icon-folder-close-alt:before{content:"\f114";} .icon-folder-open-alt:before{content:"\f115";} .icon-expand-alt:before{content:"\f116";} .icon-collapse-alt:before{content:"\f117";} .icon-smile:before{content:"\f118";} .icon-frown:before{content:"\f119";} .icon-meh:before{content:"\f11a";} .icon-gamepad:before{content:"\f11b";} .icon-keyboard:before{content:"\f11c";} .icon-flag-alt:before{content:"\f11d";} .icon-flag-checkered:before{content:"\f11e";} .icon-terminal:before{content:"\f120";} .icon-code:before{content:"\f121";} .icon-reply-all:before{content:"\f122";} .icon-mail-reply-all:before{content:"\f122";} .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} .icon-location-arrow:before{content:"\f124";} .icon-crop:before{content:"\f125";} .icon-code-fork:before{content:"\f126";} .icon-unlink:before{content:"\f127";} .icon-question:before{content:"\f128";} .icon-info:before{content:"\f129";} .icon-exclamation:before{content:"\f12a";} .icon-superscript:before{content:"\f12b";} .icon-subscript:before{content:"\f12c";} .icon-eraser:before{content:"\f12d";} .icon-puzzle-piece:before{content:"\f12e";} .icon-microphone:before{content:"\f130";} .icon-microphone-off:before{content:"\f131";} .icon-shield:before{content:"\f132";} .icon-calendar-empty:before{content:"\f133";} .icon-fire-extinguisher:before{content:"\f134";} .icon-rocket:before{content:"\f135";} .icon-maxcdn:before{content:"\f136";} .icon-chevron-sign-left:before{content:"\f137";} .icon-chevron-sign-right:before{content:"\f138";} .icon-chevron-sign-up:before{content:"\f139";} .icon-chevron-sign-down:before{content:"\f13a";} .icon-html5:before{content:"\f13b";} .icon-css3:before{content:"\f13c";} .icon-anchor:before{content:"\f13d";} .icon-unlock-alt:before{content:"\f13e";} .icon-bullseye:before{content:"\f140";} .icon-ellipsis-horizontal:before{content:"\f141";} .icon-ellipsis-vertical:before{content:"\f142";} .icon-rss-sign:before{content:"\f143";} .icon-play-sign:before{content:"\f144";} .icon-ticket:before{content:"\f145";} .icon-minus-sign-alt:before{content:"\f146";} .icon-check-minus:before{content:"\f147";} .icon-level-up:before{content:"\f148";} .icon-level-down:before{content:"\f149";} .icon-check-sign:before{content:"\f14a";} .icon-edit-sign:before{content:"\f14b";} .icon-external-link-sign:before{content:"\f14c";} .icon-share-sign:before{content:"\f14d";} .icon-compass:before{content:"\f14e";} .icon-collapse:before{content:"\f150";} .icon-collapse-top:before{content:"\f151";} .icon-expand:before{content:"\f152";} .icon-euro:before,.icon-eur:before{content:"\f153";} .icon-gbp:before{content:"\f154";} .icon-dollar:before,.icon-usd:before{content:"\f155";} .icon-rupee:before,.icon-inr:before{content:"\f156";} .icon-yen:before,.icon-jpy:before{content:"\f157";} .icon-renminbi:before,.icon-cny:before{content:"\f158";} .icon-won:before,.icon-krw:before{content:"\f159";} .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} .icon-file:before{content:"\f15b";} .icon-file-text:before{content:"\f15c";} .icon-sort-by-alphabet:before{content:"\f15d";} .icon-sort-by-alphabet-alt:before{content:"\f15e";} .icon-sort-by-attributes:before{content:"\f160";} .icon-sort-by-attributes-alt:before{content:"\f161";} .icon-sort-by-order:before{content:"\f162";} .icon-sort-by-order-alt:before{content:"\f163";} .icon-thumbs-up:before{content:"\f164";} .icon-thumbs-down:before{content:"\f165";} .icon-youtube-sign:before{content:"\f166";} .icon-youtube:before{content:"\f167";} .icon-xing:before{content:"\f168";} .icon-xing-sign:before{content:"\f169";} .icon-youtube-play:before{content:"\f16a";} .icon-dropbox:before{content:"\f16b";} .icon-stackexchange:before{content:"\f16c";} .icon-instagram:before{content:"\f16d";} .icon-flickr:before{content:"\f16e";} .icon-adn:before{content:"\f170";} .icon-bitbucket:before{content:"\f171";} .icon-bitbucket-sign:before{content:"\f172";} .icon-tumblr:before{content:"\f173";} .icon-tumblr-sign:before{content:"\f174";} .icon-long-arrow-down:before{content:"\f175";} .icon-long-arrow-up:before{content:"\f176";} .icon-long-arrow-left:before{content:"\f177";} .icon-long-arrow-right:before{content:"\f178";} .icon-apple:before{content:"\f179";} .icon-windows:before{content:"\f17a";} .icon-android:before{content:"\f17b";} .icon-linux:before{content:"\f17c";} .icon-dribbble:before{content:"\f17d";} .icon-skype:before{content:"\f17e";} .icon-foursquare:before{content:"\f180";} .icon-trello:before{content:"\f181";} .icon-female:before{content:"\f182";} .icon-male:before{content:"\f183";} .icon-gittip:before{content:"\f184";} .icon-sun:before{content:"\f185";} .icon-moon:before{content:"\f186";} .icon-archive:before{content:"\f187";} .icon-bug:before{content:"\f188";} .icon-vk:before{content:"\f189";} .icon-weibo:before{content:"\f18a";} .icon-renren:before{content:"\f18b";} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;} audio:not([controls]) {display: none; height: 0;} [hidden] {display: none;} html {background: #fff; color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html, button, input, select, textarea {font-family: sans-serif;} body {margin: 0;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} h2 {font-size: 1.5em; margin: 0.83em 0;} h3 {font-size: 1.17em; margin: 1em 0;} h4 {font-size: 1em; margin: 1.33em 0;} h5 {font-size: 0.83em; margin: 1.67em 0;} h6 {font-size: 0.67em; margin: 2.33em 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} blockquote {margin: 1em 40px;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} mark {background: #ff0; color: #000;} p, pre {margin: 1em 0;} code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q {quotes: none;} q:before, q:after {content: ''; content: none;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} dl, menu, ol, ul {margin: 1em 0;} dd {margin: 0 0 0 40px;} menu, ol, ul {padding: 0 0 0 40px;} nav ul, nav ol {list-style: none; list-style-image: none;} img {border: 0; -ms-interpolation-mode: bicubic;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} form {margin: 0;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;} button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;} button, input {line-height: normal;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;} button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} table {border-collapse: collapse; border-spacing: 0;} @media screen and (max-width: 400px) {@-ms-viewport {width: 320px;}} @media all {.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after {content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;} .grid-container:after, .clearfix:after {clear: both;} .grid-container {margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 10px; padding-right: 10px;} .two-thirds-table {width: 66.66% !important;} .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px;} .grid-parent {padding-left: 0; padding-right: 0;}} @media screen and (max-width: 767px) {.mobile-grid-100:before, .mobile-grid-100:after {content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;} .mobile-grid-100:after {clear: both;} .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {position: relative;} .hide-on-mobile {display: none !important;} .mobile-grid-5 {float: left; width: 5%;} .mobile-prefix-5 {margin-left: 5%;} .mobile-suffix-5 {margin-right: 5%;} .mobile-push-5 {left: 5%;} .mobile-pull-5 {left: -5%;} .mobile-grid-10 {float: left; width: 10%;} .mobile-prefix-10 {margin-left: 10%;} .mobile-suffix-10 {margin-right: 10%;} .mobile-push-10 {left: 10%;} .mobile-pull-10 {left: -10%;} .mobile-grid-15 {float: left; width: 15%;} .mobile-prefix-15 {margin-left: 15%;} .mobile-suffix-15 {margin-right: 15%;} .mobile-push-15 {left: 15%;} .mobile-pull-15 {left: -15%;} .mobile-grid-20 {float: left; width: 20%;} .mobile-prefix-20 {margin-left: 20%;} .mobile-suffix-20 {margin-right: 20%;} .mobile-push-20 {left: 20%;} .mobile-pull-20 {left: -20%;} .mobile-grid-25 {float: left; width: 25%;} .mobile-prefix-25 {margin-left: 25%;} .mobile-suffix-25 {margin-right: 25%;} .mobile-push-25 {left: 25%;} .mobile-pull-25 {left: -25%;} .mobile-grid-30 {float: left; width: 30%;} .mobile-prefix-30 {margin-left: 30%;} .mobile-suffix-30 {margin-right: 30%;} .mobile-push-30 {left: 30%;} .mobile-pull-30 {left: -30%;} .mobile-grid-35 {float: left; width: 35%;} .mobile-prefix-35 {margin-left: 35%;} .mobile-suffix-35 {margin-right: 35%;} .mobile-push-35 {left: 35%;} .mobile-pull-35 {left: -35%;} .mobile-grid-40 {float: left; width: 40%;} .mobile-prefix-40 {margin-left: 40%;} .mobile-suffix-40 {margin-right: 40%;} .mobile-push-40 {left: 40%;} .mobile-pull-40 {left: -40%;} .mobile-grid-45 {float: left; width: 45%;} .mobile-prefix-45 {margin-left: 45%;} .mobile-suffix-45 {margin-right: 45%;} .mobile-push-45 {left: 45%;} .mobile-pull-45 {left: -45%;} .mobile-grid-50 {float: left; width: 50%;} .mobile-prefix-50 {margin-left: 50%;} .mobile-suffix-50 {margin-right: 50%;} .mobile-push-50 {left: 50%;} .mobile-pull-50 {left: -50%;} .mobile-grid-55 {float: left; width: 55%;} .mobile-prefix-55 {margin-left: 55%;} .mobile-suffix-55 {margin-right: 55%;} .mobile-push-55 {left: 55%;} .mobile-pull-55 {left: -55%;} .mobile-grid-60 {float: left; width: 60%;} .mobile-prefix-60 {margin-left: 60%;} .mobile-suffix-60 {margin-right: 60%;} .mobile-push-60 {left: 60%;} .mobile-pull-60 {left: -60%;} .mobile-grid-65 {float: left; width: 65%;} .mobile-prefix-65 {margin-left: 65%;} .mobile-suffix-65 {margin-right: 65%;} .mobile-push-65 {left: 65%;} .mobile-pull-65 {left: -65%;} .mobile-grid-70 {float: left; width: 70%;} .mobile-prefix-70 {margin-left: 70%;} .mobile-suffix-70 {margin-right: 70%;} .mobile-push-70 {left: 70%;} .mobile-pull-70 {left: -70%;} .mobile-grid-75 {float: left; width: 75%;} .mobile-prefix-75 {margin-left: 75%;} .mobile-suffix-75 {margin-right: 75%;} .mobile-push-75 {left: 75%;} .mobile-pull-75 {left: -75%;} .mobile-grid-80 {float: left; width: 80%;} .mobile-prefix-80 {margin-left: 80%;} .mobile-suffix-80 {margin-right: 80%;} .mobile-push-80 {left: 80%;} .mobile-pull-80 {left: -80%;} .mobile-grid-85 {float: left; width: 85%;} .mobile-prefix-85 {margin-left: 85%;} .mobile-suffix-85 {margin-right: 85%;} .mobile-push-85 {left: 85%;} .mobile-pull-85 {left: -85%;} .mobile-grid-90 {float: left; width: 90%;} .mobile-prefix-90 {margin-left: 90%;} .mobile-suffix-90 {margin-right: 90%;} .mobile-push-90 {left: 90%;} .mobile-pull-90 {left: -90%;} .mobile-grid-95 {float: left; width: 95%;} .mobile-prefix-95 {margin-left: 95%;} .mobile-suffix-95 {margin-right: 95%;} .mobile-push-95 {left: 95%;} .mobile-pull-95 {left: -95%;} .mobile-grid-33 {float: left; width: 33.33333%;} .mobile-prefix-33 {margin-left: 33.33333%;} .mobile-suffix-33 {margin-right: 33.33333%;} .mobile-push-33 {left: 33.33333%;} .mobile-pull-33 {left: -33.33333%;} .mobile-grid-66 {float: left; width: 66.66667%;} .mobile-prefix-66 {margin-left: 66.66667%;} .mobile-suffix-66 {margin-right: 66.66667%;} .mobile-push-66 {left: 66.66667%;} .mobile-pull-66 {left: -66.66667%;} .mobile-grid-100 {clear: both; width: 100%;}} @media screen and (min-width: 768px) {.grid-100:before, .grid-100:after {content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;} .grid-100:after {clear: both;} .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {position: relative;} .hide-on-desktop {display: none !important;} .grid-5 {float: left; width: 5%;} .prefix-5 {margin-left: 5%;} .suffix-5 {margin-right: 5%;} .push-5 {left: 5%;} .pull-5 {left: -5%;} .grid-10 {float: left; width: 10%;} .prefix-10 {margin-left: 10%;} .suffix-10 {margin-right: 10%;} .push-10 {left: 10%;} .pull-10 {left: -10%;} .grid-15 {float: left; width: 15%;} .prefix-15 {margin-left: 15%;} .suffix-15 {margin-right: 15%;} .push-15 {left: 15%;} .pull-15 {left: -15%;} .grid-20 {float: left; width: 20%;} .prefix-20 {margin-left: 20%;} .suffix-20 {margin-right: 20%;} .push-20 {left: 20%;} .pull-20 {left: -20%;} .grid-25 {float: left; width: 25%;} .prefix-25 {margin-left: 25%;} .suffix-25 {margin-right: 25%;} .push-25 {left: 25%;} .pull-25 {left: -25%;} .grid-30 {float: left; width: 30%;} .prefix-30 {margin-left: 30%;} .suffix-30 {margin-right: 30%;} .push-30 {left: 30%;} .pull-30 {left: -30%;} .grid-35 {float: left; width: 35%;} .prefix-35 {margin-left: 35%;} .suffix-35 {margin-right: 35%;} .push-35 {left: 35%;} .pull-35 {left: -35%;} .grid-40 {float: left; width: 40%;} .prefix-40 {margin-left: 40%;} .suffix-40 {margin-right: 40%;} .push-40 {left: 40%;} .pull-40 {left: -40%;} .grid-45 {float: left; width: 45%;} .prefix-45 {margin-left: 45%;} .suffix-45 {margin-right: 45%;} .push-45 {left: 45%;} .pull-45 {left: -45%;} .grid-50 {float: left; width: 50%;} #content-group.grid-50 {width: 100%;} .prefix-50 {margin-left: 50%;} .suffix-50 {margin-right: 50%;} .push-50 {left: 50%;} .pull-50 {left: -50%;} .grid-55 {float: left; width: 55%;} .prefix-55 {margin-left: 55%;} .suffix-55 {margin-right: 55%;} .push-55 {left: 55%;} .pull-55 {left: -55%;} .grid-60 {float: left; width: 60%;} .prefix-60 {margin-left: 60%;} .suffix-60 {margin-right: 60%;} .push-60 {left: 60%;} .pull-60 {left: -60%;} .grid-65 {float: left; width: 65%;} .prefix-65 {margin-left: 65%;} .suffix-65 {margin-right: 65%;} .push-65 {left: 65%;} .pull-65 {left: -65%;} .grid-70 {float: left; width: 70%;} .prefix-70 {margin-left: 70%;} .suffix-70 {margin-right: 70%;} .push-70 {left: 70%;} .pull-70 {left: -70%;} .grid-75 {float: left; width: 75%;} .prefix-75 {margin-left: 75%;} .suffix-75 {margin-right: 75%;} .push-75 {left: 75%;} .pull-75 {left: -75%;} .grid-80 {float: left; width: 80%;} .prefix-80 {margin-left: 80%;} .suffix-80 {margin-right: 80%;} .push-80 {left: 80%;} .pull-80 {left: -80%;} .grid-85 {float: left; width: 85%;} .prefix-85 {margin-left: 85%;} .suffix-85 {margin-right: 85%;} .push-85 {left: 85%;} .pull-85 {left: -85%;} .grid-90 {float: left; width: 90%;} .prefix-90 {margin-left: 90%;} .suffix-90 {margin-right: 90%;} .push-90 {left: 90%;} .pull-90 {left: -90%;} .grid-95 {float: left; width: 95%;} .prefix-95 {margin-left: 95%;} .suffix-95 {margin-right: 95%;} .push-95 {left: 95%;} .pull-95 {left: -95%;} .grid-33 {float: left; width: 33.33333%;} .prefix-33 {margin-left: 33.33333%;} .suffix-33 {margin-right: 33.33333%;} .push-33 {left: 33.33333%;} .pull-33 {left: -33.33333%;} .grid-66 {float: left; width: 66.66667%;} .prefix-66 {margin-left: 66.66667%;} .suffix-66 {margin-right: 66.66667%;} .push-66 {left: 66.66667%;} .pull-66 {left: -66.66667%;} .grid-100 {clear: both; width: 100%;}} body {font-size: 13px; line-height: 1.4; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;} ::-moz-selection {background: #b3d4fc; text-shadow: none;} ::selection {background: #b3d4fc; text-shadow: none;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} img {vertical-align: middle;} fieldset {border: 0; margin: 0; padding: 0;} textarea {resize: vertical;} .chromeframe {margin: 0; padding: .5em; text-align: center;} .ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;} .ir:before {content: ""; display: block; width: 0; height: 150%;} .hidden {display: none !important; visibility: hidden;} .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} .invisible {visibility: hidden;} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} header{position: relative;} #logo{float: left;} section[data-id="content"], #content {position: relative; margin-top:0px;} ul, ol {margin-bottom: 20px;} ul {list-style: none outside;} ol {list-style: decimal;} ol, ul.square, ul.circle, ul.disc {margin-left: 30px;} ul.square {list-style: square outside;} ul.circle {list-style: circle outside;} ul.disc {list-style: disc outside;} ul ul, ul ol, ol ol, ol ul {margin: 4px 0 5px 30px; font-size: 90%;} ul ul li, ul ol li, ol ol li, ol ul li {margin-bottom: 6px;} li {line-height: 18px; margin-bottom: 12px;} ul.large li {line-height: 21px;} li p {line-height: 21px;} img.scale-with-grid {max-width: 100%; height: auto;} .remove-bottom {margin-bottom: 0 !important;} .half-bottom {margin-bottom: 10px !important;} .add-bottom {margin-bottom: 20px !important;} .container {position: relative; width: 960px; margin: 0 auto; padding: 0;} .container .column, .container .columns {float: left; display: inline; margin-left: 10px; margin-right: 10px;} .row {margin-bottom: 20px;} .column.alpha, .columns.alpha {margin-left: 0;} .column.omega, .columns.omega {margin-right: 0;} .container .one.column, .container .one.columns {width: 40px;} .container .two.columns {width: 100px;} .container .three.columns {width: 160px;} .container .four.columns {width: 220px;} .container .five.columns {width: 280px;} .container .six.columns {width: 340px;} .container .seven.columns {width: 400px;} .container .eight.columns {width: 460px;} .container .nine.columns {width: 520px;} .container .ten.columns {width: 580px;} .container .eleven.columns {width: 640px;} .container .twelve.columns {width: 700px;} .container .thirteen.columns {width: 760px;} .container .fourteen.columns {width: 820px;} .container .fifteen.columns {width: 880px;} .container .sixteen.columns {width: 940px;} .container .one-third.column {width: 300px;} .container .two-thirds.column {width: 620px;} .container .offset-by-one {padding-left: 60px;} .container .offset-by-two {padding-left: 120px;} .container .offset-by-three {padding-left: 180px;} .container .offset-by-four {padding-left: 240px;} .container .offset-by-five {padding-left: 300px;} .container .offset-by-six {padding-left: 360px;} .container .offset-by-seven {padding-left: 420px;} .container .offset-by-eight {padding-left: 480px;} .container .offset-by-nine {padding-left: 540px;} .container .offset-by-ten {padding-left: 600px;} .container .offset-by-eleven {padding-left: 660px;} .container .offset-by-twelve {padding-left: 720px;} .container .offset-by-thirteen {padding-left: 780px;} .container .offset-by-fourteen {padding-left: 840px;} .container .offset-by-fifteen {padding-left: 900px;} .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden;} .clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} ::-moz-selection,::selection{background:#b3d4fc; text-shadow:none;} .clearfix:after,.row:after,.clearfix:after{clear:both;} .clearfix,.row,.clearfix{zoom:1;} #logo,.vertical{float:left;} .vertical ul,.vertical li{list-style:none; float:left; margin:0; padding:0;} ul,ol,.row{margin-bottom:20px;} ul.large li,li p{line-height:21px;} .ui-widget .ui-state-highlight p,.ui-widget .ui-state-error p{padding:20px 20px 0;} #print-header{display: none;} @media only screen and (min-width: 768px) and (max-width: 959px) {.container {width: 768px;} .container .column, .container .columns {margin-left: 10px; margin-right: 10px;} .column.alpha, .columns.alpha {margin-left: 0; margin-right: 10px;} .column.omega, .columns.omega {margin-right: 0; margin-left: 10px;} .alpha.omega {margin-left: 0; margin-right: 0;} .container .one.column, .container .one.columns {width: 28px;} .container .two.columns {width: 76px;} .container .three.columns {width: 124px;} .container .four.columns {width: 172px;} .container .five.columns {width: 220px;} .container .six.columns {width: 268px;} .container .seven.columns {width: 316px;} .container .eight.columns {width: 364px;} .container .nine.columns {width: 412px;} .container .ten.columns {width: 460px;} .container .eleven.columns {width: 508px;} .container .twelve.columns {width: 556px;} .container .thirteen.columns {width: 604px;} .container .fourteen.columns {width: 652px;} .container .fifteen.columns {width: 700px;} .container .sixteen.columns {width: 748px;} .container .one-third.column {width: 236px;} .container .two-thirds.column {width: 492px;} .container .offset-by-one {padding-left: 48px;} .container .offset-by-two {padding-left: 96px;} .container .offset-by-three {padding-left: 144px;} .container .offset-by-four {padding-left: 192px;} .container .offset-by-five {padding-left: 240px;} .container .offset-by-six {padding-left: 288px;} .container .offset-by-seven {padding-left: 336px;} .container .offset-by-eight {padding-left: 384px;} .container .offset-by-nine {padding-left: 432px;} .container .offset-by-ten {padding-left: 480px;} .container .offset-by-eleven {padding-left: 528px;} .container .offset-by-twelve {padding-left: 576px;} .container .offset-by-thirteen {padding-left: 624px;} .container .offset-by-fourteen {padding-left: 672px;} .container .offset-by-fifteen {padding-left: 720px;}} @media only screen and (max-width: 767px) {.container {width: 300px;} .container .columns, .container .column {margin: 0;} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {width: 300px;} .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {padding-left: 0;}} @media only screen and (min-width: 480px) and (max-width: 767px) {.container {width: 420px;} .container .columns, .container .column {margin: 0;} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {width: 420px;}} .container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;} .clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .row:after, .clearfix:after {clear: both;} .row, .clearfix {zoom: 1;} .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} @media print{#print-header{display: block;} #locationselect .icon-remove{display:none;} #main-nav{display:none;} #global-nav-area{display:none;} #wide-search{display:none;} #loc_message_box{display:none;} #alert_message_box{display:none;} #cover-content{display:none;} #top-nav{display: none;} #global-nav {background-color: #fff!important;} #fcontact{display: none;} #fcontact i{display: none;} #footer{display: none;} #footer2{display: none;} *{background:transparent!important; box-shadow:none!important; text-shadow:none!important;} p, h1, h2, h4, h5, .boxnoborder ul li{color:#000!important;} .button, button, input[type="submit"], input[type="reset"], input[type="button"]{box-shadow: none !important; border: 1px solid #ccc !important;} .button-primary{color:#000!important; border: 1px solid #000 !important;} section[data-id="content"] ul.contentnavi li.active, #content ul.contentnavi li.active{color:#000!important;} a{text-decoration:underline;} pre,blockquote{border:1px solid #999; page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} .boxborder{page-break-inside:avoid;} .tablerow{display: table; width: 100%;} .tablerow .grid-40{display: table-cell; width:40%;} .tablerow .grid-15{display: table-cell; width:14%;} @page{margin:.5cm;} p,h2,h3{orphans:3; widows:3;} h2,h3{page-break-after:avoid;} @media print,(-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {}} .bx-wrapper {position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;} .bx-wrapper img {max-width: 100%; display: block;} .bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%;} .bx-wrapper .bx-loading {min-height: 50px; background: url(../css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;} .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} .bx-wrapper .bx-prev {left: 10px; background: url(../css/images/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next {right: 10px; background: url(../css/images/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover {background-position: 0 0;} .bx-wrapper .bx-next:hover {background-position: -43px 0;} .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../css/images/controls.png) -86px -11px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../css/images/controls.png) -86px -44px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;} .bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;} html {height: 100%; width: 100%; float: left;} body {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; float: left; width: 100%; height: auto; -ms-overflow-style: scrollbar;} canvas {-ms-touch-action: double-tap-zoom;} body {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 14px; line-height: 20px; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #tr-bg-container {height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #top-nav #locationselect {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; letter-spacing: 0px; font-size: 16px;} #loginselect.topNaviLoginButton {padding: 0 0 0 0 !important; border: 0px; font-weight: 400; box-sizing: inherit!important; margin: 0px; min-height: auto !important; font-size: 14px; width: 100%; height: 100% !important; border-radius: 0;} #loginselect.topNaviLoginButton:HOVER {font-weight: 600; background-color: #00294d !important;} #loginselect.topNaviLoginButton > span {padding-left: 10px;} #loginselect.topNaviLoginButton > i.icon-lock {padding: 0 10px 0 0px;} @media only screen and (max-width: 959px) and (min-width: 768px) {#loginselect.topNaviLoginButton {font-size: 12px;}} #nav2 #top-nav #locationselect {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 14px;} #nav2 #main-nav-ul li a {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; letter-spacing: 0px; font-size: 16px;} @media screen and (-webkit-min-device-pixel-ratio:0) {#chat-layer {display: none;} .mac #nav2 #main-nav-ul {} .mac #nav2 #main-nav .sub-navi {}} #nav2 #main-nav .sub-navi li a {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} #nav2 #mobile-navi,#nav2 #mobile-fcontact {display: none;} #nav2 #mobile-top-navi {display: none;} #nav2 #loc-lt-txt {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; letter-spacing: 0px; font-size: 17px; color: #000; font-weight: 100; font-style: italic;} .postal_layout {text-align: center;} .regional_postal_layout {} .postal_layout>div {vertical-align: middle; margin: 0 8px; display: inline-block;} .regional_postal_layout>div {vertical-align: middle; margin: 0 8px; display: inline-block;} #loc_message_box #loc-message-txt {font-family: "Open Sans"; letter-spacing: 0px; font-size: 16px;} #region_message_box #loc-message-txt {font-family: "Open Sans"; letter-spacing: 0px; font-size: 16px;} h1,h2 {font-weight: 100;} h1 {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} h2,h3,h4,h5,h6 {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} h3,h4,h5,h6 {font-weight: bold;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight: inherit;} h1 {font-size: 30px; line-height: 40px; margin-bottom: 12px;} h2 {font-size: 24px; line-height: 29px; margin-bottom: 10px;} h3 {font-size: 22px; line-height: 27px; margin-bottom: 6px;} h4 {font-size: 20px; line-height: 25px; margin-bottom: 4px;} h5 {font-size: 17px; line-height: 22px; margin-bottom: 4px;} h6 {font-size: 14px; line-height: 19px; margin-bottom: 4px;} .grid-item-group {width: 100%;} .grid-item-group>div>h1 {margin-left: 10px;} .grid-sizer {width: 369px;} .grid-item {float: left; width: 369px; height: 369px; margin-bottom: 30px; color: #fff; margin-left: 10px;} .grid-item-2x1-bg,.grid-item-2x1 {width: 768px; background-color: #fff; color: #00a1d4;} .grid-item-1x2 {height: 768px; background-color: #fff; color: #00a1d4;} .grid-item .boxborder {height: 100%; width: 100%;} .grid-item .button--outlined,.grid-item .button--outlined:visited {color: #fff; box-shadow: 0 0 0 1px #fff; position: absolute; top: 294px;} .grid-item .button-primary,.grid-item .button-primary:visited {position: absolute; top: 294px;} .grid-item-1x2 .button-primary,.grid-item-1x2 .button-primary:visited {position: absolute; top: 693px;} .grid-item-1x2 .button--outlined,.grid-item-1x2 .button--outlined:visited {color: #fff; box-shadow: 0 0 0 1px #fff; position: absolute; top: 693px;} .grid-item .fp-img {height: 369px; width: 369px;} .grid-item .boxborder .campaign-box a,.grid-item .boxborder .campaign-box a:HOVER,.grid-item .boxborder .campaign-box a:FOCUS {color: #fff;} .grid-item-1x2 .boxborder .campaign-box a,.grid-item-2x1 .boxborder .campaign-box a,.grid-item-2x1-bg .boxborder .campaign-box a {color: #00a1d4;} .grid-item-1x2 .boxborder .campaign-box a:HOVER,.grid-item-1x2 .boxborder .campaign-box a:FOCUS,.grid-item-2x1 .boxborder .campaign-box a:HOVER,.grid-item-2x1 .boxborder .campaign-box a:FOCUS,.grid-item-2x1-bg .boxborder .campaign-box a:HOVER,.grid-item-2x1-bg .boxborder .campaign-box a:FOCUS {color: #003665;} .grid-item-1x2 .boxborder .campaign-box a.button:visited,.grid-item-1x2 .boxborder .campaign-box a.button-primary,.grid-item-2x1 .boxborder .campaign-box a.button:visited,.grid-item-2x1 .boxborder .campaign-box a.button-primary,.grid-item-2x1-bg .boxborder .campaign-box a.button:visited,.grid-item-2x1-bg .boxborder .campaign-box a.button-primary {color: #fff; font-weight: 600;} .grid-item-2x1 .boxborder {display: flex; background-color: #fff;} .grid-item-1x2 .fp-img {height: 50%; width: 100%;} section[data-id="content"] .grid-item-group .grid-item .boxborder, #content .grid-item-group .grid-item .boxborder {display: flex; background-color: #00a1d4;} section[data-id="content"] .grid-item-group .grid-item-1x2 .boxborder, #content .grid-item-group .grid-item-1x2 .boxborder {display: block; background-color: #fff;} section[data-id="content"] .grid-item-group .grid-item-2x1 .boxborder, #content .grid-item-group .grid-item-2x1 .boxborder {background-color: #fff;} section[data-id="content"] .grid-item .fp-img, #content .grid-item .fp-img {width: 369px; min-width: 369px;} section[data-id="content"] .grid-item .fp-img img, #content .grid-item .fp-img img {height: 369px;} section[data-id="content"] .grid-item .boxborder h2, #content .grid-item .boxborder h2 {font-size: 14px; color: #fff; margin-bottom: 15px; padding-top: 15px; padding-left: 15px;} section[data-id="content"] .grid-item-2x1-bg .campaign-box, #content .grid-item-2x1-bg .campaign-box {width: 369px;} section[data-id="content"] .grid-item-1x2 .campaign-box h2, section[data-id="content"] .grid-item-2x1 .campaign-box h2, section[data-id="content"] .grid-item-2x1-bg .campaign-box h2, #content .grid-item-1x2 .campaign-box h2, #content .grid-item-2x1 .campaign-box h2, #content .grid-item-2x1-bg .campaign-box h2 {color: #203350; font-size: 14px; margin-bottom: 15px; padding-top: 15px; padding-left: 15px;} section[data-id="content"] .grid-item .boxborder h3, #content .grid-item .boxborder h3 {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; color: #fff; font-weight: 100; line-height: 44px; font-size: 32px; margin-left: 15px; margin-right: 15px; margin-top: 15px; border-bottom: 1px; border-color: #fff; border-bottom-style: solid; padding-bottom: 10px;} section[data-id="content"] .grid-item-1x2 .campaign-box h3, section[data-id="content"] .grid-item-2x1 .campaign-box h3, section[data-id="content"] .grid-item-2x1-bg .campaign-box h3, #content .grid-item-1x2 .campaign-box h3, #content .grid-item-2x1 .campaign-box h3, #content .grid-item-2x1-bg .campaign-box h3 {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; color: #00a1d4; border-color: #b4bdc1; border-bottom-style: solid;} section[data-id="content"] .grid-item .campaign-box p, #content .grid-item .campaign-box p {padding-left: 15px; padding-top: 10px;} section[data-id="content"] .grid-item-1x2 .campaign-box p, section[data-id="content"] .grid-item-2x1 .campaign-box p, section[data-id="content"] .grid-item-2x1-bg .campaign-box p, #content .grid-item-1x2 .campaign-box p, #content .grid-item-2x1 .campaign-box p, #content .grid-item-2x1-bg .campaign-box p {padding-left: 15px; padding-top: 10px; color: #015a83; padding-right: 10px;} .fadeOut {overflow: hidden; max-height: 284px;} .fadeOut:AFTER {content: ''; width: 100%; height: 289px; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 274px, #00a1d4); position: absolute; top: 0; left: 0;} section[data-id="content"] .newsPromo .boxborder .campaign-box, #content .newsPromo .boxborder .campaign-box {width: 100%;} section[data-id="content"] .newsPromo .boxborder .campaign-box p, #content .newsPromo .boxborder .campaign-box p {margin-top: 15px; border-bottom: 1px; border-color: #b4bdc1; border-bottom-style: solid; padding: 0px 0px 20px; margin-left: 15px; margin-right: 20px;} section[data-id="content"] .newsPromo .boxborder .campaign-box p.last, #content .newsPromo .boxborder .campaign-box p.last {border-bottom: 0px;} section[data-id="content"] .newsPromo .boxborder .campaign-box>a, section[data-id="content"] .newsPromo .boxborder .campaign-box>a:VISITED, #content .newsPromo .boxborder .campaign-box>a, #content .newsPromo .boxborder .campaign-box>a:VISITED {margin-left: 15px;} section[data-id="content"] .newsPromo .boxborder .campaign-box p>a, section[data-id="content"] .newsPromo .boxborder .campaign-box p>a:VISITED, #content .newsPromo .boxborder .campaign-box p>a, #content .newsPromo .boxborder .campaign-box p>a:VISITED, {color: #00a1d4;} section[data-id="content"] .newsPromo .boxborder .campaign-box p span, #conten .newsPromo .boxborder .campaign-box p span {color: #00a1d4;} #some-tabs {margin-bottom: 30px; margin-left: 0; list-style: none; padding: 0; padding-top: 55px; padding-left: 0px !important;} #some-tabs ul {padding-left: 0px;} #some-tabs li {display: inline-block; cursor: pointer;} #someContainer {background-color: #fff; min-height: 500px;} .someWrapper {width: 1280px; margin: 0 auto; padding-left: 20px;} .someElement {color: #00a1d4; border: 0; text-transform: uppercase; font-size: 17px; font-weight: 600; margin-right: 70px; padding-bottom: 2px;} .someElement.selected {color: #003665; border-bottom: 3px solid #003665; font-weight: 700;} .flickity-prev-next-button.previous {left: -120px;} .flickity-prev-next-button.next {right: -120px;} .flickity-prev-next-button .arrow {fill: #00a1d4;} .flockler-carousel-item__content__text {overflow-y: hidden;} .flockler-carousel-item__content__big-text {font-size: 17px; line-height: 22px;} section[data-id="content"] .boxborder h5, #content .boxborder h5 {color: #464646; margin-top: 8px; margin-bottom: 8px; margin-left: 10px;} p {margin: 0 0 20px 0;} p img {margin: 0;} p.lead {font-size: 21px; line-height: 27px; color: #464646;} em {font-style: italic;} strong {font-weight: bold; color: #464646;} small {font-size: 80%;} button,input,textarea {font-family: "Open Sans"; color: #464646; border: 1px solid #e6e6e7;} blockquote,blockquote p {font-size: 17px; line-height: 24px; color: #464646; font-style: italic;} blockquote {margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #464646;} blockquote cite {display: block; font-size: 12px; color: #464646;} blockquote cite:before {content: "\2014 \0020";} blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {color: #464646;} hr {border: solid #cecece; border-width: 1px 0 0; clear: both; margin: 0px 10px 20px 10px; height: 0; padding: 0px;} section[data-id="content"] .txt ol.styled, #content .txt ol.styled {font-family: "Open Sans";} section[data-id="content"] .txt ol.styled li p, #content .txt ol.styled li p {font-family: "Open Sans";} a {text-decoration: none; outline: 0;} a:hover,a:focus {} .touch a:hover,.touch a:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;} .touch li:hover,.touch li:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;} textarea:focus,input:focus {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);} p a {line-height: inherit;} .text {text-align: justify;} .desktop-pull-right {float: right;} .desktop-top-padding {padding-top: 14px;} .boxnoborder img {max-width: 100%; height: auto;} .grid-container {margin-left: auto; margin-right: auto; max-width: 1400px; padding-left: 0px; padding-right: 0px;} .paddedTable {padding: 0 200px; width: 940px !important;} .two-thirds-table {width: 620px !important;} .styleClass {width: 100px; box-shadow: none; border: 1px solid #00a1d4; border-radius: 5px; height: 50px;} .grid-container .media-area,.big-left .media-area {overflow-x: hidden; border: 0px; margin-bottom: 0px; padding-bottom: 0px; width: auto; height: 307px;} .boxnoborder .media-area img {max-width: none; height: 300px; width: auto;} .grid-container .media-area .video {border: 0px; margin-bottom: 0px; padding-bottom: 0px; min-height: 300px; width: 100%; height: 98%;} .sixteen.columns .grid-container .media-area {height: 580px;} .two-thirds.column .grid-container .media-area {height: 390px;} .grid-container.nopadding {margin: 0 -10px;} .border-top {border-top: 1px solid #cecece;} .grid-container .tablerow {width: 100%; float: left; margin-bottom: 0px;} table.innergrid .grid-container .tablerow {border-top: 0px solid #cecece;} table.innergrid td {padding: 0px;} table.innergrid td .element {padding: 14px;} .grid-container .tablerow p {margin-top: 5px; margin-bottom: 5px; font-size: 12px;} .grid-container .tablerow .center {text-align: center;} .grid-container .tablerow .tdtxtcenter {margin-top: 5px; text-align: center; font-size: 12px;} .grid-container .tablerow i {line-height: 40px;} .grid-container .tablerow i.big {font-size: 26px;} .grid-container .tablerow .tdhead {padding: 2px 0px 0px 10px;} .grid-container .tablerow .tdhead .txt {display: block; line-height: 14px;} .grid-container .tablerow .tdtxt,.grid-container .tablerow .tdtxt p {line-height: 15px;} .grey {border-bottom: 1px solid #ebebeb;} .grey .tablerow,.grid-container.grey .head {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb;} .grey .tablerow .tdhead,.grey .tablerow .tdtxt {padding: 9px 13px;} .grey .tablerow .tdhead,.grey .tablerow.head .tdhead p {line-height: normal; color: #015A83; background: transparent;} .valuetable.gray thead,.grid-container.grey .head,.grey .tablerow.head .tdhead {background: #ebebeb;} .grey .tablerow .tdhead.right {text-align: right;} .grey .tablerow .tdtxt {text-align: right; line-height: normal;} .grid-container.table.grey .tablerow:nth-child(2n) {background: transparent;} .grid-container .head,.grid-container .head p {border: 0px; font-size: 14px;} .grid-container .plushead {float: left; border: 0px; margin-top: 0px;} .grid-container .plushead i {color: #fff !important; font-size: 36px;} .grid-container .plusheadtxt {position: relative; top: -10px; margin-left: 10px;} .grid-container.table {margin-top: 10px; margin-bottom: 15px;} .grid-container.table.borders {border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;} .table-container table {border-collapse: collapse; width: 100%; margin-bottom: 15px;} .table-container table.borders {border-bottom: 1px solid #cecece; border-right: 1px solid #cecece;} .table-container tr {width: 100%; margin-bottom: 0px; border-top: 1px solid #cecece; padding-top: 0px; padding-bottom: 0px;} .table-container table.borders tr {border-top: 1px solid #cecece;} .table-container td {padding-top: 5px; padding-bottom: 5px; padding-left: 2px;} .table-container table.borders td {border-left: 1px solid #cecece; width: 50%;} .table-container td b,.table-container td strong {font-weight: normal; padding: 0px 0px 0px 0px; margin-top: 5px; margin-bottom: 5px;} .table-container th {font-weight: normal; padding: 0px 0px 0px 0px; margin-top: 5px; margin-bottom: 0px; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; min-width: 96%; width: 96%; border: 0px solid #fff;} .table-container td p {font-size: 12px; line-height: 15px; margin-top: 5px; margin-bottom: 5px; padding: 0px 0px 0px 8px;} .table-container td p strong {font-size: 14px;} .table-container .table-img {display: inline-block; position: relative; width: 469px; overflow: hidden;} .table-container .txt table {margin: 0px; margin-bottom: 15px; border: 0px solid #cecece; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0px solid rgba(255, 255, 255, 0); border-right: 0px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #cecece; padding: 0px; border-image: none;} .table-container .txt table tbody {border: 0px solid #fff; border: 1px solid rgba(255, 255, 255, 0);} .table-container .txt table td {padding-bottom: 5px; padding-left: 10px; padding-top: 5px; border-right: 1px solid #fff; border-right: 1px solid rgba(255, 255, 255, 0);} .container .sixteen.columns.padded {text-align: center; padding: 0 200px; width: 940px;} .container .sixteen.columns.padded.table-container.left {text-align: left;} .container .sixteen.columns.padded h1,.container .sixteen.columns.padded h2 {text-align: center;} .container .sixteen.columns.padded.table-container.left h1,.container .sixteen.columns.padded.table-container.left h2 {text-align: left;} .container .sixteen.columns.padded.table-container.left h1.center,.container .sixteen.columns.padded.table-container.left h2.center {text-align: center;} .container .sixteen.columns.padded h1.left,.container .sixteen.columns.padded h2.left {text-align: left;} .container .sixteen.columns.padded h1.center,.container .sixteen.columns.padded h2.center {text-align: center;} .container .sixteen.columns.padded.left {text-align: left;} .container .sixteen.columns.padded.left h1,.container .sixteen.columns.padded.left h2,.container .sixteen.columns.padded.left h3 {text-align: left;} .container .sixteen.columns.padded .logolink1,.container .sixteen.columns.padded .logolink1 .icon-img,.container .sixteen.columns.padded .logolink1 .icon-img img {display: unset !important; float: unset !important;} .docIcon {margin-right: 8px; margin-top: -6px !important; padding-top: 6px;} .container .sixteen.columns.padded img {display: inline-block !important; float: none !important;} .sixteen.columns.padded .grid-container .media-area {height: auto;} .container .innergrid .column,.container .innergrid .columns {margin-left: 0px; margin-right: 0px;} .container .innergrid .carousel-area {border: 0px; margin-right: -8px; background-color: rgba(255, 255, 255, 0);} .container .innergrid .carousel {background-color: rgba(255, 255, 255, 0);} .container .innergrid .boxnoborder {border: 0px; margin-left: 10px;} .container .innergrid .contact {margin-left: 5px;} .container .innergrid .table-container {margin-left: 5px;} .container .innergrid .table-container td {border-left: 0px; padding-bottom: 0px; padding-left: 0px;} .container .innergrid .table-container p {padding-left: 0px;} .container .innergrid .table-img {padding: 0px;} .container .innergrid .table-img img {max-height: 500px;} .container .innergrid .video {} @ -moz-document url-prefix () {.table-container .txt table {border-left: 1pxsolidrgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0);}} .squarephoto>div {padding-left: 0; padding-right: 15px; padding-top: 0 !important;} .squarephoto>.txt {padding-right: 0;} .squarephoto img {width: 100%; margin-bottom: 20px;} section[data-id="content"] .squarephoto .arrow-links li, #content .squarephoto .arrow-links li {margin-bottom: 3px;} section[data-id="content"] .squarephoto .arrow-links i, #content .squarephoto .arrow-links i {margin-left: 0;} section[data-id="content"] .squarephoto .arrow-links ul, #content .squarephoto .arrow-links ul {padding-left: 0;} .contentnewsticker {border: 1px solid #cecece; margin-bottom: 20px;} .contentnewsticker-highlight {position: relative;} .contentnewsticker p {margin: 0; padding: 10px 110px 10px 10px;} .contentnewsticker span {color: #464646; margin-right: 7px;} .contentnewsticker a {display: block;} .contentnewsticker .showmore {right: 10px; bottom: 10px; position: absolute; cursor: pointer; z-index: 2;} .contentnewsticker .showmore .icon-angle-up,.contentnewsticker.open .showmore .icon-angle-down {display: none;} .contentnewsticker.open .showmore .icon-angle-up {display: inline;} .contentnewsticker .more {border-top: 1px solid #cecece; display: none; padding: 10px 10px 0;} .contentnewsticker.open .more {display: block;} section[data-id="content"] .contentnewsticker .more p, #content .contentnewsticker .more p {margin: 0 0 10px; padding: 0;} section[data-id="content"] .contentnewsticker .more span, #content .contentnewsticker .more span {margin: 0;} .article .imgscale {margin-bottom: 20px;} .author {border-bottom: 1px solid #cecece;} .author .fp-img {margin-bottom: 20px;} .quote {font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: normal; margin-bottom: 20px;} .quote p {margin-bottom: 0;} .quote .name {font-family: 'Open Sans', sans-serif; font-size: 14px; padding-top: 7px;} section[data-id="content"] .newslist, #content .newslist {float: none !important; width: auto !important; padding: 10px 17px 10px 17px;} section[data-id="content"] .newslist p.readmore, #content .newslist p.readmore {margin-bottom: 0;} section[data-id="content"] .newslist-main, section[data-id="content"] .newslist-small, #content .newslist-main, #content .newslist-small {list-style: none; padding: 0; margin-bottom: 35px;} section[data-id="content"] .newslist-main li, #content .newslist-main li {padding: 10px 0; border-bottom: 1px solid #ececec;} section[data-id="content"] .newslist-main h3, #content .newslist-main h3 {margin-top: 0;} section[data-id="content"] .newslist-main p, #content .newslist-main p {margin-bottom: 7px;} section[data-id="content"] .newslist-small li, #content .newslist-small li {margin-bottom: 20px;} section[data-id="content"] .newslist-small h3, #content .newslist-small h3 {margin: 0; font-size: 16px; line-height: normal;} section[data-id="content"] .newslist-small p, #content .newslist-small p {margin: 0;} #overlay {background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity = 50); opacity: .5; position: absolute; top: 32px; left: 0; z-index: 90000;} #modal {display: none; position: absolute; top: 0; left: 0; z-index: 90001; background: #fff; padding: 20px; width: 45%;} #modal .modal-close.x {float: right; font-size: 30px; margin: -10px -10px 10px 10px; cursor: pointer; color: #888;} #modal .modal-buttons {text-align: center; margin-bottom: 0;} #modal .button {min-width: 100px; margin-top: 10px;} #modal h3 {margin-top: 0; font-size: 24px; line-height: 30px;} #modal h4 {font-size: 18px; margin-bottom: 20px; padding-bottom: 0;} .newsletter-subscribe input,.avaus-newsletter-subscribe input {display: inline !important;} section[data-id="content"] .valuetable.gray .logolink1, #content .valuetable.gray .logolink1{margin-top: 8px; height: 100%; padding-top: 2px;} section[data-id="content"] .valuetable.gray .logolink1 i, #content .valuetable.gray .logolink1 i{margin-top: -8px;} section[data-id="content"] .valuetable.gray .i.icon-img img, #content {margin-top: 0px; padding-top: 0px;} section[data-id="content"] .situationbox .logolink1, #content .situationbox .logolink1{height: 66px;} section[data-id="content"] .situationbox i.icon-img img, #content .situationbox i.icon-img img{width: 56px; height: 56px; max-width: none; max-height: none; float: none;} .situationbox div {display: table;} .situationbox a {display: table-row;} .situationbox i,.situationbox span {display: table-cell !important; float: none !important; vertical-align: middle;} .situationbox i {padding-right: 14px !important;} .situationbox span {width: 100%;} .feedback-form {margin: 0; padding: 10px; background: #fff; background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);} .feedback-form select {padding: 0px !important;} .feedback-form p {margin: 0 0 10px 0;} .feedback-form input,.feedback-form textarea {margin: 0 !important;} .feedback-form textarea,.feedback-form input[type=text] {display: inline-block; transition: box-shadow .6s, background-color .6s; border: 0; border-radius: 3px; background-color: #fff; box-shadow: 0 0 0 1px #d6d6d6; margin: 0; width: 100%; font-family: 'Open Sans', sans-serif; line-height: 20px; font-size: 14px; box-sizing: border-box; -webkit-appearance: none;} .feedback-form .grid-50 {padding-left: 0; padding-right: 5px;} .feedback-form .grid-50+.grid-50 {padding-left: 5px; padding-right: 0;} .feedback-form input[type=radio] {position: absolute; left: -99999px;} .feedback-form label {display: block; margin: 0; text-align: center; font-weight: normal; padding: 7px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; min-height: 20px; ;} .no-touch .feedback-form label:hover {border-color: #094770;} .feedback-form .checked label {border: 2px solid #88bfd1; background: #dcf5fb; padding: 6px;} .feedback-form .submit {text-align: right;} .feedback-form input[type=submit]:focus {outline: 0;} .feedback-thanks {display: none;} .feedback-thanks h2 {padding-top: 10px;} .feedback-thanks .boxborder {border: unset !important; margin-bottom: 0 !important;} .feedback-thanks a.show{margin-left:15px !important;} .feedback-error,.contact-error {color: #c63650; display: none;} .contact-field-error {background-color: #fbe9e9;} .accordion>div {display: none;} .accordion {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid #CECECE; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE;} .accordion h3 {font-size: 14px; color: #fff; margin: 0px; padding-left: 18px; line-height: 16px; font-weight: normal; cursor: pointer;} .accordion h3 i {margin: 0px 0px 0px -8px;} .accordion h3 i.icon-angle-down {padding: 0px 0px 0px 2px;} .ui-accordion-header {padding: 8px 5px 8px 5px;} .ui-accordion-content {padding: 10px 10px 10px 10px; border-bottom: 1px solid #CECECE;} .ui-accordion-content p {margin: 10px 0px 10px 0px;} .ui-accordion-header.ui-state-default {} .ui-accordion-header.ui-state-active {} .ui-accordion-header.ui-state-hover {color: #fff;} .accordion img {max-width: 100%;} .cropimg-center {display: inline-block; position: relative; right: -50%; background-color: #fff;} .cropimg-center img {position: relative; left: -50%;} .cropimg-center.edit {display: hidden;} .cropimg-center.edit img {left: 0px;} #mast-head-tabs #content-tab-navi .sharelayer a {text-transform: none; color: #015A83; font-size: 12px;} .atcontainer {float: left; width: 113px;} .at300b {float: left; width: 100%; padding-top: 4px; padding-bottom: 4px;} .at300bs {float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 2px;} .gsc-control-cse {font-family: 'Open Sans', sans-serif;} .gsc-cursor {display: block; float: left;} .gsc-cursor-page {float: left; padding: 5px 4px; margin-bottom: 5px; font-size: 16px;} .gsc-input-box {padding-top: 6px; padding-bottom: 3px; height: 28px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #C9C9C9 !important;} .gsst_a .gscb_a,.gsst_a .gscb_a {padding-top: 6px; color: #919191 !important;} .gsst_a:hover .gscb_a,.gsst_a:focus .gscb_a {opacity: 0.7;} .bcs-container-searchbox {border-color: #00a1d4 !important; border-radius: 4px; height: 40px; margin-left: 10px;} .bsc-searchbox {width: 98%;} .bcs-searchbox-submit {background-color: #00a1d4 !important; border-color: #00a1d4 !important; padding: 0; border-radius: 0px; border: 10px solid #00a1d4; height: 40px !important} .bcs-searchbox-submit:HOVER {opacity: 0.7; background-image: url(https://hosteduxprod.blob.core.windows.net/public/BingIcons.png) !important;} .bcs-result cite {color: #015a83 !important; font-weight: bold;} .bcs-result a {color: #015a83 !important;} .bcs-result a:VISITED {color: #8a4a8a !important;} .bcs-caption p {color: #464646;} .cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2 {padding: 12px 27px !important; margin-top: 3px !important; background-color: #009FD6 !important; border: 1px solid #009FD6 !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;} .cse .gsc-search-button input.gsc-search-button-v2:hover,input.gsc-search-button-v2:hover {opacity: 0.7;} .gsc-table-result {margin-left: 9px;} .gsc-results {width: 100% !important;} .gsc-webResult.gsc-result.gsc-promotion {margin-left: 0px; margin-right: 0px; padding-left: 10px;} table.gsc-branding,table.gcsc-branding {display: none !important;} .gsc-search-box-tools .gsc-search-box .gsc-input {background-image: none !important;} #top-nav {height: 32px; font-size: 12px;} #top-nav .columns {height: 32px;} #top-nav #locationselect {line-height: 19px; padding-left: 10px; padding-right: 10px; padding-top: 8px; height: 24px; margin-right: 0px; white-space: nowrap;} #top-nav #locationselect span {float: left;} #top-nav #locationselect i {font-size: 20px; float: right;} #nav2 #top-nav #locationselect {border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; color: #767676; width: 100%;} .no-touch #nav2 #top-nav #locationselect:hover {opacity: 1; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-color: #f0f0f0;} #nav2 #top-nav #locationselect #loc-result-txt {padding-top: 1px; font-size: 12px;} #nav2 #top-nav #locationselect i {color: #919191; font-size: 22px; line-height: 22px; float: right; margin-left: 4px; margin-top: -4px;} #top-nav #locationselect .icon-remove {margin-top: 2px; font-size: 14px;} #top-nav #locationselect .icon-x {margin-top: -10px; font-size: 26px; line-height: 36px;} #top-nav #locationselect #loc-mid-txt {display: none;} #top-nav #locationselect-layer {position: absolute; background-color: #fff; color: #000; z-index: 110; width: 180px; min-height: 70px; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); padding-bottom: 10px;} #top-nav #regionselect-layer {position: absolute; background-color: #fff; color: #000; z-index: 110; width: 180px; min-height: 70px; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); padding-bottom: 10px;} #top-nav #locationselect-layer .heading {color: #555555; float: left; margin-left: 10px; margin-top: 12px; margin-bottom: 2px; margin-right: 12px; width: 90%;} #top-nav #regionselect-layer .heading {color: #555555; float: left; margin-left: 10px; margin-top: 12px; margin-bottom: 2px; margin-right: 12px; width: 90%;} #top-nav #locationselect-layer .loc-search {float: left; margin-left: 10px; width: 160px; height: 30px; border: 1px solid #898989; margin-bottom: 0px; padding-bottom: 0px;} #top-nav #regionselect-layer .loc-search {float: left; margin-left: 10px; width: 160px; height: 30px; border: 1px solid #898989; margin-bottom: 0px; padding-bottom: 0px;} #top-nav #locationselect-layer input {float: left; border: none; padding: 6px 0px 6px 0px; outline: none; margin: 0px 0px 0px 10px; width: 90%; max-width: 90%; display: block; margin-bottom: 0px; border-radius: 5px;} #top-nav #regionselect-layer input {float: left; border: none; padding: 6px 0px 6px 0px; outline: none; margin: 0px 0px 0px 10px; width: 90%; max-width: 90%; display: block; margin-bottom: 0px; border-radius: 5px;} .ui-autocomplete-loading {background: white url(../img/ajax-loader.gif) right center no-repeat;} .ui-helper-hidden-accessible {display: none;} .no-touch #top-nav #locationselect:hover {opacity: 0.8;} #top-nav #loc-results .loc-link {float: left; margin-left: 20px; width: 90%;} #mast-head #regional-results .loc-link {float: left; margin-left: 20px; width: 90%;} #top-nav #loc-results a {line-height: 26px;} #mast-head #regional-results a {line-height: 26px;} .no-touch #top-nav #loc-results a:hover {text-decoration: underline;} .no-touch #mast-head #regional-results a:hover {text-decoration: underline;} #top-nav #loc-results i {margin-right: 5px;} #mast-head #regional-results i {margin-right: 5px;} #top-nav #langdropdown {padding-left: 10px; padding-right: 10px; padding-top: 6px; height: 26px; white-space: nowrap;} #top-nav #langdropdown i {font-size: 20px; float: right;} #top-nav #langselect {float: right; padding-top: 8px; padding-bottom: 0px; height: 27px; line-height: 19px; padding-left: 10px;} #nav2 #top-nav #langselect {float: right; padding-top: 0px; padding-bottom: 0px; height: 32px; line-height: 19px; padding-left: 0px; padding-right: 0px; margin-top: 0px;} .no-touch #top-nav #langselect a:hover {text-decoration: underline;} .no-touch #nav2 #top-nav #langselect:hover {text-decoration: none;} #nav2 #top-nav #langdropdown {padding-top: 8px; margin-top: 0px; height: 24px; padding-left: 0px; margin-right: -9px;} #nav2 #top-nav #langdropdown span {float: left; margin-left: 6px;} #nav2 #top-nav #langdropdown i {float: right; margin-left: 6px; margin-top: -1px;} #nav2 #top-nav #langdropdown .globe {float: left; margin-top: -2px; margin-left: 6px;} #nav2 #top-nav #langdropdown.active {border-left: 1px solid #eaeaea; background-image: none; position: relative; z-index: 9999; border-bottom: 1px solid #fff;} #nav2 #top-nav #langselect-layer {position: absolute; top: 33px; background-color: #fff; color: #000; z-index: 9998; min-width: 150px; padding: 6px 0px 6px 0px; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #nav2 #top-nav #langselect-layer .lang-link {float: left; margin-left: 10px; width: 90%;} #nav2 #top-nav #langselect-layer a {line-height: 26px; font-size: 14px;} .no-touch #nav2 #top-nav #langselect-layer a:hover {text-decoration: underline;} #nav2 #top-nav #langselect-layer i {margin-right: 5px;} #top-nav #shoppingcart {float: right; position: relative;} #nav2 #top-nav #shoppingcart {border-left: 1px solid #eaeaea; width: 100%;} #top-nav #shoppingcart-button i {font-size: 20px; margin-top: 0px;} #nav2 #top-nav #shoppingcart-button i {font-size: 20px; margin-top: -2px; float: right;} .no-touch #top-nav #shoppingcart:hover {background-color: #EDEDED;} #top-nav #shoppingcart-button {height: 25px; display: block; padding: 7px 14px 0; background-color: #efeded; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0); margin-left: -10px; margin-right: -20px; border-left: 1px solid #eaeaea; border-right: 1px solid transparent; cursor: pointer;} #top-nav #shoppingcart-layer {display: none; position: absolute; background-color: #e7f8ff; color: #000; z-index: 99999; width: 297px; padding: 10px 14px; top: 32px; right: -20px; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); border: 1px solid #c9c9c9;} #top-nav #shoppingcart-layer ul {list-style: none; padding: 0; margin: 0;} #top-nav #shoppingcart-layer li {margin-bottom: 5px;} #top-nav #shoppingcart-layer hr {margin: 10px 0;} #top-nav #shoppingcart-layer .shoppingcart-price-wrap {float: right;} .shoppingcart-hasitems,.shoppingcart-hasmanyitems {display: none;} #nav2 #main-nav #mobile-top-navi ul li ul li span.shoppingcart-hasmanyitems {padding-left: 0px;} #top-nav .active #shoppingcart-button {border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background: #e7f8ff; filter: none; z-index: 100000; height: 26px; position: relative;} #top-nav .active #shoppingcart-layer {display: block;} #top-nav #loginselect {padding-left: 10px; padding-right: 10px; padding-top: 6px; height: 26px;} #top-nav #loginselect i {font-size: 20px; float: right;} #loginselect img {margin-top: -5px; margin-right: 5px;} #top-nav #loginselect-layer {position: absolute; background-color: #fff; color: #000; z-index: 99999; width: 297px; min-height: 248px; padding-bottom: 10px; right: 10px; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #top-nav #loginselect-layer .heading {float: left; margin-left: 20px; margin-top: 12px; margin-bottom: 2px; width: 90%;} #top-nav #loginselect-layer hr {margin: 0px 0px 0px 0px; height: 11px; border-width: 0px 0px 1px 0px; border-color: #e6e6e6;} #top-nav #loginselect-layer .login-link {float: left; margin-left: 20px; width: 90%;} #top-nav #loginselect-layer .noheading {margin-top: 10px;} #top-nav #loginselect-layer a {line-height: 26px; float: left;} .no-touch #top-nav #loginselect-layer a:hover {text-decoration: none;} #top-nav #loginselect-layer i {margin-right: 5px; float: left; line-height: 25px;} #nav2 #top-nav .right {float: right;} #nav2 #top-nav a.fullwidth {width: 100%;} #nav2 #top-nav #loginselect span {float: left;} #global-nav {height: 80px;} #global-nav .columns {height: 80px; overflow: hidden;} #global-nav #logo img {width: 195px; margin-top: 20px;} #nav2 #global-nav {height: 104px;} #nav2 #global-nav .columns {height: 104px;} #nav2 #global-nav #logo img {width: 195px; margin-top: 30px;} #nav2 #global-nav #loc-lt-txt {float: left; height: auto; margin-left: 47px; margin-top: -9px; min-width: 125px;} #global-nav #buttons_navi {margin-top: 44px; font-size: 13px;} #nav2 #global-nav #buttons_navi {margin-top: 33px; border-radius: 1px; margin-left: 5px;} #global-nav #buttons_navi li {margin-right: 2px;} #global-nav #buttons_navi a {text-transform: uppercase; border-radius: 5px; vertical-align: middle; float: left; height: 40px; line-height: 40px; padding: 0px 12px 0px 12px; margin: 0px 0px 0px 0px;} #global-nav #buttons_navi .selected {border-radius: 5px;} #nav2 #top-nav {width: auto;} #mast-head {width: auto;} #nav2 #global-nav #buttons_navi a {border-radius: 0px;} #nav2 #global-nav #buttons_navi .selected {border-radius: 0px;} #nav2 #global-nav #buttons_navi {border-radius: 4px; background-color: rgba(0, 0, 0, 0);} #nav2 #global-nav #buttons_navi li {margin-right: 0px; border-right: 1px solid #d6eff6;} #nav2 #global-nav #buttons_navi li:last-child {border-right: 0px solid #d6eff6;} #nav2 #global-nav #buttons_navi li:first-child a {border-top-left-radius: 4px; border-bottom-left-radius: 4px;} #nav2 #global-nav #buttons_navi li:last-child a {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} #global-nav #search-area {margin-top: 25px; border-radius: 5px; height: 34px; border: 1px solid #555555; float: right; background-color: #fff;} #nav2 #global-nav #search-area {margin-top: 33px; border-radius: 4px; height: 40px; margin-right: 1px; width: 97%;} #global-nav #search-area form {margin-bottom: 0px; float: left; width: 99%;} #global-nav #search-area input {-webkit-font-smoothing: antialiased; float: left; border: none; padding: 6px 0px 7px 0px; outline: none; margin: 3px 0px 0px 5px; width: 80%; max-width: 80%; display: block; margin-bottom: 0px;} #nav2 #global-nav #search-area input {font-size: 14px; margin: 3px 0px 0px 8px; padding: 7px 0px 7px 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);} #global-nav #search-area .search-icon {font-size: 14px; margin-right: 10px; padding: 8px 0px 8px 0px; float: right; color: #5f5f5f;} #nav2 #global-nav #search-area a {right: 11px; position: absolute; background: #00a1d4; float: left; margin-top: -1px; height: 42px; width: 38px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;} #nav2 #global-nav #search-area .search-icon {padding: 13px 3px 0px 0px; color: #fff;} .no-touch #global-nav #search-area .search-icon:hover {opacity: 0.65;} .no-touch #nav2 #global-nav #search-area .search-icon:hover {opacity: 1;} .no-touch #nav2 #global-nav #search-area a:hover {background-color: #38BDE9;} .gssb_c {margin: 3px 0 0 0 !important; padding: 0px 0 0 0 !important; background: #fff !important; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;} .gsc-completion-container {font-family: 'Open Sans', sans-serif; font-size: 13px !important; background: #fff !important; border: none !important; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; width: 115% !important; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3) !important; -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3) !important; box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3) !important;} .gssb_a table,.gssb_a table tr,.gssb_a table tr td {padding: 4px 0px 4px 3px !important;} .gsc-tabHeader.gsc-tabhActive {border-top-left-radius: 5px; border-top-right-radius: 5px;} #mobile-search-layer {height: 45px; width: 100%;} #mobile-search-layer #mobile-search-area {margin-top: 6px; margin-left: 9px; border-radius: 5px; height: 30px; border: 1px solid #fff; float: left; background-color: #fff; display: inline-block; width: 94%;} #mobile-search-layer #mobile-search-area form {margin-bottom: 0px; float: left; width: 100%;} #mobile-search-layer #mobile-search-area input {width: 100%; float: left; border: none; padding: 7px 0px 5px 0px; outline: none; margin: 2px 0px 0px 10px; width: 80%; max-width: 80%; display: block; margin-bottom: 0px;} #mobile-search-layer #mobile-search-area .search-icon {font-size: 14px; margin-right: 10px; padding: 8px 0px 8px 0px; float: right; color: #5f5f5f;} .no-touch #mobile-search-layer #mobile-search-area .search-icon:hover {opacity: 0.65;} #mobile-search-layer #mobile-search-area-close a {color: #fff; padding: 8px 8px 8px 8px; float: right;} #mobile-search-layer #mobile-search-area-close {margin-right: 10px; font-size: 20px; padding: 0px 0px 0px 0px; float: right;} #mobile-search-layer #mobile-search-area-close .icon-x {font-size: 26px;} #main-nav {position: relative; height: 42px; border-bottom: 1px solid #E6E6E7;} #nav2 #main-nav {position: relative; height: 71px; border-bottom: 0px solid #E6E6E7;} #main-nav .alignment {float: left;} #main-nav .alignment ul {list-style: none; float: left; padding: 0px; margin: 0px 0px 0px -1px;} #nav2 #main-nav .alignment ul {list-style: none; float: left; padding: 0px; margin: 0px 0px 0px 0px;} #main-nav .alignment li {list-style: none; float: left; padding: 0px; margin: 0px;} #main-nav-ul li {display: block;} #main-nav-ul li.selected {position: relative;} #main-nav-ul li {height: 42px;} #main-nav-ul li a {text-transform: uppercase; vertical-align: middle; float: left; height: 42px; line-height: 42px; padding: 0px 9px 0px 9px; margin: 0px 0px 0px 0px;} #nav2 #main-nav-ul li {height: 71px; display: table;} #nav2 #main-nav-ul li a {float: none; height: 100%; line-height: 20px; text-align: center; display: table-cell; vertical-align: middle; padding: 0px 15px; max-width: 180px; min-width: 30px;} #nav2 #main-nav-ul .sub-navi li {border-left: 0px;} #nav2 #main-nav-ul .sub-navi li {height: 42px;} #nav2 #main-nav ul .selected {margin-right: 0px; float: left;} #nav2 #main-nav ul .open {margin-right: -1px; float: left;} @ -moz-document url-prefix () {#nav2 #main-nav ul .open {margin-right: 0px;} #nav2 #main-nav ul .selected {margin-right: 0px;}} #main-nav .icon-home {font-size: 24px; line-height: 40px; margin-top: 8px;} #nav2 #main-nav .icon-home {font-size: 30px; line-height: 44px; margin-top: 6px;} #main-nav #main-nav-ul li {position: relative;} #main-nav .sub-navi {position: absolute; z-index: 402; top: 42px; left: -1px; background-color: #fff; overflow: visible; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #main-nav .sub-navi.mega {width: 942px; overflow-x: hidden;} #main-nav .sub-navi.mega .sub-navi-megali {width: 36%; display: table-cell; vertical-align: top; border-right: 0px;} #main-nav .sub-navi.mega .sub-navi-megali li {width: 100%; border: 0px solid #fff; border-top: 1px solid #E6E6E7;} #main-nav .sub-navi.mega .sub-navi-megali li:last-child {border-bottom: 1px solid #e6e6e7;} #nav2 #main-nav .sub-navi.mega .sub-navi-megali li {overflow: hidden;} #nav2 #main-nav .sub-navi.mega .sub-navi-megali li:last-child {border-bottom: 1px solid #c6c6c6;} #nav2 #main-nav-ul .open .boxnoborder a {float: left; background-image: none; color: #00a1d4; text-align: left; width: 100%; max-width: 100%; margin-left: 0px; padding-left: 0px; padding-right: 0px;} #nav2 #main-nav-ul .open .boxnoborder p {margin: 10px 0px;} #nav2 #main-nav-ul .open .boxnoborder p a {width: auto; float: none; display: inline;} #main-nav .sub-navi.mega .sub-navi-megaad {width: 32%; display: table-cell; vertical-align: top; border-left: 1px solid #e6e6e7; padding-bottom: 15px;} #main-nav .sub-navi.mega .sub-navi-megaad .megahead {position: relative; min-height: 20px; padding-left: 25px; padding-top: 13px; padding-bottom: 10px; color: #003665; font-size: 15px; background-color: #edefef; text-transform: uppercase;} #main-nav .sub-navi.mega .sub-navi-megaad i {position: absolute; left: 0px;} #main-nav .sub-navi.mega .sub-navi-megaad .megahead i {position: absolute; left: 10px;} #main-nav .sub-navi.mega .sub-navi-megaad .normalpadding {padding: 0px 15px 5px 15px;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad {border-left: 1px solid #c6c6c6;} #main-nav .sub-navi.mega .sub-navi-megaad p {margin: 0px;} #main-nav .sub-navi.mega .sub-navi-megaad a {font-size: 14px; text-transform: none; color: #015A83; margin: 0px; padding: 0px; background-color: transparent;} #main-nav .boxnoborder a {height: 100%;} .no-touch #main-nav .sub-navi.mega .sub-navi-megaad a:hover {background-color: transparent; width: auto; color: #00a0d5;} #main-nav .sub-navi.mega .sub-navi-megaad ul {margin: 0px;} #main-nav .sub-navi.mega .sub-navi-megaad li {line-height: 18px; height: auto; width: 100%; border: 0px; padding: 15px 0px 0px 10px;} #main-nav .sub-navi.mega .sub-navi-megaad li a {line-height: 16px;} #main-nav .sub-navi.mega .sub-navi-megaad li i {padding: 0px;} .no-touch #main-nav .sub-navi.mega .sub-navi-megaad li:hover {background-color: transparent;} #main-nav .sub-navi.mega .sub-navi-megaad img {width: 100%;} #main-nav .sub-navi.mega .sub-navi-megaad .campaign-box {padding: 0px 10px 0px 10px; float: left;} #main-nav .sub-navi li {position: relative; float: left; width: 300px; line-height: 40px; padding-left: 0px; margin-bottom: 0px;} #main-nav .sub-navi li a {font-size: 14px; float: left; width: 100%; vertical-align: left; text-transform: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #fff; left: 0px;} #main-nav .sub-navi li i {padding-left: 10px; padding-right: 5px;} #main-nav .sub-navi li .pngicon {float: left; width: 30px; height: 30px; text-align: left; padding: 7px 2px 0px 10px;} #main-nav .sub-navi li .pngicon img {float: left; width: 25px;} .no-touch #main-nav .sub-navi li a:hover {background-color: #f7f7f7;} #nav2 #main-nav .sub-navi {position: absolute; z-index: 402; top: 71px; left: 0px; background-color: #fff; background-image: none; overflow: visible; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #nav2 #main-nav .sub-navi li a {font-size: 16px; background-color: #fff; text-align: left; padding: 15px 0px 15px 10px; margin: 0px 0px 0px 0px; border-right: 0px solid #fff; height: auto; line-height: 20px; max-width: 100%; background-image: none; float: left; text-transform: none;} #nav2 #main-nav .sub-navi li i {padding-left: 25px; padding-right: 5px;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li {border: 0px; height: auto; line-height: 18px; float: left; padding-left: 0px;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a {font-size: 14px; line-height: 16px; height: auto; border-right: 0px solid #fff;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad .fp-img a {margin: 0px; padding: 0px; max-width: 100%;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li i {padding-left: 0px;} #nav2 #main-nav .boxnoborder a {height: 100%;} #main ul li a:hover {text-decoration: underline;} #alert_message_box {position: relative; min-height: 36px;} #alert_message {float: left;} #alert_message #alert-warning {margin-top: 7px; text-align: center; padding-left: 62px; padding-right: 62px; font-weight: 600;} #alert_message #alert-warning i {vertical-align: bottom; font-size: 17px; line-height: 22px; margin-right: 5px;} #alert_message #alert-txt {vertical-align: bottom; margin-top: 9px; margin-bottom: 8px; text-align: center; padding-left: 62px; padding-right: 62px;} #alert_message #alert-txt span {vertical-align: center; margin-top: 0px; line-height: 16px;} #alert_message #alert-txt a {color: #000; text-decoration: underline;} #alert_message #alert-close {float: right; padding: 7px 20px 0px 20px; height: 27px; position: absolute; top: 0; right: 0;} #alert_message #alert-close span {line-height: 23px;} #alert_message #alert-close .btn {height: 18px; width: 14px; margin-left: 0px; padding: 0px 5px 1px 5px; border-radius: 6px;} .no-touch #alert_message #alert-close .btn:hover {opacity: 0.75;} #alert_message #alert-close a svg {border: none; padding: 5px; font-size: 32px; height: 44px; width: 44px; fill: black;} #loc_message_box {padding-top: 15px; padding-bottom: 15px; min-height: 32px; z-index: 42; width: 100%;} #region_message_box {padding-top: 15px; padding-bottom: 15px; min-height: 32px; z-index: 42; width: 100%;} #loc_message_box #loc-message-txt {float: right; margin-top: 10px; margin-bottom: 4px; margin-left: 100px;} #region_message_box #loc-message-txt {float: left; margin-top: 10px; margin-bottom: 4px; margin-left: -560px;} #loc_message_box #loc-message-img {float: left;} #region_message_box #loc-message-img {float: left;} #loc_message_box #loc-message-img img {position: absolute; top: 0px; left: 70px; height: 35px;} #region_message_box #loc-message-img img {position: absolute; top: 0px; left: 10px; height: 35px;} #loc_message_box #locationselect {position: absolute; z-index: 71; min-width: 158px; margin-top: 2px;} #region_message_box #locationselect {position: absolute; z-index: 71; min-width: 158px; margin-top: 2px;} .no-touch #loc_message_box #locationselect:hover {} #loc_message_box #locationselect span {float: left;} #loc_message_box #locationselect i {font-size: 20px; float: right;} #loc_message_box #locationselect .icon-remove {margin-top: 2px; font-size: 14px;} #loc_message_box #locationselect #loc-mid-txt {display: none;} #loc_message_box #locationselect-layer #loc-results {text-align: left; position: absolute; z-index: 70; color: #000; background-color: #f0f8ff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 0;} #loc_message_box #locationselect-layer #loc-results .heading {color: #555555; float: left; margin-left: 10px; margin-top: 12px; margin-bottom: 2px; margin-right: 12px; width: 90%;} #region_message_box #regionselect-layer #regional-results {text-align: left; position: absolute; z-index: 70; color: #000; background-color: #f0f8ff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 0;} #region_message_box #regionselect-layer #regional-results .heading {color: #555555; float: left; margin-left: 10px; margin-top: 12px; margin-bottom: 2px; margin-right: 12px; width: 90%;} #loc_message_box #locationselect-layer .loc-search {width: 180px; border-radius: 5px; height: 35px; border: 1px solid #00a1d4; background-color: #ffffff;} #region_message_box #regionselect-layer .loc-search {width: 160px; border-radius: 5px; height: 35px; border: 1px solid #00a1d4; background-color: #ffffff;} #loc_message_box #locationselect-layer input {border: none; border-radius: 5px; font-size: 14px; outline: none; width: 90%; max-width: 90%; margin-bottom: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);} #region_message_box #regionselect-layer input {border: none; font-size: 14px; border-radius: 5px; outline: none; width: 90%; max-width: 90%; margin-bottom: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);} .no-touch #loc_message_box #locationselect #loc-result-txt:hover {} .no-touch #loc_message_box #locationselect i:hover {opacity: 0.8;} #loc_message_box #loc-results .loc-link {float: left; margin-left: 20px; width: 90%; margin-top: 3px; margin-bottom: 3px;} #region_message_box #regional-results .loc-link {float: left; margin-left: 20px; width: 90%; margin-top: 3px; margin-bottom: 3px;} #loc_message_box #loc-results a {line-height: 16px; padding-right: 10px;} #loc_message_box #regional-results a {line-height: 16px; padding-right: 10px;} .no-touch #loc_message_box #loc-results a:hover {} #loc_message_box #loc-results i {margin-right: 5px;} #loc_message_box #regional-results i {margin-right: 5px;} #language_message_box {min-height: 36px;} #language_message {float: left; width: 99%;} #language_message #language_warning {float: left; margin-left: 17px; margin-top: 7px;} #language_message #language_warning i {vertical-align: bottom; font-size: 17px; line-height: 22px;} #language_message #language_txt {vertical-align: bottom; float: left; margin-top: 10px; margin-left: 5px; width: 60%; margin-bottom: 8px;} #language_message #language_txt span {vertical-align: center; margin-top: 0px; line-height: 16px;} #language_message #language_close {float: right; padding: 7px 20px 0px 20px; height: 27px;} #language_message #language_close span {line-height: 23px;} #language_message #language_close .btn {float: right; height: 18px; width: 14px; margin-left: 4px; padding: 2px 2px 0px 7px; border-radius: 6px;} .no-touch #language_message #language_close .btn:hover {opacity: 0.75;} #cover-content .frontpage-banner {display: none;} #cover-content {background-size: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #content-container,#content-container2 {min-height: 250px;} #cover-content-container {} #cover-content .frontpage-row {margin-top: 0px; padding-top: 0px;} #cover-content .frontpage-box {margin-top: 20px; background-color: rgba(255, 255, 255, 0.8); padding: 0px; max-width: 387px;} #cover-content .frontpage-box.left {float: right; height: 140px;} #cover-content .frontpage-box.right {float: left; height: 140px;} #cover-content .frontpage-box .nosto {float: left; width: 150px; height: 100%; overflow: hidden;} #cover-content .frontpage-box .nosto img {width: 150px; max-height: 140px;} #cover-content .frontpage-box .nosto-wide {float: left; width: 390px; height: 100%;} #cover-content .frontpage-box .nosto-header {float: left; height: 100%; width: 202px; margin-left: 0px; display: table;} #cover-content .frontpage-box .nosto-header h1 {float: none; display: table-cell; vertical-align: middle; padding-left: 15px; height: auto;} #cover-content .frontpage-box .nosto-slider-btn {float: left; width: 35px; height: 100%; background-color: rgba(230, 230, 230, 0.5); background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(230, 230, 230, 0.5))); background-image: -moz-linear-gradient(right center, rgba(255, 255, 255, 0.5) 20%, rgba(230, 230, 230, 0.5) 95%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(230, 230, 230, 0.5));} .no-touch #cover-content .frontpage-box .nosto-slider-btn:hover {opacity: 0.6;} #cover-content .frontpage-box .nosto-slider-btn i {color: #7d7d7d; font-size: 24px; display: inline-block; margin-top: 60px; margin-left: 13px;} #cover-content .frontpage-box .nosto-slider-btn .icon-angle-down {display: none;} #cover-content .frontpage-box .nosto-header h1 {font-size: 30px; line-height: 30px; margin-bottom: 0px; margin-left: 15px; margin-right: 5px;} #cover-content .frontpage-box.full {max-width: 800px; min-height: 50px; display: flex;} #cover-content .frontpage-box.full.big {min-height: 140px;} #cover-content .frontpage-box.full.big .frontpage-banner-txt {float: right; width: 355px;} #cover-content .frontpage-box.full a {display: inline-block; width: 100%;} #cover-content .frontpage-box .frontpage-banner-txt {float: left; width: 207px; height: 100%; padding: 15px;} #cover-content .frontpage-box .frontpage-banner-txt .head {font-size: 21px; line-height: 21px;} #cover-content .frontpage-box .frontpage-banner-txt p {margin-top: 4px; margin-bottom: 4px; line-height: 16px;} #cover-content .frontpage-box #nosto-news {padding: 5px 20px 0px 20px; text-align: left; clear: both;} #cover-content .frontpage-box #nosto-news p {max-width: 600px; display: inline-block; white-space: nowrap; overflow: hidden; max-height: 40px; text-overflow: ellipsis;} #cover-content .frontpage-box #nosto-news .break-mobile {display: none;} #cover-content .frontpage-box #nosto-news-more {padding: 5px 20px 0px 20px; color: #555; float: right;} #cover-content .frontpage-box #nosto-news-more span {width: 100%;} .no-touch #cover-content .frontpage-box #nosto-news-more:hover {opacity: 0.8;} #cover-content .frontpage-box #nosto-news p {margin-bottom: 0px;} #cover-content .frontpage-box #nosto-news span {color: #555;} .no-touch #cover-content .frontpage-box #nosto-news:hover {} .fp_box-layer {position: relative; width: 100%; z-index: 550; zoom: 1;} #cover-content .fp_box-layer-btn {position: absolute; padding: 0px; right: 203px; width: 35px; height: 140px; background-color: #fff;} #cover-content .fp_box-layer-links {padding: 10px 20px 5px 20px; background-color: #fff; right: 0px; width: 163px; min-height: 125px; position: absolute; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #cover-content .fp_box-layer-links h2 {line-height: 1em; margin-top: 0px; margin-bottom: 6px;} #cover-content .fp_box-layer-links p {margin-bottom: 6px;} #cover-content .fp_box-layer-links a {} .no-touch #cover-content .fp_box-layer-links a:hover {} #cover-content .fp_box-layer-links p.mobile {display: none;} #news-ticker-layer {position: absolute; background-color: #fff; bottom: 50px; min-width: 744px; margin-left: 73px; padding: 15px 25px 10px 25px; margin-top: 15px;} #news-ticker-layer h3 {margin-top: 0px; margin-bottom: 10px;} #news-ticker-layer p {margin-bottom: 4px;} #news-ticker-layer p.readmore {margin-top: 15px;} #news-ticker-layer a {width: auto;} #news-ticker-layer span {font-weight: bold;} .no-touch #news-ticker-layer a:hover {} #wide-banner-area {display: none;} section[data-id="content"] .container, #content .container{padding-top: 20px; padding-bottom: 0px;} section[data-id="content"] .wide-element-container, #content .wide-element-container {padding-top: 0px; padding-bottom: 0px;} section[data-id="content"] .container h1, section[data-id="content"] .wide-element-container h1, #content .container h1, #content .wide-element-container h1 {margin-top: 0px; word-break: break-word;} section[data-id="content"] .container .boxnoborder, #content .container .boxnoborder {margin-bottom: 20px;} section[data-id="content"] .container .boxborder, #content .container .boxborder {float: left; display: block; border: 1px solid #cecece; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; width: 100%; background-color: #fff;} section[data-id="content"] .container .boxborder.fullwidth, #content .container .boxborder.fullwidth {float: left; width: 100%;} section[data-id="content"] .container .eight.columns.nomargin, #content .container .eight.columns.nomargin{margin-left: 0px; margin-right: 0px; width: 50%;} section[data-id="content"] .container .column.boxborder, section[data-id="content"] .container .columns.boxborder, #content .container .column.boxborder, #content .container .columns.boxborder {float: left; border: 1px solid #cecece; margin-bottom: 20px; margin-left: 9px; margin-right: 9px;} section[data-id="content"] .flex, #content .flex {} section[data-id="content"] .flex_notinuse, #content .flex_notinuse {display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; align-items: stretch;} section[data-id="content"] .wideimage, #content .wideimage, {padding-top: 0;} section[data-id="content"] .wide-element .boxborder, #content .wide-element .boxborder{margin-left: 0px; margin-right: 9px; margin-bottom: 20px; background-color: #fff;} section[data-id="content"] .imgborder, #content .imgborder{margin: 0px -7px 0px -10px; border: 1px solid #cecece; overflow: hidden;} section[data-id="content"] .boxborder .imgborder, #content .boxborder .imgborder{margin: 0px 0px 0px 0px; border: 1px solid #cecece; overflow: hidden;} section[data-id="content"] .boxnoborder .imgborder img, #content .boxnoborder .imgborder img{max-width: none;} section[data-id="content"] .imgborder img, #content .imgborder img{width: auto; height: 170px;} section[data-id="content"] h2, #content h2{margin-right: 0px; margin-top: 0px; margin-bottom: 6px;} section[data-id="content"] .container .boxborder-head, #content .container .boxborder-head{border: 1px solid #cecece; margin-bottom: 20px; margin-left: 0px; margin-right: 0px;} section[data-id="content"] .wide-element .boxborder h3, section[data-id="content"] .container .boxborder h4, #content .wide-element .boxborder h3, #content .container .boxborder h4 {margin-top: 15px;} section[data-id="content"] .wide-element .boxborder p, #content .wide-element .boxborder p{margin-bottom: 8px;} section[data-id="content"] .campaign-box h4, #content .campaign-box h4{} section[data-id="content"] .campaign-box p, #content .campaign-box p{margin-bottom: 8px;} section[data-id="content"] .campaign-box a p:hover{text-decoration: underline;} section[data-id="content"] .columns.boxborder, #content .columns.boxborder{float: left;} section[data-id="content"] .campaign-box, #content .campaign-box{padding: 0px 15px 5px 15px;} section[data-id="content"] .campaign-box h2, #content .campaign-box h2{padding-top: 15px;} section[data-id="content"] a .link-box, #content a .link-box{text-align: center; padding: 20px;} section[data-id="content"] .news-box, #content .news-box{padding: 0px 15px 5px 15px;} section[data-id="content"] .news-box h4, #content .news-box h4{margin-top: 10px;} section[data-id="content"] .content-box, #content .content-box{padding: 17px;} section[data-id="content"] .container .boxborder.newslist, #content .container .boxborder.newslist{padding: 0px 17px;} section[data-id="content"] .container .boxborder.newslist p, #content .container .boxborder.newslist p{margin: 15px 0px 15px 0px;} section[data-id="content"] .content-box .grid-50, #content .content-box .grid-50{padding-left: 0px; padding-right: 0px;} section[data-id="content"] .content-box.compact h3, #content .content-box.compact h3{margin-top: 0;} section[data-id="content"] .content-box.compact p, #content .content-box.compact p{margin-bottom: 6px;} section[data-id="content"] .columns .txt img, section[data-id="content"] .column .txt img, #content .columns .txt img, #content .column .txt img {display: block; float: left; max-width: 100%; margin-bottom: 15px; margin-top: 5px;} section[data-id="content"] .logolink1, #content .logolink1{display: block; float: left; padding: 0px 10px 0px 5px; height: 50px;} section[data-id="content"] .container .boxnoborder .logolink1,.content-layer .logolink1, #content .container .boxnoborder .logolink1,.content-layer .logolink1{line-height: 30px; white-space: nowrap; vertical-align: middle; -moz-box-align: center; -webkit-box-align: center;} section[data-id="content"] .logolink1 i, #content .logolink1 i{font-size: 20px; margin-right: 10px;} section[data-id="content"] .logolink1 i.icon-img, #content .logolink1 i.icon-img{display: block; float: left; padding: 0px; margin-right: 8px;} section[data-id="content"] .logolink1 span, #content .logolink1 span{display: block; float: left; padding: 0px; line-height: 14px;} section[data-id="content"] i.icon-img img, #content i.icon-img img{max-width: 40px; max-height: 30px;} section[data-id="content"] i.icon-img-big img, #content i.icon-img-big img{width: 60px; min-height: 50px;} section[data-id="content"] ul, #content ul{list-style-type: disc; padding-left: 20px;} section[data-id="content"] .boxborder .txt, #content .boxborder .txt {margin: 0 7px 7px; padding-right: 17px;} section[data-id="content"] .txt ol.styled, #content .txt ol.styled {font-weight: bold; font-size: 25px; list-style-type: none; margin-left: 0;} section[data-id="content"] .ol-nomargin ol.styled, #content .ol-nomargin ol.styled{margin-top: 0;} section[data-id="content"] .boxborder .arrow-links.txt, #content .boxborder .arrow-links.txt{margin-left: 0; padding-top: 17px;} section[data-id="content"] .boxnoborder .arrow-links.txt div.grid-100, section[data-id="content"] .boxnoborder .arrow-links.txt div.wide-grid-50, #content .boxnoborder .arrow-links.txt div.grid-100, #content .boxnoborder .arrow-links.txt div.wide-grid-50{padding-left: 0;} section[data-id="content"] .boxborder .txt ol, section[data-id="content"] .txt .boxborder ol, #content .boxborder .txt ol, #content .txt .boxborder ol {margin: 17px 20px 17px 10px;} section[data-id="content"] .content-box .txt ol, section[data-id="content"] .boxnoborder .txt ol, #content .content-box .txt ol, #content .boxnoborder .txt ol {margin-left: 10px; margin-top: 0px;} section[data-id="content"] .txt ol.styled>li, #content .txt ol.styled>li {counter-increment: customlistcounter;} section[data-id="content"] .txt ol.styled>li:before, #content .txt ol.styled>li:before{content: counter(customlistcounter) " "; font-weight: bold; float: left; width: 30px; margin-left: -40px; margin-top: 9px;} section[data-id="content"] .txt ol.styled:first-child, #content .txt ol.styled:first-child{counter-reset: customlistcounter;} section[data-id="content"] .txt ol.styled li p, #content .txt ol.styled li p{font-size: 14px; font-weight: normal; line-height: 17px; color: #464646; margin-bottom: 0px; min-height: 20px;} section[data-id="content"] .fp-img, #content .fp-img{min-width: 100%; overflow: hidden;} section[data-id="content"] .fp-img a, #content fp-img a{float: left;} section[data-id="content"] .fp-img.small, #content .fp-img.small{max-height: 128px;} section[data-id="content"] .fp-img.mid, #content .fp-img.mid{max-height: 180px;} section[data-id="content"] .fp-img.big, #content .fp-img.big{max-height: 347px;} section[data-id="content"] .four.columns.boxborder .fp-img.small img, #content .four.columns.boxborder .fp-img.small img{min-width: 345px; height: 138px;} section[data-id="content"] .fp-img img, #content .fp-img img {max-width: 100%; height: auto; width: 100%; display: block; margin-left: auto; margin-right: auto;} section[data-id="content"] .fp-img a, #content .fp-img a {width: 100%;} section[data-id="content"] .fp-img.big img, #content .fp-img.big img {min-width: 100%;} section[data-id="content"] .boxborder .big-left, #content .boxborder .big-left {float: left; display: inline-block; width: 49%; height: 300px;} section[data-id="content"] .boxborder .big-left img, #content .boxborder .big-left img {min-width: 750px; height: 300px;} section[data-id="content"] .boxborder .big-right, #content .boxborder .big-right{float: left; display: inline-block; padding-left: 6px; width: 49%;} section[data-id="content"] .one-third.column .boxborder.rss-feed .fp-img.small, #content .one-third.column .boxborder.rss-feed .fp-img.small{height: 120px;} section[data-id="content"] .four.columns .boxborder.rss-feed .fp-img.small, #content .four.columns .boxborder.rss-feed .fp-img.small{height: 88px;} section[data-id="content"] .container .box .nopadding, #content .container .box .nopadding{padding-left: 0px; padding-right: 0px;} section[data-id="content"] .container .boxnoborder .nopadding, #content .container .boxnoborder .nopadding{padding: 0px;} section[data-id="content"] .logolinkboxheader, #content .logolinkboxheader{padding: 25px 10px 25px 10px; text-align: center; border-bottom: 1px solid #cecece; margin-bottom: 10px;} section[data-id="content"] .logolinkboxheader a, #content .logolinkboxheader a{line-height: 16px;} section[data-id="content"] .logolinkboxheader i, #content .logolinkboxheader i{float: left; width: 100%; font-size: 30px; padding: 0px 5px 10px 0px;} section[data-id="content"] .logolinkboxheader.v2, section[data-id="content"] .logolinkboxheader.v3, #content .logolinkboxheader.v2, #content .logolinkboxheader.v3 {border-bottom: 0; margin-bottom: 0; text-align: left;} section[data-id="content"] .boxborder.table table .logolinkboxheader.v2, section[data-id="content"] .boxborder.table table .logolinkboxheader.v3, #content .boxborder.table table .logolinkboxheader.v2, #content .boxborder.table table .logolinkboxheader.v3 {padding-bottom: 0; height: auto;} section[data-id="content"] .boxborder.table table .logolinkboxheader.v2, #content .boxborder.table table .logolinkboxheader.v2 {padding-left: 15px; padding-right: 15px;} section[data-id="content"] .boxborder.table table .logolinkboxheader.v3, #content .boxborder.table table .logolinkboxheader.v3{padding-left: 0; padding-right: 0;} section[data-id="content"] .logolinkboxheader.v2 i, section[data-id="content"] .logolinkboxheader.v3 i, #content .logolinkboxheader.v2 i, #content .logolinkboxheader.v3 i {margin: 0 auto; text-align: center; background: #fff; width: auto; display: block; float: none;} section[data-id="content"] .logolinkboxheader.v2 i, #content .logolinkboxheader.v2 i {padding-bottom: 15px;} section[data-id="content"] .logolinkboxheader.v3 img, #content .logolinkboxheader.v3 img{width: 80px;} section[data-id="content"] .logolinkboxheader .fullwidth img, #content .logolinkboxheader .fullwidth img{width: 100%; margin-top: -10px;} section[data-id="content"] .logolinkboxheader.v3 span, #content .logolinkboxheader.v3 span{display: block; background: #dff4f9; padding: 8px 15px;} section[data-id="content"] .logolinkboxheader.v3 a, #content .logolinkboxheader.v3 a{display: table; width: 100%;} section[data-id="content"] .logolinkboxheader.v3 a div, #content .logolinkboxheader.v3 a div{} section[data-id="content"] .logolinkboxheader.v3 a i, section[data-id="content"] .logolinkboxheader.v3 a span, #content .logolinkboxheader.v3 a i, #content .logolinkboxheader.v3 a span {vertical-align: middle;} section[data-id="content"] .boxborder.table, #content .boxborder.table{width: 100%;} section[data-id="content"] .boxborder.table table, #content .boxborder.table table{width: 100%;} section[data-id="content"] .boxborder.table table .logolinkboxheader, #content .boxborder.table table .logolinkboxheader{padding: 10px 10px 10px 10px; height: 110px;} section[data-id="content"] .boxborder.table table .campaign-box, #content .boxborder.table table .campaign-box{padding-top: 10px;} section[data-id="content"] .logolinkbox, #content .logolinkbox{padding: 0px 0px 0px 0px; text-align: center; margin-bottom: 0px;} section[data-id="content"] .logolinkbox i, #content .logolinkbox i{width: 100%; font-size: 30px;} section[data-id="content"] .arrow-links, #content .arrow-links{margin-top: 0px; padding-left: 0px;} section[data-id="content"] .arrow-links .nopadding, #content .arrow-links .nopadding{padding: 0px 0px 0px 0px;} section[data-id="content"] .arrow-links.nopadding ul, #content .arrow-links.nopadding ul{padding: 0px 0px 0px 10px;} section[data-id="content"] .arrow-links li a, #content .arrow-links li a{position: relative; margin-left: 0px; padding-left: 0px; line-height: 26px;} section[data-id="content"] .arrow-links li i, #content .arrow-links li i{margin-left: -8px; padding-left: 0px;} section[data-id="content"] .arrow-links ul, #content .arrow-links ul{margin: 0px; padding: 0;} section[data-id="content"] .arrow-links li, #content .arrow-links li{list-style-type: none; margin-bottom: 8px; padding-top: 0px;} section[data-id="content"] .arrow-links li a, #content .arrow-links li a{line-height: 16px; position: relative; margin-left: 0px;} section[data-id="content"] .arrow-links.nopadding-links ul, #content .arrow-links.nopadding-links ul{padding-left: 0;} section[data-id="content"] .contentnavi ul.open, #content .contentnavi ul.open{display: block;} section[data-id="content"] .contentnavi ul, #content .contentnavi ul{display: none;} section[data-id="content"] .contentnavi, #content .contentnavi{border-bottom: 1px solid #e6e6e6;} section[data-id="content"] .contentnavi a, #content .contentnavi a{margin-left: 10px;} section[data-id="content"] .contentnavi a i, #content .contentnavi a i{margin-right: 2px;} section[data-id="content"] .contentnavi i, #content .contentnavi i{margin-left: -15px; padding-left: 0px; color: #535353;} section[data-id="content"] .contentnavi i.icon-angle-down, #content .contentnavi i.icon-angle-down{margin-left: -18px;} section[data-id="content"] ul.contentnavi, #content ul.contentnavi{width: 100%; float: left; list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 15px;} section[data-id="content"] ul.contentnavi li, #content ul.contentnavi li{width: 100%; float: left; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; margin-bottom: 0px; overflow: hidden;} section[data-id="content"] ul.contentnavi li a, #content ul.contentnavi li a{float: left; line-height: 20px; padding: 8px 3px 4px 15px; margin-right: 10px; width: 91%;} section[data-id="content"] ul.contentnavi li.active, #content ul.contentnavi li.active{} section[data-id="content"] ul.contentnavi li.active a, #content ul.contentnavi li.active a{color: #fff !important;} section[data-id="content"] ul.contentnavi li.active i, #content ul.contentnavi li.active i{color: #fff;} section[data-id="content"] ul.sub-cnav, #content ul.sub-cnav{width: 100%; font-size: 14px; float: left; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 0px; background-color: #fff;} section[data-id="content"] ul.sub-cnav li, #content ul.sub-cnav li{width: 100%; float: left; border-top: 0px solid #e6e6e6; border-left: 0px solid #e6e6e6; border-right: 0px solid #e6e6e6; margin-bottom: 0px;} section[data-id="content"] ul.sub-cnav li a, #content ul.sub-cnav li a{float: left; line-height: 18px; padding: 8px 3px 6px 30px; width: 86%;} section[data-id="content"] ul.sub-cnav li i, #content ul.sub-cnav li i{margin-left: -13px;} section[data-id="content"] ul.sub-sub-cnav, #content ul.sub-sub-cnav{width: 100%; float: left; font-size: 14px; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 0px;} section[data-id="content"] ul.sub-sub-cnav li i, #content ul.sub-sub-cnav li i{margin-left: -13px;} section[data-id="content"] ul.sub-sub-cnav li, #content ul.sub-sub-cnav li{width: 100%; float: left; background-color: #f5f5f5; border-top: 0px solid #e6e6e6; border-left: 0px solid #e6e6e6; border-right: 0px solid #e6e6e6; margin-bottom: 0px;} section[data-id="content"] ul.sub-sub-cnav li a, #content ul.sub-sub-cnav li a{float: left; padding: 8px 3px 4px 45px; width: 81%;} section[data-id="content"] ul.contentnavi li li li.active, #content ul.contentnavi li li li.active{background-color: #e4e4e4;} section[data-id="content"] .imgscale, #content .imgscale{margin-bottom: 20px;} .imgscale img {max-width: 100%; display: block; margin-left: auto; margin-right: auto} section[data-id="content"] .boxborder.headerbox, #content .boxborder.headerbox{float: none;} section[data-id="content"] .boxborder.headerbox h3, #content .boxborder.headerbox h3{margin: 0; font-size: 14px; line-height: normal; color: #fff; padding: 10px 13px; background: #00a0d5;} section[data-id="content"] h2.ltsininen,section[data-id="content"] h2.ltharmaa, section[data-id="content"] h2.tummaharmaa,section[data-id="content"] h2.tummasininen, section[data-id="content"] h2.vaaleasininen,section[data-id="content"] h2.pinkki, section[data-id="content"] h2.vihrea,section[data-id="content"] h2.keltainen, section[data-id="content"] h2.musta, #content h2.ltsininen,section[data-id="content"] h2.ltharmaa, #content h2.tummaharmaa,section[data-id="content"] h2.tummasininen, #content h2.vaaleasininen,section[data-id="content"] h2.pinkki, #content h2.vihrea,section[data-id="content"] h2.keltainen, #content h2.musta {font-size: 19px; text-transform: uppercase; padding: 4px 10px 4px 10px; margin-right: -2px;} section[data-id="content"] .bank-login-box input, #content .bank-login-box input {border: none;} #movable-area-section img,#movable-area-section-mobile img {max-width: 100%;} #movable-area-section .contact {width: 100%; float: left;} section[data-id="content"] .container #movable-area-section .boxborder, section[data-id="content"] .container #movable-area-section-mobile .boxborder, #content .container #movable-area-section .boxborder, #content .container #movable-area-section-mobile .boxborder {width: 99.5%;} #footer-spacer {height: 60px; text-align: center; margin-bottom: 25px;} #footer {width: auto; overflow: hidden;} #footer2 {width: auto; overflow: hidden;} #footer-contact .columns,#footer-contact .column {display: block; height: 50px; font-size: 12px;} #footer-contact .columns.right,#footer-contact .column.right {background-image: none;} #footer-contact .columns.continuous,#footer-contact .column.continuous {background-image: none;} #footer-contact .columns.noicon .footer-icon,#footer-contact .column.noicon .footer-icon {display: none;} #footer-contact a {float: left; width: 100%;} .no-touch #footer-contact a:hover {opacity: 0.75;} #footer-contact .footer-element {float: left; margin-top: 6px; margin-bottom: 2px;} #footer-contact .footer-element .footer-icon {margin-top: 5px; height: 30px; float: left;} #footer-contact .footer-element .footer-icon i {float: left; font-size: 26px; margin-right: 12px;} #footer-contact .footer-element .footer-txt {float: left; min-width: 120px;} #footer-contact .footer-element .footer-link {float: left; line-height: 20px;} #footer-contact .footer-element .footer-link i {margin-left: 5px;} #footer-contact .footer-element .social-logos {float: left; width: 75px; margin-left: -18px; margin-top: 6px;} #footer-contact .social-logos a {white-space: nowrap; float: left; display: block; width: 25px; margin-left: 12px;} #footer-contact .social-logos img {width: 25px;} #footer-shortcuts {padding-top: 5px; padding-bottom: 10px;} #footer2 {background-color: #f6f7f8; background-size: 100%; background-repeat: no-repeat; background-position: center top;} #footer2 #footer-brandimg {background-color: #f6f7f8;} #footer2 #footer-brandimg img {width: 100%; height: auto;} #footer2 #footer-shortcuts {margin-top: -40px; padding-top: 0px; padding-bottom: 10px; background-color: transparent;} #footer-shortcuts form {margin-bottom: 0px;} #footer-shortcuts p {margin-bottom: 2px;} #footer-shortcuts a {text-decoration: none;} .no-touch #footer-shortcuts a:hover {text-decoration: underline;} .no-touch #footer2 #footer-shortcuts a:hover {text-decoration: none;} #footer-shortcuts .contact-input-big textarea {-webkit-font-smoothing: antialiased; float: left; margin-top: 10px; width: 48%; height: 150px; border-radius: 6px; margin-bottom: 0px;} #footer-shortcuts .contact-input {float: right; margin-top: 10px; width: 48%; margin-bottom: 0px;} #footer-shortcuts .contact-input input {-webkit-font-smoothing: antialiased; border-radius: 6px; height: 20px; width: 95%; margin-bottom: 0px;} #footer-shortcuts .contact-input i {margin-left: 6px;} #footer-shortcuts .contact-input button {-webkit-font-smoothing: antialiased; border-radius: 6px; width: 99%;} #footer-copy .columns,#footer-copy .column {color: #fff; min-height: 22px; line-height: 22px; font-size: 12px;} #footer-copy {text-align: center; margin-top: 42px;} #footer2 #footer-copy .columns,#footer-copy .column {color: #fff; margin-bottom: 20px;} #footer-copy .columns a,#footer-copy .column a {color: #fff;} #footer2 #footer-copy .columns a,#footer-copy .column a {color: #fff;} .no-touch #footer-copy .columns a:hover,.no-touch #footer-copy .column a:hover {text-decoration: underline;} #footer-copy .columns p,#footer-copy .column p {margin-top: 20px;} #footer-loc .footer-element {width: 100%; margin-top: 11px;} #footer-loc #footer-loc-txt {float: left; margin-top: 0px; line-height: 15px; width: 195px;} #footer-loc a {float: left; width: auto;} #footer-loc #footer-loc-navi {float: left;} #footer-loc #f-locationselect {float: left; line-height: 17px; padding-left: 10px; padding-right: 10px; padding-top: 6px; height: 22px; margin-right: 15px; white-space: nowrap; margin-left: 10px; min-width: 160px;} #footer-loc #f-locationselect span {float: left;} #footer-loc #f-locationselect i {float: right; margin-left: 10px;} #footer-loc #f-locationselect .icon-remove {margin-top: 2px; font-size: 14px;} #footer-loc #f-locationselect #loc-mid-txt {display: none;} #footer-loc #f-locationselect-layer {position: absolute; bottom: 39px; left: 215px; background-color: #fff; color: #000; z-index: 1110; width: 180px; min-height: 70px; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); padding-bottom: 10px;} #footer-loc #f-locationselect-layer .heading {color: #555555; float: left; margin-left: 10px; margin-top: 12px; margin-bottom: 2px; margin-right: 12px; width: 90%;} #footer-loc #f-locationselect-layer .loc-search {float: left; margin-left: 10px; width: 160px; border-radius: 5px; height: 30px; border: 1px solid #898989; margin-bottom: 0px; padding-bottom: 0px;} #footer-loc #f-locationselect-layer input {float: left; border: none; padding: 6px 0px 6px 0px; outline: none; margin: 0px 0px 0px 10px; width: 90%; max-width: 90%; display: block; margin-bottom: 0px;} #footer-loc #f-loc-results .loc-link {float: left; margin-left: 20px; width: 90%;} #footer-loc #f-regional-results .loc-link {float: left; margin-left: 20px; width: 90%;} #footer-loc #f-loc-results a {line-height: 26px;} #footer-loc #f-regional-results a {line-height: 26px;} .no-touch #footer-loc #f-loc-results a:hover {text-decoration: underline;} .no-touch #footer-loc #f-regional-results a:hover {text-decoration: underline;} #footer-loc #f-loc-results i {float: left; margin-right: 5px; margin-top: 5px;} #footer-loc #f-regional-results i {float: left; margin-right: 5px; margin-top: 5px;} #footer-shortcuts .arrow-link p {padding-left: 10px;} #footer-shortcuts a {padding-left: 0px; padding-left: 0px;} #footer-shortcuts i {margin-left: -8px; padding-left: 0px;} #footer-shortcuts ul {margin: 0px; padding: 0px 0px 0px 0px;} #footer-shortcuts li {padding-top: 3px; margin-bottom: 3px;} #footer-shortcuts li a {position: relative; line-height: 14px;} footer div.footer-image-container {width: 100%; text-align: center; margin-bottom: 42px;} footer img.footer-logo {max-height: 50px; max-width: 200px;} #mast-head {background: #ffffff; position: relative;} #mast-head .container {overflow: visible; min-height: 268px; padding-top: 0px;} #mast-head .columns {float: right;} #mast-head p {margin-bottom: 5px;} #mast-head .buttonwrap {float: left; margin-bottom: 5px;} #mast-head .buttonwrap .nobutton {float: left; margin-top: 15px;} #mast-head .buttonwrap .nobutton .icon-img img {margin-top: -5px;} #mast-head .buttonwrap .customselect-container {float: left;} #mast-head .buttonwrap .login-button-wrap {margin-top: 10px; float: left;} #mast-head .action-area {float: left; padding-bottom: 5px;} #mast-head .media-area {overflow-x: hidden; border: 0px; margin-bottom: 0px; padding-bottom: 0px; background-color: #000; width: auto; overflow-y: hidden; background-color: #fff;} #mast-head .media-area img {height: 268px; width: auto;} #mast-head .media-area .video {border: 0px; margin-bottom: 0px; padding-bottom: 0px; min-height: 268px; width: 100%;} #mast-head .media-area .video {} #mast-head .header-area-container {float: left;} #mast-head .header-area h1 {padding-top: 44px; padding-bottom: 5px;} #mast-head .header-area h1 i {padding-right: 10px;} #mast-head .action-area>p>a {margin-right: 0px;} #mast-head .action-area li a {width: 100%; float: left; margin-top: 5px; margin-bottom: 5px;} #mast-head .action-area .txt li a {float: none; margin-right: 0px;} #mast-head .action-area .dropdown ul {float: left;} #mast-head .action-area .dropdown ul li {float: left; min-width: 92%;} #mast-head .action-area .dropdown ul li a {position: relative; width: 91%; display: inline-block !important; margin: 0px; float: right;} #mast-head .action-area .dropdown ul li i {display: inline-block;} #mast-head .action-area .button {margin-top: 10px;} #mast-head .action-area .button.login-button {margin-top: 0;} #mast-head .action-area a i {margin-left: 5px; margin-right: 5px;} #mast-head .action-area a .icon-shopping-cart {font-size: 18px;} #mast-head h1 {display: table;} #mast-head h1 div {display: table-row;} #mast-head h1 div i,#mast-head h1 div span {display: table-cell; vertical-align: middle;} #mast-head .button i {padding-right: 0px; padding-left: 0px;} #mast-head .arrow {background: url(../img/huomionuoli.png) no-repeat; width: 50px; height: 51px; position: absolute; top: -10px; left: 47%; pointer-events: none;} #mast-head.office .container {min-height: 0;} #mast-head.office .grid-50 {padding-left: 0; padding-right: 20px;} #mast-head.office ul.address,#mast-head.office dl {list-style: none; margin: 0; padding: 0;} #mast-head.office ul.address li {font-size: 16px; line-height: 21px; margin-bottom: 5px;} #mast-head.office dt,#mast-head.office dd {float: left; padding: 0; margin: 0;} #mast-head.office dt {clear: left; width: 78px; white-space: nowrap; margin-right: 20px;} #mast-head.area-head .media-area {background: none; text-align: center; overflow: visible;} #mast-head.area-head .media-area img {height: auto; margin: 20px 0;} #mast-head.area-head .arrow-links ul {padding-left: 0;} #area-map {margin-top: 20px; height: 540px;} #mast-head-tabs {margin-top: 4px; border-bottom: 1px solid #CECECE; font-size: 12px;} #mast-head-tabs .container {position: relative; top: 1px;} #mast-head-tabs #content-tab-navi {position: relative; float: left; top: 0px; margin-left: 0px; z-index: 20;} #mast-head-tabs #content-tab-navi .social-logos {margin-top: 0px; float: right;} .no-touch #mast-head-tabs #content-tab-navi .social-logos a:hover {opacity: 0.75;} .no-touch .share-custom a:hover {opacity: 0.75;} #mast-head-tabs #content-tab-navi .social-logos img {margin-left: 10px; width: 25px;} #mast-head-tabs #content-tab-navi a {position: relative; float: left; text-transform: uppercase;} #mast-head-tabs #content-tab-navi .tab-item {min-height: 25px; padding: 7px 10px 0px 10px; float: left; margin-right: 0px;} #mast-head-tabs #content-tab-navi .tab-item.selected {} #mast-head-tabs #content-tab-navi .tabs {} #mast-head-tabs section[data-id="content"] .eleven.columns, #mast-head-tabs #content .eleven.columns {background-color: #f0f0f0;} .tab-select-mobile {display: none;} section[data-id="content"] .corporate-head, #content .corporate-head {background: no-repeat 50% 50%; background-size: cover;} section[data-id="content"] .corporate-head .container, #content .corporate-head{padding: 0;} section[data-id="content"] .corporate-head .campaign-box, #content .corporate-head{padding: 10px 25px 15px 25px;} section[data-id="content"] .corporate-head .campaign-box, section[data-id="content"] .corporate-head .campaign-box h3, section[data-id="content"] .corporate-head .campaign-box a, #content .corporate-head .campaign-box, #content .corporate-head .campaign-box h3, #content .corporate-head .campaign-box a {color: #fff;} section[data-id="content"] .corporate-head .campaign-box h3, #content .corporate-head .campaign-box h3{margin-top: 10px; font-size: 26px; font-family: 'Open Sans', sans-serif;} section[data-id="content"] .corporate-head .boxnoborder, #content .corporate-head .boxnoborder{background: rgba(0, 0, 0, .4); margin: 0 30px;} #newsNaviContainer {margin-bottom: 20px; width: 100%; float: left; margin-bottom: 40px;} #newsNaviContainer h1 {float: left; width: 315px; line-height: 60px;} #newsNaviContainer ul.contentnavi {width: 277px; font-size: 15px; border-style: solid; border-width: 1px; border-color: #009fd6; border-radius: 4px; margin-right: 40px; margin-left: 10px;} #newsNaviContainer ul.contentnavi li {background: #fff; border-width: 0px; border-right: 1px solid #e6e6e6; width: 69px;} #newsNaviContainer ul.contentnavi li.active {font-weight: 600;} #newsNaviContainer ul.contentnavi li.first {border-bottom-left-radius: 4px; border-top-left-radius: 4px;} #newsNaviContainer ul.contentnavi li.last {border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-right-width: 0px; width: 70px;} #newsNaviContainer ul.contentnavi a,#newsNaviContainer ul.contentnavi a:visited {line-height: 25px !important; color: #003665;} #newsNaviContainer .themeContainer {float: left; width: 533px; font-size: 16px; line-height: 25px;} #newsNaviContainer .themeContainer a {margin-right: 20px; margin-bottom: 10px; color: #a3adb3;} #newsNaviContainer .themeContainer a.selected {font-weight: 600; color: #00a1d4;} #newsListContainer li,#hidden-news li {border-width: 0px; background-color: #fff; width: 455px; height: 380px; float: left; margin-right: 20px; margin-bottom: 20px; padding: 0px !important;;} #newsListContainer li .newsImage,#hidden-news li .newsImage {height: 180px; overflow: hidden;} #newsListContainer .newsImage img,#hidden-news .newsImage img {width: 455px; height: auto;} #newsListContainer li .newsContent,#hidden-news li .newsContent,#latestNews .newsContent {margin: 20px 20px; height: 160px; position: relative;} .newsContentActualText {height: 135px; overflow:hidden;} @media only screen and (max-width: 959px) and (min-width: 370px) {.one-third.column .newsContentActualText {height: 175px;}} @media only screen and (max-width: 1280px) and (min-width: 960px) {.one-third.column .newsContentActualText {height: 240px;}} @media only screen and (min-width: 1281px) {.one-third.column .newsContentActualText {height: 175px;}} #newsListContainer .newsType p,#hidden-news .newsType p,#latestNews .newsType p {color: #a3adb3; font-size: 15px; margin-bottom: 10px;} #newsListContainer h3,#hidden-news h3,#latestNews h3 {text-transform: uppercase; margin-bottom: 0px; line-height: 20px;} #newsListContainer h3 a,#hidden-news h3 a,#latestNews h3 a {color: #00a1d4;} #newsListContainer .newsType a,#hidden-news .newsType a,#latestNews .newsType a {color: #a3adb3; font-weight: 100;} #hidden-news .newsContent a.readMore,#newsListContainer .newsContent a.readMore {position: absolute; top: 140px;} #latestNews .newsContent a.readMore {position: absolute; top: 180px;} .rightContainer {display: inline-block;} .blogContainer {width: 235px; padding: 20px; display: inline-block; background-color: #00a1d4; color: white; margin-bottom: 20px;} .blogContainer .campaign-box {padding: 0px !important;} .blogContainer .campaign-box h2 {margin-bottom: 20px !important; color: #fff !important; padding: 0px !important;} .blogContainer .campaign-box p {margin-bottom: 20px !important;} .blogContainer .fp-img {display: none;} .blogContainer a,.blogContainer a:visited {color: #fff; font-weight: 600;} .blogContainer a:HOVER {color: #fff !important; text-decoration: underline;} .blogContainer a.button.button-primary,.blogContainer a.button.button-primary:visited {box-shadow: 0 0 0 2px #fff; margin-top: 10px;} .blogContainer a.button.button-primary:HOVER {box-shadow: 0 0 0 3px #fff;} .blogContainer p {font-size: 15px;} #readMoreNews {width: 100%; float: left; text-align: center; margin: 20px 0 40px 0;} .newsType {color: #a3adb3; font-size: 15px; word-spacing: 5px;} .newsType>p>a>span {word-spacing: normal;} #latestNews .newsImage img {width: 100%;} #latestNews .newsContainer {background-color: #fff; min-height: 405px;} @media only screen and (max-width: 1281px) and (min-width: 959px) {#latestNews .newsImage img {width: 406px; position: relative; left: -53px;} #latestNews .newsContainer {height: 465px; margin-bottom: 20px;} #latestNews .newsContainer .newsContent a.readMore {top: 240px;}} #latestNews .boxborder {border-style: hidden !important;;} #latestNews .newsImage {height: 175px; overflow: hidden;} #latestNews h1 {margin-left: 10px;} #latestNews h4 {margin-bottom: 28px; margin-top: 15px; margin-left: 10px;} #latestNews .newsContent h3 a {color: #003665;} #titleAndImage .newsType {margin-top: 20px; margin-bottom: 40px;} .citation {color: #fff; background-color: #003665; font-style: italic; padding: 30px 30px 10px; font-size: 20px; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; line-height: 1.5; font-weight: bold; letter-spacing: 3px; margin-top: 20px; margin-bottom: 20px;} .citation blockquote {padding: 0; border: 0; color: #fff; font-size: 15px; font-weight: 600;} #newsSeeAlso .container.normalpadding {margin-bottom: 30px;} #newsPagePromo {display: inline-grid} #newsPagePromo .four.columns {width: 273px; margin: 0px; float: none;} #newsPageSimpleContents {width: 275px; background-color: #fff;} #newsPageSimpleContents .eight.columns.table-container {width: 233px; margin: 0px;} #newsPageSimpleContents .eight.columns.table-container .txt .boxborder {padding: 20px; margin: 0px;} #newsPageSimpleContents .eight.columns.table-container .txt h2,#newsPageSimpleContents .eight.columns.table-container .txt h3 {color: #00a1d4;} #newsPageWideElements .boxborder.fullwidth {width: 273px !important; float: none !important;} #newsPageImage img {width: 275px; margin-bottom: 20px;} #newsPageVideo .one-third.column {width: 275px; margin: 0px; margin-bottom: 20px;} .suomibox h2 {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f2f2f2 url(../img/suomi_pink.png) no-repeat 80% 100%; min-height: 182px; padding: 12% 45% 0 20px; font-size: 28px; line-height: normal;} .suomibox h3 {padding: 20px 20px 0 20px; margin: 0;} .suomibox p {padding: 7px 20px 0 20px; margin: 0;} .suomibox p:last-child {margin-bottom: 20px;} .carousel-area {margin-bottom: 20px; min-height: 490px; border: 1px solid #CECECE; position: relative; overflow: hidden;} .carousel {display: inline-block; float: left; width: 100%; min-height: 476px; margin-top: 0px; margin-right: 0px; background-color: rgba(255, 255, 255, 0.8); overflow: hidden; position: relative; top: 0; left: 0;} .carousel.hide {display: none;} .carousel img {width: auto; height: 277px; overflow: hidden;} .carousel iframe {width: 100%; height: 277px;} .carousel-txt {padding: 15px 18px 15px 18px;} .carousel-txt .head {font-size: 21px;} .carousel-txt h3 {margin-top: 0px; padding-top: 0px;} .carousel-txt p {margin-bottom: 4px;} .carousel-txt a {color: #035c7c;} .carousel-prev-next {position: relative; display: none; width: 100%; float: left; top: 0px; height: 0px; z-index: 2;} .no-touch .carousel-area:hover .carousel-prev-next {display: block;} .carousel-prev-next a {display: block; width: 35px; height: 277px; opacity: 0.6;} .carousel-prev-next a.prev {float: left;} .carousel-prev-next a.next {float: right;} .carousel-prev-next i {font-size: 24px; display: inline-block; margin-top: 125px; margin-left: 13px; opacity: 1;} .no-touch .carousel-btn-prev-next:hover, .no-touch section[data-id="content"] .carousel-prev-next a:hover, .no-touch #content .carousel-prev-next a:hover, .no-touch #cover-content .carousel-prev-next a:hover {opacity: 1;} section[data-id="content"] .carousel-controls, #content .carousel-controls{display: none; position: absolute; min-width: 40px; bottom: 30px; height: 0px; right: 20px; float: right;} section[data-id="content"] .carousel-controls a, #content .carousel-controls a #cover-content .carousel-controls a {float: left; padding: 2px; font-size: 14px; color: #b7b7b7;} .no-touch section[data-id="content"] .carousel-controls a:hover, .no-touch #content .carousel-controls a:hover, .no-touch #cover-content .carousel-controls a:hover, section[data-id="content"] .carousel-controls a.active, #content .carousel-controls a.active, #cover-content .carousel-controls a.active {color: #055a81;} #carousel-area ul,.carousel-area ul {list-style: none outside; margin: 0px; padding: 0px;} #carousel-area li,.carousel-area li {line-height: 20px; margin-bottom: 4px;} #carousel-area li a,.carousel-area li a {position: relative;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;} .video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .ytp-share-button .ytp-button {display: none !important;} .ytp-watch-later-button .ytp-button {display: none !important;} .carousel-area.video .video-container {border-left: 35px solid #eee; border-right: 35px solid #eee;} .carousel-area.video .carousel-prev-next {display: block; position: absolute;} .carousel-area.video .carousel-prev-next a {height: 100%; opacity: 1;} section[data-id="content"] ul.slider, #content ul.slider {list-style: none; padding: 0; margin: 0; position: relative;} .fluid-width-video-wrapper {border-left: 35px solid #111; border-right: 35px solid #111; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .slider-text {padding: 15px 18px 15px 18px;} .slider-text h3 {margin-top: 0;} .bx-wrapper {border: 1px solid #cecece;} .bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; left: 0; min-height: 410px;} .bx-wrapper .bx-controls-direction a {background: #111; color: #fff; top: 0; left: 0; margin: 0; width: 35px; text-indent: 0; text-align: center; font-size: 24px; z-index: 2;} .bx-wrapper .bx-controls-direction a.bx-next {left: auto; right: 0;} .bx-wrapper .bx-controls-direction a i {display: block;} .bx-wrapper .bx-pager {bottom: 10px; right: 10px; width: auto; float: right;} .bx-wrapper .bx-pager.bx-default-pager a {background: #b7b7b7; width: 12px; height: 12px; margin-left: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .bx-wrapper .bx-pager.bx-default-pager a.active {background: #055a81;} .contactlist {border-bottom: 0 !important; font-family: 'Open Sans', sans-serif;} .contactlist-row {clear: both; border-bottom: 1px solid #cecece; display: block;} .contactlist-cell {padding: 15px 8px; font-size: 20px; display: inline-block; vertical-align: middle;} .contactlist a {color: #464646;} .contactlist a.button {color: #fff; margin-top: -4px; margin-bottom: -3px;} .contactlist-small {font-size: 12px; color: #666; text-align: right; padding-top: 15px; padding-right: 15px;} .contactlist-cell>i {float: left; font-size: 30px; display: block; width: 40px; text-align: center; margin-right: 7px; color: #0077b3;} .contactlist-small>i {float: right; color: #464646; margin-top: -5px; width: auto; margin-right: 0;} .contactlist .emergency .contactlist-cell,.contactlist .emergency i {color: #bf587a !important;} .contactlist-phone {color: #003665;} .fb-like-box-goes-here {padding-bottom: 20px;} div[data-id="toggle-container-wrap"] .accordion,div[data-id="toggle-container-wrap"] .content-layer {margin-top: -21px;} .toggle-container {display: table; border: 1px solid #cecece; margin-bottom: 20px; height: 111px; position: relative; overflow: hidden;} .toggle-container-image {float: left; max-width: 111px; overflow: hidden;} .toggle-container-image img {display: block; height: 111px;} .toggle-container-link {position: absolute; top: 0px; right: 0; color: #fff; font-size: 24px; height: 111px; padding: 0px 8px; background: #00a1d4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#b7b7b7', GradientType=0);} .toggle-container-link:hover {opacity: 0.6;} @ -moz-document url-prefix () {.toggle-container-link {top: 1px;}} .active .toggle-container-link {background: #128ecb; color: #fff; filter: none;} .toggle-container-link i {display: block; padding-top: 47px;} .toggle-container.accordion-dropdown {width: auto;} section[data-id="content"] .toggle-container h2, #content .toggle-container h2 {width: 100%; padding: 0px 0px 0px 10px; padding-right: 35px; vertical-align: middle; font-size: 20px;} section[data-id="content"] .toggle-container.accordion-dropdown h2, #content .toggle-container.accordion-dropdown h2 {padding-left: 10px; display: table-cell; background-color: #fff;} section[data-id="content"] .toggle-container p, #content .toggle-container p {font-size: 13px; line-height: 17px; margin: 0; padding: 7px 50px 14px 10px; color: #464646;} .toggle-item {display: none; margin-bottom: 20px;} .toggle-container.big,.toggle-container.big .toggle-container-link,.toggle-container.big .toggle-container-image img {height: 172px;} section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2, section[data-id="content"] .toggle-container.big p, #content .toggle-container.big p {max-width: calc(100% - 235px); padding-left: 187px; padding-right: 0px;} section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2 {padding-top: 15px; display: block;} section[data-id="content"] .toggle-container.big, #content .toggle-container.big {display: block; width: auto;} .toggle-container.big .toggle-container-link i {padding-top: 76px;} .toggle-container.big .toggle-container-image {max-width: 172px;} .photobox {border: 1px solid #cecece; margin-bottom: 20px; height: 172px; position: relative;} .photobox h4 {margin-top: 0;} .photobox-image {float: left; max-width: 172px; overflow: hidden;} .photobox-image img {display: block; height: 172px;} .photobox-content {float: left; margin: 14px 14px 14px 190px; position: absolute; top: 0;} .content-layer {border: 1px solid #cecece; background: #f8f8f8; padding: 0 20px 20px;} .content-layer h3 {margin: 20px 0 9px; font-size: 18px;} .content-layer p {margin: 9px 0; padding: 0;} .content-layer hr {margin: 20px 0;} .emergency-highlight,.support-highlight {border: 1px solid #cecece; clear: both; padding: 10px 15px; margin-bottom: 20px;} .emergency-highlight div {color: #790000; margin-bottom: 8px;} .emergency-highlight div strong {color: #790000 !important; font-weight: normal; font-size: 20px; line-height: 22px;} .support-highlight div strong {color: #015a83 !important; font-weight: normal; font-size: 20px; line-height: 22px;} .emergency-highlight div i,.support-highlight div i {float: left; font-size: 30px; padding-top: 7px;} .emergency-highlight div i {padding-top: 7px; margin-right: 14px;} .support-highlight div i {margin-top: -9px; margin-right: 7px; color: #015a83;} .support-highlight h3 {margin-top: 0;} .support-highlight p {margin-bottom: 0; margin-top: 10px;} .store-promo {border: 1px solid #cecece; clear: both; margin-bottom: 20px; text-align: center; position: relative;} .store-promo img {width: 100%;} .store-promo,.store-promo a,.store-promo h3 {color: #000 !important;} .store-promo.white,.store-promo.white a,.store-promo.white h3 {color: #fff !important;} .store-promo-content {position: absolute; top: 0; left: 0; padding: 18px; text-align: left;} .store-promo h3 {margin-top: 0; margin-bottom: 8px; font-size: 22px; line-height: 27px;} .store-promo p {margin-top: 0; margin-bottom: 8px; font-size: 14px; line-height: 20px;} .store-basket {border: 1px solid #cecece; clear: both; margin-bottom: 20px; background: #e7f8ff; padding: 10px 15px; position: relative;} .store-basket h2 i {color: #015a83;} .store-basket .checkout {position: absolute; top: 14px; right: 15px;} .store-basket table {width: 100%;} .store-basket tfoot th,.store-basket tfoot td {font-weight: bold; text-align: left;} .store-basket tfoot td {text-align: right;} .store-basket hr {border-color: #cecece; margin: 1em 0;} .btn-lh {line-height: 28px;} .btn-lh2 {line-height: 40px;} #ext-form-area-section.store-fullbasket-container {background: transparent; float: left;} #ext-form-area-section.store-fullbasket-container .ext-form-area {margin-left: 0px; margin-right: 0px; float: left; width: 100%;} .store-fullbasket-container .ext-form-area .validationErrorText {margin-left: 0; margin-top: 4px;} .store-fullbasket {width: 100%; margin-bottom: 20px; float: left;} .store-fullbasket td,.store-fullbasket th {padding: 10px 18px; text-align: left; white-space: nowrap;} .store-fullbasket tr+tr td {padding-top: 0;} .store-fullbasket h3,.store-fullbasket h4 {margin: 0;} .store-fullbasket h5 {margin: 10px 0 0;} .store .store-fullbasket .accordion {margin-bottom: 10px;} .store-fullbasket thead {border-bottom: 1px solid #cecece;} .store-fullbasket tbody.squared,.store-fullbasket tbody.payment {border: 1px solid #cecece;} .store-fullbasket tbody.total {border: 1px solid #cecece; background: #e7f8ff;} .store-fullbasket td.title {width: 35%; white-space: normal;} .store-fullbasket td.price {text-align: right;} .store-fullbasket td.tools {width: 31px; padding-left: 0;} .store-fullbasket td.tools .button {min-width: 20px;} .store-fullbasket td.nopadding {padding-left: 0; padding-right: 0;} .store-fullbasket tr.total {font-weight: bold;} .store-fullbasket tr.continue .grid-container {border-top: 1px solid #cecece; margin: 0 -5px;} .store-fullbasket tr.continue em {display: block; padding: 12px 0; font-style: normal; font-size: 11px;} .store-fullbasket tbody.payment select {margin: 0; display: inline; width: auto;} .store-fullbasket .tools .button {line-height: 14px; padding: 4px; margin: 0;} .store-fullbasket .tools i {font-size: 14px; line-height: 20px; margin: 0;} .store-fullbasket .tools .icon-remove {color: #fff;} section[data-id="content"] .container .store-fullbasket-container .boxborder.fullwidth, #content .container .store-fullbasket-container .boxborder.fullwidth {width: 99.8%;} section[data-id="content"] .container .boxborder .border-top.content-box h4, #content .container .boxborder .border-top.content-box h4 {margin-top: 0px;} .store .accordion,#product .accordion {margin-bottom: 20px;} .store .accordion h3,#product .accordion h3 {position: relative;} .store .accordion h3 span.title,#product .accordion h3 span.title {width: 45%; display: inline-block;} .store .accordion h3 span.detail,.store .accordion h3 span.price,#product .accordion h3 span.detail,#product .accordion h3 span.price {color: #464646; width: 23%; text-align: right;} .store .accordion h3.ui-state-active span.detail,.store .accordion h3.ui-state-active span.price,#product .accordion h3.ui-state-active span.detail,#product .accordion h3.ui-state-active span.price {color: #fff;} .store .accordion h3 span.price,#product .accordion h3 span.price {text-align: right; position: absolute; top: 8px; right: 8px;} .store .formReq {color: #00a1d4;} .store-summary .grid-40,.store-summary .grid-60,.store-summary .grid-100 {white-space: normal; padding-bottom: 5px;} .store-summary .grid-40 {clear: left;} .store-summary .grid-60 {color: #015a83;} a:active,a:focus {outline: none; ie-dummy: expression(this.hideFocus = true);} select {font-weight: normal; -webkit-font-smoothing: transparent;} .button,button,input[type="submit"],input[type="reset"],input[type="button"] {display: inline-block; text-decoration: none; padding: 4px 12px; margin-bottom: 0; line-height: 20px; -webkit-font-smoothing: transparent; text-align: center; text-shadow: 0px; vertical-align: middle; cursor: pointer; background-repeat: repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 260px;} select.usezelect.button {visibility: hidden; height: 30px;} .button i,button i,input[type="submit"] i,input[type="reset"] i,input[type="button"] i {font-size: 14px;} .no-touch .button:hover,.no-touch button:hover,.no-touch input[type="submit"]:hover,.no-touch input[type="reset"]:hover,.no-touch input[type="button"]:hover {text-decoration: none; background-image: none;} .no-touch a.button:hover,.no-touch a.button:focus {text-decoration: none !important;} .button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {text-decoration: none; background-color: #e6e6e6; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);} .button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {outline-width: 0px; outline-color: transparent;} .button i,button i {padding: 0px 5px 0px 5px;} .button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;} .dropdown-button {width: 220px; margin-bottom: 0px;} .dropdown {width: 220px; border-top: 0px; position: absolute; z-index: 50;} .ui-menu {width: 236px;} .button.dim {background: none; border: 0px;} form {margin-bottom: 20px;} fieldset {margin-bottom: 20px;} input[type="text"],input[type="password"],input[type="email"],textarea {padding: 6px 4px; outline: none; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 0px;} select {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #003665; width: 220px; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 0px; min-height: 26px; vertical-align: middle; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} @ -moz-document url-prefix () {select {padding: 1px1px0px6px; min-height: 22px;}} input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {} textarea {min-height: 60px;} label,legend {display: block; font-weight: bold; font-size: 13px;} input[type="checkbox"] {display: inline;} label span,legend span {font-weight: normal; font-size: 13px;} ::-webkit-input-placeholder {color: #999; font-family: 'Open Sans', sans-serif;} :-moz-placeholder {color: #999; font-family: 'Open Sans', sans-serif;} ::-moz-placeholder {color: #999; font-family: 'Open Sans', sans-serif;} :-ms-input-placeholder {color: #999; font-family: 'Open Sans', sans-serif;} input::-webkit-input-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input:-moz-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input::placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input:placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input::input-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input:input-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input::-o-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input:-o-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input::-o-input-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} input:-o-placeholder {font-weight: normal; font-family: 'Open Sans', sans-serif;} .placeholder {color: #aaa; font-family: 'Open Sans', sans-serif;} .customselect-container {float: left; min-height: 20px;} .customselect-container.hidefirst .zelect .dropdown li:first-child {display: none;} .contactlist-cell .customselect-container {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; font-weight: normal;} .contactlist-cell .customselect-container i {font-size: 14px;} margin-right : 5 px ; overflow : hidden ; padding : 4 px 4 px ;} .customSelect.button-primary {padding: 5px 5px;} .customSelect.customSelectHover {background-image: none; background-color: #e6e6e6;} .customSelect.customSelectOpen {background-image: none; background-color: #e6e6e6;} .customSelect.customSelectFocus {background-image: none; background-color: #e6e6e6;} .customSelect.button-primary.customSelectHover {background-image: none;} .customSelect.button-primary.customSelectOpen {background-image: none;} .customSelect.button-primary.customSelectFocus {background-image: none;} .customSelectInner {width: 190px !important; margin-right: 20px; text-align: left;} .button-primary .customSelectInner {color: #fff;} * / .customSelect i {float: right; font-size: 15px; text-align: right; margin-top: -15px; margin-right: 4px; z-index: 999;} .customSelect.button-primary i {color: #fff;} .customselect-container select {margin-right: 5px; margin-top: 15px;} .login-button-wrap {position: relative; z-index: 300; margin-bottom: 20px;} .usezelect {} .zelect,.login-button {position: relative; width: 220px; text-align: left; margin-right: 5px; padding: 0px;} .zelect.button-primary,.login-button.button-primary {padding-top: 1px; padding-bottom: 1px;} .login-button-label {padding-left: 12px; padding-right: 12px;} .zelected {padding-top: 4px; padding-bottom: 4px; padding-left: 12px; padding-right: 12px;} .open .login-button-label {color: #fff;} .zelected i,.login-button-label i {float: right; text-align: right; margin-top: 3px; margin-right: -5px; padding-right: 0px;} .zelected.placeholder {} .no-touch .zelected:hover {} .zelect.open {} .zelect .dropdown,.login-button-wrap .dropdown {position: absolute; background-color: #fff; overflow: auto; left: 0px; width: 218px; top: 30px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #CECECE; border-top: none; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); padding: 0px 0px 0px 0px; display: none;} .login-button-wrap .dropdown {color: #464646;} .login-button-wrap.open .dropdown {display: block;} .zelect .dropdown input {margin-left: 10px; margin-top: 5px; display: none;} .zelect .dropdown ol {position: relative; padding: 0; margin: 0px 5px 5px 5px; list-style-type: none; overflow-y: auto;} .zelect .dropdown li {margin: 10px 0px 10px 15px; padding: 0px 0px 0px 0px;} .zelect .dropdown li i {padding: 0px 0px 0px 0px; margin: 0px 0px 0px -8px;} .zelect .dropdown li.current {} .login-button-wrap .dropdown h4 {font-family: 'Open Sans', sans-serif; color: #464646; margin: 15px;} .login-button-wrap .dropdown hr {margin: 15px 0;} section[data-id="content"] .login-button-wrap .dropdown ul, #content .login-button-wrap .dropdown ul {list-style: none; margin: -7px 15px 15px; padding: 0;} .login-button-wrap .dropdown li {margin: 7px 0 0;} .bank-login {text-align: center; margin-top: 30px;} .bank-login a {display: inline-block; margin: 2px 5px; padding: 5px; vertical-align: middle;} .bank-login a img {max-width: 130px; max-height: 40px;} .login-alert {border: 1px solid #cecece; margin-bottom: 20px; padding: 30px; color: #015a83; display: table;} .login-alert div {display: table-row;} .login-alert i,.login-alert p {display: table-cell; vertical-align: middle;} .login-alert p {padding-left: 20px; width: 100%;} #top-button {display: none; position: fixed; bottom: 20px; right: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 12px; font-size: 20px; font-weight: bold; -webkit-font-smoothing: antialiased; z-index: 10000;} #fcontact {position: fixed; top: 200px; left: -500px; z-index: 10000; display: none;} #fcontact.right {left: auto; right: -800px;} #fcontact-b i {font-size: 30px; margin-left: 20px;} .right #fcontact-b i {margin-left: 0; margin-right: 20px;} #fcontact-a {position: relative;} #fcontact-b {position: absolute; top: 0; left: 500px; width: 40px; height: 40px; padding: 15px 0; overflow: hidden; cursor: pointer; box-sizing: content-box;} .right #fcontact-b {left: auto; right: 800px;} #fcontact-b div {position: absolute; top: 15px; left: -20px; padding-top: 6px; width: 60px; height: 34px; text-align: center; overflow: hidden; border-radius: 0 5px 5px 0;} .right #fcontact-b div {left: auto; border-radius: 5px 0 0 5px;} #fcontact-c {position: absolute; top: 15px; left: 0; width: auto; overflow: hidden; padding-bottom: 15px;} .right #fcontact-c {left: auto; right: 0;} #fcontact-c2 {margin-top: -16px; background: #fff; border-radius: 0 0 3px 0; width: auto; padding: 36px 20px 30px; overflow: auto;} .right #fcontact-c2 {border-radius: 0 0 0 3px; margin-left: 20px;} .open #fcontact-c2 {position: relative;} #fcontact-d {position: absolute; top: 0; left: 0; width: auto; height: 25px; overflow: hidden;} .right #fcontact-d {left: auto; right: 0;} #fcontact-d div {position: absolute; top: 15px; left: -5px; width: 520px; height: 10px; border-radius: 0 5px 5px 0;} .right #fcontact-d div {left: auto; right: -5px;} #fcontact-c h2 {margin: 0 20px 15px;} #fcontact-c dl,#fcontact-c ul {white-space: nowrap; float: left; margin: 0px 5px 0px 5px;} #fcontact-c dt i {float: left; font-size: 30px; width: 40px; display: inline-block; padding-top: 4px;} #fcontact-c dd {margin-left: 40px; font-size: 18px; line-height: 19px;} #fcontact-c dd+dt {margin-top: 12px;} #fcontact-social {display: none; position: absolute; bottom: 10px; right: 10px;} .open #fcontact-social {display: block;} #fcontact-social a {margin-left: 4px;} #fcontact-social img {width: 20px;} .contact {overflow: hidden; border: 1px solid #cecece; margin: 0 0 20px 0; background: #fff;} .contact-card {display: table; width: 100%;} .contact-container {display: table-row; width: 100%;} .contact-image,.contact-body {display: table-cell;} .contact-image {width: 33%; background-position: 50% 50%; background-size: cover; vertical-align: top;} .contact img {display: block; width: 100%;} .contact-body {margin: 0; padding: 8px 12px; background: #fff; width: 100%; font-size: 12px; line-height: 1.4; vertical-align: middle;} .photobox .contact-body {padding: 20px;} .photobox .contact-body p {font-size: 13px; margin: 7px 0 !important;} .contact h4 {margin: 0 !important; font-size: 13px; line-height: normal;} .eight.columns .contact-body {font-size: 14px;} .eight.columns .contact h4 {font-size: 18px;} .contact p {margin-top: 3px; margin-bottom: 0 !important; padding: 0 !important;} section[data-id="content"] .contact ul, #content .contact ul {list-style: none; padding-left: 0; margin-bottom: 4px;} .contact li {margin-bottom: 3px; word-wrap: break-word; overflow-wrap: break-word;} .contact-email {display: table; width: 100%; border-top: 1px solid #cecece; overflow: auto; font-size: 12px; line-height: normal; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);} .contact-email div {display: table-row;} .contact-email i {margin-right: 2px; font-size: 15px;} .contact-email a {display: table-cell; width: 50%; padding: 5px 10px; text-align: center;} .contact-email a+a {border-left: 1px solid #cecece;} .one-third .contact-email.two-buttons a span {display: inline;} .no-fontface .contact-email i {display: none !important;} .no-fontface .contact-email span {display: inline !important;} #office-map-toggle {margin-left: 15px; background: url(../img/map.png) no-repeat; min-height: 33px; padding-top: 8px; padding-left: 38px; display: inline-block; float: left;} #office-map-wrap {height: 0; position: relative; overflow: hidden;} #office-map-wrap,#office-map-wrap.opened {-moz-transition: height .8s; -webkit-transition: height .8s; -o-transition: height .8s; transition: height .8s;} #office-map {width: 100%; position: absolute; top: 0; left: 0;} #office-map,#office-map-wrap.opened {height: 350px;} .greytable {width: 100%; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-collapse: collapse; border-spacing: 0; margin: 1em 0;} .greytable td,.greytable th {padding: 9px 13px; margin: 0; text-align: right; white-space: nowrap;} .greytable tr {border-bottom: 1px solid #ebebeb;} .greytable tr td:first-child,.greytable tr th:first-child {text-align: left; color: #015a83; white-space: normal; width: 100%;} .greytable th {color: #015a83; background: #ebebeb; font-weight: normal;} .risklevel {border: 1px solid #ebebeb; margin-bottom: 20px; overflow: auto; padding: 13px;} .risklevel h3 {float: left; font-size: 14px; line-height: normal; margin: 0; padding-top: 10px;} .risklevel div {float: right; white-space: nowrap;} .risklevel span,.risklevel strong {float: left; margin-left: 8px; color: #fff; background: #cdebf6; width: 38px; height: 28px; padding-top: 10px; text-align: center; font-size: 14px; line-height: normal; -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px;} .risklevel strong {background: #009ed8;} .profitrisk {border: 1px solid #ebebeb; background: #e7f8ff; margin-bottom: 20px; padding: 13px; position: relative;} .profitrisk h4 {display: inline-block; white-space: nowrap; -webkit-transform: translate(0, 100%) rotate(-90deg); -moz-transform: translate(0, 100%) rotate(-90deg); -o-transform: translate(0, 100%) rotate(-90deg); -ms-transform: translate(0, 100%) rotate(-90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; margin: 0; padding: 0; color: #464646; font-size: 14px; line-height: normal; position: absolute; left: 13px; bottom: 13px;} .profitrisk-container {margin-left: 25px;} .profitrisk-details {display: table; width: 100%;} .profitrisk ul {display: table-row; padding: 0 !important; list-style: none !important; font-size: 12px; line-height: normal; text-align: center;} .profitrisk ul li {display: table-cell; width: 33.3333333%; vertical-align: bottom; padding: 0 5px !important; margin: 0 !important;} .profitrisk h5 {font-size: 12px; line-height: normal; margin-top: 0; margin-bottom: 6px;} .profitrisk p {line-height: normal; margin-bottom: 6px;} .profitrisk dl {margin: 0; padding: 5px 5px 0; background: #ccc;} .profitrisk dt {padding-bottom: 5px;} .profitrisk dl a {padding: 3px 5px; background: #fff; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 16px;} .no-touch .profitrisk dl a:hover,.profitrisk dl .selected a {color: #fff; background: #009fd6;} .profitrisk .fund1 dl {} .profitrisk .fund2 dl {} .profitrisk .fund3 dl {} .no-csstransforms .profitrisk h4 {font-size: 12px; padding: 0 7px; display: block; clear: both;} .no-csstransforms .profitrisk h4 i {display: none;} .no-csstransforms .profitrisk h4:before {content: "\2191"; margin-right: 7px; font-size: 18px;} .no-csstransforms .profitrisk-container {margin-left: 0; margin-bottom: 30px;} section[data-id="content"] .bank-login-box, #content .bank-login-box {list-style: none; padding: 0; margin: 10px 3px;} section[data-id="content"] .bank-login-box li, #content .bank-login-box li {display: inline-block; vertical-align: middle; padding: 5px 10px;} section[data-id="content"] .container .valuetable, #content .container .valuetable {float: none;} .valuetable p {margin-bottom: 5px;} .valuetable p.intro {margin-left: 10px; padding-top: 5px;} .valuetable .header-container {padding: 10px; border-bottom: 1px solid #cecece;} .valuetable .header-container h3 {float: left; margin: 0; padding: 0; color: #015a83; font-size: 14px;} .valuetable .header-container .customselect-container {float: right;} .valuetable table p {margin: 0; padding: 10px;} .valuetable table {width: 100%; font-size: 13px; line-height: normal; margin-bottom: 20px;} .valuetable td,.valuetable th {padding: 7px 20px; text-align: center; white-space: nowrap;} .valuetable thead {background: #00a0d5;} .valuetable thead th {color: #fff; background: #00a0d5; font-weight: normal;} .valuetable.gray table {border: 1px solid #EBEBEB; font-size: 14px;} .valuetable.gray thead th {padding-top: 20px; padding-bottom: 20px;} .valuetable.gray thead th {color: #015A83; background: #EBEBEB; font-weight: normal;} .valuetable.gray tbody tr {border-bottom: 1px solid #EBEBEB;} .valuetable.gray tbody td {padding-top: 10px; padding-bottom: 10px;} .valuetable .name {text-align: left; width: 100%; padding-left: 13px; white-space: normal;} .valuetable.gray .name {color: #015A83;} .valuetable .rating {text-align: left;} .valuetable .number {text-align: right;} .valuetable .positive {color: #6fa312;} .valuetable .negative {color: #790000;} .valuetable [class^="risklevel-"],.valuetable [class*=" risklevel-"] {display: inline-block; width: 20px; height: 18px; padding-top: 2px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .valuetable .risklevel-1 {background: #009fd6;} .valuetable .risklevel-2 {background: #1a8fba;} .valuetable .risklevel-3 {background: #2e82a4;} .valuetable .risklevel-4 {background: #427590;} .valuetable .risklevel-5 {background: #57687a;} .valuetable .risklevel-6 {background: #6b5a64;} .valuetable .risklevel-7 {background: #7f4d4e;} .valuetable.fixed thead {position: fixed; top: 0;} .loader {float: none !important;} .share-button {display: inline-block; color: #fff !important; font-size: 12px; padding: 3px 14px 3px 9px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; z-index: 20; position: relative; background: #6199b2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxOTliMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTVhODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6199b2 0%, #015a82 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6199b2), color-stop(100%, #015a82)); background: -webkit-linear-gradient(top, #6199b2 0%, #015a82 100%); background: -o-linear-gradient(top, #6199b2 0%, #015a82 100%); background: -ms-linear-gradient(top, #6199b2 0%, #015a82 100%); background: linear-gradient(to bottom, #6199b2 0%, #015a82 100%); background-color: #015a82;} .share-button img {width: 12px; margin-right: 3px; vertical-align: middle;} .content .share-button img {padding-top: 4px;} #mast-head-tabs #content-tab-navi .social-logos .share-button {margin-left: 10px; margin-top: -1px;} #mast-head-tabs #content-tab-navi .social-logos .share-button img {margin-left: 0px; width: 12px; height: auto; padding-top: 0px; margin-top: -1px;} .sharelayer {display: none; text-align: left; position: absolute; background-color: #fff; padding: 10px 10px; top: 26px; right: 10px; z-index: 24; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); border-top: 1px solid rgba(119, 119, 119, 0.1);} #mast-head-tabs #content-tab-navi .sharelayer a {text-transform: none; color: #015A83; font-size: 12px;} .atcontainer {float: left; width: 113px;} .at300b {float: left; width: 100%; padding-top: 4px; padding-bottom: 4px;} .at300bs {float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 2px;} section[data-id="content"] .column .sharelayer, #content .column .sharelayer {top: 27px; right: 0px;} section[data-id="content"] .column .share, #content .column .share {display: inline-block; margin: 10px 0px; position: relative;} section[data-id="content"] .column .share-custom, #content .column .share-custom {display: inline-block; margin: 10px 0px; position: relative; line-height: 20px;} section[data-id="content"] .column .share-button img, #content .column .share-button img {width: 12px; margin-right: 3px; vertical-align: middle; margin-top: 5px; margin-bottom: auto; display: inline-block; float: left; height: auto; line-height: 20px;} section[data-id="content"] .container.notfound, #content .container.notfound {padding-top: 0;} .notfound .grid-20 {min-height: 1px;} .notfound .grid-60 {padding: 20px 30px;} .notfound .grid-60 img {float: right; margin: 0 0 10px 20px;} .tatuma-error {padding: 30px 10px 40px; font-weight: normal; color: #04a1d6; display: block; font-size: 16px;} .ui-icon-triangle-1-e {background-position: -32px 0} .ui-icon-triangle-1-s {background-position: -64px 0} .ui-datepicker select {display: inline; width: auto; margin: 0;} @ -moz-document url-prefix () {.ui-datepicker select {padding: 4px1px0px6px;}} .simpleheader #header img {width: 195px; padding-top: 15px; padding-bottom: 10px;} #langselect-mobile {display: none;} #global-nav #global-nav-button {display: none;} #global-nav #mobile-search {display: none;} #main-nav-mobile {display: none;} #mobile-search-layer {display: none;} .js #main-nav-layer {display: none;} #news-ticker-layer {display: none;} #wide-banner-controls {display: none;} section[data-id="content"] .wide-element, #content .wide-element {display: none;} .frontpage-showCase {width: auto; text-align: center; margin: auto; display: block; white-space: nowrap;} .frontpage-showCase:after {clear: both; content: ''; display: block;} .showCaseItem {padding: 0px 0px; display: inline-block; text-align: center; box-sizing: border-box; border-style: solid; border-color: #c9c9c9; border-width: 0px;} .showCaseItem h4 {margin: 0px; border-style: solid; border-color: #c9c9c9; border-width: 0px; text-transform: uppercase; font-size: 16px; font-weight: normal;} .showCaseItem h4 i.icon-angle-down {margin-left: 5px;} .showCaseItemVisible {border-width: 0px 1px 0px 1px;} ul.showCaseLinklist {display: none; padding: 0px; margin: 0px; position: absolute; background-color: white; z-index: 1000;} ul.showCaseLinklist li {text-align: left; border-style: solid; border-color: #e6e6e7; border-width: 0px 0px 1px 0px; margin: 0px; padding: 10px 20px; vertical-align: middle;}} #cover-content-container {min-height: 20px;} #wide-news-ticker-bg {width: 100%; box-sizing: border-box; text-align: center; margin: auto; padding: 15px 0px;} .wide-news-ticker {box-sizing: border-box; margin: auto;} .frontpage-row {margin-left: 8px !important; margin-right: 20px !important;} #news-ticker,#more-news {} .wide-news-ticker #news-ticker {max-width: 1260px !important; overflow: hidden; margin-top: 15px; height: 40px; margin: 20px 25px 0px 10px; background-color: white !important; box-sizing: border-box; max-height: 50px; display: inline-flex; padding: 10px !important; white-space: nowrap;} .wide-news-ticker #news-ticker #more-news {min-width: 100px; width: 10%; padding: 10px !important;} .wide-news-ticker #news-ticker #more-news a {line-height: 0px;} .wide-news-ticker #news-ticker strong {margin-left: 50px; margin-right: 10px;} .wide-news-ticker #news-ticker a {display: inline !important; white-space: nowrap;} .news-item {float: left; display: inline;} .frontpage-box,.full {max-width: 2000px !important;} @media only screen and (min-width: 1281px) {#chat-layer {display: none;} #loc_message_box #locationselect-layer {} #loc_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 450px; margin-top: 10px;} #loc_message_box #loc-message-img img {height: 30px; left: 250px; position: absolute; top: 5px;} #region_message_box #loc-message-img img {height: 45px; position: absolute; top: 0px;} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: -350px; margin-top: 10px;} #region_message_box {min-height: 32px; padding-bottom: 15px; padding-top: 15px; width: 500px; z-index: 42;} #region_message_box #regionselect-layer {} .container {position: relative; width: 1280px; margin: 0 auto; padding: 0;} .wide-grid-50 {clear: none; float: left; width: 50%;} .container.normalpadding .sixteen.columns.reducedwidth .one-third.column {width: 398px !important;} .container .one.column,.container .one.columns {width: 60px;} .container .two.columns {width: 140px;} .container .three.columns {width: 220px;} .container .four.columns {width: 300px;} .container .five.columns {width: 380px;} .container .six.columns {width: 460px;} .container .seven.columns {width: 540px;} .container .eight.columns {width: 620px;} .container .nine.columns {width: 700px;} .container .ten.columns {width: 780px;} .container .eleven.columns {width: 860px;} .container .twelve.columns {width: 940px;} .container .thirteen.columns {width: 1020px;} .container .fourteen.columns {width: 1100px;} .container .fifteen.columns {width: 1180px;} .container .sixteen.columns {width: 1260px;} .container .one-third.column {width: 406px;} .container .two-thirds.column {width: 833px;} .container .offset-by-one {padding-left: 80px;} .container .offset-by-two {padding-left: 160px;} .container .offset-by-three {padding-left: 240px;} .container .offset-by-four {padding-left: 320px;} .container .offset-by-five {padding-left: 400px;} .container .offset-by-six {padding-left: 480px;} .container .offset-by-seven {padding-left: 560px;} .container .offset-by-eight {padding-left: 640px;} .container .offset-by-nine {padding-left: 720px;} .container .offset-by-ten {padding-left: 800px;} .container .offset-by-eleven {padding-left: 880px;} .container .offset-by-twelve {padding-left: 960px;} .container .offset-by-thirteen {padding-left: 1040px;} .container .offset-by-fourteen {padding-left: 1120px;} .container .offset-by-fifteen {padding-left: 1200px;} section[data-id="content"] .add-wide-element .one.column, #content .add-wide-element .one.column, section[data-id="content"] .add-wide-element .one.columns, #content .add-wide-element .one.columns {width: 40px;} section[data-id="content"] .add-wide-element .two.columns, #content .add-wide-element .two.columns {width: 100px;} section[data-id="content"] .add-wide-element .three.columns, #content .add-wide-element .three.columns {width: 160px;} section[data-id="content"] .add-wide-element .four.columns, #content .add-wide-element .four.columns {width: 220px;} section[data-id="content"] .add-wide-element .five.columns, #content .add-wide-element .five.columns {width: 280px;} section[data-id="content"] .add-wide-element .six.columns, #content .add-wide-element .six.columns {width: 340px;} section[data-id="content"] .add-wide-element .seven.columns, #content .add-wide-element .seven.columns {width: 400px;} section[data-id="content"] .add-wide-element .eight.columns, #content .add-wide-element .eight.columns {width: 460px;} section[data-id="content"] .add-wide-element .nine.columns, #content .add-wide-element .nine.columns {width: 520px;} section[data-id="content"] .add-wide-element .ten.columns, #content .add-wide-element .ten.columns {width: 580px;} section[data-id="content"] .add-wide-element .eleven.columns, #content .add-wide-element .eleven.columns {width: 640px;} section[data-id="content"] .add-wide-element .twelve.columns, #content .add-wide-element .twelve.columns {width: 700px;} section[data-id="content"] .add-wide-element .thirteen.columns, #content .add-wide-element .thirteen.columns {width: 760px;} section[data-id="content"] .add-wide-element .fourteen.columns, #content .add-wide-element .fourteen.columns {width: 820px;} section[data-id="content"] .add-wide-element .fifteen.columns, #content .add-wide-element .fifteen.columns {width: 880px;} section[data-id="content"] .add-wide-element .sixteen.columns, #content .add-wide-element .sixteen.columns {width: 940px;} section[data-id="content"] .add-wide-element .one-third.column, #content .add-wide-element .one-third.column {width: 300px;} section[data-id="content"] .add-wide-element .two-thirds.column, #content .add-wide-element .two-thirds.column {width: 620px;} .corporate-head .eight.columns {width: 460px;} section[data-id="content"] .add-wide-element, #content .add-wide-element {position: relative; width: 1280px; margin: 0 auto; min-height: 100%;} section[data-id="content"] .add-wide-element .container, #content .add-wide-element .container {float: left; width: 960px; margin: 0;} section[data-id="content"] .add-wide-element .wide-element-container, #content .add-wide-element .wide-element-container {margin-left: 10px; float: left;} section[data-id="content"] .add-wide-element .wide-element-container .wide-element, #content .add-wide-element .wide-element-container .wide-element {position: relative; display: inline-block; margin-left: 0px; float: left; width: 300px; margin-right: 0px;} .container .right {float: right;} #top-nav #locationselect-layer {width: 240px;} #top-nav #regionselect-layer {width: 240px;} #top-nav #locationselect {margin-right: 90px;} #main-nav .sub-navi.mega {width: 1262px;} #nav2 #main-nav-ul li a {max-width: 185px; min-width: 50px; padding: 0px 30px;} #cover-content .frontpage-row {margin-left: 57px; margin-right: 37px;} #cover-content .frontpage-box.left {float: right;} #cover-content .frontpage-box.right {float: left;} #cover-content .container .eight.columns {width: 393px;} #cover-content .container .sixteen.columns {margin-left: 16px; width: 794px;} #cover-content .frontpage-box.full {margin: 15px auto 0px auto; display: flex;} section[data-id="content"] .wide-element-container, #content .wide-element-container {padding-top: 20px; padding-bottom: 0px;} #wide-banner-area {display: inline-block; float: right; width: 392px;} #wide-banner-area .frontpage-banner {display: inline-block; float: left; width: 327px; min-height: 370px; margin-top: 20px; margin-right: 65px; background-color: rgba(255, 255, 255, 0.8); overflow: hidden;} #wide-banner-area .frontpage-banner.hide {display: none;} #wide-banner-area .frontpage-banner img {min-width: 350px; max-height: 140px; overflow: hidden;} #wide-banner-area .frontpage-banner-txt {padding: 15px 23px 15px 23px;} #wide-banner-area .frontpage-banner-txt .head {font-size: 21px;} #wide-banner-area .frontpage-banner-txt h3 {margin-top: 0px; padding-top: 0px;} #wide-banner-area .frontpage-banner-txt p {margin-bottom: 4px;} #wide-banner-prev-next {position: relative; display: block; width: 327px; float: left; top: 20px; height: 0px;} #wide-banner-btn-prev {height: 140px; float: left;} #wide-banner-btn-next {height: 140px; float: right;} .wide-banner-btn-prev-next {display: block; width: 35px; height: 140px; background-color: rgba(230, 230, 230, 0.5); background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(230, 230, 230, 0.5))); background-image: -moz-linear-gradient(right center, rgba(255, 255, 255, 0.5) 20%, rgba(230, 230, 230, 0.5) 95%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(230, 230, 230, 0.5)); opacity: 0.6;} .wide-banner-btn-prev-next i {font-size: 24px; display: inline-block; margin-top: 60px; margin-left: 13px; opacity: 1;} .wide-banner-btn-prev-next:hover {opacity: 1;} #wide-banner-controls {position: relative; min-width: 40px; display: block; top: -30px; height: 0px; right: 80px; float: right;} #wide-banner-controls a {float: left; padding: 4px; font-size: 14px;} #wide-banner-area ul {margin: 0px; padding: 0px;} #wide-banner-area li {line-height: 20px; margin-bottom: 4px;} #wide-banner-area li a {position: relative;} #news-ticker-layer {margin-left: 0px;} #wide-banner-area .frontpage-banner-news {padding: 15px;} #wide-banner-area .frontpage-banner-news .head {font-size: 21px;} #wide-banner-area .frontpage-banner-news p {margin-bottom: 4px;} #wide-banner-area .frontpage-banner-news p.readmore {margin-top: 15px;} #wide-banner-area .frontpage-banner-news a {width: auto;} #wide-banner-area .frontpage-banner-news span {font-weight: bold;} #wide-banner-area .frontpage-banner-news a:hover {text-decoration: underline;} section[data-id="content"] .wide-element h2, #content .wide-element h2 {font-size: 19px; text-transform: uppercase; color: #fff; padding: 4px 10px 4px 0px; margin-right: 9px; margin-top: 0px; margin-bottom: 6px;} #loc_message_box #loc-message-img img {left: 420px;} #region_message_box #loc-message-img img {left: 0px;} section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2, section[data-id="content"] .toggle-container.big p, #content .toggle-container.big p {padding-left: 190px; padding-right: 35px;} section[data-id="content"] ul.contentnavi li a, #content ul.contentnavi li a {width: 94%;} section[data-id="content"] ul.sub-cnav li a, #content ul.sub-cnav li a {width: 90%;} section[data-id="content"] ul.sub-sub-cnav li a, #content ul.sub-sub-cnav li a {width: 86%;} #footer-contact .columns,#footer-contact .column {height: 65px;} #footer-contact .footer-element {margin-top: 15px; margin-bottom: 2px;} #footer-contact .footer-element .footer-icon {margin-top: 0px;} #footer-contact .footer-element .footer-icon i {height: 50px; font-size: 30px;} #footer-contact .footer-element i {margin-right: 4px;} #footer-contact .footer-element .footer-link {font-size: 14px;} #footer-shortcuts .contact-input button {width: 98%; max-width: 98%;} #footer2 #footer-shortcuts {padding-top: 0px;} #footer-loc .footer-element {margin-top: 19px;} #footer-loc #f-locationselect-layer {bottom: 46px; left: 215px;} .table-container .table-img {width: 629px;} .one-third .contact-email a span {display: inline !important;} #modal {width: 35%;} .store-promo h3 {font-size: 28px; line-height: 36px;} .store-promo p {font-size: 18px; line-height: 23px;} section[data-id="content"] .container .store-fullbasket-container .boxborder.fullwidth, #content .container .store-fullbasket-container .boxborder.fullwidth {width: 99.9%;} .profitrisk dl a {line-height: 18px;} .showCaseItem {margin-right: 30px;} .showCaseItem h4 {padding: 30px 20px 20px 5px; min-width: 250px;} .container.wideContent {width: 98%; margin-left: 15px; margin-right: 15px;} .wide-news-ticker {width: 1280px; padding: 0px 20px 0px 10px;} .two-thirds-table {width: 833px !important;}} @media only screen and (max-width: 959px) {#chat-layer {display: none;} body {font-size: 12px;} h3 {font-size: 18px; line-height: 27px; margin-bottom: 6px;} h4 {font-size: 16px; line-height: 25px; margin-bottom: 4px;} .one-third.column .boxborder h3 {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} #loc_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 360px; margin-top: 10px;} #loc_message_box #loc-message-img img {height: 30px; left: 328px; position: absolute; top: 5px;} #loc_message_box #locationselect-layer {} #region_message_box #loc-message-img img {height: 45px; left: 0; position: absolute; top: 0px;} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: -250px; margin-top: 10px;} #region_message_box #regionselect-layer {} .four.columns .boxborder h4 {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} #movable-area-section {display: none;} .accordion h3 {font-size: 12px;} section[data-id="content"] .txt ol.styled li p, #content .txt ol.styled li p {font-size: 12px;} #footer-contact .columns,#footer-contact .column {font-size: 11px;} #footer-copy .columns,#footer-copy .column {font-size: 11px;} #footer2 #footer-shortcuts {padding-top: 0px;} #top-nav {width: 100%; line-height: 20px;} #top-nav {} #top-nav #locationselect #loc-mid-txt {display: block;} #top-nav #locationselect #loc-wide-txt {display: none;} #top-nav #locationselect {margin-right: -40px;} #global-nav #logo img {width: 170px; margin-top: 22px;} #nav2 #global-nav #logo img {width: 170px; margin-top: 27px;} #global-nav #buttons_navi li {margin-right: 2px;} #global-nav #buttons_navi li a {font-size: 12px; padding-left: 8px; padding-right: 8px;} #global-nav #buttons_navi .selected {padding: 0px 0px 0px 0px;} #global-nav .nomargin {margin-left: 0px; margin-right: -7px; width: 390px;} #global-nav #buttons_navi a {} #global-nav #search-area .search-icon {} #global-nav #search-area input {line-height: 18px;} #nav2 #global-nav #loc-lt-txt {margin-left: 41px; margin-top: -9px; font-size: 15px;} #main-nav li a {font-size: 11px; padding: 0px 9px 0px 9px;} #nav2 #main-nav-ul li a {font-size: 14px; max-width: 165px; min-width: 20px; padding: 0px 6px;} #nav2 #main-nav .icon-home {font-size: 36px; line-height: 36px; margin-top: 10px;} #nav2 #main-nav .sub-navi li a {font-size: 12px;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a {font-size: 12px; line-height: 14px;} #main-nav .sub-navi.mega {width: 750px;} #mast-head-tabs #content-tab-navi a {font-size: 11px;} #loc_message_box #loc-message-txt {font-size: 15px;} #cover-content .container .sixteen.columns {width: 748px;} #cover-content .frontpage-box.full {margin: 10px auto;} #cover-content .frontpage-box .nosto-header {width: 179px;} #cover-content .frontpage-box .frontpage-banner-txt {width: 184px;} #cover-content .frontpage-box.full.big .frontpage-banner-txt {width: 333px;} #cover-content .frontpage-box .nosto-header h1 {font-size: 28px; line-height: 30px; margin-left: 5px; margin-right: 0px;} #news-ticker-layer {min-width: 698px; margin-left: 0px;} section[data-id="content"] ul.sub-sub-cnav, #content ul.sub-sub-cnav {font-size: 12px;} section[data-id="content"] ul.sub-cnav, #content ul.sub-cnav {font-size: 12px;} section[data-id="content"] ul.contentnavi li a, #content ul.contentnavi li a {width: 88%;} section[data-id="content"] ul.sub-cnav li a, #content ul.sub-cnav li a {width: 82%;} section[data-id="content"] ul.sub-sub-cnav li a, #content ul.sub-sub-cnav li a {width: 75%;} section[data-id="content"] .one-third.column .boxborder.rss-feed .fp-img.small, #content .one-third.column .boxborder.rss-feed .fp-img.small {height: 94px;} section[data-id="content"] .four.columns .boxborder.rss-feed .fp-img.small, #content .four.columns .boxborder.rss-feed .fp-img.small {height: 68px;} #footer-contact .columns {height: 45px;} #footer-contact .footer-element {margin-top: 4px; margin-bottom: 2px;} #footer-contact .footer-element .footer-icon {margin-top: 0px; height: 35px;} #footer-contact .footer-element .footer-icon i {display: none;} #footer-contact .footer-element i {font-size: 11px; margin-right: 4px;} #footer-contact .footer-element .footer-link {} #footer-contact .footer-element .icon-angle-right {} #footer-contact .columns.noicon {margin-left: 0px; padding-right: 10px;} #footer-copy {line-height: 24px;} #footer-loc #footer-loc-txt {display: none;} #footer-loc .footer-element {margin-top: 9px;} #footer-loc #f-locationselect-layer {bottom: 36px; left: 20px;} #region_message_box #loc-message-img img {left: 0px;} #alert_message #alert-warning {width: auto;} #alert_message #alert-txt {margin-top: 9px;} .tablet-fullwidth {float: none; clear: both; width: auto;} .tablet-fullwidth.txt {padding-top: 17px;} .contactlist-cell {font-size: 16px;} .contactlist-cell i {font-size: 26px; width: 24px;} .contactlist-small {font-size: 12px;} #office-map,#office-map-wrap.opened {height: 300px;} .risklevel h3 {float: none; padding-top: 0; padding-bottom: 7px;} .risklevel div {float: none;} .risklevel span,.risklevel strong {margin-left: 0; margin-right: 8px;} .contactlist-cell .customselect-container {font-size: 12px; line-height: 18px;} .valuetable td,.valuetable th {padding-left: 10px !important; padding-right: 10px !important; font-size: 12px;} .photobox {height: 140px;} .photobox h4 {font-size: 15px;} .photobox p {font-size: 12px; line-height: 17px; margin-bottom: 7px;} .photobox-image {max-width: 140px;} .photobox-image img {height: 140px;} .photobox-content {margin: 10px 10px 10px 154px;} .photobox-content .zelect,.photobox-content select {width: 180px;} .profitrisk dl a {line-height: 14px;} section[data-id="content"] .container .store-fullbasket-container .boxborder.fullwidth, #content .container .store-fullbasket-container .boxborder.fullwidth {width: 99.7%;} .showCaseItem {margin-right: 1%;} .two-thirds-table {width: 98% !important; padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px;}} @media only screen and (min-width: 960px) and (max-width: 1280px) {.regional_postal_layout>div {margin: 0 4px;} #chat-layer {display: none;} #loc_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 360px; margin-top: 10px;} #loc_message_box #loc-message-img img {height: 45px; left: 300px; position: absolute; top: 0px;} #loc_message_box #locationselect-layer {} #region_message_box #loc-message-img img {height: 45px; left: 0; position: absolute; top: 0px;} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: -250px; margin-top: 10px;} #region_message_box {width: 475px;} #region_message_box #regionselect-layer {} .showCaseItem {margin-right: 15px;} .showCaseItem h4 {padding: 30px 10px 20px 10px;} .wide-news-ticker #news-ticker {max-width: 940px; margin-left: 0px; margin-right: 0px;} .container.wideContent {max-width: 1280px; width: 98%; margin-left: 10px; margin-right: 10px;} #nav2 #main-nav-ul li a {font-size: 16px;} .wide-news-ticker {width: 940px;} section[data-id="content"] .toggle-container h2, #content .toggle-container h2 {font-size: 15px !important;} .container .sixteen.columns.padded {width: auto !important; padding: 0 20% !important;} .container .one-third.column.richtext-dropdown {width: 460px;} .paddedTable {width: auto !important;} .sixteen.columns.padded .accordion.ui-accordion.ui-widget.ui-helper-reset {width: 556px !important;}} @media only screen and (min-width: 768px) and (max-width: 959px) {#chat-layer {display: none;} .toggle-container {height: 90px;} .toggle-container-image {max-width: 90px;} #loc_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 250px; margin-top: 10px;} #loc_message_box #loc-message-img img {height: 30px; left: 220px; position: absolute; top: 5px;} #loc_message_box #locationselect-layer {} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 50px; margin-top: 10px;} #region_message_box #regionselect-layer {} .toggle-container img {height: 90px;} .toggle-container-link {height: 90px;} .toggle-container-link i {padding-top: 30px;} section[data-id="content"] .toggle-container h2, #content .toggle-container h2 {padding: 0px 0px 0px 10px; font-size: 18px;} section[data-id="content"] .one-third .toggle-container h2, #content .one-third .toggle-container h2 {padding-right: 10px; padding-left: 8px;} section[data-id="content"] .toggle-container.big, #content .toggle-container.big, .toggle-container.big .toggle-container-image img {height: 120px;} section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2 {font-size: 20px; max-width: 100%; height: 120px; display: table-cell; padding-left: 10px; padding-right: 30px; padding-top: 0px; vertical-align: middle;} section[data-id="content"] .toggle-container.big .toggle-container-link i, #content .toggle-container.big .toggle-container-link i {padding-top: 50px;} section[data-id="content"] .toggle-container.big p, #content .toggle-container.big p {display: none;} .toggle-container.big .toggle-container-link i {padding-top: 76px;} .table-container .table-img {width: 373px;} section[data-id="content"] .situationbox i.icon-img img, #content .situationbox i.icon-img img {width: 34px; height: 34px;} section[data-id="content"] .situationbox .logolink1, #content .situationbox .logolink1 {height: 44px;} #area-map {margin-left: -50px;} .store-promo h3 {font-size: 14px; line-height: 17px;} .store-promo p {font-size: 11px; line-height: 14px;} .store-promo-content {padding: 10px;} section[data-id="content"] .columns, #content .columns, section[data-id="content"] .column, #content .column {width: 98% !important;} section[data-id="content"] .columns .content-box, #content .columns .content-box, section[data-id="content"] .column .content-box, #content .column .content-box {width: 98%;} #cover-content .frontpage-box #nosto-news p {max-width: 580px;} #mast-head-tabs #content-tab-navi {} #mast-head-tabs #content-tab-navi .four.columns {width: 30%; position: absolute; float: left;} #mast-head-tabs #content-tab-navi .sharelayer {left: 10px; right: auto;} section[data-id="content"] .column .content-box.compact, #content .column .content-box.compact {width: 95%;} .wide-news-ticker #news-ticker {} .showCaseItem h4 {padding: 30px 10px 20px 10px; font-size: 12px;} .wide-news-ticker #news-ticker {margin-left: 15px; margin-right: 0px; max-width: 755px !important;} #frontpage-showCase {padding: 5px 0px 5px 0px;} .container.wideContent {max-width: 960px; width: 98%; margin-left: 10px; margin-right: 10px;} .wide-news-ticker {width: 95%;} .container .sixteen.columns.padded {width: auto !important; padding: 0 !important;} .paddedTable {width: auto !important; padding: 0 !important;} .sixteen.columns.padded .accordion.ui-accordion.ui-widget.ui-helper-reset {width: 748px !important;} .sixteen.columns.tabs {width: 748px !important;}} @media only screen and (max-width: 767px) {.regional_postal_layout>div {vertical-align: middle; display: inline-block;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: block;} #chat-layer {display: none;} #loc_message_box #loc-message-img img {height: 30px; left: 150px; position: absolute; top: 15px;} #loc_message_box #loc-message-txt {float: left; margin-left: 250px; margin-top: 20px;} #region_message_box #regionselect-layer {margin-top: 0px; width: 160px;} #region_message_box #loc-message-img img {height: 45px; left: 0; position: absolute; top: 10px;} #region_message_box #regionselect-layer .loc-search {width: 100%;} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 40px; margin-top: 20px;} iframe.auto-height {width: 100%;} .nomobile {display: none;} .one-third.column .boxborder h3 {-webkit-hyphens: none; -moz-hyphens: none; hyphens: none;} .four.columns .boxborder h4 {-webkit-hyphens: none; -moz-hyphens: none; hyphens: none;} .desktop-pull-right {float: left; padding: 10px 0px 10px 0px;} .desktop-top-padding {padding-top: 0;} .cropimg-center {display: inline-block; position: relative; right: 0%;} .cropimg-center img {position: relative; left: 0%;} section[data-id="content"] .imgborder img, #content .imgborder img {width: 100%;} #mast-head .action-area {padding-top: 10px;} #mast-head .media-area .cropimg-center {display: block; right: auto; position: static;} #mast-head .media-area .cropimg-center img {position: static; left: auto; width: 100% !important; height: auto;} .container {margin: 0; width: 100%;} #language_message_box .container {float: left;} #top-nav .three.columns {width: 40%;} #top-nav .ten.columns {width: 20%;} #top-nav .four.columns,#top-nav .five.columns {width: 40%;} #top-nav .nine.columns,#top-nav .eight.columns {width: 20%;} #nav2 {float: left; width: 100%; top: 0px; margin-top: 0px;} #nav2 #top-nav {position: absolute; width: 100%; top: 0px; margin-top: 0px;} #nav2 #top-nav .columns {position: absolute; width: 100%;} #nav2 #langselect {display: none;} #nav2 #shoppingcart {display: none;} #nav2 #loginselect {display: none;} #top-nav #locationselect {line-height: 20px; margin-right: 0px; font-size: 12px; padding-top: 6px; height: 24px;} #nav2 #remove-location #locationselect,#nav2 #location-remove #locationselect {float: right; display: table-cell; width: 100%; background-image: none; border: 0px solid #fff; text-transform: uppercase; margin-right: 0px; padding-top: 8px; line-height: 16px; height: 22px;} #nav2 #top-nav #locationselect #loc-result-txt {font-size: 10px; margin-left: 20px;} #nav2 #remove-location #locationselect i,#nav2 #location-remove #locationselect i {font-size: 18px; line-height: 20px; margin-top: 0px; padding-top: 0px; margin-top: -3px;} #nav2 #remove-location,#nav2 #location-remove {position: absolute; left: 0; width: 100%; z-index: 8888; display: block; overflow: hidden; top: 0px; right: 0px; background-color: #fff; border: 1px solid #e6e6e7; background-image: linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 50%); background-image: -o-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 50%); background-image: -moz-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 50%); background-image: -webkit-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 50%); background-image: -ms-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 50%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e9e9e9), color-stop(0.5, #FFFFFF)); border-bottom: 1px solid #d6d6d6;} #top-nav #locationselect #loc-lt-txt {display: none;} #top-nav #langselect {display: none;} #top-nav #langselect-mobile {line-height: 20px;} #top-nav #langselect-layer {position: absolute; background-color: #fff; color: #000; z-index: 99999; max-width: 150px; padding: 6px 0px 6px 0px; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #top-nav #langselect-layer .lang-link {float: left; margin-left: 10px; width: 90%;} #top-nav #langselect-layer a {line-height: 26px;} .no-touch #top-nav #langselect-layer a:hover {text-decoration: underline;} #top-nav #langselect-layer i {margin-right: 5px;} #top-nav #langdropdown span {float: left;} #top-nav #langdropdown i {display: inline;} #top-nav #langdropdown.active {background-color: #fff; background-image: none;} #top-nav #loginselect-layer {right: 0px;} #top-nav #loginselect {line-height: 20px;} #global-nav {height: 57px;} #nav2 #global-nav#global-nav.nav-area-active {margin-top: 64px;} #global-nav .columns {height: 57px; overflow: visible;} #global-nav .four.columns {width: 40%;} #global-nav .eight.columns {width: 50%;} #global-nav .three.columns {width: 40%;} #global-nav .nine.columns {width: 50%;} #nav2 #global-nav .four.columns {width: 50%;} #global-nav-area {} #nav2 #global-nav-area {position: absolute; top: -32px; left: 0px; height: auto; margin-top: 0px; width: 100%;} #nav2 #global-nav-area #global-nav-button {display: none;} #nav2 #global-nav-area.fullwidth {max-width: 100%; border-left: 0px solid #fff; border-right: 0px solid #fff;} #nav2 #global-nav-area.fullwidth a {float: left;} #nav2 #global-nav-area #global-nav-button span {padding-left: 10px; padding-right: 0px;} #nav2 #global-nav .fullwidth ul {width: 100%;} #nav2 #global-nav .fullwidth #global-nav-button {border-bottom: 1px solid #d6d6d6;} #nav2 #global-nav-area #global-nav-button i {padding-left: 0px; padding-right: 10px; margin-right: 0px; overflow: hidden; margin-top: -1px;} #global-nav #logo img {width: 110px; margin-top: 15px; margin-left: 10px;} #nav2 #global-nav {margin-top: 32px; height: 60px; background-image: none !important; background-color: #fff !important;} #nav2 #global-nav #logo img {width: 146px; margin-top: 11px; margin-left: 10px;} #nav2 #global-nav .columns {height: 57px;} #nav2 #global-nav #global-nav-area.columns {height: 32px;} #nav2 #global-nav #loc-lt-txt {margin-left: 45px; margin-top: -8px; font-size: 14px; width: 100%;} #loc_message_box #locationselect {width: 246px;} #region_message_box #locationselect {width: 246px;} #loc_message_box #locationselect-layer {width: 160px;} #region_message_box #regionselect-layer {} #loc_message_box #locationselect-layer .loc-search {width: 100%;} #region_message_box #regionselect-layer .loc-search {width: 100%;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box {} #region_message_box {min-height: 50px;} #global-nav a {float: left;} #global-nav #global-nav-button {display: block; position: relative; z-index: 90; text-transform: uppercase; line-height: 18px; width: 120px; min-height: 26px; padding: 6px 10px 0px 10px; margin-top: 11px; margin-right: 10px; border-radius: 5px;} #global-nav #global-nav-button i {font-size: 20px; float: right;} #global-nav #buttons_navi {display: block; position: relative; margin-top: -11px; padding-top: 10px; background-color: #fff; border: 1px solid #d6d6d6; z-index: 80; width: 140px;} #global-nav #buttons_navi ul {display: table; width: 100%;} #global-nav #buttons_navi li {border-radius: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: none; display: table-cell; text-align: center; height: 32px; vertical-align: middle; background: #fff;} .no-touch #global-nav #buttons_navi li:hover {border-radius: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; overflow: hidden;} #global-nav #buttons_navi a {line-height: 15px; height: auto; vertical-align: middle; border-radius: 0px; padding: 10px 12px 10px 12px; margin: 0px 0px 0px 0px; display: block; width: 100%; box-sizing: border-box;} #global-nav #buttons_navi .selected,#global-nav #buttons_navi li:hover {border-top: 0px; background: #003665;} #global-nav #buttons_navi li:hover a {background: #003665 !important; color: #fff !important;} #nav2 #global-nav #buttons_navi {display: block; position: relative; margin-top: 0px; padding-top: 0px; top: 0; border: 0; width: 100%; border-radius: 0px; margin-left: -2px; padding-left: 0px;} #nav2 #global-nav #buttons_navi li a {background-color: #fff; background-image: none; display: table-cell; padding-top: 0; padding-bottom: 0; vertical-align: middle;} #nav2 #global-nav #buttons_navi li:first-child a {border-radius: 0px; background-image: none;} #nav2 #global-nav #buttons_navi li:last-child a {border-radius: 0px; background-image: none;} #nav2 #mobile-search-layer #mobile-search-area-close .icon-x {line-height: 26px;} #global-nav-select li a {text-transform: uppercase; border-radius: 0px; vertical-align: middle; float: left;} #global-nav #wide-search {display: none;} #global-nav #mobile-search {display: block; width: auto; float: right;} #global-nav #mobile-search #search-icon-area {margin-top: 12px; background: none; border-radius: 0px; border: none;} #global-nav #search-icon-area .search-icon {font-size: 14px; margin-right: 0px; padding: 8px 10px 8px 10px; float: right; color: #5f5f5f;} #nav2 #global-nav #mobile-search #search-icon-area .search-icon {font-size: 26px; margin-right: 0px; padding: 8px 8px 8px 10px; color: #00a2d3;} #nav2 #global-nav #mobile-fcontact {display: block; width: auto; float: right;} #nav2 #global-nav #mobile-fcontact #fcontact-icon-area {margin-top: 12px; background: none; border-radius: 0px; border: none;} #nav2 #global-nav #mobile-fcontact #fcontact-icon-area i {font-size: 30px; margin-right: 0px; padding: 8px 10px 8px 10px; color: #00a2d3; display: block;} #main-nav {height: 41px; width: 100%;} #main-nav .container .sixteen.columns {float: none; width: 100%;} .container .sixteen.columns.padded {padding: 0;} #main-nav .alignment {float: none;} #main-nav .container {border-bottom: 1px solid #e6e6e6; float: left; overflow: hidden;} #nav2 #mobile-navi {display: block; width: auto; float: right;} #main-nav #mobile-navi-dropdown {width: 100%; display: block !important;} #nav2 #mobile-navi-dropdown {margin-top: 12px; float: left;} #nav2 #mobile-navi-dropdown i {font-size: 28px; padding: 8px 13px 8px 8px; color: #74cbe8; ; display: block;} #main-nav #main-nav-button {text-transform: uppercase; color: #5f5f5f; height: 25px; padding: 10px 10px 5px 10px; background-color: #fff; border-top: 1px solid #e6e6e7; background-image: linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 40%); background-image: -o-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 40%); background-image: -moz-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 40%); background-image: -webkit-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 40%); background-image: -ms-linear-gradient(bottom, #e9e9e9 0%, #FFFFFF 40%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e9e9e9), color-stop(0.4, #FFFFFF));} .no-touch #main-nav #main-nav-button:hover {opacity: 0.75;} #main-nav #main-nav-button i {font-size: 20px; float: right; margin-top: 2px;} #main-nav .alignment li {float: none; width: 100%; height: 100%;} #main-nav .alignment ul {float: none; width: 100%; height: 100%;} #main-nav ul {padding-left: 0px; margin-top: 0px; margin-bottom: 0px;} #main-nav-ul li {float: left; width: 100%;} #main-nav-ul li a {float: left; width: 100%; border-top: 1px solid #e6e6e7; font-size: 14px;} #nav2 #main-nav-ul li {border-left: 0px solid #fff !important;} #main-nav-ul .sub-navi {position: relative; display: block; float: none; top: 0px; background-color: #fff; overflow: visible; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #main-nav .sub-navi li {position: relative; display: block; float: left; width: 100%; line-height: 40px;} #main-nav .sub-navi li a {float: left; width: 100%; vertical-align: left; text-transform: capitalize; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #fff; border-top: 0px;} .no-touch #main-nav-ul a:hover {background-color: #eee;} #main-nav .sub-navi.mega .sub-navi-megaad {display: none;} #main-nav #main-nav-ul li {height: 100%; overflow: hidden;} #nav2 #mobile-top-navi {display: block;} #nav2 #main-nav {background-color: #0087b4; background-image: none; height: auto;} .no-touch #nav2 #main-nav ul a:hover {background-color: #f7f7f7;} #nav2 #main-nav ul li {height: 41px;} #nav2 #main-nav-ul li a {display: block; max-width: 100%; width: 100%; min-height: 42px; height: 42px; line-height: 42px; padding-left: 9px; padding-right: 9px; float: left;} #nav2 #main-nav ul li a {font-family: 'Open Sans', sans-serif; text-align: left; font-size: 14px; text-transform: none; background: #fff; color: #003665; background-image: none;} #nav2 #main-nav-ul .sub-navi {position: relative; display: block; width: 100%; top: auto; background-color: #fff; overflow: visible; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; float: left; border-top: 1px solid #C6C6C6;} #nav2 #main-nav-ul .sub-navi li a {font-size: 14px; display: block; float: left; width: 100%;} #nav2 #main-nav #main-nav-ul {} #nav2 #main-nav #mobile-top-navi ul li a {border-top: 1px solid #d6d6d6;} #nav2 #main-nav #mobile-top-navi ul li a .icon {padding: 0px 10px 0px 10px; font-size: 20px;} #nav2 #main-nav #mobile-top-navi ul li a .arrow {float: right; padding: 0px 20px 0px 10px; font-size: 20px;} .no-touch #nav2 #main-nav #mobile-top-navi ul li a:hover {} #nav2 #main-nav #mobile-top-navi ul li ul li a,#nav2 #main-nav #mobile-top-navi ul li ul li span {border-top: 0px solid #fff; background-image: none; padding-left: 10px;} .no-touch #nav2 #main-nav #mobile-top-navi ul li ul li a:hover {background-image: none; background-color: #F7F7F7;} #nav2 #main-nav #mobile-top-navi ul li ul li span {padding-left: 35px; font-family: 'Open Sans', sans-serif;} #nav2 #main-nav #mobile-top-navi ul li ul li.shoppingcart-hasitems {display: none;} #nav2 #main-nav #mobile-top-navi ul li ul li b {font-weight: normal;} #nav2 #main-nav #mobile-top-navi .multiline ul li {line-height: 20px;} #nav2 #main-nav #mobile-top-navi .multiline ul li a {padding-top: 10px; padding-bottom: 10px; height: auto; padding: 0px 40px 0px 0px; margin: 0px; min-height: 20px; line-height: 20px; width: 95%;} #nav2 #main-nav #mobile-top-navi .multiline ul li a i {padding-top: 12px; padding-bottom: 10px; display: inline-block; padding-right: 5px; padding-left: 35px; vertical-align: top;} #nav2 #main-nav #mobile-top-navi .multiline ul li a .block {padding-top: 10px; padding-bottom: 12px; display: inline-block; padding-left: 0px; width: 85%; vertical-align: inherit;} #main-nav #nav-li-0 {display: none !important;} #main-nav #main-nav-ul {display: none;} #header #loc_message_box {float: left;} #mast-head #region_message_box {float: left;} #loc_message_box #locationselect {position: relative;} #region_message_box #locationselect {position: relative;} #loc_message_box #locationselect-layer {} #region_message_box #regionselect-layer {} #alert_message_box {position: relative; float: left; width: 100%;} #alert_message {width: 100%;} #alert_message #alert-warning {width: auto;} #alert_message #alert-warning i {} #alert_message #alert-txt {margin-top: 9px;} #alert_message #alert-close {padding-right: 5px;} #language_message #language_warning {margin-left: 5px;} #language_message #language_txt {} #language_message #language_close {padding-right: 5px;} #region_message_box {padding: 15px 10px 0px 10px;} #loc_message_box #loc-message-txt {float: left; margin-top: 20px;} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 50px; margin-top: 10px;} #region_message_box #regionselect-layer {} #mobile-fcontact-layer {background-image: linear-gradient(bottom, #ffffff 70%, #f6f6f6 100%); background-image: -o-linear-gradient(bottom, #ffffff 70%, #f6f6f6 100%); background-image: -moz-linear-gradient(bottom, #ffffff 70%, #f6f6f6 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 70%, #f6f6f6 100%); background-image: -ms-linear-gradient(bottom, #ffffff 70%, #f6f6f6 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.7, #ffffff), color-stop(1, #f6f6f6)); overflow: hidden;} #mobile-fcontact-layer .columns {width: 100%;} #mobile-fcontact-layer ul {list-style: none; float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 100%;} #mobile-fcontact-layer ul li {border-top: 1px solid #e6e6e7; margin-bottom: 0px; width: 100%;} #mobile-fcontact-layer ul li a {font-size: 15px; display: block; height: 42px; line-height: 42px; margin-left: 20px;} #mobile-fcontact-layer ul li .call-link {font-size: 15px; display: table; height: 42px; line-height: 42px; margin-left: 0px; width: 100%;} #mobile-fcontact-layer ul li .call-link div {display: table-cell; width: 33%;} #mobile-fcontact-layer ul li .call-link {color: #00294d;} #mobile-fcontact-layer ul li a {color: #004d80;} #mobile-fcontact-layer ul li .call-link .emergency {color: #de2362; font-weight: bold;} #mobile-fcontact-layer ul li .call-link .emergency a {color: #de2362; font-weight: bold;} #mobile-fcontact-layer ul li .call-link .red {color: #780000;} #mobile-fcontact-layer ul li .call-link .red a {color: #780000;} #mobile-fcontact-layer ul li .call-link .type {font-size: 14px; padding-left: 20px; line-height: 16px;} #mobile-fcontact-layer ul li .call-link .phone-number {font-size: 15px; white-space: nowrap;} #mobile-fcontact-layer ul li .call-link a {font-size: 15px; white-space: nowrap;} #mobile-fcontact-layer ul li .call-link .available {padding-left: 10px; font-size: 12px; width: 25%; line-height: 16px;} #mobile-fcontact-layer ul li a i {font-size: 16px; padding-right: 5px;} #mast-head-tabs #content-tab-navi a {font-size: 14px; font-weight: 600;} #content-container,#content-container2,#cover-content-container {min-height: 325px;} #cover-content .normalpadding .column,#cover-content .normalpadding .columns {margin-left: 15px; margin-right: 15px;} section[data-id="content"] .normalpadding .column, #content .normalpadding .column, section[data-id="content"] .normalpadding .columns, #content .normalpadding .columns {margin-left: 15px; margin-right: 15px;} #content2 .normalpadding .column,#content2 .normalpadding .columns {margin-left: 15px; margin-right: 15px;} #cover-content .container .frontpage-row .columns,#cover-content .container .frontpage-row .column {width: 100%;} #cover-content .frontpage-row {padding-bottom: 5px;} #cover-content .frontpage-box {max-width: none; margin-top: 10px; margin-left: 10px; margin-right: 10px;} #cover-content .frontpage-box.left {float: none; height: 56px; width: none;} #cover-content .frontpage-box.right {float: none; height: 56px;} #cover-content .frontpage-box.big {min-height: 100px;} #cover-content .frontpage-box.full.big {min-height: 140px; background-color: rgb(255, 255, 255);} #cover-content .frontpage-box.full {margin-bottom: 7px; min-height: 65px; flex-direction: column; height: auto; max-height: 90px;} #cover-content .frontpage-banner-txt {float: left; width: 70%; padding: 5px;} #cover-content .frontpage-box.full.big .nosto {width: 100%; overflow: hidden; float: left; background-color: rgb(255, 255, 255);} #cover-content .frontpage-box.full.big img {float: left; width: 100%; height: auto;} #cover-content .frontpage-box.full.big .frontpage-banner-txt {overflow: hidden; padding: 0px 15px 15px 15px; float: none; width: 90%;} #cover-content .frontpage-box a {display: block; width: 100%; height: 100%;} .no-touch #cover-content .frontpage-box:hover {opacity: 1;} #cover-content .frontpage-box .nosto-header h1 {font-size: 20px; line-height: 20px; width: 100%; margin-left: 0px; margin-bottom: 0px;} #cover-content .frontpage-box .nosto {float: left; width: 70px;} #cover-content .frontpage-box .nosto img {width: auto; max-height: 56px; overflow: hidden;} #cover-content .nosto-header {min-width: none; width: none; display: block; width: 100%;} #cover-content .frontpage-box .nosto-slider-btn {background-color: rgba(200, 200, 200, 0); background-image: none; float: right;} #cover-content .frontpage-box .fp_box-layer {width: 100%;} #cover-content .frontpage-box .fp_box-layer-btn,#cover-content .frontpage-box h2 {display: none;} #cover-content .frontpage-box .fp_box-layer-links {padding: 0px 0px 0px 0px; background-color: #fff; left: 0px; top: 0px; min-height: 44px; position: absolute; width: 100%;} #cover-content .frontpage-box .fp_box-layer-links p {line-height: 44px; width: 100%;} #cover-content .frontpage-box .fp_box-layer-links a {float: left; width: 100%; border-top: 1px solid #e6e6e6;} #cover-content .frontpage-box .fp_box-layer-links i {float: left; line-height: 44px; float: left; padding-left: 15px;} #cover-content .frontpage-box .nosto-slider-btn i {margin-top: 18px; margin-right: 13px; font-size: 20px;} #cover-content .frontpage-box .nosto-slider-btn .icon-angle-down {display: inline-block;} #cover-content .frontpage-box .nosto-slider-btn .icon-angle-left {display: none;} #cover-content .frontpage-box .fp_box-layer-links p.mobile {display: inline-block; float: left; padding-left: 0px; color: #555555; line-height: 20px; border-top: 1px solid #e6e6e6; min-height: 25px; padding-top: 15px;} #cover-content .frontpage-box .fp_box-layer-links span.mobile-txt {padding-left: 15px; width: 100%;} #cover-content .frontpage-box .fp_box-layer-links p.mobile a {float: right; color: #555555; width: auto; border-top: none;} #cover-content .frontpage-box .fp_box-layer-links p.mobile .phone-number {color: #555555; margin-left: 15px; float: right; width: auto;} #cover-content .frontpage-box .fp_box-layer-links p.mobile small {color: #555555; float: right; text-align: right; padding-right: 10px; padding-left: 10px; width: 45px; font-size: 12px; line-height: 14px;} #cover-content .frontpage-box #nosto-news .break {display: none;} #cover-content .frontpage-box #nosto-news .break-mobile {} #cover-content .frontpage-box #nosto-news p {max-width: auto; display: block; white-space: normal; overflow: hidden; text-overflow: clip;} #news-ticker-layer {display: none;} section[data-id="content"] .container, #content .container, section[data-id="content"] .wide-element-container, #content .wide-element-container {padding-bottom: 0px; margin-bottom: 0px;} section[data-id="content"] .normalpadding .columns.full-width-mobile, #content .normalpadding .columns.full-width-mobile {width: 96%; float: left;} section[data-id="content"] .container .box, #content .container .box {width: 100%; float: none; margin-right: 0px; padding-right: 0px;} section[data-id="content"] .container .box.dynamic-search-box, #content .container .box.dynamic-search-box {padding-right: 30px;} section[data-id="content"] .container .box h1, #content .container .box h1 {margin-left: 0px; line-height: 30px; margin-bottom: 0px;} section[data-id="content"] .container .box .pull-right, #content .container .box .pull-right {margin-left: 15px; padding: 10px;} section[data-id="content"] .container .boxborder, #content .container .boxborder {width: 100%; float: left;} .emergency-highlight {margin-left: 15px; margin-right: 15px;} section[data-id="content"] .container hr, #content .container hr {margin-left: 0px; margin-right: 0px;} section[data-id="content"] .container .boxnoborder, #content .container .boxnoborder {margin-right: 0px; padding-right: 0px;} section[data-id="content"] .container .boxnoborder ul, #content .container .boxnoborder ul {width: 90%;} section[data-id="content"] .columns .txt, #content .columns .txt, section[data-id="content"] .column .txt, #content .column .txt {width: 100%;} section[data-id="content"] .columns.txt h1, #content .columns.txt h1, section[data-id="content"] .column.txt h1, #content .column.txt h1 {margin-bottom: 10px;} section[data-id="content"] .four.columns.boxborder .fp-img.small img, #content .four.columns.boxborder .fp-img.small img {min-width: 100%; width: 100%; height: auto;} section[data-id="content"] .boxborder, #content .boxborder {float: none; border: 0px; display: block;} section[data-id="content"] .sixteen.columns.boxborder, #content .sixteen.columns.boxborder {float: none; border: 0px;} section[data-id="content"] .eight.columns.boxborder, #content .eight.columns.boxborder {float: none; border: 0px;} section[data-id="content"] .four.columns.boxborder, #content .four.columns.boxborder {float: none; border: 0px;} section[data-id="content"] .one-third.column.boxborder, #content .one-third.column.boxborder {float: none; border: 0px;} section[data-id="content"] .boxborder.table table, #content .boxborder.table table {width: 100%; border: 0px solid #fff;} section[data-id="content"] .boxborder.table table .logolinkboxheader, #content .boxborder.table table .logolinkboxheader {padding-left: 0px;} section[data-id="content"] .boxborder .big-left, #content .boxborder .big-left {float: left; width: 100%; height: auto;} section[data-id="content"] .boxborder .big-left .media-area, #content .boxborder .big-left .media-area {overflow-x: inherit; float: left; width: 100%; height: auto;} section[data-id="content"] .boxborder .big-left .cropimg-center, #content .boxborder .big-left .cropimg-center {float: left; right: 0%; height: auto; width: 100%;} section[data-id="content"] .boxborder .big-left img, #content .boxborder .big-left img {display: inline; max-width: 100%; min-width: 100%; height: auto; width: 100%;} section[data-id="content"] .boxborder .big-right, #content .boxborder .big-right {float: left; display: block; padding-left: 0px; width: 100%; margin-bottom: 20px;} section[data-id="content"] .container .bbhead, #content .container .bbhead {width: 100%; float: none; border: 0px;} section[data-id="content"] .container .boxborder-head, #content .container .boxborder-head {float: none; border: 0px;} section[data-id="content"] .campaign-box.nopadding, #content .campaign-box.nopadding {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;} section[data-id="content"] .campaign-box p, #content .campaign-box p {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; float: none;} section[data-id="content"] .logolinkboxheader, #content .logolinkboxheader {border-top: 1px solid #cecece; border-bottom: 0px solid #cecece;} section[data-id="content"] .normalpadding .column.full-width-mobile, section[data-id="content"] .normalpadding .columns.full-width-mobile, #content .normalpadding .column.full-width-mobile, #content .normalpadding .columns.full-width-mobile {width: 100% !important; margin-left: 0px; margin-right: 0px; overflow-x: hidden;} section[data-id="content"] .columns, #content .columns, section[data-id="content"] .column, #content .column {float: left; width: 90.5% !important;} section[data-id="content"] .columns .content-box, #content .columns .content-box, section[data-id="content"] .column .content-box, #content .column .content-box {float: left; margin: 0px 0px 0px 0px; border: 0px solid #fff; width: 90.5%;} section[data-id="content"] .columns .content-box .nopadding, #content .columns .content-box .nopadding {padding: 0px;} section[data-id="content"] .container .eight.columns.nomargin, #content .container .eight.columns.nomargin {margin-left: 0px; margin-right: 0px; width: 100%; border-top: 0px;} section[data-id="content"] .two-thirds.column.mobile100, #content .two-thirds.column.mobile100 {width: 100%; margin-left: 0px; margin-right: 0px;} section[data-id="content"] .sixteen.columns.mobile100, #content .sixteen.columns.mobile100 {width: 100%; margin-left: 0px; margin-right: 0px;} #mast-head-tabs #content-tab-navi,#mast-head-tabs #content-tab-navi .columns,#mast-head-tabs #content-tab-navi .tabs a,#mast-head-tabs #content-tab-navi .tab-item {float: none; width: auto !important; display: block;} #mast-head-tabs {margin-bottom: 40px; border: 0px;} #mast-head-tabs #content-tab-navi .columns {margin: 0;} #mast-head-tabs #content-tab-navi .tabs {margin-top: -1px; margin-bottom: 1px;} #mast-head-tabs #content-tab-navi a .iconbox {width: 35px; background-color: #00a1d4; color: #fff; float: right; margin-right: 5px; line-height: 35px; border-radius: 5px; text-align: center; font-size: 25px;} #mast-head-tabs #content-tab-navi a .iconbox .icon-angle-down {line-height: 35px !important;} span.iconbox .icon-angle-down {line-height: 35px;} #mast-head-tabs #content-tab-navi .tab-item {border-top: 1px solid #cecece; margin-right: 0; padding: 10px 15px; min-height: 0; order: 1; border-radius: 0px; line-height: 35px;} #mast-head-tabs #content-tab-navi .tab-item.selected {border-width: 1px 0px 0px 0px; border-style: solid; border-color: #cecece;} #mast-head-tabs #content-tab-navi .tab-item.selected .iconbox {background-color: #74cbe8;} .tab-select-mobile {position: relative; display: block; border: 1px solid #cecece; border-bottom: 0px solid #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 30px 0 15px; padding: 10px 30px 11px 15px; text-transform: uppercase; color: #015a83; cursor: pointer; background-color: #fff; background: -moz-linear-gradient(top, #e4e4e4 0%, #ffffff 7%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(70%, #ffffff)); background: -webkit-linear-gradient(top, #e4e4e4 0%, #ffffff 70%); background: -o-linear-gradient(top, #e4e4e4 0%, #ffffff 70%); background: -ms-linear-gradient(top, #e4e4e4 0%, #ffffff 70%); background: linear-gradient(to bottom, #e4e4e4 0%, #ffffff 70%);} .tab-select-mobile i {position: absolute; top: 50%; right: 15px; margin-top: -7px; font-size: 18px; color: #464646; display: block;} .tab-select-mobile:after,.tab-select-mobile:before {position: absolute; width: 7px; height: 75%; right: -9px; bottom: 0; content: ""; border: 1px solid #cecece; border-left: 0; border-top-right-radius: 5px; background: -moz-linear-gradient(top, #e4e4e4 0%, #ffffff 7%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(70%, #ffffff)); background: -webkit-linear-gradient(top, #e4e4e4 0%, #ffffff 70%); background: -o-linear-gradient(top, #e4e4e4 0%, #ffffff 70%); background: -ms-linear-gradient(top, #e4e4e4 0%, #ffffff 70%); background: linear-gradient(to bottom, #e4e4e4 0%, #ffffff 70%);} .tab-select-mobile:before {right: -17px; height: 50%;} #mast-head-tabs #content-tab-navi {height: auto;} #mast-head-tabs #content-tab-navi .tabs {height: auto; overflow-y: visible; display: flex; flex-direction: column;} #mast-head-tabs #content-tab-navi .social-logos {float: left; margin: 10px 15px -40px 5px;} .grid-container .tablerow i {line-height: 26px;} .grid-container .tablerow .tdhead {padding: 2px 2px 2px 10px;} .grid-container .tablerow .tdhead .txt {line-height: 14px;} .grid-container .tablerow .tdtxt,.tablerow .tdtxt p {line-height: 18px;} .grid-container .head,.grid-container .head p {} .grid-container.grey .tablerow .tdhead {padding: 9px 13px 0;} .table-container table {width: 100%; display: block;} .table-container tbody {display: block;} .table-container tr {display: block;} .table-container td {display: block;} .table-container thead {width: 100%; display: block; border: 0px solid #fff;} .table-container table.mobile-keeptable {width: 100%; display: table;} .table-container .mobile-keeptable tbody {display: table-row-group;} .table-container .mobile-keeptable tr {display: table-row;} .table-container .txt table.mobile-keeptable td {border-top: 1px solid #cecece;} .table-container .mobile-keeptable td {display: table-cell;} .table-container .mobile-keeptable tr:nth-child(2n) {background-color: #E2F8FE;} .table-container .mobile-keeptable td:nth-child(2n) {background-color: rgba(0, 0, 0, 0);} .table-container table.borders {border: 0px solid #cecece; border-top: 1px solid #cecece;} .table-container table.borders tr {border: 0px solid #cecece;} .table-container table.borders td {border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; width: 100%;} .table-container .table-img {width: 100%;} section[data-id="content"] .container .boxnoborder ul.contentnavi, #content .container .boxnoborder ul.contentnavi {width: 100%;} section[data-id="content"] ul.contentnavi .sub-cnav, #content ul.contentnavi .sub-cnav {width: 100%;} section[data-id="content"] ul.contentnavi .sub-sub-cnav, #content ul.contentnavi .sub-sub-cnav {width: 100%;} section[data-id="content"] ul.contentnavi li a, #content ul.contentnavi li a {width: 90%;} section[data-id="content"] ul.sub-cnav li a, #content ul.sub-cnav li a {width: 86%;} section[data-id="content"] ul.sub-sub-cnav li a, #content ul.sub-sub-cnav li a {width: 82%;} section[data-id="content"] .content-box .txt ol, #content .content-box .txt ol, section[data-id="content"] .boxnoborder .txt ol, #content .boxnoborder .txt ol {margin-left: 0px;} section[data-id="content"] .logolinkboxheader, #content .logolinkboxheader {text-align: left; margin-left: 0px; padding: 10px 10px 10px 0px; margin-bottom: 5px;} section[data-id="content"] .imgborder, #content .imgborder {border: 0px solid #cecece; margin-bottom: 10px;} section[data-id="content"] .boxborder .imgborder, #content .boxborder .imgborder {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 0px solid #cecece; width: 100%; overflow: hidden;} section[data-id="content"] .boxborder .imgborder img, #content .boxborder .imgborder img {width: 99%; height: auto;} section[data-id="content"] .boxborder .arrow-links ul, #content .boxborder .arrow-links ul {padding-left: 0;} section[data-id="content"] .boxnoborder .arrow-links ul, #content .boxnoborder .arrow-links ul {padding-left: 0;} .sixteen.columns .grid-container .media-area {height: 310px;} .two-thirds.column .grid-container .media-area {height: 310px;} section[data-id="content"] .one-third.column .boxborder.rss-feed .fp-img.small, #content .one-third.column .boxborder.rss-feed .fp-img.small {height: auto;} section[data-id="content"] .four.columns .boxborder.rss-feed .fp-img.small, #content .four.columns .boxborder.rss-feed .fp-img.small {height: auto;} .carousel-area {height: 100%; min-height: 400px;} .carousel-area .carousel img {width: 100%; height: auto; max-height: 300px;} .carousel-area .carousel-prev-next a {display: none;} .carousel-area.video .carousel-prev-next a {display: block;} #footer-contact {} #footer-contact .container .columns {width: 100%; border-bottom: 1px solid #ccc;} #footer-contact .container .columns div {margin-left: 15px; margin-right: 15px; font-size: 14px;} #footer-contact .footer-element .footer-icon i {display: block;} #footer-contact .footer-icon {min-width: 38px; margin-right: 8px;} #footer-contact .footer-element .social-logos {width: 100px; margin-bottom: 5px;} #footer-contact .columns.noicon .footer-icon,#footer-contact .column.noicon .footer-icon {display: block;} #footer-contact .social-logos a {margin-left: 18px; width: 25px;} #footer-contact .social-logos img {width: 25px;} #footer-contact .columns.noicon {margin-left: 0px; padding-right: 0px;} #footer-shortcuts {padding-left: 15px;} #footer-shortcuts .contact-input-big {width: 100%; float: left;} #footer-shortcuts .contact-input-big textarea {width: 95%;} #footer-shortcuts .contact-input {width: 100%; float: left;} #footer-shortcuts .contact-input button {width: 98%; max-width: 98%;} #footer2 #footer-shortcuts {padding-top: 0px;} #footer-copy .columns {margin-left: 15px;} #footer-loc .footer-element {width: auto; margin-top: 8px;} #footer-loc #footer-loc-navi {margin-left: 0px;} #footer-loc #f-locationselect {margin-left: 0px;} #footer-loc #f-locationselect-layer {bottom: 176px; left: 0px;} #footer-loc #f-locationselect-layer input {} #top-button {right: 10px; bottom: 10px;} #fcontact {left: -300px;} #fcontact-b {left: 300px;} #fcontact-c {width: 320px;} #fcontact-c2 {width: 260px;} #fcontact-d {width: 300px;} #fcontact-d div {width: 320px;} #fcontact-c ul {margin-top: 20px; padding-left: 0;} .contact-body {font-size: 14px !important;} .contact h4 {font-size: 18px !important;} .contactlist-row {padding: 8px 0;} .contactlist-cell {padding: 0 8px;} .contactlist-cell i {font-size: 26px; width: 24px;} .contactlist-small {font-size: 12px;} .contactlist-small {padding-top: 5px;} .contactlist-phone {padding-left: 40px;} #office-map,#office-map-wrap.opened {height: 200px;} section[data-id="content"] .toggle-container.big, #content .toggle-container.big, section[data-id="content"] .toggle-container.big img, #content .toggle-container.big img {height: 120px;} section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2 {display: table-cell; max-width: 100%; height: 120px; padding-left: 10px; padding-right: 35px; vertical-align: middle; padding-top: 0px;} section[data-id="content"] .toggle-container.big .toggle-container-link i, #content .toggle-container.big .toggle-container-link i {padding-top: 50px;} section[data-id="content"] .toggle-container.big p, #content .toggle-container.big p {display: none;} .toggle-container.big .toggle-container-link i {padding-top: 76px;} .greytable {border-top: 1px solid #ebebeb;} .greytable th,.greytable td {display: block; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-align: left; white-space: normal;} .greytable td span:before {content: attr(title) ": "; color: #015a83;} .greytable thead {display: none;} .greytable tr td:first-child {padding-bottom: 0; font-weight: bold;} .contact-email a span {display: inline !important;} .contentnewsticker h3 {padding-right: 10px; overflow: auto;} .contentnewsticker h3 span {position: static; right: auto; bottom: auto; text-align: right;} .contentnewsticker h3 span {position: static; right: auto; bottom: auto; text-align: right; display: block; margin-top: 7px;} .valuetable td,.valuetable th {display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .valuetable td {width: 20%; text-align: center !important;} .valuetable th {white-space: normal;} .valuetable .date {text-align: left !important;} .valuetable .nomobile {display: none;} .valuetable td.name {width: 100%; clear: left; padding-bottom: 0; text-align: left !important;} .valuetable tr+tr td.name {border-top: 1px solid #cecece;} .valuetable.gray tr+tr td.name {border-top: 1px solid #EBEBEB;} .valuetable .header-container h3 {float: none;} .valuetable .header-container .customselect-container {float: left;} .valuetable.gray tbody tr {border-bottom: 0px solid #fff;} #modal {width: 70%;} #modal h3 {font-size: 18px; line-height: 25px;} #modal h4 {font-size: 15px; line-height: normal;} #modal .modal-close.x {font-size: 20px;} #modal .button {min-width: 60px;} #mast-head-tabs #content-tab-navi .sharelayer {bottom: auto; right: auto; left: 15px; z-index: 21; top: 36px;} .notfound .grid-20 {min-height: 0;} .notfound .grid-60 {padding: 10px 0;} .notfound .grid-60 img {width: 30%;} .feedback-form .grid-50 {padding-left: 0 !important; padding-right: 0 !important;} .feedback-form .mobile-grid-50+.mobile-grid-50 {padding-left: 5px !important;} .feedback-form textarea,.feedback-form input[type=text],.feedback-form input[type=radio] ~ label {font-size: 11px;} .feedback-form .mobile100 {width: 100%; height: auto; float: left; text-align: center; display: table;} .feedback-form .mobile100 .button {float: none; display: table-cell;} .feedback-form .mobile100 input[type=submit] {width: 100%; min-width: 100%;} section[data-id="content"] .situationbox i.icon-img img, #content .situationbox i.icon-img img {width: 56px; height: 56px;} section[data-id="content"] .boxborder h5, #content .boxborder h5 {margin-left: 0px;} .area-head .ten.columns {float: left !important; width: 40% !important;} .area-head .six.columns {float: right !important; width: 49% !important;} .area-head .ten.columns.header-area-container {float: left !important; width: 92% !important;} .store-fullbasket td,.store-fullbasket th {padding: 10px 8px; text-align: left; white-space: normal;} .store-fullbasket td.title {width: auto; white-space: normal;} .store-fullbasket td.price {white-space: nowrap;} section[data-id="content"] .container .store-fullbasket-container .boxborder.fullwidth, #content .container .store-fullbasket-container .boxborder.fullwidth {width: 99.2%;} .gs-visibleUrl.gs-visibleUrl-long {display: none !important;} section[data-id="content"] .fp-img.small img, #content .fp-img.small img {min-width: 100%;} .table-container .txt table tr {border-top: 1px solid #cecece;} .table-container .txt table td {border-top: 1px solid #fff; min-width: 96%;} @ -moz-document url-prefix () {.table-container .txt table td {border-left: 1pxsolidrgba(255, 255, 255, 0); border-bottom: 1px solid rgba(255, 255, 255, 0);} .table-container .txt table tr {}} .simpleheader #header img {padding-left: 15px;} .simpleheader #mast-head-tabs {margin-bottom: 0px;} #main-nav .container .sixteen.columns {position: relative;} .showCasePictogram {margin-left: 10px; float: left; width: 30px;} .showCaseItem h4 {line-height: 30px; text-align: center; font-weight: normal;} .showCaseItem h4 i.icon-angle-down {float: right; margin-right: 10px;} .frontpage-showCase {white-space: normal; padding: 5px 0px 5px 0px;} .showCaseItem {display: block; margin: 10px 0px; background-color: #fff; padding-top: 15px; padding-bottom: 15px;} .showCaseItem ul.showCaseLinkList {margin-top: 15px;} #wide-news-tickerBG {height: 65px;} .wide-news-ticker {width: 95%;}} @media only screen and (min-width: 768px) {#main-nav ul#main-nav-ul {display: flex;} #mast-head-tabs #content-tab-navi a .iconbox {display: none;}} @media only screen and (max-width: 479px) {#loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box #locationselect-layer {width: 160px;} #loc_message_box #loc-message-img img {height: 45px; left: 10px; position: absolute; top: 10px;} #loc_message_box #loc-message-txt {float: left; margin-left: 80px; margin-top: 20px;} #loc_message_box #locationselect-layer .loc-search {width: 100%;} #region_message_box #regionselect-layer {width: 160px;} #region_message_box #regionselect-layer .loc-search {width: 100%;} #region_message_box #loc-message-img img {height: 35px; left: 0; position: absolute; top: 14px;} #region_message_box #loc-message-txt {float: left; margin-bottom: 4px; margin-left: 60px; margin-top: 20px; font-size: 14px;} #mast-head h1 div i {display: none;} section[data-id="content"] .corporate-head .boxnoborder, #content .corporate-head .boxnoborder {margin: 0;} .risklevel {padding: 10px;} .risklevel span,.risklevel strong {margin-right: 5px; width: 30px; height: 22px; padding-top: 8px; font-size: 12px;} .profitrisk {padding: 10px;} .profitrisk h2 {font-size: 21px !important;} .csstransforms .profitrisk h4 {font-size: 11px; left: 8px; bottom: 10px;} .profitrisk-container {margin-left: 17px;} .profitrisk ul {font-size: 11px;} .profitrisk ul li {padding: 0 2px !important;} .profitrisk h5 {font-size: 11px;} .contact-body {font-size: 12px !important;} .contact h4 {font-size: 13px !important;} .contact-email a span {display: inline !important;} .contact-email.two-buttons a span {display: inline !important;} .photobox {height: auto;} .photobox-image {display: none;} .photobox-content {float: none; margin: 14px; position: static; top: auto;} .photobox .customselect-container {padding-bottom: 14px;} .login-alert {padding: 20px;} .login-alert i,.login-alert p {display: block;} .login-alert i {text-align: center; padding-bottom: 10px;} .login-alert p {padding-left: 0; margin-bottom: 0;} .area-head .ten.columns,.area-head .six.columns {float: left !important; width: 92% !important;} .store-fullbasket {font-size: 11px; line-height: 13px;} .store-fullbasket td,.store-fullbasket th {padding: 10px 4px 10px 8px;} #cover-content .frontpage-box #nosto-news {padding-left: 0px; text-align: left; max-height: 40px; overflow: hidden;}} @media only screen and (max-width: 1557px) and (min-width: 699px) {.someWrapper {width: 70% !important;}} @media only screen and (max-width: 977px) {.flickity-prev-next-button.next {right: -60px;} .flickity-prev-next-button.previous {left: -60px;}} @media only screen and (max-width: 768px) {.grid-item,.grid-item-2x1-bg {width: 96%; margin-left: 2%; margin-right: 2%;} .grid-item-1x2,.grid-item-2x1 {width: 369px; height: 768px;} section[data-id="content"] .grid-item-group .grid-item-2x1 .boxborder, #content .grid-item-group .grid-item-2x1 .boxborder {display: block; height: 768px; float: none; width: 369px;} .grid-item-group .campaign-box {padding: 0 !important;} .grid-item-1x2 .button--outlined,.grid-item-1x2 .button--outlined:visited,.grid-item-2x1 .button--outlined,.grid-item-2x1 .button--outlined:visited {position: absolute; top: 693px;} .grid-item-1x2 .button-primary,.grid-item-1x2 .button-primary:visited,.grid-item-2x1 .button-primary,.grid-item-2x1 .button-primary:visited {position: absolute; top: 693px;}} @media only screen and (max-width: 698px) {.someWrapper {width: 90%;} .flickity-prev-next-button.next {display: none;} .flickity-prev-next-button.previous {display: none;}} @media only screen and (min-width: 960px) and (max-width: 1280px) {.centerizeOnMobile {display: block; margin: auto; width: 275px;} .contactlist-cell {font-size: 15px;} .contactlist-cell.contactlist-small {font-size: 12px;}} @media only screen and (max-width: 960px) {.centerizeOnMobile {width: 768px;}} @media only screen and (max-width: 767px) {#newsNaviContainer ul.contentnavi {width: 280px !important; margin-left: 2%;} #newsNaviContainer h1 {margin-left: 2%;} #newsNaviContainer .themeContainer {width: 98%; margin-left: 2%;} #newsPagePromo .four.columns {margin: 0px;} .centerizeOnMobile {width: 275px; margin: auto; display: block;}} @media only screen and (max-width: 375px) {section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2, section[data-id="content"] .toggle-container.accordion-dropdown h2, #content .toggle-container.accordion-dropdown h2 {font-size: 12px !important;}} @media only screen and (max-width: 425px) and (min-width: 376px) {section[data-id="content"] .toggle-container.big h2, #content .toggle-container.big h2, section[data-id="content"] .toggle-container.accordion-dropdown h2, #content .toggle-container.accordion-dropdown h2 {font-size: 17px !important;}} @media only screen and (max-width: 471px) {#newsListContainer ul,#newsListContainer ul li {width: 100% !important;} #newsListContainer li,#hidden-news li {height: 420px;} #newsListContainer .newsContent a.readMore,#hidden-news .newsContent a.readMore,#latestNews .newsContent a.readMore {top: 180px;} #newsListContainer li .newsContent,#hidden-news li .newsContent,#latestNews .newsContent {height: 200px;} #latestNews .newsContainer {height: 405px; margin-bottom: 20px;} #latestNews .newsContainer .newsContent a.readMore {top: 180px;}} @media only screen and (min-width: 600px) and (max-width: 768px) {section[data-id="content"] .columns, #content .columns, section[data-id="content"] .column, #content .column {width: 95% !important;} section[data-id="content"] .columns .content-box, #content .columns .content-box, section[data-id="content"] .column .content-box, #content .column .content-box {width: 95%;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #region_message_box #loc-message-txt {margin-left: 50px; margin-top: 20px; font-size: 15px;} #region_message_box #regionselect-layer {margin-top: 0; width: 160px;} #loc_message_box #loc-message-txt {margin-left: 150px; margin-top: 20px;} #loc_message_box #loc-message-img img {left: 100px;} .wide-news-ticker #news-ticker {margin: 20px 15px 0px 15px;} .container .sixteen.columns.padded {width: auto;}} @media only screen and (min-width: 479px) and (max-width: 599px) {section[data-id="content"] .columns, #content .columns, section[data-id="content"] .column, #content .column {width: 93% !important;} section[data-id="content"] .columns .content-box, #content .columns .content-box, section[data-id="content"] .column .content-box, #content .column .content-box {width: 93%;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box #loc-message-img img {height: 30px; left: 4px; position: absolute; top: 15px;} #loc_message_box #loc-message-txt {margin-left: 43px; font-size: 15px;} #loc_message_box #locationselect-layer {width: 160px;} #region_message_box #loc-message-txt {margin-left: 50px; margin-top: 20px; font-size: 15px;} #region_message_box #regionselect-layer .loc-search {width: 100%;} #region_message_box {width: 100%;} #loc_message_box {width: 100%;} #region_message_box #regionselect-layer {margin-top: 0px;}} @media only screen and (min-width: 375px) {.ext-form-area div[id$=":lisaaOmistajaAjax"] .button {padding: 4px 1.25rem;}} @media only screen and (min-width: 460px) and (max-width: 478px) {.regional_postal_layout {white-space: nowrap;} .regional_postal_layout>div {display: inline-block; margin-left: -5px; vertical-align: middle;} section[data-id="content"] .columns, #content .columns, section[data-id="content"] .column, #content .column {width: 92% !important;} section[data-id="content"] .columns .content-box, #content .columns .content-box, section[data-id="content"] .column .content-box, #content .column .content-box {width: 92%;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box #loc-message-img img {height: 30px; left: 0px; top: 18px;} #loc_message_box #loc-message-txt {margin-left: 35px; margin-top: 20px; font-size: 10px;} #loc_message_box #locationselect-layer {width: 140px;} #region_message_box #loc-message-txt {margin-left: 15px; font-size: 12px;} #region_message_box #loc-message-img img {height: 25px; top: 18px;} #region_message_box #regionselect-layer {width: 140px;} #loc_message_box #locationselect-layer .loc-search {width: 100%; height: 30px;} #region_message_box #regionselect-layer .loc-search {width: 100%; height: 30px;} #loc_message_box #locationselect-layer input {font-size: 12px;} #region_message_box #regionselect-layer input {font-size: 12px;} #region_message_box {width: 325px;}} @media only screen and (min-width: 370px) and (max-width: 459px) {#loc_message_box {} .regional_postal_layout {text-align: center;} .dynamic-message-box .regional_postal_layout {text-align: left;} .regional_postal_layout>div {display: inline-block; margin-left: -5px; vertical-align: middle;} section[data-id="content"] .columns, #content .columns, section[data-id="content"] .column, #content .column {width: 92% !important;} section[data-id="content"] .columns .content-box, #content .columns .content-box, section[data-id="content"] .column .content-box, #content .column .content-box {width: 92%;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box #loc-message-img img {height: 30px; left: 0px; top: 18px;} #loc_message_box #loc-message-txt {margin-left: 35px; margin-top: 20px; font-size: 10px;} #loc_message_box #locationselect-layer {width: 140px;} #region_message_box #loc-message-txt {margin-left: 15px; font-size: 12px;} #region_message_box #loc-message-img img {height: 25px; top: 18px;} #region_message_box #regionselect-layer {width: 140px;} #loc_message_box #locationselect-layer .loc-search {width: 100%; height: 30px;} #region_message_box #regionselect-layer .loc-search {width: 100%; height: 30px;} #loc_message_box #locationselect-layer input {font-size: 12px;} #region_message_box #regionselect-layer input {font-size: 12px;} #region_message_box {width: 325px;} #loc_message_box {width: 100%;}} @media only screen and (min-width: 320px) and (max-width: 369px) {#loc_message_box {} .dynamic-message-box .regional_postal_layout {text-align: left;} .regional_postal_layout {text-align: center;} .regional_postal_layout>div {display: inline-block; margin-left: -5px; vertical-align: middle;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box #loc-message-img img {height: 30px; left: 0; top: 16px;} #loc_message_box #loc-message-txt {margin-left: 35px; font-size: 9px;} #loc_message_box #locationselect-layer {width: 125px;} #loc_message_box #locationselect-layer .loc-search {height: 30px;} #loc_message_box #locationselect-layer input {font-size: 12px;} #region_message_box {width: 270px;} #loc_message_box {width: 100%;} #region_message_box #loc-message-img img {height: 18px; left: 0; top: 21px;} #region_message_box #loc-message-txt {font-size: 10px; margin-left: 5px; max-width: 200px;} #region_message_box #regionselect-layer .loc-search {height: 30px;} #region_message_box #regionselect-layer {width: 125px;} #region_message_box #regionselect-layer input {font-size: 12px;}} @media only screen and (max-width: 319px) {#loc_message_box {} .dynamic-message-box .regional_postal_layout {text-align: left;} .regional_postal_layout {text-align: center;} .regional_postal_layout>div {display: inline-block; margin-left: -5px; vertical-align: middle;} #loc_message_box {width: 100%;} section[data-id="content"] .columns .txt, #content .columns .txt {width: 90%;} body {width: 319px;} #global-nav #global-nav-button {width: 80px;} #global-nav #buttons_navi {width: 100px;} #top-nav #locationselect {overflow: hidden;} #top-nav #locationselect i {display: none;} #top-nav #loginselect span {display: none;} #global-nav #logo img {width: 80px; float: left;} #cover-content .frontpage-box .nosto-slider-btn {display: none;} #cover-content .frontpage-box .nosto-header {width: 120px;} #cover-content .frontpage-box .nosto-header h1 {} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} #loc_message_box #loc-message-img img {height: 30px left: 0; top: 16px;} #loc_message_box #locationselect-layer .loc-search {width: 100%; background-color: #ffffff; border: 1px solid #00a1d4; border-radius: 5px; float: left; margin-bottom: 0; margin-top: 6px; padding-bottom: 0; height: 30px;} #loc_message_box #loc-message-txt {font-size: 9px; margin-left: 36px; max-width: 200px;} #loc_message_box {width: 100%;} #loc_message_box #locationselect-layer {width: 120px;} #loc_message_box #locationselect-layer input {font-size: 11px;} #region_message_box #loc-message-img img {height: 18px; left: 0; top: 21px;} #region_message_box #regionselect-layer input {font-size: 11px;} #region_message_box #loc-message-txt {font-size: 9px; max-width: 200px; margin-left: 8px;} #region_message_box #regionselect-layer {width: 120px;} #region_message_box {width: 250px;} #region_message_box #regionselect-layer .loc-search {float: right; width: 100%; background-color: #ffffff; border: 1px solid #00a1d4; border-radius: 5px; float: left; height: 30px; margin-bottom: 0; margin-top: 6px; padding-bottom: 0;} #footer-contact .columns {height: 100%;} #cover-content .frontpage-box .fp_box-layer-links p.mobile .phone-number {float: left;}} @media only screen and (max-width: 240px) {#loc_message_box {padding-bottom: 10px;} #loc_message_box #chat-layout {display: none;} #chat-layout {display: none;} #chat-layer {display: block;} .container,.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {width: 95%;} body {min-width: 300px;} .frontpage-box h1 {line-height: 20px;} .frontpage-box h2 {line-height: 20px;} #global-nav #logo img {width: 70px; float: left;} #top-nav .columns {float: left;} #global-nav .columns {float: left;} #global-nav #global-nav-button {line-height: 20px;} #top-nav #loginselect-layer {width: 230px; height: 288px;} #nav2 #global-nav-area #global-nav-button {font-size: 9px;} #top-nav #loginselect-layer .heading,#top-nav #locationselect-layer .heading {} #top-nav #loginselect-layer .heading,#top-nav #regionselect-layer .heading {} #top-nav #loginselect-layer a,#top-nav #langselect-layer a {} #global-nav #global-nav-button {} #global-nav #buttons_navi a {} #main-nav-mobile #main-nav-button {} #main-nav-layer a {}} .no-fontface [class^="icon-"]:before {display: none;} .no-fontface .icon-ok:before {display: inline-block; content: "X"; font-weight: bold;} .no-fontface .icon-minus:before {display: inline-block; content: "\2013"; font-weight: bold;} .no-fontface .icon-angle-down:before {display: inline-block; content: "\25BE";} .no-fontface .icon-angle-up:before {display: inline-block; content: "\25B4";} .no-fontface .icon-angle-left:before {display: inline-block; content: "\25C2";} .no-fontface .icon-angle-right:before {display: inline-block; content: "\25B8";} .no-fontface .icon-home:before {display: inline-block; content: "\2302";} .no-fontface .icon-envelope:before,.no-fontface .icon-envelope-alt:before {display: inline-block; content: "\2709";} .no-fontface .icon-phone:before {display: inline-block; content: "\260E";} .bankLoginButton,.bankLoginButton:hover,.bankLoginButton:focus {border: none; background: none; padding: 0; outline: none; box-shadow: none; background-color: transparent; border-radius: 0;} .bankLoginButton:hover {background-color: transparent !important;} #frontPageCampaignBanner {min-height: 410px; width: auto; margin: 0px auto; text-align: center; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;} #frontPageCampaignContent {font-size: 32px; font-weight: 200; color: black; line-height: 1.2em; padding-top: 50px; vertical-align: middle; text-align: center; display: block;} #frontPageCampaignLink {margin-top: 50px; display: block; text-align: center; line-height: 35px;} #frontPageCampaignLink .campaignButton {font: 400 125%/35px "Open Sans", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif, sans-serif; display: inline-block; padding: 4px 1.75rem; transition: background-color .6s, box-shadow .4s; border: 0; border-radius: 100px; text-decoration: none; cursor: pointer; background-image: none !important; margin: 10px; white-space: nowrap;} #campaignPlaceHolder {width: 100%; vertical-align: middle; text-align: center; padding: 50px 0px;} .whiteBG {background-color: #fff;} #footer-shortcuts .footer-element {margin-top: 20px;} .button--small {padding: 2px .875rem; font-size: 85%;} .button--large {padding: 8px 2.625rem; font-size: 100%;} #footer #footer-shortcuts .footer-logo {margin: auto; height: auto; margin-bottom: 25px;} #frontPageCampaignContent strong {color: inherit;} #frontPageCampaignContent.fontLahitapiolaSlabBook {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-weight: 400; font-style: normal;} #frontPageCampaignContent.fontLahitapiolaSlabLight {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-weight: 100; font-style: normal;} #frontPageCampaignContent.fontOpenSans {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-style: normal;} #frontPageCampaignContent.fontAsap {font-family: 'Asap'; font-style: italic;} #captchaWidth duet-radio{opacity: 0; z-index: 1500; width: 20px; height: 20px; position: absolute; left: 0px; top: 4px; cursor: pointer;} #captchaWidth a {border-radius: 4px; background-position: center; display: inline-block; text-decoration: none; margin: 10px;} form.feedback-form.clearfix input[type='radio'] {opacity: 0; z-index: 1500; width: 20px; height: 20px; position: relative; left: 0px; top: 4px; cursor: pointer;} form.feedback-form.clearfix input[type='radio']:checked+.radioFill:after {opacity: 1;} form.feedback-form.clearfix .radioFill {border-radius: 20px; display: inline-block; position: relative; bottom: -4px; width: 20px; height: 20px; margin: 0 .4375rem 0 0; transition: all .4s ease; left: -20px;} form.feedback-form.clearfix .radioFill:after {top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 16px; position: absolute; transition: all .6s ease; content: ''; opacity: 0;} form.feedback-form.clearfix .radioFill+span {margin-left: -15px; margin-right: 30px;} form.feedback-form.clearfix .grid-container .grid-50 table {margin-bottom: 15px;} form.feedback-form.clearfix input[type='checkbox'] {opacity: 0; width: 20px; height: 20px; box-sizing: border-box; display: block; position: absolute; z-index: 1500; cursor: pointer;} form.feedback-form.clearfix input[type='checkbox']:checked+.checkboxFill::after {opacity: 1;} form.feedback-form.clearfix .checkboxFill {border-radius: 3px; display: inline-block; position: relative; bottom: -4px; width: 20px; height: 20px; margin: 0 .4375rem 0 0; transition: all .4s ease;} form.feedback-form.clearfix .checkboxFill::after {top: 5px; left: 4px; width: 10px; height: 4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: 3px solid #fff; border-top: 0; border-right: 0; background: 0 0; position: absolute; transition: all .6s ease; content: ''; opacity: 0;} form.feedback-form.clearfix table td {min-height: 25px;} .page-etusivu section[data-id="content"] .container .boxborder, .page-etusivu #content .container .boxborder {border: 0px;} .boxborder .button {margin-top: 10px; margin-bottom: 10px;} .captchaTag:before {content: ''; display: block; height: 1px;} .toggle-container-image+h2 {font-weight: normal;} div[data-id="toggle-container-wrap"] .toggle-table-container.toggle-container.head-anchor {border: none; margin-bottom: 0px; height: 10px; cursor: default; text-align: left;} div[data-id="toggle-container-wrap"] .toggle-table-link.toggle-container-link {position: static; float: left; background: none; height: 18px; font-size: 18px; cursor: pointer;} div[data-id="toggle-container-wrap"] .toggle-table-link.toggle-container-link i {padding-top: 12px; line-height: 0px;} .tablerow div[data-id="toggle-container-wrap"] .toggle-item {padding-left: 28px;} div[data-id="toggle-container-wrap"] .toggle-item p {color: #000000; text-align: left;} div[data-id="toggle-container-wrap"] .toggle-table-text {display: table-cell; cursor: pointer; text-align: left;} div[data-id="toggle-container-wrap"] .toggle-table-text:hover {opacity: 0.6;} @media only screen and (max-width: 767px) {div[data-id="toggle-container-wrap"] .toggle-item {margin-bottom: 0px;} .paddedTable {width: auto !important; padding: 0;}} .no-margin {margin: 0px !important;} .bank-info {margin-left: 20px;} .mobile-bank-info {margin-left: 35px; margin-top: 5px;} #langselect-layers {margin-top: 8px;} ul.bxslider {padding: 0; margin: 0;} .bx-wrapper .bx-pager {right: auto; width: 100%; text-align: center; z-index: 100;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link {width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 2px solid #fff; box-shadow: 0 0 0 2px #003566;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link:hover {background: #00A1D6;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link.active {background: #003566;} .bx-wrapper .bx-controls-direction a {z-index: 100; background: transparent; width: 32px; height: 32px; border: 0px solid #fff; border-width: 0 0 2px 2px; top: 40%;} ul.bxslider {padding: 0; margin: 0} .bx-wrapper {border: 0; margin-bottom: 0;} .bx-wrapper img {display: inline;} .bx-wrapper .bx-pager {right: auto; width: 100%; text-align: center; z-index: 100;} .bx-wrapper .bx-pager .bx-pager-item {margin: 5px;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link {width: 15px; height: 15px; border-radius: 50%; background: #fff; border: 2px solid #fff; box-shadow: 0 0 0 1px #003566;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link:hover {background: #00A1D6; box-shadow: 0 0 0 1px #00A1D6;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link.active {background: #003566;} .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link.active:hover {background: #003566; box-shadow: 0 0 0 1px #003566;} .bx-wrapper .bx-controls-direction a {z-index: 100; background: transparent; width: 32px; height: 32px; border: 2px solid #fff; border-color: transparent transparent #fff #fff; top: 40%;} .bx-wrapper .bx-controls-direction a:hover {border: 2px solid #00A1D6; border-color: transparent transparent #00A1D6 #00A1D6;} .bx-wrapper .bx-controls-direction a.bx-prev {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); left: 30px;} .bx-wrapper .bx-controls-direction a.bx-next {transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -moz-transform: rotate(225deg); right: 30px;} .dynamic-search-box {background-color: #f0f8fb; padding-left: 30px; padding-right: 30px;} .dynamic-text {padding: 10px 10px 10px 10px;} .dynamic-message-box {padding: 0px 0px 0px 0px;} .dynamic-contactlist {background-color: #fff;} div#content-container.frontPage .container .boxborder {border: 0px;} .office-free-text {max-height: 5em; overflow: hidden; margin: 10px -10px;} section[data-id="content"].banner-enabled div#mast-head div.media-area:first-child, #content.banner-enabled div#mast-head div.media-area:first-child {padding-top: 44px;} section[data-id="content"] ul#frontpage-campaign-slider.bxslider, #content ul#frontpage-campaign-slider.bxslider {padding-left: 0px;} .SoMeShareButtonsContainer {margin-right: 10px; margin-left: 10px; margin-bottom: 20px;} .SoMeShareButtonsContainerTwoThirds {margin-bottom: 20px;} .SoMeShareButtonsContainerSixteenColumns{margin-bottom: 20px;} .SoMeShareButtons a.SoMeShareButton{margin-right: 10px;} a:not([href]), a:not([href]):visited, a:not([href]):hover {color: inherit;} .contactContent {display: flex;} .contactContentNumbers {margin-right: 20px;} .externalScriptMarginBottom > div{margin-bottom: 50px;} html{background-color: #ffffff;} body, h1, h2, h3, h4, h5, h6, .subheader{color: #003665;} a{color: #00a1d4;} a:hover{color: #003665;} a:visited{color: #00a1d4;} .no-touch a:hover, .no-touch a:focus {color: #003665;} .grid-container .tablerow i{color: #003665;} .grid-container .tablerow .tdhead{color: #015A83;} .grid-container .tablerow .tdhead .txt{color: #464646;} .grid-container .head, .grid-container .head p{background-color: #128ecb; color: #fff;} .grid-container .plushead{background-color: #128ecb !important; color: #fff;} .grid-container.table .tablerow:nth-child(2n){background-color: #afdeed;} .grid-container.table.nocolor .tablerow:nth-child(2n){background-color: #fff;} .table-container tr:nth-child(2n){background-color: #e2f8fe;} .table-container.nocolor tr:nth-child(2n){background-color: #fff;} .table-container tr.even, .grid-container.table .tablerow.even{background-color: #e2f8fe;} .table-container tr.odd, .grid-container.table .tablerow.odd{background-color: transparent;} .table-container td b, .table-container td strong{color: #015A83;} .table-container th{color: #015A83;} .ui-accordion-header.ui-state-default{color: #015A83; background-color: #fff; border-bottom: 1px solid #CECECE;} .ui-accordion-header.ui-state-default:hover{color: #00a0d5;} .ui-accordion-header.ui-state-active{color: #fff; background-color: #128ecb;} .ui-accordion-header.ui-state-active:hover{color: #fff;} #top-nav{background-color: #edefef;} #top-nav .columns{color: #015a83;} #top-nav .columns a{color: #015A83;} #nav2 #top-nav .columns a{color: #1b6d93;} #top-nav #locationselect{background-color: #ededed;} #nav2 #top-nav #locationselect{background-color: #edefef;} #top-nav #locationselect .icon-remove{color: #8db1c1;} #top-nav #locationselect .icon-x{color: #8db1c1;} #top-nav #loc-results a{color: #015a84;} #top-nav #loc-results i{color: #015a84;} .no-touch #top-nav #langdropdown:hover{background-color: #fff; color:#015a83; background-image: none;} #top-nav #langselect{background-image: none;} #top-nav #loginselect{background-color: #003665; color:#fff;} .no-touch #top-nav #loginselect:hover{color:#fff; background-color: #74cbe8; background-image: none;} #top-nav #loginselect.active{background-color: #003665; background-image: none; color:#fff;} #top-nav #loginselect-layer a{color: #015a84;} #top-nav #loginselect-layer i{color: #015a84;} .no-touch #top-nav #loginselect-layer a:hover{color: #00a0d5;} #global-nav{background-color: #00a0d5; border-bottom: 2px solid #015a83;} #nav2 #global-nav{background-color: #f0f0f0; border-bottom: 0px solid #fff; background-color: #fff;} #global-nav #buttons_navi a{color: #555555;} #nav2 #global-nav #buttons_navi a{color: #009fd6; background-color: #fff;} .no-touch #global-nav #buttons_navi a:hover{background-color: #fff; background-image: none;} .no-touch #nav2 #global-nav #buttons_navi a:hover{color: #fff; background-color: #003665; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);} #global-nav #buttons_navi .selected a{color:#fff; background-image: none; background-color: #003665;} #nav2 #global-nav #buttons_navi .selected a{color: #fff; background-image: none; background-color: #003665; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);} #global-nav #search-area {border: 0px solid #898989;} #nav2 #global-nav #search-area {border: 1px solid #c9c9c9;} #mobile-search-layer{background-color: #7a7a7a; background-image: linear-gradient(bottom, #787979 0%, #acacab 100%); background-image: -o-linear-gradient(bottom, #787979 0%, #acacab 100%); background-image: -moz-linear-gradient(bottom, #787979 0%, #acacab 100%); background-image: -webkit-linear-gradient(bottom, #787979 0%, #acacab 100%); background-image: -ms-linear-gradient(bottom, #787979 0%, #acacab 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #787979),color-stop(1, #acacab));} #nav2 #mobile-search-layer{background-color: #e0e0e0; background-image: linear-gradient(bottom, #c5c5c5 0%, #ebebeb 100%); background-image: -o-linear-gradient(bottom, #c5c5c5 0%, #ebebeb 100%); background-image: -moz-linear-gradient(bottom, #c5c5c5 0%, #ebebeb 100%); background-image: -webkit-linear-gradient(bottom, #c5c5c5 0%, #ebebeb 100%); background-image: -ms-linear-gradient(bottom, #c5c5c5 0%, #ebebeb 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #c5c5c5),color-stop(1, #ebebeb));} #main-nav{background-color: #fff;} #nav2 #main-nav{background-color: #00a1d4;} #main-nav-ul{border-right: 1px solid #e6e6e7;} #main-nav-ul li{border-left: 1px solid #e6e6e7;} #nav2 #main-nav-ul{border-right: 0px solid #3fabcf;} #nav2 #main-nav-ul li{border-left: 0px solid #3fabcf;} #nav2 #main-nav-ul li a{border-left: 2px solid rgba(255,255,255,0.3);} #nav2 #main-nav-ul li:last-child a{border-right: 2px solid rgba(255,255,255,0.3);} #main-nav li a{color: #555555;} #nav2 #main-nav-ul li a{color: #fff; background-color: #00a1d4; text-transform: uppercase; font-weight: 500;} .no-touch #main-nav ul a:hover{background-color: #f7f7f7;} .no-touch #nav2 #main-nav ul a:hover{background-color: #1aabd8;} #main-nav ul .selected{background-color: #fff;} #main-nav ul .open{background-color: #f7f7f7;} #main-nav .selected a{color: #015a83;} #main-nav-ul li.selected:after {border-top-color: #015a83;} #nav2 #main-nav-ul li.selected:after {border-top-color: #fff; display: none;} #nav2 #main-nav ul .selected{background-color: #009FD6;} #nav2 #main-nav-ul .selected a{background-color: #1aabd8;} #nav2 #main-nav ul .open {background-color: #fff; -moz-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); -webkit-box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3); box-shadow: 0px 8px 8px 1px rgba(119, 119, 119, 0.3);} #nav2 #main-nav-ul .open a{background-color: #fff; color: #009FD6;} .no-touch #nav2 #main-nav-ul .open a:hover{background-color: #fff; color: #009FD6;} .no-touch #nav2 #main-nav-ul .open ul a:hover{background-color: #fff; color: #003665; background-image: none;} #main-nav .sub-navi li{border-top: 1px solid #e6e6e7;} #main-nav .sub-navi li a{color: #015a83;} #nav2 #main-nav .sub-navi li {border-top: 1px solid #e6e6e7;} #nav2 #main-nav .sub-navi li:first-child {border-top: 0px solid #e6e6e7;} #alert_message_box, .chromeframe {border: 0px; background-color: #f2d17d; #fffac6; color: #003665;} #alert_message #alert-close .btn{background-color: #fff; color: #515151; border: 1px solid #d6d3ca; background-image: linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -o-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -moz-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -webkit-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -ms-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #e7e7e7),color-stop(1, #f7f7f7));} #loc_message_box{background-color: #f0f8fb;} #region_message_box{} #loc_message_box #locationselect{background-color: #F93; color: #fff;} #region_message_box #locationselect{background-color: #F93; color: #fff;} #loc_message_box #loc-message-txt{color: #015A83;} #region_message_box #loc-message-txt{color: #015A83;} #loc_message_box #loc-results i{color: #015a84;} #region_message_box #regional-results i{color: #015a84;} #language_message_box{border: 1px solid #E6E6E7; background-color: #fff; color: #333;} #language_message #language_close .btn{background-color: #fff; color: #515151; border: 1px solid #d6d3ca; background-image: linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -o-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -moz-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -webkit-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -ms-linear-gradient(bottom, #e7e7e7 30%, #f7f7f7 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #e7e7e7),color-stop(1, #f7f7f7));} #cover-content .frontpage-box{} #cover-content .frontpage-banner{box-shadow:inset 0px 0px 0px 1px #e7e7e7;} #cover-content .frontpage-box .frontpage-banner-txt .head{color: #035c7c;} #cover-content .frontpage-box .frontpage-banner-txt a{color: #035c7c;} #cover-content .frontpage-box #nosto-news p{color: #1e6c91;} #cover-content .fp_box-layer-links a{color: #1e6c91;} .no-touch #cover-content .fp_box-layer-links a:hover{color: #00A0D5;} #news-ticker-layer a{color: #035c7c;} .no-touch #news-ticker-layer a:hover{color: #00A0D5;} section[data-id="content"] h2.ltsininen, #content h2.ltsininen{color: #fff; background-color: #00A1D4;} section[data-id="content"] h2.ltharmaa, #content h2.ltharmaa{color: #fff; background-color: #ACABAB;} section[data-id="content"] h2.tummaharmaa, #content h2.tummaharmaa{color: #fff; background-color: #A6A8AB;} section[data-id="content"] h2.tummasininen, #content h2.tummasininen{color: #fff; background-color: #015A83;} section[data-id="content"] h2.vaaleasininen, #content h2.vaaleasininen{color: #fff; background-color: #CCFFFF;} section[data-id="content"] h2.pinkki, #content h2.pinkki{color: #fff; background-color: #FF6699;} section[data-id="content"] h2.vihrea, #content h2.vihrea{color: #fff; background-color: #99CC66;} section[data-id="content"] h2.keltainen, #content h2.keltainen{color: #fff; background-color: #FFCC00;} section[data-id="content"] h2.musta, #content h2.musta{color: #fff; background-color: #000000;} section[data-id="content"] .txt ol.styled, #content .txt ol.styled{color: #04a1d6;} section[data-id="content"] ul.contentnavi li.active, #content ul.contentnavi li.active {background-color: #009fd6;} .no-touch section[data-id="content"] ul.contentnavi li.active ul.sub-cnav a:hover, .no-touch #content ul.contentnavi li.active ul.sub-cnav a:hover{color: #00A0D5;} section[data-id="content"] ul.contentnavi li.active ul.sub-cnav a, #content ul.contentnavi li.active ul.sub-cnav a{color: #015A83;} section[data-id="content"] ul.contentnavi li.active li i, #content ul.contentnavi li.active li i{color: #535353;} section[data-id="content"] ul.contentnavi li li.active, #content ul.contentnavi li li.active{background-color: #e1f8fe;} section[data-id="content"] ul.sub-cnav li i, #content ul.sub-cnav li i{color: #535353;} #mast-head .action-area h1 i{color: #015A83;} #mast-head-tabs #content-tab-navi a .selected{color: #74cbe8;} .no-touch #mast-head-tabs #content-tab-navi .tab-item:hover{color: #74cbe8;} #carousel-area .carousel-txt .head{color: #035c7c;} #carousel-area .carousel-txt a{color: #035c7c;} .no-touch #carousel-area .carousel-txt a:hover{color: #00A0D5;} .no-touch #carousel-controls a:hover{color: #055a81;} #carousel-controls a.active{color: #055a81;} #footer-loc #f-loc-results i{color: #015a84;} #footer-contact{background-color: #ededed;} #footer-contact .columns.right,#footer-contact .column.right{background-color: #ededed;} #footer-contact .columns.continuous,#footer-contact .column.continuous{background-color: #ededed;} #footer-contact .columns,#footer-contact .column{color: #015a83; background-image: linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -o-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -moz-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -webkit-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -ms-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #DEDEDE),color-stop(1, #EDEDED));} #footer-contact a{color: #015A83;} #footer-shortcuts{background-color: #015a83;} #footer-shortcuts h2, #footer-shortcuts a{color: #fff;} #footer2 #footer-shortcuts h2, #footer2 #footer-shortcuts a{color: #fff;} .no-touch #footer2 #footer-shortcuts a:hover{color: #fff;} #footer-shortcuts .contact-input-big textarea{border: 1px solid #898989;} #footer-shortcuts .contact-input input{border: 1px solid #898989;} #footer-shortcuts p{color: #fff;} #footer2 #footer-shortcuts p{color: #fff;} #footer-copy{background-color: #000;} #footer-spacer{height: 20px;} #footer2 #footer-copy{background-color: transparent; margin-top: 10px; margin-bottom: 40px;} #footer2{background-color: #003665; color:#fff;} #footer-loc #f-locationselect{background-color: #015A83; color: #fff;} .button, button, input[type="submit"], input[type="reset"], input[type="button"] {*/ display: inline-block; padding: 2px 1.2rem; transition: background-color .6s, box-shadow .4s; border: 0; border-radius: 100px; background-color: #00a1d4; color: #fff; font-size: 14px; line-height:35px; font-weight: 600; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; cursor: pointer;} .touch select.button {background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #333;} .no-touch .button:hover, .no-touch button:hover, .no-touch input[type="submit"]:hover, .no-touch input[type="reset"]:hover, .no-touch input[type="button"]:hover {} .no-touch a.button:hover, .no-touch a.button:focus {color: #fff; outline: 0; background-color: #74cbe8;} .button-primary, input[type="submit"].button-primary {display: inline-block; padding: 2px 1.2rem; transition: background-color .6s, box-shadow .4s; border: 0; border-radius: 100px; background-color: #00a1d4; color: #fff; font-size: 14px; line-height: 35px; font-weight: 600; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; cursor: pointer;} .no-touch a.button-primary:hover, .no-touch a.button-primary:focus {color: #fff; outline: 0; background-color: #74cbe8;} a.button:visited, a.button-primary, a.button-primary:visited {color: #fff;} a.button:active, a.button-primary:active {background-color: #003665;} .no-touch .button-primary:hover{color: #fff; outline: 0; background-color: #74cbe8;} .no-touch input[type="submit"].button-primary:hover{color: #fff; outline: 0; background-color: #74cbe8;} .zelect .dropdown ol {color: #015A83;} .zelect .dropdown ol li{text-transform: none;} .zelect .dropdown ol li:hover{font-weight: 700;} .zelect .dropdown li.current {color: #00A0D5;} #top-button {background-color: #00a0d5; color: #fff;} .no-touch #top-button:hover {background-color: #38bde9;} select.primary{color: #fff;} select.primary option[selected=selected]{background-color: transparent; color: #fff;} #hopscotch-next, #hopscotch-done {padding: 4px 1.75rem; transition: background-color .6s, box-shadow .4s; border: 0; border-radius: 100px; background-color: #00a1d4; color: #fff; font-size: 80%; font-weight: 600; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; cursor: pointer; height:auto;} #hopscotch-next:hover, #hopscotch-done:hover{outline: 0; background-color: #74cbe8;} #hopscotch-cta {background-color: transparent; color: #00a1d4; box-shadow: 0 0 0 2px #00a1d4; outline: 0; transition: background-color .6s,box-shadow .4s; border: 0;} #hopscotch-cta:hover{background-color: transparent; box-shadow: 0 0 0 2px #74cbe8;} .no-touch #hopscotch-next:hover, .no-touch #hopscotch-done:hover {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} #hopscotch-next, #hopscotch-done, #hopscotch-cta, #hopscotch-prev{padding: 4px 1.75rem !important; text-shadow: none !important; height: auto; background-image: none !important; text-decoration: none; text-transform: uppercase; cursor: pointer; height:auto; border-radius: 100px !important; font-size: 80%; font-weight: 600;} #fcontact-b div {background-color: #0077b3; color: #fff;} .no-touch #fcontact-b div:hover {background-color: #004d80;} .open #fcontact-b div {color: #fff; background-color: #004d80;} .no-touch .open #fcontact-b div:hover {color: #fff; background-color: #0077b3;} #fcontact dl {color: #00294d;} #fcontact dl i{color: #0077b3;} #fcontact dd {color: #00294d;} #fcontact dl .emergency {color: #de2362; font-weight: bold} #fcontact dl .emergency i{color: #de2362;} .contactContentLinks ul li a{color: #00294d;} .contactContentLinks ul li a:hover{color: #004d80;} .carousel-prev-next a {background-color: rgba(230 ,230 ,230 ,0.5); background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)),to(rgba(230, 230, 230, 0.5))); background-image: -moz-linear-gradient( right center,rgba(255, 255, 255, 0.5) 20%, rgba(230, 230, 230, 0.5) 95%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(230, 230, 230, 0.5));} .carousel-prev-next i {color: #7d7d7d;} .carousel-area.video .carousel-prev-next a {background-color: #111;} .carousel-area.video .carousel-prev-next i {color: #fff;} .ui-datepicker .ui-state-highlight{background-color: rgba(230 ,230 ,230 ,1);} .ui-datepicker .ui-state-active{border: 1px solid #015A83;} .icon-linkedin-sign{color: #2586ba; font-size:26px;} @media only screen and (min-width: 1281px) {#wide-banner-area .frontpage-banner-txt .head{color: #035c7c;} #wide-banner-area .frontpage-banner-txt a{color: #035c7c;} #wide-banner-area .frontpage-banner-txt a:hover{color: #00A0D5;} .wide-banner-btn-prev-next i {color: #7d7d7d;} #wide-banner-controls a{color: #b7b7b7;} #wide-banner-controls a:hover{color: #055a81;} #wide-banner-controls a.active{color: #055a81;} #wide-banner-area .frontpage-banner-news a{color: #035c7c;}} @media only screen and (min-width: 767px) {.showCasePictogram{width: 60px; margin-top: -5px;}} @media only screen and (max-width: 767px) {#top-nav #langdropdown.active{color:#015a83;} #top-nav #langselect-layer a{color: #015a84;} #top-nav #langselect-layer i{color: #015a84;} #global-nav #global-nav-button{color: #fff; background-color: #003665; border: 1px solid #e6e6e7;} .no-touch #global-nav #global-nav-button:hover{} #global-nav #buttons_navi .selected a{background-image: none; background-color: rgba(255,255,255,0);} #global-nav #buttons_navi a{color:#015a83; background-color: none; background-image: none;} .no-touch #global-nav #buttons_navi a:hover{color:#015a83; background-color: #ccc; background-image: none;} #global-nav #buttons_navi .selected a{color:#015a83; background-color: none; background-image: none;} #main-nav-ul li a{color: #015a84;} #main-nav-ul li.selected::after {border: 0px;} #nav2 #main-nav{background-color: #f7f7f7;} .no-touch #nav2 #main-nav ul a:hover{background-color: #f7f7f7; background-image: none;} #nav2 #main-nav-ul .selected a{background-color: transparent; background-image: none;} #nav2 #main-nav ul .selected{background-color: transparent; background-image: none;} #nav2 #main-nav-ul .open a {background-image: none;} .no-touch #nav2 #main-nav-ul .open a:hover{background-image: none;} #nav2 #main-nav .sub-navi.mega .sub-navi-megali li:last-child {border-bottom: 0px solid #fff;} #nav2 #main-nav-ul .sub-navi{border-top: 1px solid #e6e6e7;} #nav2 #main-nav-ul .selected a{background-color: #fff;} #loc_message_box{border-top:0px solid #fff; background-color: #f0f8fb;} #cover-content .frontpage-box .fp_box-layer-links a {color: #015a84;} #cover-content .frontpage-box .fp_box-layer-links p.mobile .red{color: #8b2222;} #cover-content .frontpage-box .fp_box-layer-links p.mobile .phone-number.red{color: #8b2222;} .table-container tr:nth-child(2n){background-color: #fff;} .table-container td:nth-child(2n){background-color: #E2F8FE;} .table-container.nocolor td:nth-child(2n){background-color: #fff;} .table-container tr.even, .grid-container.table .tablerow.even{background-color: #e2f8fe;} .table-container tr.odd, .grid-container.table .tablerow.odd{background-color: transparent;} #footer-contact .columns.continuous, #footer-contact .columns.right{background-image: linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -o-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -moz-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -webkit-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -ms-linear-gradient(right , #DEDEDE 0%, #EDEDED 100%); background-image: -webkit-gradient(linear,right top,left top,color-stop(0, #DEDEDE),color-stop(1,#EDEDED));} .frontpage-showCase {background-color: #f0f8fb !important;} .frontpage-showCase .showCaseItem h4 i.icon-angle-down{margin-top: 5px;} .no-touch #mast-head-tabs #content-tab-navi .tabs a:hover .iconbox{background-color: #74cbe8;} #mast-head-tabs #content-tab-navi a:hover{color:#74cbe8;}}} @media print{h3{color: #015A83 !important;}} a.hoverColor:hover {color : #00a0d5 !important;} .ptIngress{color: #015a83;} #frontPageCampaignContent{font-family: LahiTapiolaSlabBook; color: black;} #frontPageCampaignLink .campaignButton{text-transform: uppercase;} .blueText{color:#003665 !important;} .lightBlueText{color: #00a1d4 !important;} .whiteText{color:#ffffff !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);} .blackText{color:#000000 !important;} .blueButton{color: #ffffff !important; background-color: #003665;} .blueButton:hover{background-color: #74cbe8;} .lightBlueButton{background-color: #00a1d4; color: #ffffff !important;} .lightBlueButton:hover{background-color: #74cbe8;} .whiteButton{background-color: #ffffff; color:#003665 !important;} .whiteButton:hover{background-color: #f4f5f6;} #wide-news-ticker-bg{background-color: #f0f8fb !important;} .pageBGColor{background-color: #f0f8fb !important;} h1 {font-weight: 100; font-family: 'lahitapiolasans'; letter-spacing: -1px; font-size: 36px;} h2, h3, h4, h5, h6{font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} h2{font-size: 16px; line-height: 20px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase;} h3{font-size: 16px; line-height: 27px; margin-bottom: 6px; font-weight: 700;} h4{font-size: 14px; line-height: 18px; margin-bottom: 6px; font-weight: 700} ul.showCaseLinklist li a:hover{font-weight: 700;} .button--outlined{background-color: transparent; box-shadow: 0 0 0 2px #00a1d4; color: #00a1d4;} .button--outlined:hover, .button--outlined:focus{background-color: transparent; box-shadow: 0 0 0 2px #74cbe8;} .button--outlined:active{background-color: transparent; color: #003665; box-shadow: 0 0 0 2px #003665;} a.button--outlined:visited, .button--outlined:visited{color: #00a1d4;} .modal-close:hover{color: #fff; outline: 0; background-color: #74cbe8;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a, #nav2 #main-nav .sub-navi li a{color: #00a1d4;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a:visited, #nav2 #main-nav .sub-navi li a:visited{color: #00a1d4;} #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a:hover, #nav2 #main-nav .sub-navi li a:hover{color: #003665;} #mast-head-tabs #content-tab-navi a{color: #003665;} #nav2 #global-nav #buttons_navi{border: 1px solid #003665;} .feedback-form textarea, .feedback-form input[type=text] {color: #003665;} .feedback-form textarea:focus, .feedback-form input[type=text]:focus {color: #003665; box-shadow: 0 0 0 2px #74cbe8;} .feedback-form select:focus, .feedback-form input[type=select]:focus {color: #003665; box-shadow: 0 0 0 2px #74cbe8;} form.feedback-form.clearfix input[type='checkbox']:checked + .checkboxFill{background-color: #003665;} form.feedback-form.clearfix .checkboxFill{box-shadow: 0 0 0 1px #003665;} form.feedback-form.clearfix .checkboxFill:hover{box-shadow: inset 0 0 0 2px #003665;} form.feedback-form.clearfix .radioFill{box-shadow: 0 0 0 1px #003665;} form.feedback-form.clearfix .radioFill:hover{box-shadow: inset 0 0 0 2px #003665;} form.feedback-form.clearfix .radioFill:after{background-color: #003665;} section[data-id="content"] #ext-form-area-section hr, #content #ext-form-area-section hr{display: none;} .no-touch #nav2 #main-nav ul .sub-navi a:hover{} a.color-captcha {border: 1px solid #00a1d4; display: inline-block; height: 50px; text-decoration: none; width: 80px;} #top-nav #loginselect-layer .heading{color: #555555; font-size:20px;} #chat-icon #chat-teaser a{background-color: #019ed5;} #chat-first #chat-mobile a{background-color: #fff; color: #019ed5;} .feedback-form label {border: 1px solid #003665; color: #003665; background-color: #fff;} .no-touch .feedback-form label:hover {background-color: #f2f2f2;} .feedback-form .checked label {border: 1px solid #003665; background-color: #003665; padding: 6px; color: #fff;} .feedback-form .checked label:hover{color: #fff; background-color: #003665;} .feedback-form input.contact-field-error, .feedback-form textarea.contact-field-error{box-shadow: 0 0 0 2px #f00020 ; color: #f00020 ;} #nav2 #global-nav #search-area{border-color: #00a1d4;} #nav2 #global-nav #search-area input{color: #003665; font-weight: 500;} p a{font-weight: 600;} #nav2 #main-nav-ul .open .boxnoborder p a{font-weight: 600; text-transform: none; font-size: inherit; line-height: inherit; vertical-align: baseline;} a.uppercase{text-transform: uppercase !important; font-weight: normal !important;} #mast-head .button i.icon-angle-down{margin-top: 10px;} .zelected{padding-top: 0px; padding-bottom: 0px;} .login-button-wrap .dropdown{left: 20px; top: 40px;} .zelect .dropdown{left: 20px; top: 44px;} #mast-head .action-area .button.login-button{padding-top: 1px; padding-bottom: 1px;} #mast-head-tabs #content-tab-navi a .iconbox:active, #mast-head-tabs #content-tab-navi a .iconbox:hover{background-color: #74cbe8;} footer div.footer-image-container {margin-bottom: 60px;} #financial-calculator {display: inline-block;} #financial-calculator .type--light {font-weight: 200 !important;} #financial-calculator .heading--h2 {line-height: 2.625rem;} #financial-calculator .heading {color: rgb(0, 54, 101); font-family: LahiTapiolaSlabBook;} #financial-calculator .input {display: inline-block; transition: box-shadow .6s, background-color .6s; border: 0; border-radius: 3px; background-color: #fff; box-shadow: 0 0 0 1px #d6d6d6;} #financial-calculator .label {display: block; margin-top: 0.35rem; margin-bottom: 0.35rem; color: #003665; font-size: 100%; font-weight: 600; letter-spacing: .03em; line-height: 1.05rem; text-transform: uppercase;} #financial-calculator .display--inline-block {display: inline-block !important;} #financial-calculator .bg--color-blue-dark {background-color: #003665 !important;} #financial-calculator .button--small {padding: 2px 1.2rem;} #financial-calculator .display--none {display: none !important;} #financial-calculator .table {display: table; width: 97%;} #financial-calculator .table__row {display: table-row; line-height: 1.75rem;} #financial-calculator .table__cell {display: table-cell; line-height: 1.75rem;} #financial-calculator .type--semibold {font-weight: 600 !important;} #financial-calculator .type--align-left {text-align: left !important;} #financial-calculator .financial-calculator__summary-calculations-summ.table__cell.type--semibold.type--align-right {text-align: right !important; font-size: 100%;} #financial-calculator .type--align-right {text-align: right !important;} #financial-calculator .label--toggle {cursor: pointer;} #financial-calculator .margin--b {margin-bottom: 1.75rem !important;} #financial-calculator .input--hide {position: absolute; opacity: 0;} #financial-calculator input[type='checkbox'] + .input--toggle {display: inline-block; position: relative; width: 7.6em; height: 3.4em; transition: all .6s ease; border-radius: 100px; background-color: #d6d6d6; cursor: pointer; pointer-events: none;} #financial-calculator input[type='checkbox'] + .input--toggle::after {display: block; position: absolute; top: 0; left: 0; width: 3.4em; height: 3.4em; transition: all .3s ease; border-radius: 2em; background-color: #fff; box-shadow: inset 0 0 0 2px #d6d6d6; content: '';} #financial-calculator input[type='checkbox']:checked + .input--toggle {background-color: #003665;} #financial-calculator input[type='checkbox']:checked + .input--toggle::after {left: 4.2em; box-shadow: inset 0 0 0 2px #003665;} #financial-calculator span {vertical-align: middle; font-weight: inherit; font-size: inherit;} #financial-calculator .border--t {border-top-width: 1px; border-top-style: solid;} #financial-calculator .border--shadow.border--color-grey-dark {box-shadow: 0 0 0 1px #d6d6d6;} #financial-calculator .margin--t-small {margin-top: 0.875rem !important;} #financial-calculator .margin--b-small {margin-bottom: 0.875rem !important;} #financial-calculator .type--uppercase {text-transform: uppercase !important;} @media (min-width: 430px) {#financial-calculator .heading--h2 {font-size: 44px;}} .financial-calculator .ui-slider{position:relative;text-align:left} .financial-calculator .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} .financial-calculator .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0} .financial-calculator .ui-slider.ui-state-disabled .ui-slider-handle, .financial-calculator .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit} .financial-calculator .ui-slider-horizontal{height:.8em} .financial-calculator .ui-slider-horizontal .ui-slider-handle{top:-.6em;margin-left:-1.6em} .financial-calculator .ui-slider-horizontal .ui-slider-range{top:0;height:100%} .financial-calculator .ui-slider-horizontal .ui-slider-range-min{left:0} .financial-calculator .ui-slider-horizontal .ui-slider-range-max{right:0} .financial-calculator .ui-slider-vertical{width:.8em;height:100px} .financial-calculator .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em} .financial-calculator .ui-slider-vertical .ui-slider-range{left:0;width:100%} .financial-calculator .ui-slider-vertical .ui-slider-range-min{bottom:0} .financial-calculator .ui-slider-vertical .ui-slider-range-max{top:0} .financial-calculator .ui-corner-all, .financial-calculator .ui-corner-top, .financial-calculator .ui-corner-left, .financial-calculator .ui-corner-tl{border-top-left-radius:1em} .financial-calculator .ui-corner-all, .financial-calculator .ui-corner-top, .financial-calculator .ui-corner-right, .financial-calculator .ui-corner-tr{border-top-right-radius:1em} .financial-calculator .ui-corner-all, .financial-calculator .ui-corner-bottom, .financial-calculator .ui-corner-left, .financial-calculator .ui-corner-bl{border-bottom-left-radius:1em} .financial-calculator .ui-corner-all, .financial-calculator .ui-corner-bottom, .financial-calculator .ui-corner-right, .financial-calculator .ui-corner-br{border-bottom-right-radius:1em} .financial-calculator .ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold} .financial-calculator .ui-widget-header a{color:#333} .ui-widget.ui-widget-content{border:1px solid #c5c5c5} .ui-widget-content{border:1px solid #ddd;background:#fff;color:#333} .financial-calculator .ui-widget-content .ui-state-default, .financial-calculator .ui-widget-header .ui-state-default, .financial-calculator .ui-button, .financial-calculator html .ui-button.ui-state-disabled:hover, .financial-calculator html .ui-button.ui-state-disabled:active{border:1px solid #003665;background:#fff;font-weight:normal;color:#454545} .financial-calculator .ui-state-hover, .financial-calculator .ui-widget-content .ui-state-hover, .financial-calculator .ui-widget-header .ui-state-hover, .financial-calculator .ui-state-focus, .financial-calculator .ui-widget-content .ui-state-focus, .financial-calculator .ui-widget-header .ui-state-focus, .financial-calculator .ui-button:hover, .financial-calculator .ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b} .financial-calculator .ui-state-active, .financial-calculator .ui-widget-content .ui-state-active, .financial-calculator .ui-widget-header .ui-state-active, .financial-calculator a.ui-button:active, .financial-calculator .ui-button:active, .financial-calculator .ui-button.ui-state-active:hover{border:1px solid #003665;background:#fff;font-weight:normal;color:#fff} .financial-calculator .ui-state-highlight, .financial-calculator .ui-widget-content .ui-state-highlight, .financial-calculator .ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620} .financial-calculator .ui-state-highlight a, .financial-calculator .ui-widget-content .ui-state-highlight a, .financial-calculator .ui-widget-header .ui-state-highlight a{color:#777620} .financial-calculator .ui-state-error, .financial-calculator .ui-widget-content .ui-state-error, .financial-calculator .ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f} .financial-calculator .ui-state-error a, .financial-calculator .ui-widget-content .ui-state-error a, .financial-calculator .ui-widget-header .ui-state-error a{color:#5f3f3f} .financial-calculator .ui-state-error-text, .financial-calculator .ui-widget-content .ui-state-error-text, .financial-calculator .ui-widget-header .ui-state-error-text{color:#5f3f3f} .financial-calculator .ui-priority-primary, .financial-calculator .ui-widget-content .ui-priority-primary, .financial-calculator .ui-widget-header .ui-priority-primary{font-weight:bold} .financial-calculator .ui-priority-secondary, .financial-calculator .ui-widget-content .ui-priority-secondary, .financial-calculator .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal} .financial-calculator .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none} .financial-calculator .ui-widget-header .ui-icon{} .financial-calculator__content.clearfix {background-color: #f0f8fb;} .financial-calculator__summary.clearfix {background-color: #f0f8fb; padding-top: 40px;} @media only screen and (max-width: 767px) {.financial-calculator__summary.clearfix {padding-top: 0px !important;}} @media only screen and (max-width: 958px) {#financial-calculator{max-width: 768px;}} .financial-calculator__header.sixteen.columns.heading.heading--h2.type--light {margin-top: 20px; margin-bottom: 10px;} .financial-calculator__content-chart {position: relative;} .financial-calculator__content-input {height: 6em;} .financial-calculator__content-input.financialslider {max-width: 329px; margin-bottom: 100px;} .financial-calculator__content-input > input {line-height: 2.2rem;} .financial-calculator__content-input-buttons {margin-left: -4px; font-size: 0; vertical-align: top; margin-top: -1px;} .financial-calculator__content-input-button {font-size: 20px; line-height: 45px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .financial-calculator__content-input-button--minus {margin-right: 1px;} .financial-calculator__content-input-button--plus {border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .financial-calculator__expected-income-slider.ui-slider-horizontal {height: 2em; margin: 2em 2.7em 2em 1.6em;} .financial-calculator__expected-income-slider .ui-widget-header {background-color: #003665;} .financial-calculator__expected-income-slider .ui-slider-handle {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 3.4em !important; height: 3.4em !important; top: -.5em; background-color: #fff !important; border-color: #003665 !important; outline: none;} .financial-calculator__expected-income-slider .ui-slider-handle:after {position: absolute; left: 50%; top: 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%); display: block; width: 1em; height: 1em; background-color: #003665; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .financial-calculator__expected-income-slider .ui-slider .ui-slider-range {font-size: .3em;} .financial-calculator__content-chart {margin-top: 35px;} .financial-calculator__summary-calculations-table.table {border-collapse: collapse;} .financial-calculator-icon {display: inline-block; margin-right: 15px; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; vertical-align: bottom;} .financial-calculator-icon--small {width: 22px; height: 22px;} .financial-calculator-icon--calendar {background-image: url(../img/calendar-2.svg);} .financial-calculator-icon--bubble-star {background-image: url(../img/bubble-star-2.svg);} .financialDisclaimer {font-size: 80%;} .financial-calculator__summary-calculations.six.columns {width: 440px; padding-right: 20px;} @media only screen and (max-width: 1280px) {.financial-calculator__summary-calculations.six.columns {width: 320px; padding-right: 20px;}} @media only screen and (max-width: 429px) {.financial-calculator__content-input > input {line-height: 1.8rem;} .financial-calculator__content-input-button {line-height: 38px;} .financial-calculator__content-input.financialslider {max-width: 310px;}} @media only screen and (max-width: 349px) {.financial-calculator__content-input > input {width: 60%;} .financial-calculator__content-input.financialslider {max-width: 285px;}} html body .financial-calculator{font-size: 14px !important;} body {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} .newLTclass{} @font-face {font-family: 'lahitapiolasans'; src: url('/cs/lahitapiola/font/LocalTapiola-Regular.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap;} @font-face {font-family: 'lahitapiolasans'; src: url('/cs/lahitapiola/font/LocalTapiola-Semibold.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;} @font-face {font-family: 'lahitapiolasans'; src: url('/cs/lahitapiola/font/LocalTapiola-Extrabold.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Extrabold.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap;} @font-face {font-family: 'lahitapiolasans'; src: url('/cs/lahitapiola/font/LocalTapiola-Extrabold.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Extrabold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;} @font-face {font-family: 'localtapiola-sans'; src: url('/cs/lahitapiola/font/LocalTapiola-Regular.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap;} @font-face {font-family: 'localtapiola-sans'; src: url('/cs/lahitapiola/font/LocalTapiola-Semibold.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Semibold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;} @font-face {font-family: 'localtapiola-sans'; src: url('/cs/lahitapiola/font/LocalTapiola-Extrabold.woff2') format('woff2'), url('/cs/lahitapiola/font/LocalTapiola-Extrabold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap;} html body {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 16px; line-height: 1.5; font-weight:400; color: #00294d;} body p a {font-weight: 400;} body a, body a:visited {color: #0077b3;} body a:active, body a:hover {color: #004d80;} body .anchorLink:hover {color: #004d80;} body .no-touch a:hover, body .no-touch a:focus {color: #004d80;} body h1 {color: #00294d; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; text-transform: none; letter-spacing: -0.01rem;} body h2,body h3,body h4,body h5,body h6,body .subheader {color: #00294d; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; text-transform: none; letter-spacing: -0.01rem;} body h1 {font-weight: 900; font-size: 36px; line-height: 1.25; font-style: normal;} body h2 {font-weight: 900; font-size: 24px!important; line-height: 1.25; font-style: normal;} body h3 {font-weight: 600; font-size: 20px; line-height: 1.25; font-style: normal;} body h4,body h5,body h6,body .subheader {font-weight: 600; font-size: 18px; line-height: 1.25; font-style: normal;} @media only screen and (max-width: 767px) {body h1 {font-size: 32px!important;} html body h2 {font-size: 22px!important;} body h3 {font-size: 19px!important;} body h4,body h5,body h6,body .subheader {font-size: 17px!important;}} body #mast-head .header-area h1 {padding-bottom: 25px;padding-top: 45px;} body h1 {padding-bottom: 25px;padding-top: 15px;} body section[data-id="content"] h2, body #content h2 {padding-bottom: 15px; padding-top: 15px;} body section[data-id="content"] .boxborder h1, body section[data-id="content"] .boxborder h2, body #content .boxborder h1, body #content .boxborder h2 {padding-bottom: 0px!important; padding-top: 15px!important;} body section[data-id="content"] .campaign-box h1, body section[data-id="content"] .campaign-box h2, body #content .campaign-box h1, body #content .campaign-box h2 {padding-bottom: 0px!important; padding-top: 15px!important;} .button, button:not([class^="_hj"]), input[type="submit"], input[type="reset"], input[type="button"], body .button-primary, body a.button-primary,body input[type="submit"].button-primary,body a.button-primary:visited, body .button, body input[type="submit"],body input[type="reset"],body input[type="button"], #commancesearch {font-weight:600; background-color: #0077b3; font-size: 16px; border:0px transparent solid; letter-spacing: 0px; text-transform: none!important; margin-top: 10px; box-sizing: border-box!important; min-height: 50px!important; line-height:18px!important; padding: 15px 28px 15px 28px!important; max-width:350px;} body .button-primary:hover, body a.button-primary:hover ,body input[type="submit"].button-primary:hover, body .button:hover, button:hover,body input[type="submit"]:hover,body input[type="reset"]:hover,body input[type="button"]:hover, body a.button:hover, body a.button:focus ,body a.button-primary:visited:hover, #commancesearch:hover {color: #fff; box-shadow: 0 0 0 0px transparent; background-color:#004d80!important; border:0px transparent solid!important; letter-spacing: 0px; box-shadow: 0 0 0 0 #004d80!important;} .buttonReadMore {background-color: #0077b3; padding: 4px 1.00rem; transition: background-color .6s, box-shadow .4s; border: 0; border-radius: 100px; background-color: #c60c30; color: #fff; font-size: 80%; font-weight: 600; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; cursor: pointer;} .buttonReadMore:hover {background-color: #c60c30; box-shadow: 0 0 0 1.5px #c60c30;} .buttonReadMore, body .buttonReadMore {font-weight:600; background-color: #0077b3; font-size: 16px; border:0px transparent solid; letter-spacing: 0px; text-transform: none!important; margin-top: 10px; box-sizing: border-box!important; min-height: 50px!important; line-height:18px!important; padding: 15px 28px 15px 28px!important; max-width:350px; text-decoration: none;} body .buttonReadMore:hover, buttonReadMore:hover, body a.buttonReadMore:hover, body a.buttonReadMore:focus{color: #fff; box-shadow: 0 0 0 0px transparent; background-color:#004d80!important; border:0px transparent solid!important; letter-spacing: 0px; box-shadow: 0 0 0 0 #c60c30!important; text-decoration: none;} body a.buttonReadMore:focus {color: #fff; box-shadow: 0 0 0 0px transparent; background-color:#0077b3 !important; border:0px transparent solid!important; letter-spacing: 0px; box-shadow: 0 0 0 0 #c60c30!important; text-decoration: none;} body .ext-form-area .button-primary,body .ext-form-area input[type="submit"].button-primary, body .ext-form-area .button, body .ext-form-area button, body .ext-form-area input [type="submit"], body .ext-form-area input[type="reset"], body .ext-form-area input[type="button"] {font-size: 16px; line-height:50px;} body li {line-height: 1.15;} body section[data-id="content"] .txt ol.styled li p, body #content .txt ol.styled li p {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 16px; line-height: 1.25; color: #4a4a4a; margin-bottom: 20px} body section[data-id="content"] .txt ol.styled>li:before, body #content .txt ol.styled>li:before {margin-top: -5px;} body section[data-id="content"] .txt ol.styled, body #content .txt ol.styled {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-weight: 400; color: #0077b3;} body .container .four.columns .button {white-space:nowrap;} body .toggle-container-link {background: #0077b3;} body .toggle-container-link:hover, body .toggle-container-link:focus {background-color:#004d80!important; opacity:1!important;} body .toggle-container {border: 1px solid #0077b3;} body .content-layer {border: 1px solid #0077b3; background: #ffffff;} body #product .toggle-item.accordion-content, body div[data-id="toggle-container-wrap"] .toggle-item.accordion-content {border: 1px solid #0077b3; background: #ffffff;} body section[data-id="content"] .toggle-container p, body #content .toggle-container p {font-size: 14px; line-height: 1.25;} body .toggle-container-image+h2 {font-weight: 700;} @media only screen and (max-width: 375px) {body section[data-id="content"] .toggle-container.big h2, body section[data-id="content"] .toggle-container.accordion-dropdown h2, body #content .toggle-container.big h2, body #content .toggle-container.accordion-dropdown h2 {font-size: 20px !important;}} body #product .toggle-item.accordion-content, body div[data-id="toggle-container-wrap"] .toggle-item.accordion-content {padding:20px!important;} @media only screen and (max-width: 767px) {body #product .toggle-item.accordion-content, body div[data-id="toggle-container-wrap"] .toggle-item.accordion-content {margin-bottom:20px!important;}} @media only screen and (max-width: 767px){html body .ga-track-togglers>a>.toggle-container-image + h2 {font-size: 18px!important;}} @media only screen and (max-width: 767px) {html body .toggle-container-link:focus,html body .toggle-container-link:hover {background: #0077b3!important;} html body .active .toggle-container-link:focus,html body .active .toggle-container-link:hover {background-color: #004d80!important;} .grid-40.mobile-grid-100 .toggle-table-link.toggle-container-link:focus,.grid-40.mobile-grid-100 .toggle-table-link.toggle-container-link:hover {background-color: transparent!important;}} @media only screen and (max-width: 767px) {body #content-container> div[data-id="toggle-container-wrap"] .accordion, #content-container > div[data-id="toggle-container-wrap"] .content-layer {margin-bottom: 20px;}} body hr {border: solid 0px #042b4d; margin: 50px 0px 25px 0px; border-top: 1px #042b4d solid!important;} body #mast-head-tabs {border-bottom: 1px solid #979797; font-size: 14px;} body #mast-head-tabs #content-tab-navi .tab-item.selected {border: 1px solid #979797;} @media only screen and (min-width: 768px) {body #mast-head-tabs #content-tab-navi .tab-item.selected {border: 0px solid #979797; background-color: #0077b3; color: #ffffff; margin-right: 0px;}} body .contactlist-row {border-bottom: 1px solid #979797;} body #mast-head-tabs #content-tab-navi .tab-item {padding: 7px 20px 0px 20px;} body #mast-head-tabs #content-tab-navi a .selected {color: #0077b3;} body #mast-head-tabs #content-tab-navi a {color: #4a4a4a; font-size: 16px; text-transform: none!important;} @media only screen and (min-width: 768px) {body #mast-head-tabs #content-tab-navi a {color: #0077b3; font-size: 16px; text-transform: none!important; border: 1px solid #657787; border-radius: 2px; overflow: hidden; margin: -1px -1px 0px 0px;}} .no-touch body #mast-head-tabs #content-tab-navi .tab-item:hover {color: #004d80!important;} @media only screen and (min-width: 768px) {.no-touch body #mast-head-tabs #content-tab-navi .tab-item:hover {color: #fff!important; background: #0077b3; margin-right: 0px;}} @media only screen and (min-width: 768px){.no-touch body #mast-head-tabs #content-tab-navi .tab-item.selected:hover {color: #ffffff !important;}} @media only screen and (max-width: 767px) {body #mast-head-tabs #content-tab-navi .tab-item {padding: 10px 20px 10px 20px!important;} body #mast-head-tabs #content-tab-navi a .iconbox {background-color: #0077b3!important; border-radius: 5px;} body #mast-head-tabs #content-tab-navi .tab-item.selected .iconbox {background-color: #004d80!important;} body .zelect.button-primary {margin-bottom:10px!important;} body #mast-head-tabs #content-tab-navi .tab-item.selected {border-bottom:0px white solid!important;}} @media only screen and (min-width: 768px) {body #mast-head-tabs #content-tab-navi .tabs {} body #mast-head-tabs #content-tab-navi .tab-item {padding: 5px 20px 5px 20px!important;}} body .contact {border: 1px solid #0077b3;} body .eight.columns .contact-body {font-size: 16px; line-height: 1.4375;} body .accordion {border-top: 1px solid #979797; border-left: 1px solid #979797; border-right: 1px solid #979797;} body .ui-accordion-content {border: 0px solid #979797; padding: 10px 25px!important;} body .ui-widget-content {border-bottom: 1px solid #979797; background: #fff; color: #4a4a4a;} body .accordion >h3:last-child{border-bottom: 1px solid #979797!important;} body .ui-accordion-header.ui-state-default {color: #015A83; background-color: #fff; border-bottom: 1px solid #979797;} body .accordion h3 {font-size: 16px; color: #00294d!important; padding-left: 18px; padding-top: 16px; padding-bottom: 16px; line-height: 1.4375; font-weight: 600;} body .accordion h3:hover {color: #004d80!important;} body .accordion h3.ui-accordion-header-active {background-color: #edf8ff!important; border-bottom: 0px solid #979797!important;} body .quote, body .quote .name {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 16px; line-height: 1.4375;} body button,body input,body select,body textarea {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 16px;} body select {color: #4a4a4a; border: 1px solid #979797 ; background-color: #edf8ff; padding: 5px; border-radius: 0px;} body .customselect-container select {border: 1px solid #979797;} body .ext-form-area, body .ext-form-area .tdhead {font-size: 16px; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; color: #4a4a4a;} body .ext-form-area h1 {font-size: 36px; line-height: 1.25; background-color: #fff; font-weight: 900; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; padding: 0px 20px 20px 0px; color: #00294d;} body .ext-form-area h2 {color: #00294d; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; text-transform: none; letter-spacing: -0.01rem; text-transform: none; padding: 0px 10px 10px 0px; font-weight: 900; font-size: 24px; line-height: 1.25;} body .ext-form-area h3 {color: #00294d; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; text-transform: none; letter-spacing: -0.01rem; text-transform: none; font-weight: 600; font-size: 20px!important; line-height: 1.25; font-style: normal;} body .ext-form-area input[type="text"], body .ext-form-area input[type="email"], body .ext-form-area textarea, body .ext-form-area input[type="date"] {font-size: 16px; line-height: 1.4375; color: #4a4a4a; min-height: 32px;} body .ext-form-area .subhead .headstep {background-color: #356e9a;background-image: none!important;} body .ext-form-area .radiotable label {color: #4a4a4a;} body .ext-form-area .validationErrorText {line-height: 1.25;font-size: 14px;} body .ext-form-area .button.ui-datepicker-trigger, body .ext-form-area button.ui-datepicker-trigger, body .ext-form-area .button.ui-datepicker-trigger:hover, body .ext-form-area button.ui-datepicker-trigger:hover, body .ext-form-area .button.ui-datepicker-trigger:focus, body .ext-form-area button.ui-datepicker-trigger:focus {padding: 4px 3px 4px 3px!important; background-color: transparent!important;} body .ext-form-area .button i.icon-calendar, body .ext-form-area button i.icon-calendar {font-size: 22px; color: #00294d; line-height: 22px; font-weight: 400;} body .ext-form-area fieldset {border: 1px solid #979797important; padding-top: 0px; -moz-box-shadow: 0 0px 0px rgba(0,0,0,.12)!important; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.12)!important; box-shadow: 0 0px 0px rgba(0,0,0,.12)!important;} body .ext-form-area fieldset>.grid-container {margin-top: 10px;} body .ext-form-area .helplong {font-size: 13px; margin-bottom: 10px;} body .ext-form-area .box .grid-container.table .tablerow:nth-child(2n) {background-color: #edf8ff;} body .ext-form-area .box .grid-container.table .tablerow:nth-child(2n) {background-color: #edf8ff;} body .ext-form-area .box .grid-container.table .tablerow.head, body .ext-form-area .box .grid-container.table .tablerow.head.sticker {background-color: #0077b3;} body .ext-form-area .grid-container .head, body .ext-form-area .grid-container .head p, body .ext-form-area .grid-container.table .tablerow.head, body .ext-form-area .grid-container.table .tablerow.head.sticker {background-color: #0077b3;} body .ext-form-area input.c13 {width: 125px;} @media only screen and (min-width: 1281px) {body .ext-form-area .samerow input.p100 {width: 357px;}} body .ext-form-area .tablerow a.button, body .store-fullbasket td.tools .button {padding:4px 6px!important; min-height:20px!important;} body .ext-form-area input.c10 {width: 95px;} @media only screen and (max-width: 767px){body .ext-form-area input.c10 {width: 95px!important;}} body .ext-form-area input.marginBottom {margin-bottom: 10px;} body .ext-form-area .box .grid-container.table.scroll-head {margin-top: 0px;} body #product .ext-form-area fieldset .accordion {margin-bottom: 0px;} .txt span, .txt p{font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important;} body strong {font-weight: 600; color: #00294d;} body section[data-id="content"] .container .boxborder, body #content .container .boxborder {border: 1px solid #979797;} body section[data-id="content"] .logolinkboxheader.v3 span, body #content .logolinkboxheader.v3 span {background: #edf8ff; padding: 12px 15px; font-weight: 600; color: #003665!important;} body .campaign-box .arrow-links .nopadding li a {font-weight:600!important;} body #product .accordion,body div[data-id="toggle-container-wrap"] .accordion {clear: both!important; margin-bottom: 30px;} body .grid-container .head, body .grid-container .head p, body .grid-container.table .tablerow.head, body .grid-container.table .tablerow.head.sticker {background-color: #002d54; color: #fff; font-size: 16px; font-weight:600; z-index: 1;} body .grid-container.table .tablerow {background-color: #ffffff; padding-top: 18px; padding-bottom:3px;} body .grid-container.table .tablerow:nth-child(2n) {background-color: #edf8ff;} body .grid-container .tablerow {border-top: 0px solid #cecece!important;} body .grid-container .tablerow .tdtxtcenter {padding-top: 0px;} body .grid-container .tablerow p {font-size: 14px;} body .grid-container .tablerow .tdhead {padding: 0px 0px 6px 10px; margin-top: -5px!important;} body .tablerow .toggle-container-link:hover, body .tablerow .toggle-container-link:focus {background-color:transparent!important;} body div[data-id="toggle-container-wrap"] .toggle-table-text {color: #00294d; font-weight: 600;} body div[data-id="toggle-container-wrap"] .toggle-table-text:hover {opacity: 1!important; color: #00294d!important;} body div[data-id="toggle-container-wrap"] .toggle-item p {color: #00294d;} body .grid-container .tablerow i.icon-ok {color: #42bf85;} body .grid-container .tablerow i.icon-minus {color: #00294d;} body .grid-container .tablerow .toggle-container-link i {color: #00294d;} body .grid-container .tablerow .tdhead {color: #00294d; font-weight: 600;} body .grid-container .tablerow .tdhead .toggle-item p {color: #00294d; font-weight: 400;} #map-canvas button {padding:0px!important;min-height: 30px!important;} #map-canvas button:hover, #map-canvas button:focus{background-color:#ffffff!important; border:0px transparent solid!important; box-shadow: 0 0 0 0 #004d80!important;} #searchTextFieldReqId, #searchTextFieldCity {width: 220px!important; border: 1px solid #0077b3!important;} ::-webkit-input-placeholder, :-ms-input-placeholder , ::placeholder {font-size: 14px;} #financial-calculator button {margin-top:0px!important; padding: 2px 1.2rem!important;} #financial-calculator .financialDisclaimer {font-size: 14px!important;} body .zelect, body .login-button {width: 250px;} body #mast-head .button i.icon-angle-down {margin-top: 3px;} body .zelect li, body .login-button a, body .login-button a:visited {color: #0077b3!important; font-weight:400!important;} body .login-button a:active, body .login-button a:hover, body .zelect li:hover {color: #004d80!important; font-weight:400!important;} body #content-nav {margin-bottom: 40px!important;} body section[data-id="content"] ul.contentnavi li.active, body #content ul.contentnavi li.active {background-color: #0077b3 !important;} body section[data-id="content"] ul.contentnavi li, body #content ul.contentnavi li {border-top: 1px solid #979797; border-left: 1px solid #979797; border-right: 1px solid #979797;} body section[data-id="content"] .contentnavi, body #content .contentnavi {border-bottom: 1px solid #979797;} body section[data-id="content"] ul.contentnavi li a, body #content ul.contentnavi li a {padding: 12px 3px 12px 15px!important;} @media only screen and (max-width: 767px) {body section[data-id="content"] ul.contentnavi li, body #content ul.contentnavi li {border-left: 0px solid #979797!important; border-right: 0px solid #979797!important;}} body section[data-id="content"] ul.contentnavi, body #content ul.contentnavi {margin-top: 15px;} body section[data-id="content"] ul.contentnavi ul.sub-cnav li, body #content ul.contentnavi ul.sub-cnav li {border-left: 0px solid #979797; border-right: 0px solid #979797; padding-left: 10px;} body section[data-id="content"] ul.contentnavi li li.active, body #content ul.contentnavi li li.active {background-color: #edf8ff !important;} body section[data-id="content"] ul.sub-cnav, body #content ul.sub-cnav {font-size: 14px;} @media only screen and (max-width: 959px) {body section[data-id="content"] ul.sub-cnav, body #content ul.sub-cnav {font-size: 14px;}} body section[data-id="content"] ul.contentnavi li.active ul.sub-cnav a, body #content ul.contentnavi li.active ul.sub-cnav a {color: #0077b3 !important;} .no-touch body section[data-id="content"] ul.contentnavi li.active ul.sub-cnav a:hover, .no-touch body #content ul.contentnavi li.active ul.sub-cnav a:hover {color: #004d80!important;} body #office-map-toggle {margin-top: 15px!important;} #office-map-wrap button {padding:0px!important;min-height: 30px!important;} #office-map-wrap button:hover, #office-map-wrap button:focus{background-color:#ffffff!important; border:0px transparent solid!important; box-shadow: 0 0 0 0 #004d80!important;} body .contactlist {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} body .contactlist .contactlist-cell {color: #00294d;} body .contactlist a .contactlist-cell:hover {color: #0077b3;} body .contact h4 {font-size: 18px; line-height: 1.25;} body .contact-body {font-size: 14px; line-height: 1.25; padding: 20px 12px 10px 12px;vertical-align: top;} body .contact-email {border-top: 1px solid #979797!important; background: #edf8ff!important;font-size: 14px;} body .contact-email i {margin-top: 5px; display: inline-block; margin-bottom: 5px;} @media only screen and (max-width: 959px) {body .contact {max-width: 500px!important; margin-left: auto!important; margin-right: auto!important;} body .contact-card {min-height: 100px!important;} body .contact img {max-width: 200px!important;}} body .store-basket {border-top: 1px solid #d5d6d2!important; background: #f9f9f9!important;} body .dynamic-search-box, body .GooglemapTotalcontainer {background-color: #edf8ff!important;} body .contactlist-small {font-size: 14px;} body #nav2 #main-nav {background-color: #00294d;} body #nav2 #main-nav-ul li a {background-color: #00294d; font-weight: 600; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 16px;} .no-touch body #nav2 #main-nav ul a:hover, .no-touch body #nav2 #main-nav ul .selected a:hover {background-color: #fff; color:#004d80;} .no-touch body #nav2 #main-nav ul .open a:hover, .no-touch body #nav2 #main-nav ul .selected.open a:hover , .no-touch body #nav2 #main-nav ul .open a, .no-touch body #nav2 #main-nav ul .selected.open a {background-color: #fff; color:#004d80;} .no-touch body #nav2 #main-nav ul .open ul a , .no-touch body #nav2 #main-nav ul .selected.open ul a {color: #0077b3;} .no-touch body #nav2 #main-nav ul .open ul a:hover , .no-touch body #nav2 #main-nav ul .selected.open ul a:hover {color: #004d80;} body #nav2 #main-nav-ul li a {border-left: 0px solid white;} body #nav2 #main-nav-ul li:last-child a {border-right: 0px solid white;} body #nav2 #main-nav {height: 60px;} @media only screen and (min-width: 768px){body #nav2 #main-nav-ul li {height: 60px;}} @media only screen and (min-width: 768px){body #nav2 #main-nav .sub-navi {top: 60px;} body #nav2 #main-nav .sub-navi li a {background-color: #fff; color: #0077b3!important;} body #nav2 #main-nav .sub-navi li a:hover {color: #004d80!important;} body #nav2 #main-nav-ul .open> a {background-color: #fff!important; color: #004d80!important;} body #nav2 #main-nav-ul .open .boxnoborder a {color: #0077b3!important;} body #nav2 #main-nav-ul li a {text-transform: none;} body #nav2 #main-nav .sub-navi.mega {border-bottom: 1px #c6c6c6 solid; border-left: 1px #c6c6c6 solid; border-right: 1px #c6c6c6 solid;} body #nav2 #main-nav .sub-navi.mega .sub-navi-megaad {border-left: 1px solid #c6c6c6;} body #nav2 #main-nav .sub-navi.mega .sub-navi-megali li:first-child, body #nav2 #main-nav .sub-navi.mega .sub-navi-megaad:first-child {border-top: 0px solid #E6E6E7!important;} body #nav2 #main-nav .sub-navi.mega .sub-navi-megali li:last-child, body #nav2 #main-nav .sub-navi.mega .sub-navi-megaad:last-child {border-bottom: 0px solid #E6E6E7!important;} body #nav2 #main-nav-ul .sub-navi li {height: auto; border-top: 1px solid #cfd2d4;} body #nav2 #main-nav-ul li .sub-navi-megaad a {font-weight: 400;} body #nav2 #main-nav-ul >li> a {color: #e1e2e3;} body #nav2 #main-nav-ul .selected> a {background-color: #1A3E5F;}} @media only screen and (min-width: 768px) and (max-width: 959px){body #nav2 #main-nav .sub-navi li a, body #nav2 #main-nav-ul li a {font-size: 14px!important;} body #main-nav .sub-navi.mega .sub-navi-megaad p {font-size: 14px!important;}} body #nav2 #main-nav .sub-navi.mega .sub-navi-megaad {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';} @media only screen and (max-width: 767px){body #nav2 #main-nav .sub-navi li {}} body #nav2 #main-nav .sub-navi li a {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; box-sizing: border-box;} body #nav2 #main-nav-ul ul li a {font-weight: 400;} body #nav2 #main-nav-ul ul li p {font-size: 16px; line-height: 1.4375;} body #main-nav .sub-navi.mega .sub-navi-megaad p {font-size: 16px; line-height: 1.4375;} body #nav2 #loc-lt-txt {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 14px; color: #00294d; font-weight: 600; font-style: normal;} @media only screen and (max-width: 767px){body #nav2 #main-nav {height: auto!important;} body #nav2 #main-nav ul li a {color: #0077b3!important; background-color: #fff; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-weight:400!important;} body #nav2 #main-nav-ul .open a {color: #004d80!important; background-color: #fff; font-weight:400!important;} body #nav2 #main-nav #main-nav-ul > div > ul> li> a, body #nav2 #main-nav #main-nav-ul > li> a {font-weight:600!important; font-size:16px!important;} #nav2 #main-nav #mobile-top-navi ul li ul li span {font-weight:400!important; font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important;} body #nav2 #global-nav #mobile-fcontact #fcontact-icon-area i,body #nav2 #mobile-navi-dropdown i , body #nav2 #global-nav #mobile-search #search-icon-area .search-icon {color: #00294d;} body #nav2 #main-nav-ul .open ul a {padding-left:20px!important;} body #nav2 #main-nav-ul #nav-li-login.open ul a , body #nav2 #main-nav-ul #nav-li-lang.open ul a {padding-left: 30px!important;}} @media only screen and (min-width: 1281px){body #nav2 #main-nav-ul> li> a {max-width: 200px;}} @media only screen and (min-width: 768px){.no-touch body #nav2 #global-nav #buttons_navi a:hover, body #nav2 #global-nav #buttons_navi .selected a {color: #002d54; background-color: #fff!important; border-bottom: 4px #002d54 solid; transition: background-color .2s,box-shadow .4s;} body #global-nav #buttons_navi >ul>li> a {padding: 0px 0px 0px 0px; margin: 0px 12px 0px 12px; height: 30px; line-height: 30px; font-weight: 600!important;} body #nav2 #global-nav #buttons_navi {margin-top: 38px;} body #nav2 #global-nav #buttons_navi a {background-color: #fff; color: #002d54!important; font-weight:600;} .no-touch body #nav2 #global-nav #buttons_navi a:hover {background-color: #edf8ff; color: #002d54!important;}} @media only screen and (max-width: 767px) {.no-touch body #nav2 #global-nav #buttons_navi >ul>li.selected:hover , .no-touch body #nav2 #global-nav #buttons_navi >ul>li.selected:hover a {background: #0077b3 !important; color: #fff!important;} .no-touch body #nav2 #global-nav #buttons_navi >ul>li:hover , .no-touch body #nav2 #global-nav #buttons_navi >ul>li:hover a {background: #fff !important; color: #002d54!important;}} body #nav2 #global-nav #buttons_navi {border-radius: 4px;} body #nav2 #global-nav #buttons_navi li {border : 0px solid #d6eff6!important;} body #global-nav #buttons_navi {margin-top: 44px; font-size: 14px;} body #global-nav #buttons_navi a {text-transform: none;} body #nav2 #global-nav #buttons_navi {border: 0px solid #003665;} body #nav2 #global-nav #buttons_navi a {color: #002d54; background-color: #fff; font-weight: 900; font-size: 14px;} body #nav2 #global-nav #buttons_navi .selected {border-radius: 0px!important;} body #nav2 #global-nav #buttons_navi li:first-child a, body #nav2 #global-nav #buttons_navi li:last-child a {border-radius: 0px!important;} @media only screen and (max-width: 767px) {body #global-nav #buttons_navi .selected, body #global-nav #buttons_navi li:hover, body #nav2 #global-nav #buttons_navi .selected a {color: #fff!important; background: #004d80!important; font-size: 14px!important; font-weight: 600!important;} body #global-nav #buttons_navi ul {border-bottom: 1px #e1e2e3 solid;} body #nav2 #main-nav ul li a {text-transform: none!important;} html body #nav2 #global-nav #buttons_navi li.selected,html body #nav2 #global-nav #buttons_navi li.selected a, html body #nav2 #global-nav #buttons_navi li.selected a:active, html body #nav2 #global-nav #buttons_navi li.selected:hover {color: #fff!important; background: #00294d!important;} html body #nav2 #global-nav #buttons_navi li,html body #nav2 #global-nav #buttons_navi li a ,html body #nav2 #global-nav #buttons_navi a,html body #nav2 #global-nav #buttons_navi a:active, html body #nav2 #global-nav #buttons_navi li:hover{background-color: #fff!important; color: #002d54!important;}} body .table-container table.borders {border-bottom: 1px solid #979797; border-right: 1px solid #979797;} body .table-container table.borders tr {border-top: 1px solid #979797;} body .table-container table.borders td {border-left: 1px solid #979797;} body .table-container td b,body .table-container td strong {color: #4a4a4a;} body .table-container td p strong {font-weight: 600; line-height: 1.5;} body .table-container td p {line-height: 1.5;font-size: 14px;} @media only screen and (max-width: 767px) {body .table-container table.borders tr {border: 0px solid #cecece!important;} body .table-container table.borders td {border-left: 1px solid #979797!important; border-bottom: 1px solid #979797!important; border-right: 1px solid #979797!important;} body .table-container table.borders {border: 0px solid #979797!important; border-top: 1px solid #979797!important;}} @media only screen and (min-width: 768px){body .table-container tr:nth-child(2n) {background-color:#edf8ff;}} body .table-container tr {border-top: 1px solid #979797;} body .table-container th {color: #4a4a4a; font-weight: 600;} @media only screen and (max-width: 767px){body .table-container td:nth-child(2n) {background-color:#edf8ff;}} body .grid-container .tablerow .tdtxtcenter {font-size: 14px;} body #loc_message_box {background-color:#ffffff;} body #loc_message_box #locationselect-layer .loc-search {border-radius: 2px; border: 1px solid #00294d;} body #loc_message_box #locationselect-layer input {padding-top:10px; line-height:100%; background: transparent!important;padding-left: 8px!important;} body .postal_layout>div {color: #00294d;} _:-ms-lang(x), body #loc_message_box #locationselect-layer input {padding-top: 8px!important;} body .citation {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; line-height: 1.4375; font-weight: 400; font-style: normal;} body #nav2 #global-nav #search-area {border-color: #00294d; border-radius:2px;} body #nav2 #global-nav #search-area a {background: #00294d; border-bottom-right-radius: 2px; border-top-right-radius: 2px;} body #nav2 #global-nav #search-area input {padding: 9px 0px 7px 0px; line-height: 100%;} body #mobile-search-layer #mobile-search-area {height: 32px;} body #top-nav , body #nav2 #top-nav #locationselect, body #nav2 #top-nav #locationselect #loc-result-txt {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-size: 14px;} body #nav2 #top-nav #locationselect {background-color: #edf8ff; border-left: 1px solid #edf8ff; border-right: 1px solid #edf8ff; color: #00294d; font-weight: 400;} .no-touch body #nav2 #top-nav #locationselect:hover {background-color: #edf8ff; border-left: 1px solid #edf8ff; border-right: 1px solid #edf8ff; color: #00294d; font-weight: 600;} body #top-nav .columns {color: #00294d!important;} body #top-nav {background-color: #edf8ff; font-weight: 400;} body #top-nav #shoppingcart-button {background-color: #edf8ff; line-height: 22px;} body #top-nav #shoppingcart-button:hover {font-weight: 600!important;} body #nav2 #top-nav #locationselect i {color: #00294d!important; margin-top: -4px; font-weight: 900;} body #nav2 #top-nav #locationselect #loc-result-txt {padding-top: 0px; line-height: 16px;} body #top-nav #langselect a {color: #00294d!important; line-height: 100%;} .no-touch body #top-nav #langselect a:hover {font-weight: 600;} #nav2 #top-nav #langselect .lang-link {line-height: 100%;} body #top-nav #loginselect, .no-touch body #top-nav #loginselect:hover {color: #fff; background-color: #00294d; background-image: none;} .no-touch body #top-nav #loginselect:hover {font-weight: 600;} body #top-nav #loginselect>span{line-height:20px!important;} body #top-nav #loginselect-layer .heading {font-size: 20px; font-weight: 600; color: #002d54;} body #top-nav #loginselect-layer hr,body #top-nav #shoppingcart-layer hr {height: 0px; border-top: 0px #979797 solid!important; border-bottom: 1px #979797 solid!important; border-left: 0px #979797 solid!important; border-right: 0px #979797 solid!important; clear: both!important; padding-top: 10px!important;} body #top-nav #loginselect-layer, body #top-nav #shoppingcart-layer {font-size: 16px; color:#4a4a4a;} body #nav2 #top-nav .columns #loginselect-layer a, body #nav2 #top-nav .columns #shoppingcart-layer a {color: #0077b3;} body #nav2 #top-nav .columns #loginselect-layer a:hover, body #nav2 #top-nav .columns #shoppingcart-layer a:hover {color: #004d80;} body #frontPageCampaignContent.fontLahitapiolaSlabBook {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-weight: 400; font-style: normal;} body .whiteText {color: #ffffff !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);} body .lightBlueText {color: 00294d !important; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);} body #frontPageCampaignContent {margin-top: -50px; padding-left: 80px; box-sizing: border-box; padding-right: 80px; font-weight: 900!important; font-size: 36px; line-height: 1.4375; font-style: normal;} @media only screen and (min-width: 900px){body #frontPageCampaignContent {font-size: 48px!important;}} @media only screen and (max-width: 767px){body #frontPageCampaignContent {font-size: 27px!important;} body #frontPageCampaignContent {padding-left: 50px!important; padding-right: 50px!important;}} body #frontPageCampaignLink .campaignButton{font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; text-transform: none; font-weight: 600; font-size: 16px; border: 0px transparent solid; letter-spacing: 0px; text-decoration: none; margin-top: 10px; box-sizing: border-box!important; min-height: 50px!important; line-height: 18px!important; padding: 15px 28px 15px 28px!important; max-width: 350px; font-style: normal;} body .lightBlueButton {background-color: #00294d; color: #ffffff !important;} body .lightBlueButton:hover {background-color: #00294d;} body .whiteButton {background-color: #ffffff; color: #00294d !important;} body .blueButton {background-color: #00294d; color: #ffffff !important;} body .blueButton:hover {background-color: #00294d;} body #frontPageCampaignLink .campaignButton:hover {box-shadow: 0 0 0 0 white;} body .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link.active {background: #004d80;} body .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link.active:hover {background: #003566; box-shadow: 0 0 0 1px #004d80;} body .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link:hover {background: #0077b3; box-shadow: 0 0 0 1px #0077b3;} body .bx-wrapper .bx-controls-direction a:hover {border: 2px solid #0077b3; border-color: transparent transparent #0077b3 #0077b3;} .bx-controls>.bx-controls-direction {display:none!important;} body .info_blocks__button .button {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; font-weight: 600; font-size: 16px; border: 0px transparent solid; letter-spacing: 0px; text-decoration: none; margin-top: 10px; box-sizing: border-box!important; min-height: 50px!important; line-height: 18px!important; padding: 15px 28px 15px 28px!important; font-style: normal;} body .bs-lt .info_blocks__content--image .info_blocks__button a.button.button-primary:hover{box-shadow: 0 0 0 0 transparent!important;} body .info_blocks__content--default {background-color: #0077b3;} body .info_blocks__content--default.Front.violet-bg {background-color: #7a01c4!important;} body .info_blocks__text a, body .info_blocks__text a:visited {color: #ffffff!important; text-decoration:underline!important;} body .info_blocks__text a:active, body .info_blocks__text a:hover {color: #ffffff!important; text-decoration:underline!important;} body .info_blocks__content--default .info_blocks__button .button--outlined:hover, body .info_blocks__content--default .info_blocks__button .button--outlined:visited:hover, body .info_blocks__content--default .info_blocks__button .button--outlined:active:hover {color: #002d54!important; background-color: #fff!important;} body .bs-lt .Front .info_blocks__button .button--outlined:hover, body .bs-lt .Front .info_blocks__button .button--outlined:visited:hover,body .bs-lt .Front .info_blocks__button .button--outlined:active:hover {color: #002d54!important;} body .info_blocks h1, body .info_blocks h2, body .info_blocks h3, body .info_blocks h4,body .info_blocks h5,body .info_blocks h6 {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; font-weight: 900; font-style: normal; letter-spacing: 0px;} body .info_blocks__header {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; font-weight: 900; font-style: normal; font-size: 25px; line-height: 1.4375; letter-spacing: 0px;} body .bs-lt .info_blocks h2.frontnewspromoTitle {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; font-weight: 900; font-style: normal; font-size: 25px; letter-spacing: 0px; color: #002d54; padding-bottom: 5px!important; padding-top: 5px!important;} @media only screen and (max-width: 767px){body .info_blocks__header {font-size: 25px!important;} body .bs-lt .info_blocks h2.frontnewspromoTitle {font-size: 25px!important;}} body .info_blocks__text p {font-family: 'lahitapiolasans', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'!important; font-weight: 600; font-style: normal; font-size: 16px; line-height: 1.5;} body .bs-lt .newspromofront1x1Box p {font-size: 14px!important; font-weight: 400; font-style: normal; color: #657787!important;} body .contentContainer2x1 .info_blocks__header {color: #002d54; font-weight: 900!important;} body .contentContainer2x1 .info_blocks__text {color: #002d54;} body .bs-lt .newspromofront1x1Box p a {font-weight: 600;font-size: 16px!important; color: #0077b3!important;} body .bs-lt .newspromofront1x1Box p a:hover {font-weight: 600;font-size: 16px!important; color: #004d80!important;} body .info_blocks__item.newspromofront1x1Box >.info_blocks__content{border: 1px solid #b4bdc1;} body .info_blocks__content--white {border: 1px solid #b4bdc1;} body .info_blocks__item>div{border-radius:4px!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important;} body .info_blocks__item {background-color: transparent!important;} body .info_blocks , body .pageBGColor, body #wide-news-ticker-bg {background-color: #fff!important;} body #someContainer {background-color: #edf8ff!important;} body #footer-spacer, body #footer-shortcuts, body #footer-shortcuts h3, body #footer-copy, body #footer, body #footer2 {background-color: #00294d!important;} body .giosg_chat_now.dock-left {} body #footer-copy .columns, body #footer-copy .column {font-weight: 400; font-style: normal;font-size: 14px;} body #top-button:hover {background-color: #004d80!important;} body #top-button {background-color: #0077b3;} body #footer-spacer {height: 40px;} body .footer-element h2 {font-weight: 700; font-size: 18px!important;} body #mast-head {background: #edf8ff; padding-bottom: 40px; margin-bottom: 40px;} body #mast-head div.cropimg-center {background: #edf8ff;} body #mast-head .media-area {background-color: #edf8ff;} @media only screen and (min-width: 768px){body #mast-head .media-area img {margin-top: 40px;}} #region_message_box, #region_message_box >DIV, body #mast-head .regional_postal_layout, body #mast-head .regional_postal_layout DIV {BACKGROUND: TRANSPARENT!IMPORTANT;} body #region_message_box #regionselect-layer .loc-search {border-radius: 2px!important; border: 1px solid #00294d!important; BACKGROUND-COLOR: WHITE!IMPORTANT;} @media only screen and (max-width: 459px) and (min-width: 370px) {body .regional_postal_layout{margin-left: 35px!important;}} body #region_message_box #regionselect-layer input {padding-top: 10px; line-height: 100%; background: transparent!important; padding-left: 8px!important;} body .showCaseItem h4 {color: #4a4a4a; text-transform: none; font-weight: 600; font-style: normal;} body .showCaseItem h4 i.icon-angle-down {margin-left: 5px; color: #4a4a4a; font-size: 18px; font-weight: 700;} @media only screen and (max-width: 767px) {body .showCaseItem h4 {font-size: 16px!important;}} body ul.showCaseLinklist li a:hover {font-weight: 400;} body ul.showCaseLinklist li {border-color: #cfd2d4;} html body .frontpage-showCase .showCaseLinklist li, html body .frontpage-showCase .showCaseLinklist li:hover {white-space: normal!important;} @media (min-width: 831px) and (max-width: 1100px) {body .frontpage-showCase .showCaseLinklist li, body .frontpage-showCase .showCaseLinklist li:hover {font-size:14px!important;}} body section[data-id="content"] #newsNaviContainer .contentnavi, body #content #newsNaviContainer .contentnavi {border-bottom: 1px solid #0077b3;} body #newsNaviContainer ul.contentnavi {border-color: #0077b3;} body section[data-id="content"] #newsNaviContainer ul.contentnavi li, body #content #newsNaviContainer ul.contentnavi li {border-top: 0px solid #979797; border-left:0px solid #979797; border-right: 0px solid #979797;} body #newsNaviContainer ul.contentnavi {font-size: 16px;} body .newsType {color: #657787; font-size: 16px; line-height: 1.25;} body #newsNaviContainer .themeContainer a.selected {color: #0077b3;} body #newsNaviContainer .themeContainer a.selected:hover {color: #003665;} body #newsNaviContainer .themeContainer a {color: #657787;} body #newsNaviContainer .themeContainer a:hover {color: #003665;} body #newsListContainer .newsType p,body #hidden-news .newsType p,body #latestNews .newsType p {color: #657787; font-size: 14px;} body #newsListContainer .newsType a, body #hidden-news .newsType a, body #latestNews .newsType a {color: #657787; font-size: 14px;} body #newsListContainer h3,body #hidden-news h3,body #latestNews h3 {text-transform: none;} @media only screen and (min-width: 768px) {body #latestNews .newsContainer {border: 1px solid #979797; margin-bottom: 30px;}} body #movable-area-section h1 {padding-bottom: 0px; padding-top: 0px;} #newsListContainer ul.large li,#newsListContainer li p {line-height: 1.4375;} body section[data-id="content"] .container.normalpadding>div> #newsNaviContainer.boxnoborder, body #content .container.normalpadding>div> #newsNaviContainer.boxnoborder {margin-bottom: -10px;} @media only screen and (max-width: 767px) {body section[data-id="content"] .newslist-main li, body #content .newslist-main li {border-bottom: 0px solid #ececec;}} @media only screen and (min-width: 768px) {body section[data-id="content"] .newslist-main li, body #content .newslist-main li {border: 1px solid #979797;}} body section[data-id="content"] .rightContainer .blogContainer h2, body #content .rightContainer .blogContainer h2 {padding-top: 0px;} body #newsListContainer h3 a,body #hidden-news h3 a,body #latestNews h3 a {color: #0077b3; line-height: 1.25;} body #newsListContainer h3 a:hover,body #hidden-news h3 a:hover,body #latestNews h3 a:hover {color: #003665;} body #newsListContainer ul.large li, body #newsListContainer li p {line-height: 1.25;} body .rightContainer .blogContainer {background-color: #fff; color: #657787; border: 1px solid #979797;} body .rightContainer .blogContainer a,body .rightContainer .blogContainer a:visited {color: #0077b3; line-height: 1.25; font-size: 16px!important; font-weight:900;} body .rightContainer .blogContainer a:hover {color: #004d80!important; text-decoration:none!important; line-height: 1.25; font-size: 16px!important; font-weight:900;} body .blogContainer p {font-size: 14px;} body .rightContainer .blogContainer a.button,body .rightContainer .blogContainer a.button:visited {color: #fff!important;} body .rightContainer .blogContainer a.button:hover {color: #fff!important;} body #readMoreNews .button--outlined, body #readMoreNews .button--outlined:hover {box-shadow: 0 0 0 0px #fff; color:#fff!important;} body #latestNews .newsContentActualText h4 {margin-left: 0px;} body section[data-id="content"] .rightContainer .blogContainer .ms-limiter> p>a, body #content .rightContainer .blogContainer .ms-limiter> p>a {display: block;} body section[data-id="content"] #newsNaviContainer .contentnavi a, body #content #newsNaviContainer .contentnavi a {margin-left: 0px;} body .newsContent h3 {font-size: 16px!important; font-weight: 900!important; letter-spacing: -0.01rem;} body #newsListContainer .newsType p,body #hidden-news .newsType p,body #latestNews .newsType p {margin-bottom: 2px; margin-top: 8px;} body #latestNews .newsContainer .newsContent {margin: 0px 20px 20px 20px;} body #latestNews .newsContent h3 a {color: #0077b3; line-height: 1.25; font-weight: 900; font-size: 16px!important;} body #latestNews .newsContent h3 a:hover {color: #003665;} body section[data-id="content"] #latestNews p, body #content #latestNews p {margin-bottom: 7px;} body #latestNews .newsContent p {line-height: 1.25;} body section[data-id="content"] .container .boxnoborder .logolink1, body #content .container .boxnoborder .logolink1, body .content-layer .logolink1, body section[data-id="content"] .logolink1, body #content .logolink1 {font-size: 14px; font-weight: 600;} body #main-nav .sub-navi.mega .sub-navi-megaad .megahead {font-weight: 600; font-size: 18px; line-height: 1.25; font-style: normal; box-sizing: border-box; background-color: #f5f8fa; text-transform: none; min-height: 50px;} body #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a, body #nav2 #main-nav .sub-navi li a {color: #0077b3;} body #nav2 #main-nav .sub-navi.mega .sub-navi-megaad li a {font-size: 16px; line-height: 1.4375; font-weight:400; padding: 0px 0px 0px 10px;} body #language_message #language_close .btn {padding: 1px 3px 4px 7px;} body .ds-header-helppi .ds-helppilnk:link,body .ds-header-helppi .ds-helppilnk:visited,body .ds-header-helppi .ds-helppilnk:active, body .ds-header-helppi .ds-helppilnk:hover {font-weight: 700; font-size: 16px; text-transform: none!important; box-sizing: border-box!important; min-height: 50px!important; line-height: 18px!important; padding: 15px 28px 15px 28px!important; max-width: 350px; background-color: #0077b3; border: 0px transparent solid!important; letter-spacing: 0px; transition: background-color .6s, box-shadow .4s;} body .ds-header-helppi .ds-helppilnk:active, body .ds-header-helppi .ds-helppilnk:hover {background-color: #004d80!important;} body .ds-container button{background-color: #0077b3; letter-spacing: 0px; color: #fff!important;} body .ds-container .iswhitebutton, body #InfoToolContactForm1 .iswhitebutton{background-color: #fff!important; color: #0077b3 !important; border: 1.5px #979797 solid!important; letter-spacing: 0px;} body .ds-container .ds-header .buttonprev, body .ds-container .ds-header .buttonprev:hover {background-size: auto 22px!important; border: 0 #f00 solid!important; height: 25px; min-width: 100px; padding-left: 30px; font-weight: 600; margin-top: 5px; color: #0077b3!important; background-position: 0px 12px !important; background-color:transparent !important;} body .ds-widebody.ds-blue {background: #0077b3;} body #InfoToolContactForm1 button {letter-spacing: 0px;} body #InfoToolContactForm1 button.isbluebutton {background-color: #0077b3;} body #InfoToolContactForm1 button.dsbuttonPostContact:disabled:hover, body #InfoToolContactForm1 button.dsbuttonPostContact[disabled]:hover {background-color: #657787!important;} body #InfoToolContactForm1 button.isbluebutton:hover {background-color: #004d80!important; transition: background-color .6s, box-shadow .4s;} body .dsdialogClose {padding: 10px!important;} body .dsdialogClose:hover {background: transparent!important;} body .ds-widebody.ds-grey {background: #f5f8fa;} @media (max-width: 1000px) and (min-width: 750px){body .ds-container .ds-controls button {padding-left: 10px!important; padding-right: 10px!important;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){body .ds-result> .row >.col-12.col-lg-6:last-child >.ms-bal {margin-left: 50px!important;} body .ds-result> .row >.col-12.col-lg-6:first-child >.ms-bal {margin-left: 15px!important;}} body a.uppercase {text-transform: none !important;} body #main {margin-bottom:40px!important;} body #someContainer {margin-bottom: -40px!important;} @media only screen and (max-width: 767px) {body #main-nav #main-nav-ul #mobile-top-navi ul , body #main-nav .alignment #main-nav-ul{height: auto!important;} body #nav2 #main-nav #mobile-top-navi ul li a .arrow {padding-top: 0px;}} body #alert_message_box, body .chromeframe {background-color:#f7b228;} body #alert_message {color: #000;} body .contactlist .emergency .contactlist-cell{color: #de2362 !important; font-weight: bold} body .contactlist .emergency i {color: #de2362 !important;} .emergency a {color: #de2362 !important;} body button.flickity-prev-next-button , body button.flickity-prev-next-button:hover {background-color: #edf8ff!important;} body .flickity-prev-next-button .arrow {fill: #0077b3;} body #SoMeContainer {background-color: #fff!important; min-height: 0px;} body .grid-container .plushead {background-color: #0077b3 !important; padding-top: 10px;} @media only screen and (max-width: 959px) and (min-width: 768px) {body #top-nav, body #nav2 #top-nav #locationselect, body #nav2 #top-nav #locationselect #loc-result-txt {font-size: 12px!important;}} body .login-button-wrap .dropdown >ul>li>a{font-size:14px!important;} body .login-button-wrap .dropdown li {margin: 10px 0 0!important;} @media only screen and (min-width: 768px) and (max-width: 959px) {html body #global-nav #buttons_navi >ul>li> a {margin: 0px 10px 0px 10px!important;}} @media only screen and (max-width: 767px) {body #mast-head-tabs #content-tab-navi a .tab-item.selected .iconbox {margin-right: 4px;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {section[data-id="content"] .fp-img.small>a>img, #content .fp-img.small>a>img {width:100%!important;}} .no-touch body #nav2 #global-nav #search-area a:hover {background-color: #0077b3 ;} body button.bcs-searchbox-submit.search-icon.icon-search {padding: 0px!important; min-height: 20px!important;} body .bcs-searchbox-submit {background-color: #00294d !important; border-color: #00294d !important;} body .bcs-container-searchbox {border-color: #00294d !important;} body button.bcs-searchbox-submit.search-icon.icon-search:hover {background-color:#0077b3 !important; opacity:1;} body .bcs-container-searchbox {width: 96%;} body section[data-id="content"] .bcs-result h2, body #content .bcs-result h2 {padding-bottom: 0px;} body .bcs-result h2 {font-size: 18px!important; font-weight:600!important;} body .bcs-result h2 a {color: #0077b3!important;} body .bcs-result h2 a:visited, body .bcs-result h2 a:hover {color: #004d80!important;} body .bcs-caption p {color: #00294d!important;} body .bcs-caption-text b {font-weight:600;} body .bcs-result {padding: 6px 20px;} body .bcs-pagination>ul>li>a:hover {background-color: #f3f9fc; color: #00294d;border-radius: 5px;} body .bcs-pagination a {color: #0077b3; font-weight:600; border: 1px solid transparent; min-width: 36px;} body .bcs-pagination {margin-top: 15px;} body .bcs-pagination .bcs-current-page {background-color: #f3f9fc;border-color: #042b4d; border-width: 1px; border-radius: 5px;} body .bcs-pagination a.bcs-current-page {color: #00294d!important;} body #nav2 #mobile-search-layer {background-color: #fff; background-image: linear-gradient(bottom, #fff 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #fff 0%, #fff 100%); background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 100%); background-image: -ms-linear-gradient(bottom, #fff 0%, #fff 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #fff)); color: #00294d;} body #mobile-search-layer #mobile-search-area {height: 37px; color: #00294d; border: 1px #00294d solid !important; border-radius: 2px!important;} body #mobile-search-layer #mobile-search-area .search-icon {font-size: 19px; color: #00294d;} @media only screen and (max-width: 767px) {body #search-link-mob {border: 0px red solid; width: 50px; height: 35px; position: absolute; right: 0px; top: 0px;} body #mobile-search-layer #mobile-search-area {position: relative;}} section[data-id="content"] .columns .txt img.ImgHalfWidth, section[data-id="content"] .column .txt img.ImgHalfWidth, #content .columns .txt img.ImgHalfWidth, #content .column .txt img.ImgHalfWidth {max-width: 50%!important; clear: both; margin-right: 30px; margin-top: 20px;} @media only screen and (max-width: 767px) {body section[data-id="content"] .columns .txt img.ImgHalfWidth, body section[data-id="content"] .column .txt img.ImgHalfWidth, body #content .columns .txt img.ImgHalfWidth, body #content .column .txt img.ImgHalfWidth {margin-right: 20px; margin-bottom: 12px;} _:-ms-lang(x), body section[data-id="content"] .columns .txt img.ImgHalfWidth, body section[data-id="content"] .column .txt img.ImgHalfWidth, body #content .columns .txt img.ImgHalfWidth, body #content .column .txt img.ImgHalfWidth, {margin-right: 25px!important;}} div[data-id="toggle-container-wrap"] .toggle-item .accordion {margin-top: 0px;} body div[data-id="toggle-container-wrap"] .toggle-item .accordion {margin-bottom: 0px;} body .toggle-item .ui-accordion-header.ui-state-default {border-bottom: 1px solid #042b4d;} body .toggle-item .accordion {border-top: 1px solid #042b4d; border-left: 1px solid #042b4d; border-right: 1px solid #042b4d;} body .toggle-item .ui-widget-content {border-bottom: 1px solid #042b4d;} body .toggle-item {margin-bottom: 0px;} body .ga-track-togglers > .toggle-container {margin-bottom: 0px; margin-top: 20px;} body div[data-id="toggle-container-wrap"] .ga-track-togglers > .toggle-item.accordion-content {border-top: 0px solid #0077b3;} body div[data-id="toggle-container-wrap"] > .clearfix, body div[data-id="toggle-container-wrap"] {margin-bottom:20px!important;} body div[data-id="toggle-container-wrap"] {margin-top:0px!important;} @media only screen and (max-width: 767px){body div[data-id="toggle-container-wrap"] .ga-track-togglers > .toggle-item.accordion-content {margin-bottom: 0px!important;} body #content-container > div[data-id="toggle-container-wrap"] .ga-track-togglers .accordion, body #content-container > div[data-id="toggle-container-wrap"] .content-layer {margin-bottom: 0px!important;}} body #content-container> div[data-id="toggle-container-wrap"] >div>h1 {padding-bottom: 5px!important;} body div[data-id="toggle-container-wrap"] .accordion, body div[data-id="toggle-container-wrap"] .content-layer {margin-top: 0px;} body .content-layer {border-top: 0px solid #0077b3 !important;} div[data-id="toggle-container-wrap"] .richtext-dropdown.ga-track-togglers .content-layer {padding-top: 5px;} html body div[data-id="toggle-container-wrap"] > div.columns >.toggle-container.accordion-dropdown.clearfix {margin-bottom: 0px!important; margin-top: 20px!important;} html body div[data-id="toggle-container-wrap"] > div.columns {margin-bottom: 0px!important; padding-bottom: 20px!important;} html body div[data-id="toggle-container-wrap"] > a.toggle-container.accordion-dropdown.clearfix {margin-bottom: 0px!important; margin-top: 20px!important;} html body div[data-id="toggle-container-wrap"] > div.columns.richtext-dropdown.ga-track-togglers, html body div[data-id="toggle-container-wrap"] > div.columns.ga-track-togglers{padding-bottom: 0px!important;} @media only screen and (max-width: 767px) {html.js body div[data-id="toggle-container-wrap"] .toggle-item.accordion-content {margin-bottom: 0px!important;}} body .ga-track-togglers + hr {border-top: 0px #042b4d solid!important; border-bottom: 1px #042b4d solid!important; border-left: 0px #042b4d solid!important; border-right: 0px #042b4d solid!important; clear: both!important; padding-top: 20px!important;} @media only screen and (min-width: 601px) {body .contact.no-reflection>.contact-image >img{height:165px!important;min-height:165px!important;width:165px!important;min-width:165px!important;} body .contact.no-reflection>.contact-image {width:165px!important;}} @media only screen and (max-width: 600px) {body .contact.no-reflection>.contact-image >img{height:100px!important;min-height:100px!important;width:100px!important;min-width:100px!important;} body .contact.no-reflection>.contact-image {width:100px!important;}} @media only screen and (max-width: 767px) {body .grid-container .tablerow .tdtxtcenter {margin-top: -0px!important; padding-top: 0px!important; padding-bottom: 0px!important;}} @media only screen and (max-width: 1100px) and (min-width: 930px){body .showCaseItem h4 i.icon-angle-down{position: absolute; margin-top: 12px; margin-left: 10px!important;}} @media only screen and (max-width: 929px) and (min-width: 768px){body .showCaseItem h4 i.icon-angle-down{position: absolute; margin-top: 6px; margin-left: 10px!important;}} .hiddenTextPusher{width: 26px; height: 0px; display: inline-block; float:right;} @media only screen and (max-width: 767px) {.hiddenTextPusher{width: 26px; height: 1px; display: inline-block; float:right;}} #global-nav #search-icon-area .dim, #global-nav #search-icon-area :FOCUS {color: #0077b3 !important;} #global-nav #fcontact-icon-area .dim, #global-nav #fcontact-icon-area :FOCUS {color: #0077b3 !important;} #nav2 #mobile-navi-dropdown i.dim, #nav2 #mobile-navi-dropdown i:FOCUS {color: #0077b3 !important;} @media (hover: hover) {#global-nav #search-icon-area .dim, #global-nav #search-icon-area :HOVER {color: #0077b3 !important;} #global-nav #fcontact-icon-area .dim, #global-nav #fcontact-icon-area :HOVER {color: #0077b3 !important;} #nav2 #mobile-navi-dropdown i.dim, #nav2 #mobile-navi-dropdown i:HOVER {color: #0077b3 !important;}} a.skipTop, a.skipFooter {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; opacity:0;} a.skipTop:active, a.skipTop:focus, a.skipFooter:active, a.skipFooter:focus {opacity:1; color: #0077b3; border-color: #fff; background: #fff; left: auto; top: auto; height: auto; overflow: auto; text-align: center; border-radius: 4px; box-shadow: 0 0 0 4px rgba(0,119,179,0.3), 0 0 0 1px #0077b3; padding: 18px 16px 19px !important; z-index: 999; font-size: 16px; font-weight: 600; line-height: 1.1; border-radius: 4px; outline:0;} @media only screen and (max-width: 767px) {a.skipTop:active, a.skipTop:focus, a.skipFooter:active, a.skipFooter:focus {z-index: 8889;}} @media screen and (min-width: 900px) {a.skipTop:active, a.skipTop:focus, a.skipFooter:active, a.skipFooter:focus {width:20%;} a.skipTop:active, a.skipTop:focus {margin: 10px 45% 10px 35%;} a.skipFooter:active, a.skipFooter:focus {margin: 10px 35% 10px 45%;}} @media screen and (max-width: 899px) {a.skipTop:active, a.skipTop:focus {margin: 10px 35% 10px 25%;} a.skipFooter:active, a.skipFooter:focus {margin: 10px 25% 10px 35%;} a.skipTop:active, a.skipTop:focus, a.skipFooter:active, a.skipFooter:focus {width:40%;}} br.balancerNOrmal {display:block!important;} br.balancerRichcount {display:none!important;} @media only screen and (max-width: 1280px) and (min-width: 960px){div.container.hasRichtext br.balancerNOrmal {display:none!important;} div.container.hasRichtext br.balancerRichcount {display:block!important;}} @media only screen and (max-width: 767px){body #mast-head-tabs #content-tab-navi a .iconbox {display: none!important;} #mast-head-tabs #content-tab-navi .tabs , #mast-head-tabs #content-tab-navi .tabs a, #mast-head-tabs #content-tab-navi .tabs a >.tab-item {float: none!important; width: auto!important; display: inline-block!important;} body #mast-head-tabs #content-tab-navi .tabs {display: flex!important; flex-wrap: wrap!important; flex-direction: row!important; border-TOP:1px #657787 solid; border-LEFT:1px #657787 solid; border-RIGHT:0px #657787 solid; border-BOTTOM:0px #657787 solid; margin-right: 15px; margin-left: 15px;} body #mast-head-tabs #content-tab-navi .tabs >* {flex: 1 1 auto!important; TEXT-ALIGN: CENTER!important;} #mast-head-tabs #content-tab-navi .tabs a {border-RIGHT:1px #657787 solid; border-BOTTOM:1px #657787 solid; border-TOP:0px #657787 solid; border-LEFT:0px #657787 solid;} html body #mast-head-tabs #content-tab-navi .tab-item.selected {border:0px #657787 solid!important; width: 100%!important; box-sizing: border-box; background-color: #0077b3!important;} html body #mast-head-tabs #content-tab-navi .tab-item {border:0px #657787 solid!important;} body #mast-head-tabs #content-tab-navi a .selected {color: #fff !important;} html body #mast-head-tabs #content-tab-navi .mobselected .tab-item.selected {background-color: #0077b3!important;} html body #mast-head-tabs #content-tab-navi .mobselected {background: #0077b3!important; margin-top: -1px!important;} body #mast-head-tabs #content-tab-navi a:hover {color: #4a4a4a;} body #mast-head-tabs {border-bottom: 0px solid #979797!important;}} .ms-infocall {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; opacity:0; color: #00294d; font-weight: 600;} .ms-infocall.ms-infocallshow {left: 0px; position: relative;z-index: 10; opacity:1; text-align:center; border:0px red solid; max-width:90%; margin:10px auto 0px auto; height:auto; clear:both;width:90%;} .ms-pnumerr {color: #de2362; text-align:center; border:0px red solid; max-width:90%; margin:10px auto 0px auto;} .loc-search.ErroColored {border-color: #de2362 !important;} .ms-pnumerr.hasleftcontent {margin:10px 0px 0px 0px!important; text-align:left!important;} .ms-pnumerr.visErr {display:block!important;} .loc-link:hover, .loc-link.highligted,.loc-link a:focus , .loc-link a:hover, .loc-link.highligted a , .loc-link.highligted a:focus {cursor: pointer; font-weight: 600!important; color: #004d80!important; text-decoration: none!important;} #loc_message_box #locationselect-layer .loc-search {width: 230px!important; box-sizing: border-box; max-width: 230px!important;} #loc_message_box #locationselect-layer #loc-results {width: 230px; max-width: 230px; box-sizing: border-box; background:#fff!important; border: 1px solid #00294d!important; background: #fff!important; margin-top: -1px; padding-bottom: 5px;} #loc_message_box #locationselect-layer #loc-results .heading {color: #00294d!important; width: 230px; display: block; box-sizing: border-box; float: none;} #loc_message_box #loc-results .loc-link {float: none; width: 230px; margin-top: 7px; margin-bottom: 7px; display: block; box-sizing: border-box; max-width: 230px;} @media only screen and (max-width: 767px) {#loc_message_box #locationselect-layer {width: 230px!important;}} @media only screen and (max-width: 670px) {body #loc_message_box #locationselect-layer {width: 230px!important; display: block!important; margin: 5px auto 0px auto!important;} .postal_layout {border:0px red solid!important;} body #loc_message_box #locationselect-layer .loc-search {margin-left: 30px!important;} body #loc_message_box #locationselect-layer #loc-results {margin-left: 30px!important;} #header div#select-loc-txt {min-width: 225px!important; text-align: left!important;}} #region_message_box #regionselect-layer .loc-search {width: 230px!important; box-sizing: border-box; max-width: 230px!important;} #region_message_box #regionselect-layer #regional-results {width: 230px; max-width: 230px; box-sizing: border-box; background:#fff!important; border: 1px solid #00294d!important; background: #fff!important; margin-top: -1px; padding-bottom: 5px;} #region_message_box #regionselect-layer #regional-results .heading {color: #00294d!important; width: 230px; display: block; box-sizing: border-box; float: none;} #region_message_box #regional-results .loc-link {float: none; width: 230px; margin-top: 7px; margin-bottom: 7px; display: block; box-sizing: border-box; max-width: 230px;} @media only screen and (max-width: 767px) {#region_message_box #regionselect-layer {width: 230px!important;}} @media only screen and (max-width: 1280px) and (min-width: 960px){body #region_message_box #regionselect-layer {width: 230px!important; display: block!important; margin: 5px auto 0px 50px!important;} .regional_postal_layout {border:0px red solid!important;}} @media only screen and (max-width: 630px) {body #region_message_box #regionselect-layer {width: 230px!important; display: block!important; margin: 5px 0px 0px 60px !important;} .regional_postal_layout {border:0px yellow solid!important;} .topregion1.topregion0 div#select-loc-txt {min-width: 225px!important; text-align: left!important;}} @media only screen and (max-width: 450px) {html body #region_message_box #regionselect-layer {margin: 5px 0px 0px 40px !important;}} @media only screen and (max-width: 459px) and (min-width: 370px) {body #region_message_box .topregion1.topregion0 #regionselect-layer .loc-search {margin-left: 25px!important;} #region_message_box .topregion1.topregion0 #regionselect-layer #regional-results {margin-left: 25px!important;}} #regional-results.dynamic-search {position: absolute!important;} @media only screen and (max-width: 1280px) and (min-width: 768px){body #region_message_box #regionselect-layer.subregion {margin: -25px 0px 0px 10px !important;}} @media only screen and (max-width: 767px) and (min-width: 320px){body #region_message_box #regionselect-layer.subregion {margin: -25px 0px 0px 0px !important;}} @media only screen and (max-width: 459px) and (min-width: 370px){body .regional_postal_layout.topregion1 {margin-left: 0px!important;}} #main-nav-ul> li, #main-nav-ul> li:focus {outline: none !important;} p a:hover {text-decoration: underline;} footer li a:hover {text-decoration: underline!important;} body #nav2 #main-nav .sub-navi a:hover{text-decoration: underline!important;} .txt a:hover, .logolink1:hover{text-decoration: underline!important} .ui-accordion-content li a:hover {text-decoration: underline;} @media only screen and (min-width: 768px) {#content-nav a:hover {text-decoration: underline!important;}} .toggle-item.accordion-content a:not(.button):hover, .toggle-item a:not(.button):hover {text-decoration: underline!important;} section[data-id="content"] .arrow-links li a:hover, #content .arrow-links li a:hover {text-decoration: underline!important;} #loginselect-layer a:hover {text-decoration: underline!important;} .contactContentLinks li a:not(.button):hover{text-decoration: underline!important;} .zelect .dropdown li:hover{text-decoration: underline!important;} html body .rightContainer .blogContainer a:not(.button):hover {text-decoration: underline!important;} .newslist-main a:hover, .newsContent a:hover{text-decoration: underline!important;} #office-map-toggle:hover{text-decoration: underline!important;} .showCaseLinklist a:hover{text-decoration: underline!important;} .zelect.button.hover{background-color: #004d80!important;} .zelect>.zelected:focus{outline: none!important;} .zelect>.dropdown>ol>li:focus{outline: none!important; font-weight: 600 !important; color: #004d80 !important; box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3; display: block!important; width: 85%!important;} @media only screen and (min-width: 768px) {#remove-location {box-sizing: border-box; min-width:200px;} #locationselectMain {box-sizing: border-box; display: block; margin-top:2px;} body #nav2 #top-nav #locationselect {position: relative; max-width: 90%; box-sizing: border-box; height: 30px;} body #nav2 #top-nav #locationselect i {right: 0px; position: absolute;}} @media only screen and (max-width: 959px) and (min-width: 768px){body #nav2 #top-nav #locationselect {max-width: 85%!important;}} @media only screen and (max-width: 767px) {#remove-location #locationselectMain {box-sizing: border-box; display: block; height: 32px!important;} body.user-is-tabbing #locationselectMain:focus {margin: 2px!important;} #nav2 #remove-location #locationselectMain #locationselect {box-sizing: border-box; height: 100%!important;}} #locationselect {outline:none!important;} body.user-is-tabbing a:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;} body.user-is-tabbing a:focus:not(.button,.ds-helppilnk) {border-radius: 4px;} body.user-is-tabbing a.toggle-container.accordion-dropdown:focus, body.user-is-tabbing a.toggle-container.big:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);} body.user-is-tabbing h3[role="tab"]:focus{box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75); margin-bottom: 3px;!important;} .toggle-item.accordion-content p a:focus, .toggle-item p a:focus{} section[data-id="content"] .arrow-links li a, #content .arrow-links li a {display: inline-block;} #facebookShare , #linkedinShare ,#twitterShare ,#whatsappShare {width: 45px; height: 45px; box-sizing: border-box; display: inline-block;} body.user-is-tabbing #facebookShare:focus,body.user-is-tabbing #linkedinShare:focus,body.user-is-tabbing #twitterShare:focus,body.user-is-tabbing #whatsappShare:focus {outline-offset: 3px;} #facebookShare:focus svg, #linkedinShare:focus svg, #twitterShare:focus svg, #whatsappShare:focus svg {outline:none!important;} footer li a , footer a {display:inline-block!important; padding:1px 0px!important;} body.user-is-tabbing footer a:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3; text-decoration:underline!important; padding-left: 3px!important; padding-right: 3px!important; margin-left: -3px!important;} body footer a {padding-top: 2px!important; padding-bottom: 2px!important;} body.user-is-tabbing #alert-txt a:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #00294d;} body #alert_message {position: relative;} #alert_message #alert-close {height: 60px!important;} #alert_message #alert-close>a {position: absolute; top: 1px; right: 0px; padding-left: 10px; box-sizing: border-box; padding-top: 5px; max-height:55px;} #alert_message #alert-close>a:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #00294d;} body #logo {margin-top: 30px;} body #logo >a {display: inline-block; margin-left: 2px;} body #nav2 #global-nav #logo img {margin-top: 0px!important;} body #logo>a:focus {} @media only screen and (max-width: 959px) {body #logo {margin-top: 27px;} body #logo >a {margin-left: 1px;}} @media only screen and (max-width: 767px) {body #logo {margin-top: 11px;margin-left: 10px;}} @media only screen and (min-width: 768px) {body #nav2 #main-nav-ul >li {margin-right: 2px!important;} #nav2 #main-nav #main-nav-ul> >li.selected {margin-right: 2px!important;} body.user-is-tabbing #main-nav-ul> li>a:focus {outline: 0px !important; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #004d80;} body.user-is-tabbing #nav2 #main-nav .sub-navi.mega .sub-navi-megali li, body.user-is-tabbing #nav2 #main-nav .sub-navi li {overflow: visible; box-sizing: border-box} body.user-is-tabbing #nav2 #main-nav .sub-navi.mega .sub-navi-megali li a:focus, body.user-is-tabbing #nav2 #main-nav .sub-navi li a:focus{margin: 2px 1px;} body.user-is-tabbing #nav2 #main-nav-ul li .sub-navi-megaad a:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3!important;}} body.user-is-tabbing #loginselect.topNaviLoginButton:focus {box-shadow: 0 0 0 1px white, 0 0 0 3px #00294d!important; background-color: #00294d!important;} #top-nav #loginselect {margin-left: 3px!important;} body.user-is-tabbing #top-nav #loginselect.topNaviLoginButton:focus {margin-top: 3px!important; margin-bottom:3px!important; height:26px!important;} body.user-is-tabbing #search-link:focus {box-shadow: 0 0 0 1px white, 0 0 0 3px #00294d;} @media only screen and (max-width: 767px) {body.user-is-tabbing #search-link-mob:focus {} body.user-is-tabbing #mobile-search-layer #mobile-search-area .search-icon {padding: 8px 6px 8px 0px!important;}} body.user-is-tabbing button.bcs-searchbox-submit.search-icon.icon-search:focus{box-shadow: 0 0 0 1px white, 0 0 0 3px #00294d!important; background-color:#00294d!important;} body.user-is-tabbing #mast-head-tabs #content-tab-navi> .tabs> a.mobselected:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);} body.user-is-tabbing #mast-head-tabs #content-tab-navi> .tabs> a.mobselected:focus>div {text-decoration: underline!important;} body.user-is-tabbing #mast-head-tabs #content-tab-navi> .tabs> a:focus>div {text-decoration: underline!important;} body .contact-email {box-sizing: border-box; padding: 2px;} #content-nav a:focus {} #content-nav a:hover {} body.user-is-tabbing section[data-id="content"] ul.contentnavi li a, body.user-is-tabbing #content ul.contentnavi li a {margin-top: 2px!important; margin-bottom: 2px!important; padding-top: 10px!important; padding-bottom: 10px!important;} body.user-is-tabbing section[data-id="content"] ul.contentnavi> li> a:focus, body.user-is-tabbing #content ul.contentnavi> li> a:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);} @media only screen and (min-width: 768px) {body section[data-id="content"] ul.contentnavi> li> a, body #content ul.contentnavi> li> a {margin-left: 5px!important;}} body .ms-limiter.listinglimiter, body .newspromofront1x1Box .ms-limiter {display: block; box-sizing: border-box; padding: 3px;} .info_blocks__item p>a, .newspromofront1x1Box p>a {display: block;} body.user-is-tabbing .info_blocks__item p>a:focus, body.user-is-tabbing .newspromofront1x1Box p>a:focus{color: #0077b3 !important;} .smallsomeText>a {display: block; box-sizing: border-box;margin-bottom:3px;padding:2px;} body.user-is-tabbing .smallsomeText>a:focus {color: #0077b3 !important;} .bigsomeText>a {display: block; box-sizing: border-box;margin-bottom:3px;padding:2px;} body.user-is-tabbing .bigsomeText>a:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);} .normalHeaderText {padding-left:22px!important;} body.user-is-tabbing [data-flockler-base]>div[tabindex="-1"]:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;} .campaign-box>a {display:block; box-sizing: border-box;} .campaign-box>a:focus {} .campaign-box>a:focus>.anchorLink {} .newsContentActualText {box-sizing: border-box; padding:4px;} .newsContentActualText>h3>a {display:block;} .rightContainer .blogContainer p>a {} #newsListContainer li .newsContent, #hidden-news li .newsContent, #latestNews .newsContent {margin: 16px!important;} #hidden-news .newsContent a.readMore, #newsListContainer .newsContent a.readMore {margin-left: 4px!important;} #newsNaviContainer #content-nav a {float:none!important; padding: 8px 0px 8px 0px!important;box-sizing: border-box; display:block; text-align: center; width: 85%!important; margin: 4px 4px!important;} #newsNaviContainer #content-nav > li {width: 65px; box-sizing: border-box;} .showCaseItem>a {display:block;} .frontpage-showCase {margin-top: 3px!important;} @media only screen and (max-width: 767px) {.showCaseItem {padding-top: 0px!important; padding-bottom: 0px !important;} .showCaseItem>a {padding-top: 15px!important; padding-bottom: 15px !important; margin-left: 2px; margin-right: 2px;}} body.user-is-tabbing #nav2 #global-nav #buttons_navi li:first-child a:focus, body.user-is-tabbing #nav2 #global-nav #buttons_navi li:last-child a:focus, body.user-is-tabbing #nav2 #global-nav #buttons_navi li a:focus {border-radius: 4px!important;} @media only screen and (max-width: 767px){html body.user-is-tabbing #nav2 #global-nav #buttons_navi li.selected a:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);}} body.user-is-tabbing p>select:focus {border-color: #0077b3; box-shadow: 0 0 0 1px #0077b3; outline: none!important;} body.user-is-tabbing a.contactlist-row:focus{box-shadow: 0 0 0 5px rgba(0, 119, 179, 0.3), 0 0 0 2px #0077b3;} body.user-is-tabbing .campaignButton:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75);} body.user-is-tabbing .campaignButton.blueButton:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px #00294d;} body.user-is-tabbing .campaignButton.lightBlueButton:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px #00294d;} body.user-is-tabbing .campaignButton.whiteButton:focus {box-shadow: 0 0 0 1px #00294d, 0 0 0 4px #ffffff;} body.user-is-tabbing .someloadmorebuttontd>button:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px #0077b3;} #loc_message_box #loc-results a, #region_message_box #regional-results a {line-height: 26px!important; display: block!important; width: 80%!important;} body.user-is-tabbing .button:not(.disabled):focus, body.user-is-tabbing button:not([class^="_hj"]):focus, body.user-is-tabbing input[type="submit"]:focus, body.user-is-tabbing input[type="reset"]:focus, body.user-is-tabbing input[type="button"]:focus, body.user-is-tabbing body .button-primary:focus, body.user-is-tabbing a.button-primary:focus, body.user-is-tabbing input[type="submit"].button-primary:focus, body.user-is-tabbing a.button-primary:visited:focus, body.user-is-tabbing .button:focus, body.user-is-tabbing input[type="submit"]:focus, body.user-is-tabbing input[type="reset"]:focus, body.user-is-tabbing input[type="button"]:focus, body.user-is-tabbing #commancesearch:focus {background-color: #0077b3!important; box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)!important; outline: none!important;} html body .dform-container button:focus,html body .dform-container input[type="button"]:focus {outline: none!important;} body .dform-container button.openInfoButton:focus, body .dform-container button.openInfoButton2:focus, body .dform-container .dsformdialogClose:focus {outline: none!important; background-color: transparent!important;} body.user-is-tabbing .dform-container button.openInfoButton:focus,body.user-is-tabbing .dform-container button.openInfoButton2:focus,body.user-is-tabbing .dform-container .dsformdialogClose:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3!important;} body .dform-container input[type=text] {border: 1px #909599 solid !important; box-shadow: none!important; color: #00294d !important;} body .dform-container input[type=text]:focus {border-color: #0077b3!important; box-shadow: 0 0 0 1px #0077b3!important;outline: 0px !important;} .dform-container .dform-thinbody {border: 1px #909599 solid !important;} .dform-container .radiodiv>label:before {border: 2px solid #909599!important;} .dform-container .radiodiv {border: 1px #909599 solid !important;} .dform-container .radiodiv.radiohasfocus>label:before {outline: none!important; box-shadow: 0 0 0 5px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3!important; border: 2px solid #00294d!important;} body.user-is-tabbing .cx-widget.cx-webchat-chat-button:focus{outline: none!important; box-shadow: 0 0 0 1px white, 0 0 0 4px #0077b3!important;} body.user-is-tabbing #cookieTopCOntainer a:focus {text-decoration:none!important; box-shadow: 0 0 0 1px #657787, 0 0 0 3px #ffffff!important; border-radius:4px;} body.user-is-tabbing #cookieTopCOntainer #cookiebutton:focus {box-shadow: 0 0 0 1px #00294d, 0 0 0 4px #ffffff!important;} body.user-is-tabbing .info_blocks .button.button--outlined:focus{color: #002d54!important; background-color: #fff!important; box-shadow: 0 0 0 1px #fff !important;} body.user-is-tabbing .info_blocks .button.button-primary:focus, body.user-is-tabbing .info_blocks .button.button-primary-reverse:focus {box-shadow: 0 0 0 1px white, 0 0 0 4px #0077b3!important;} body.user-is-tabbing .info_blocks .darkblue-bg .button.button--outlined:focus, body.user-is-tabbing .info_blocks .darkblue-bg .button.button--outlined-reverse:focus{color: #003665!important; background-color: #fff!important; box-shadow: 0 0 0 1px #fff !important;} body.user-is-tabbing .info_blocks .violet-bg .button.button--outlined:focus, body.user-is-tabbing .info_blocks .violet-bg .button.button--outlined-reverse:focus{color: #8a4a8a!important; background-color: #fff!important; box-shadow: 0 0 0 1px #fff !important;} body.user-is-tabbing .info_blocks .lila-bg .button.button--outlined:focus, body.user-is-tabbing .info_blocks .lila-bg .button.button--outlined-reverse:focus{color: #66505d!important; background-color: #fff!important; box-shadow: 0 0 0 1px #fff !important;} body .info_blocks__text p>a {color: #ffffff!important;} body.user-is-tabbing .info_blocks__text p>a:focus {color: #ffffff!important; text-decoration: none!important; box-shadow: 0 0 0 1px #00294d, 0 0 0 3px #ffffff!important; display:block; margin:0px 3px; border-radius:4px!important;} .feedback-form textarea, .feedback-form input[type=text] {border: 1px #909599 solid !important; box-shadow: none!important; color: #00294d !important;} .feedback-form textarea:focus, .feedback-form input[type=text]:focus {border-color: #0077b3!important; box-shadow: 0 0 0 1px #0077b3!important; outline: 0px !important;} body .ext-form-area input[type="submit"].button-primary.disabled, body .ext-form-area button.button-primary.disabled,body .ext-form-area a.button-primary.disabled,body .ext-form-area span.button-primary.disabled, body .ext-form-area button.button-primary[disabled],body input[type="submit"].button-primary[disabled] {background: #657787 !important; border-color: #e1e3e6 !important; box-shadow: 0 0 0 1px #657787!important; color: #fff !important;} body .ext-form-area input[type="submit"].button-primary.disabled:hover, body .ext-form-area button.button-primary.disabled:hover, body .ext-form-area a.button-primary.disabled:hover, body .ext-form-area span.button-primary.disabled:hover, body .ext-form-area button.button-primary[disabled]:hover, body input[type="submit"].button-primary[disabled]:hover {background: #e1e3e6 !important; border-color: #e1e3e6 !important; box-shadow: 0 0 0 1px #657787!important; color: #657787 !important;} #areaSearch:focus {} body #loc_message_box #locationselect-layer .loc-search.areaSearch-focus {box-shadow: 0 0 0 1px #0077b3!important;border-color: #0077b3!important;} #regionalSearch:focus {} body #region_message_box #regionselect-layer .loc-search.regionalSearch-focus {box-shadow: 0 0 0 1px #0077b3!important;border-color: #0077b3!important;} #search:focus {} body #nav2 #global-nav #search-area.search-area-focus {box-shadow: 0 0 0 1px #00294d!important;border-color: #00294d!important;} body #mobile-search-layer #mobile-search-area.search-mob-focus {box-shadow: 0 0 0 1px #00294d!important;border-color: #00294d!important;} #bcs-searchbox:focus {outline: none!important;} #BigseachContainer-ms {transition: box-shadow .4s;} #BigseachContainer-ms.searchpage-focus {box-shadow: 0 0 0 1px #00294d!important;border-color: #00294d!important;} #langselect>#langselect-layers>span>a:focus {box-shadow:0 0 0 0 #004d80!important;} #langselect>#langselect-layers>span.langselect-focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;} #nav2 #top-nav #langselect {margin-top:2px!important; height:30px!important;} #langselect-layers {margin-top: 6px!important;} body.user-is-tabbing .zelect.button.contactselect-focus{background-color: #0077b3!important; box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)!important; outline: none!important;} @media only screen and (min-width: 768px) {#nav2,#header, #main-nav {z-index: 401;} body #loc_message_box #locationselect-layer #loc-results {z-index: 400;} #main,#loc_message_box,#alert_message_box,#mast-head{z-index: 399;}} body #mobile-search {display: none;} @media only screen and (max-width: 767px) {body #nav2 #mobile-fcontact #fcontact-icon-area i, body #nav2 #mobile-navi-dropdown i, body #nav2 #mobile-search #search-icon-area .search-icon {color: #00294d;} #nav2 #mobile-navi-dropdown {float: none!important;} #nav2 #mobile-navi {display: block!important; width: auto!important; float: none!important; position: absolute!important; right: 5px!important; top:32px!important;} #nav2 #mobile-search #search-icon-area .search-icon {font-size: 26px; margin-right: 0px; padding: 8px 10px 8px 10px; display: block; float: right;} #search-icon-area .dim, #search-icon-area :FOCUS {color: #0077b3 !important;} #mobile-search #search-icon-area {margin-top: 12px; background: none; border-radius: 0px; border: none;} body #mobile-search {display: block!important; width: auto!important; float: none!important; position: absolute!important; right: 52px!important; top:32px!important;} #fcontact-icon-area .dim, #fcontact-icon-area :FOCUS {color: #0077b3 !important;} #nav2 #mobile-fcontact #fcontact-icon-area i {font-size: 30px; margin-right: 0px; padding: 8px 10px 8px 10px; display: block;} #nav2 #mobile-fcontact #fcontact-icon-area {margin-top: 12px; background: none; border-radius: 0px; border: none;} #nav2 #mobile-fcontact {display: block!important; width: auto!important; float: none!important; position: absolute!important; right: 95px!important; top:32px!important;} #mobile-navi a, #mobile-fcontact a, #mobile-search a {display: block; min-height: 45px;} #nav2.nav-mob-active #mobile-navi, body #nav2.nav-mob-active #mobile-search, #nav2.nav-mob-active #mobile-fcontact {top:64px!important;}} .ms-hidspan {left: -999px;position: absolute;top: auto;width: 1px;height: 1px;overflow: hidden;z-index: -999;opacity: 0;} .feedback-form textarea::-webkit-input-placeholder, .feedback-form input[type=text]::-webkit-input-placeholder{color: #657787 !important; opacity: 1;} .feedback-form textarea::-moz-placeholder, .feedback-form input[type=text]::-moz-placeholder{color: #657787 !important; opacity: 1;} .feedback-form textarea:-ms-input-placeholder, .feedback-form input[type=text]:-ms-input-placeholder{color: #657787 !important; opacity: 1;} #search-mob::-webkit-input-placeholder, #search::-webkit-input-placeholder, #regionalSearch::-webkit-input-placeholder, #areaSearch::-webkit-input-placeholder{color: #657787 !important; opacity: 1;} #search-mob::-moz-placeholder, #search::-moz-placeholder, #regionalSearch::-moz-placeholder, #areaSearch::-moz-placeholder{color: #657787 !important; opacity: 1;} #search-mob:-ms-input-placeholder, #search:-ms-input-placeholder, #regionalSearch:-ms-input-placeholder, #areaSearch:-ms-input-placeholder{color: #657787 !important; opacity: 1;} .login-button > .login-button-label:focus {outline: none !important;} body.user-is-tabbing .login-button.button.contactselect-focus {background-color: #0077b3 !important; box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75) !important; outline: none !important;} body .login-button-wrap .dropdown > ul > li > a {display: block !important; width: 100% !important;} body .login-button-wrap .dropdown {top: 50px;} body .login-button-wrap .dropdown > ul > li > a:hover {text-decoration: underline!important;} .pdfHideText{position: absolute;left: -999px;width: 1px; top: auto;height: 1px;z-index: -999;opacity: 0;overflow: hidden;} body.user-is-tabbing #office-map-wrap button:focus {outline: none!important; border: 0px transparent solid !important; box-shadow: 0 0 0 2px white, 0 0 0 4px #00294d!important;} body.user-is-tabbing #office-map-wrap a:focus{outline: none!important; border: 0px red solid !important; box-shadow: 0 0 0 2px white, 0 0 0 4px #00294d!important;} #office-map >div>div>div>a {display: inline-block!important; width: 66px!important; height: 26px!important;} body.user-is-tabbing #map-canvas button:focus {outline: none!important; border: 0px transparent solid !important; box-shadow: 0 0 0 2px white, 0 0 0 4px #00294d!important;} body.user-is-tabbing #map-canvas a:focus{outline: none!important; border: 0px red solid !important; box-shadow: 0 0 0 2px white, 0 0 0 4px #00294d!important;} #map-canvas >div>div>div>a {display: inline-block!important; width: 66px!important; height: 26px!important;} body.user-is-tabbing #fcontact-b:focus {box-shadow: 0 0 0 2px white, 0 0 0 4px #00294d!important; z-index: 10000!important; outline: none!important; border-radius: 5px 0 0 5px!important;} #fcontact-b:focus {outline: none!important;} #fcontact-b >div {top: 0px!important;} #fcontact-b {padding: 0px!important; top: 15px!important;} #fcontact{box-sizing: border-box;} .right #fcontact-c2 {margin-left: 0px!important;} #fcontact-c2 {min-width: 685px!important; max-width: 685px!important;display:none;} #fcontact-c > div {min-width: 685px; max-width: 685px; padding: 0px; margin: 0px; box-sizing: border-box; position: relative;} #fcontact-social img {width: 30px!important; margin: 3px;} #fcontact-social a {display: inline-block!important;} @media only screen and (max-width: 767px){.ocMb {display: none!important;}} @media only screen and (max-width: 959px) and (min-width: 769px) {.container .sixteen.columns.padded.duetwidth100 {width: 98% !important;}} @media only screen and (max-width: 768px) and (min-width: 768px) {.container .sixteen.columns.padded.duetwidth100 {width: 95% !important;}}@media only screen and (max-width: 1280px) and (min-width: 960px) {.container .sixteen.columns.padded.duetwidth100 {width: 556px !important;}} @media only screen and (max-width: 959px) and (min-width: 768px) {section[data-id="content"] .sixteen.columns>.box>.grid-container.two-thirds-table, #content .sixteen.columns>.box>.grid-container.two-thirds-table {width: 100% !important;}} body duet-card hr {margin-bottom: 16px !important; margin-top: 0px !important; background: transparent; display: block; height: 1px!important; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px 0px 0px 0px; min-height: 1px!important; max-height: 1px!important; overflow: hidden; border: 0px white solid; border-top: 1px rgb(225, 227, 230) solid!important;} duet-card duet-collapsible div a:hover{text-decoration: underline;} a.skipFB,div.skipFB{left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; opacity: 0;} .fb-like-box-goes-here {} a.skipFB:active, a.skipFB:focus, div.skipFB:active, div.skipFB:focus {width: 50%; margin-left: 10%; margin-top: -20px;} a.skipFB:active, a.skipFB:focus, div.skipFB:active, div.skipFB:focus {opacity: 1; color: #0077b3; border-color: #fff; background: #fff; left: auto; top: auto; height: auto; overflow: auto; text-align: center; border-radius: 4px; box-shadow: 0 0 0 4px rgba(0,119,179,0.3), 0 0 0 1px #0077b3; padding: 18px 16px 19px !important; z-index: 999; font-size: 16px; font-weight: 600; line-height: 1.1; border-radius: 4px; outline: 0;} div.skipFB:active, div.skipFB:focus {box-shadow: 0 0 0 1px #979797, 0 0 0 3px #FFF !important; color: #00294d !important; font-weight: 500!important; padding: 10px 26px 11px !important; margin-top: -30px!important;} .avaus-newsletter-subscribe .validate-email {border-radius: 3px; font-size: 16px; line-height: 1.4375; min-height: 32px; border: 1px #909599 solid !important; box-shadow: none!important; color: #00294d !important; transition: box-shadow .6s; padding:6px; margin-right:4px;} .avaus-newsletter-subscribe .validate-email:focus {border-color: #0077b3!important; box-shadow: 0 0 0 1px #0077b3!important;} .avaus-newsletter-subscribe input[type="submit"] {margin-top: -2px!important;} .avaus-newsletter-subscribe .validate-email::-webkit-input-placeholder {color: #657787 !important; opacity: 1;} .avaus-newsletter-subscribe .validate-email::-moz-placeholder{color: #657787 !important; opacity: 1;} .avaus-newsletter-subscribe .validate-email:-ms-input-placeholder{color: #657787 !important; opacity: 1;} .avaus-newsletter-subscribe .errmestext{color: #de2362;} .avaus-newsletter-subscribe .errmesinput{border-color: #de2362 !important;} .avaus-newsletter-subscribe .validate-email.errmesinput:focus {border-color: #de2362!important; box-shadow: 0 0 0 1px #de2362!important;} #financial-calculator input[type="text"]:focus {box-shadow: 0 0 0 1px #00294d!important; border-color: #00294d!important;} #financial-calculator input[type="text"] {color: #00294d !important; border : 1px #657787 solid !important;} #financial-calculator input[type="text"]::-webkit-input-placeholder {color: #657787 !important; opacity: 1;} #financial-calculator input[type="text"]::-moz-placeholder{color: #657787 !important; opacity: 1;} #financial-calculator input[type="text"]:-ms-input-placeholder{color: #657787 !important; opacity: 1;} body.user-is-tabbing button.button.button--small:focus {box-shadow: 0 0 0 1px white, 0 0 0 3px #00294d!important;} #financial-calculator span.ui-slider-handle.ui-corner-all.ui-state-default:focus {box-shadow: 0 0 0 2px #00294d!important; border-color: #657787!important;} #financial-calculator input[type='checkbox']:focus + .input--toggle::after {box-shadow: 0 0 0 2px #00294d!important; border-color: #657787!important; transition: border-color .6s, box-shadow .6s!important;} #financial-calculator .ui-widget.ui-widget-content {border: 1px solid #657787!important;} #financial-calculator input[type='checkbox'] + .input--toggle::after {border: 1px solid #00294d!important;} #financial-calculator input[type='checkbox'] + .input--toggle {border: 1px #657787 solid!important;} #financial-calculator .label {color: #00294d!important; font-size: 16px!important; line-height: 20px!important; text-transform: none!important;} html body .financial-calculator {font-size: 16px !important; line-height: 23px!important;} .alert-warning {background: #fffbf4; border-color: #f7b228; margin-bottom: 16px !important; border: 1px solid #0077b3; border-radius: 4px; color: #00294d; font-size: 1rem; font-weight: 400; line-height: 1.25; padding: 16px; position: relative; transition: margin 100ms 300ms ease; width: 100%; box-sizing: border-box; margin: 0; text-align: center !important; margin-top: -200px!important; display:none;} .sub-alert-container {align-items: center; display: inline-flex; justify-content: center; margin: 0 auto !important; width: 100%;} a.newsfrontti {font-weight: 600; display: inline-block; width:auto;} a.newsfrontti:hover {font-weight: 600; text-decoration:underline;} a.newsfrontti.newsLLower {} a.newsfrontti.newsLUpper {margin-top: 10px!important;} @media only screen and (min-width: 960px) {.clsUseAbsPosit{position: absolute!important; top: 70px!important;} #adobTargRightCol{min-height: 600px!important;}} @media only screen and (max-width: 959px) {a.newsfrontti.newsLLower {margin-bottom: 40px!important;}} .clsUseAbsPosit .citation{margin-top: 0px!important;} @media only screen and (min-width: 960px) and (max-width: 1280px) {body .contact {min-height: 150px!important;} html body .contact-card {min-height: 120px!important;} body .contact-email {min-height: 35px!important;} .contact .contact-container {background: #fff!important;} body .contact {background: #b3d4fc!important;} .contact-email a {height: 35px!important; vertical-align: middle!important;}} body .quote.quote2 {border-radius: 4px; box-shadow: 0 2px 6px 0 rgb(0 41 77 / 7%), 0 -1px 0 0 rgb(0 0 0 / 9%), -1px 0 0 0 rgb(0 0 0 / 7%), 1px 0 0 0 rgb(0 0 0 / 7%), 0 1px 0 0 rgb(0 0 0 / 7%); padding: 25px; border-left: 0px solid #464646;} body .quote.quote2 blockquote{margin: 0px!important; padding: 0px!important; border-left: 0px solid #464646!important; font-style: normal!important;} body .quote.quote2 .name strong {font-weight: 600!important; font-style: normal!important;} @media only screen and (min-width: 960px) and (max-width: 1280px){.boxnoborder.quote.quote2 {min-height: 365px!important;}} @media only screen and (min-width: 1281px) {.boxnoborder.quote.quote2 {min-height: 255px!important;}} .citation blockquote {font-style: normal!important;} @media only screen and (max-width: 768px) {.boxnoborder .media-area img {max-width: 100%!important; height: auto !important; width: auto; margin-bottom: 20px;} .grid-container .media-area {height: auto !important; margin-bottom:20px;}} @media only screen and (min-width: 1281px){#content-container .container.normalpadding .sixteen.columns.padded.reducedwidth .one-third.column {width: 398px !important;} #main #content-container .container .sixteen.columns.padded.reducedwidth {} .container .myFlexBox .column.one-third, .container .myFlexBox .columns.one-third {float: none; display: flex;} .sixteen.columns.padded.reducedwidth .myFlexBox{margin: 0px 0px!important;} .sixteen.columns.padded.reducedwidth .myFlexBox{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .container .sixteen.columns.padded.reducedwidth .myFlexBox .column.one-third, .container .sixteen.columns.padded.reducedwidth .myFlexBox .columns.one-third {float: none; display: flex;} .container .sixteen.columns.padded.reducedwidth {text-align: center !important; padding: 0 0px !important; width: 940px !important; margin: 0px 150px !important;}} @media only screen and (min-width: 960px) and (max-width: 1280px){.sixteen.columns.padded.reducedwidth .myFlexBox{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;} .container .sixteen.columns.padded.reducedwidth .myFlexBox .column.one-third, .container .sixteen.columns.padded.reducedwidth .myFlexBox .columns.one-third {float: none; display: flex;} #content-container .container.normalpadding .sixteen.columns.padded.reducedwidth .one-third.column {width: 370px !important;} #main #content-container .container .sixteen.columns.padded.reducedwidth {padding: 0 !important; box-sizing: border-box; margin: 0px auto!important;} .container .sixteen.columns.padded.reducedwidth .myFlexBox .column.one-third, .container .sixteen.columns.padded.reducedwidth .myFlexBox .columns.one-third {float: none; display: flex;} .sixteen.columns.padded.reducedwidth .myFlexBox{margin: 0px auto!important;}} @media only screen and (max-width: 959px){body section[data-id="content"] .container .myFlexBox .boxborder, body #content .container .myFlexBox .boxborder {MIN-HEIGHT:100PX!important;}} .ms-header-reserved-space {height: 64px; margin-top: -25px;} .ms-header.ms-header-inactive {position: fixed;} .ms-header {position: absolute; box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);} .ms-header {-webkit-user-select: none; user-select: none; position: fixed; top: 0; left: 0; z-index: 400; display: block; width: 100%; font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #00294d; text-align: left;} .ms-header-top {position: relative; z-index: 200; display: flex; flex-direction: row; align-items: center; width: 100%; height: 4rem; padding: 0px 16px; background: white; border-bottom: 1px solid rgb(225, 227, 230); box-shadow: rgb(0 41 77 / 7%) 0px 2px 6px 0px;} @media (min-width: 62em){.ms-header-top {z-index: 100; padding: 0px 28px; box-shadow: none;}} .ms-header-skip {position: absolute; top: -100%; left: -100%; z-index: 200; width: 1px; min-width: 190px; height: 1px; overflow: hidden; font-weight: 600; color: rgb(0, 119, 179); text-align: center; text-decoration: none; background: white; border-radius: 4px; opacity: 0; padding: 8px 16px 9px !important;} .ms-header-skip:focus {top: 12px; left: 20px; width: auto; height: auto; outline: 0px; opacity: 1;} .ms-header-skip:focus {outline: 0px; box-shadow: rgb(0 119 179 / 30%) 0px 0px 0px 4px, rgb(0 119 179) 0px 0px 0px 1px;} .ms-logo {user-select: none; display: block; width: 154px; height: 40px; border-radius: 4px;} .ms-theme-turva .ms-logo {width: 110px; height: 40px;} .ms-logo svg {display: block; width: 100%; height: auto;} @media (min-width: 62em){.ms-header-top .ms-logo {padding-right: 4px;} .ms-logo {width: 184.8px; height: 48px;}} .ms-header-top .ms-header-toggle {display: flex; align-items: center!important; justify-content: center!important; width: 48px!important; height: 48px!important; margin-right: -8px!important; margin-left: auto!important; cursor: pointer!important; border-radius: 4px!important; -webkit-appearance: none!important; appearance: none!important; box-sizing: border-box!important; padding: 0px!important; margin: 0; margin-top: 0px!important; background: transparent!important; border: 0!important;} body.user-is-tabbing button.ms-header-toggle:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3!important; background: transparent!important;} @media (min-width: 62em){.ms-header .ms-header-top .ms-header-toggle {display: none;}} .ms-header-hamburger {position: relative; width: 24px; height: 24px; margin-top: 5px; pointer-events: none; transition: 0.4s ease-in-out; backface-visibility: hidden;padding: 0px!important;} .ms-header-hamburger .ms-header-bar {position: absolute; left: 0; display: block; width: 100%; height: 2px; background: #00294d; border-radius: 20rem; opacity: 1; transition: 0.25s ease-in-out; transform: rotate(0deg) scale(0.98);} .ms-header-hamburger .ms-header-bar:nth-child(1) {top: 0;} .ms-header-hamburger .ms-header-bar:nth-child(2), .ms-header-hamburger .ms-header-bar:nth-child(3) {top: 7px;} .ms-header-hamburger .ms-header-bar:nth-child(4) {top: 14px;} button.ms-active .ms-header-hamburger .ms-header-bar:nth-child(1) {top: 7px; left: 50%; width: 0%;} button.ms-active .ms-header-hamburger .ms-header-bar:nth-child(2) {transform: rotate(45deg);} button.ms-active .ms-header-hamburger .ms-header-bar:nth-child(3) {transform: rotate(-45deg);} button.ms-active .ms-header-hamburger .ms-header-bar:nth-child(4) {top: 7px; left: 50%; width: 0%;} .ms-header-bottom {position: fixed; top: 4rem; bottom: 0px; left: 0px; z-index: 100; display: flex; flex-direction: column; width: 100%; overflow-y: auto; visibility: hidden; background: rgb(245, 248, 250) none repeat scroll 0% 0%; opacity: 0;} @media (min-width: 62em){.ms-header-bottom {position: relative; transition: none 0s ease 0s !important;}} @media (min-width: 62em){.ms-header-bottom {position: relative; top: auto; bottom: auto; z-index: 200; flex-direction: row; overflow: visible; visibility: visible; background: white none repeat scroll 0% 0%; opacity: 1;}} .ms-header-bottom.ms-active {visibility: visible; opacity: 1; transition: opacity 300ms ease 0s, visibility 300ms ease 0s;} .ms-header-items {position: relative; z-index: 300; display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.5; background: white none repeat scroll 0% 0%;} @media (min-width: 62em){.ms-header-items {z-index: 100; display: flex; flex-direction: row; padding: 0px 21.5385px; padding-left: 21.5385px;}} @media (min-width: 106.25em){.ms-header-items {padding-left: 43.6364px;}} .ms-header-utils {display: flex; flex-direction: column; width: 100%;} @media (min-width: 62em){.ms-header-utils {position: absolute; top: -4rem; right: 0px; z-index: 999999999; flex-direction: row; align-items: center; justify-content: space-between; width: auto; margin-right: 20px;}} @media (min-width: 106.25em){.ms-header-utils {margin-right: 36px;}} .ms-header-items, .ms-header-bottom-utils, .ms-header-utils {opacity: 0; transition: transform 600ms ease 0s, opacity 600ms ease 0s; transform: translateY(-28px);} .ms-active .ms-header-items, .ms-active .ms-header-bottom-utils, .ms-active .ms-header-utils {opacity: 1; transform: translateY(0px);} @media (min-width: 62em){.ms-header-items, .ms-header-bottom-utils, .ms-header-utils {opacity: 1; transition: none 0s ease 0s !important; transform: none;}} button.ms-header-language {text-transform: uppercase !important;} .ms-header-dropdown {position: relative;} @media (min-width: 62em){.ms-header-dropdown .ms-header-dropdown-toggle {z-index: 200; padding-right: 36px; overflow: hidden; transition: border 300ms ease 0s;}} @media (max-width: 61.9999em){body.moverloading{overflow: hidden;}} button.ms-header-button {position: relative; display: flex; align-items: center; width: 100%; height: 48px; padding: 0px 20px; overflow: hidden; font-size: 1rem; font-weight: 400!important; line-height: 48px; color: rgb(0, 41, 77)!important; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; border-bottom: 1px solid rgb(225, 227, 230); border-radius: 4px; appearance: none; margin-top:0px!important;background-color:transparent!important; max-width: 100%;} .ms-header-dropdown .ms-header-dropdown-toggle::after {display: none !important;} button.ms-header-button.ms-active::after {position: absolute; top: 0px; bottom: 0px; left: 0px; width: 3px; content: ""; background: rgb(0, 119, 179) none repeat scroll 0% 0%;} body button.ms-header-button:hover {color: rgb(0, 77, 128)!important;} body.user-is-tabbing button.ms-header-dropdown-toggle:focus {box-shadow: rgba(0, 119, 179, 0.3) 0px 0px 0px 4px, rgb(0, 119, 179) 0px 0px 0px 1px!important;background-color: transparent!important;} body.user-is-tabbing button.ms-header-button:focus {box-shadow: rgba(0, 119, 179, 0.3) 0px 0px 0px 4px, rgb(0, 119, 179) 0px 0px 0px 1px!important; background-color: transparent!important;} body button.ms-header-button:hover, body button.ms-header-button:focus {background-color: transparent!important;} .ms-header-dropdown .ms-header-dropdown-toggle.ms-active, .ms-header-dropdown .ms-header-dropdown-toggle.ms-active:hover {color: rgb(0, 77, 128)!important;} @media (min-width: 62em){.ms-header-dropdown .ms-header-dropdown-toggle.ms-active::after {position: absolute; top: auto; bottom: 0px; left: 0px; right:0px; width: 100%; height: 3px; content: ""; background: rgb(0, 119, 179); display: block !important;}} .ms-header-dropdown .ms-header-dropdown-toggle.ms-active, .ms-header-dropdown .ms-header-dropdown-toggle.ms-active:hover {color: rgb(0, 77, 128);} .ms-header-dropdown-toggle:focus {outline: currentcolor none 0px;} button.ms-header-button.ms-active {color: rgb(0, 119, 179); border-radius: 0px;} button.ms-header-button:focus {outline: currentcolor none 0px;} .ms-header-language {text-transform: uppercase; background-color:white;} .ms-header-dropdown .ms-header-dropdown-content a {padding: 3px 8px 4px 48px !important; position: relative; display: block; width: 100%; overflow: hidden; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: rgb(0, 41, 77); text-align: left; text-decoration: none; white-space: nowrap; cursor: pointer; transition: all 300ms ease 0s;} @media (min-width: 62em){.ms-header-dropdown.sc-ms-header .ms-header-dropdown-content.sc-ms-header a.ms-active.sc-ms-header {color: white; background: rgb(0, 119, 179) none repeat scroll 0% 0% !important;} .user-is-tabbing .ms-header-dropdown.sc-ms-header .ms-header-dropdown-content.sc-ms-header a.ms-active.sc-ms-header:focus {box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(0, 119, 179) !important;} .ms-header-dropdown.sc-ms-header .ms-header-dropdown-content.sc-ms-header a.ms-active.sc-ms-header:hover {background: rgb(0, 119, 179) none repeat scroll 0% 0% !important;} .ms-header-dropdown.sc-ms-header .ms-header-dropdown-content.sc-ms-header a.sc-ms-header:hover {background: rgb(230, 242, 248) none repeat scroll 0% 0% !important;} .ms-header-dropdown.sc-ms-header .ms-header-dropdown-content.sc-ms-header a.sc-ms-header {padding-left: 20px !important;}} .ms-header-bottom.ms-active {visibility: visible;} .ms-header-dropdown .ms-header-dropdown-content a.ms-active {padding-right: 36px; font-weight: 600; vertical-align: baseline; pointer-events: none;} @media (min-width: 62em){button.ms-header-button {width: auto; max-width: 200px; height: 4rem; padding: 0px 16px; padding-right: 16px; font-size: 0.875rem; line-height: 4rem; border: 0px none;}} #ms-header-language-button .ms-header-icon {display: inline-flex; min-width: 12px; margin-right: 12px; font-size: 0px; line-height: normal; vertical-align: baseline;} @media (min-width: 62em){#ms-header-language-button .ms-header-icon {margin-right: 10px;}} .ms-header-caret {position: absolute; top: 50%; right: 15px; display: flex; width: 10px; height: 10px; margin-left: 8px; line-height: normal; pointer-events: none; transition: all 300ms ease 0s; transform: translateY(-50%); transform-origin: 50% 50% 0px; border:none;} .ms-header-button.ms-active .ms-header-caret .ms-buttom-icon-svg svg {transform: rotate(180deg)!important;} .ms-header-button .ms-header-caret .ms-buttom-icon-svg svg {transition: 0.25s ease-in-out;} @media (min-width: 62em){.ms-header-caret {width: 7px; height: 7px;}} @media (min-width: 62em){#ms-header-language-button .ms-header-caret {margin-left: 8px!important;}} .ms-header-dropdown .ms-header-dropdown-content {display: none; padding-bottom: 16px; background: rgb(245, 248, 250) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(225, 227, 230);} @media (min-width: 62em){.ms-header-dropdown .ms-header-dropdown-content {position: absolute; top: 100%; left: 0px; z-index: 600; display: block; min-width: 170px; padding-top: 16px; padding-left: 0px; visibility: hidden; border: 0px none; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 41, 77, 0.15) 0px 4px 10px 0px; opacity: 0; transition: all 300ms ease 0s; transform: scale(0.85) translateZ(0px) translateY(-20px);}} @media (min-width: 62em){.ms-header-utils > :last-child .ms-header-dropdown-content {right: 0px; left: auto;}} @media (min-width: 62em){.ms-header-dropdown .ms-header-dropdown-content.ms-active {visibility: visible; opacity: 1; transform: translateZ(0px) translateY(0px);}} .ms-header-dropdown .ms-header-dropdown-content.ms-active {display: block;} .ms2-hero.ms2-hero-light, .ms2-hero.ms2-hero-with-image {color: #00294d; background-color: white; background-image: linear-gradient(#f3f9fc, #f9fcfe);} .ms-theme-turva .ms2-hero.ms2-hero-light,.ms-theme-turva .ms2-hero.ms2-hero-with-image {color: rgb(23, 28, 58); background-image: linear-gradient(rgb(245, 245, 247), rgb(250, 250, 251)); background-color: white;} .ms2-hero.ms2-hero-with-image {padding-bottom: 20px !important; margin-bottom: -36px;} @media (min-width: 48em) {.ms2-hero.ms2-hero-with-image {padding-bottom: 28px !important;}} @media (min-width: 62em) {.ms2-hero.ms2-hero-with-image {padding-bottom: 36px !important; margin-bottom: -20px;}} .ms2-hero {position: relative; display: block; width: 100%; padding: 48px 28px; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.5; text-decoration: none; text-shadow: none; text-transform: none; background: #00294d; background-color: rgb(0, 41, 77); background-image: none; box-sizing: border-box;} @media (min-width: 62em) {.ms2-hero {min-height: 290px; padding: 111.6px 56px; padding-bottom: 111.6px; overflow: visible;}} .ms2-hero-with-image .ms2-hero-wrapper {position: static;} .ms2-hero-wrapper {position: relative; width: 100%; max-width: 1110px; margin: 0 auto; text-align: center;} @media (min-width: 62em) {.ms2-hero-wrapper {text-align: left;}} .ms2-hero-image-mask {position: relative; margin: -28px auto 0; overflow: hidden;} @media (min-width: 62em){.ms2-hero-image-mask {margin: -48px auto 0;}} @media (min-width: 62em){.ms2-hero-image-mask {position: absolute; top: 0; right: 0; width: 470px; height: 460px; margin: 0;}} @media (min-width: 76.25em){.ms2-hero-image-mask {width: 650px; height: 580px;}} @media screen and (min-width: 1450px){.ms2-hero-image-mask {right: 50%; transform: translateX(110%);}} .ms2-hero-text {max-width: 50rem; margin: 0 auto; margin-top: 0px; margin-left: auto;} @media (min-width: 48em){.ms2-hero-text {width: 80%;}} @media (min-width: 62em){.ms2-hero-text {width: 52%; max-width: none; margin-top: -10px; margin-left: 0;}} .ms2-hero-image-wrapper {position: relative; width: 80%; height: 0; padding-bottom: 80%; margin: -30px auto 36px; overflow: hidden; border-radius: 28%; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); transform: rotate(10deg);} .ms2-hero-image-wrapper .ms2-hero-image {position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform: rotate(-10deg);} @media screen and (min-width: 440px){.ms2-hero-image-wrapper {width: 300px; padding-bottom: 300px;}} @media (min-width: 62em){.ms2-hero-image-wrapper {position: absolute; top: -60px; right: -50px; width: 470px; padding-bottom: 470px; margin: 0;}} @media (min-width: 76.25em){.ms2-hero-image-wrapper {top: -70px; right: -60px; width: 600px; padding-bottom: 600px;}} @media screen and (min-width: 1450px){.ms2-hero-image-wrapper {top: -70px; right: 25px;}} @media screen and (min-width: 1450px){.ms-theme-turva .duet-hero-image-mask {transform: translateX(108%);}} .ms-theme-turva .ms2-hero-image-wrapper .ms2-hero-image {top: 0px; left: 0px; width: 100%; height: 100%; transform: none;} .ms-theme-turva .ms2-hero-image-wrapper {padding-bottom: 68%; border-radius: 44% 47% 38% 54%; transform: none;} @media screen and (min-width: 440px){.ms-theme-turva .ms2-hero-image-wrapper {width: 80%; padding-bottom: 68%;}} @media (min-width: 62em) {.ms-theme-turva .ms2-hero-image-wrapper {top: -40px; right: -80px; width: 536px; padding-bottom: 470px;}} @media (min-width: 76.25em) {.ms-theme-turva .ms2-hero-image-wrapper {top: -70px; right: -60px; width: 650px; padding-bottom: 600px;}} @media screen and (min-width: 1450px){.ms-theme-turva .ms2-hero-image-wrapper {right: 0px;}} .ms-theme-turva .ms2-hero.ms2-hero-light::before,.ms-theme-turva .ms2-hero.ms2-hero-with-imagea::before {background-image: linear-gradient(rgb(250, 250, 251), white);} .ms-theme-turva .ms2-hero.ms2-hero-light,.ms-theme-turva .ms2-hero.ms2-hero-with-image {color: rgb(23, 28, 58); background-image: linear-gradient(rgb(245, 245, 247), rgb(250, 250, 251));} .ms-icon{width: 16px!important; height: 16px; box-sizing: border-box; padding: 0; margin: 0; background: transparent; border: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; display: inline-block; width: auto; max-width: 100%; color: inherit;} .ms-buttom-icon-svg {height: 100%; width: 100%; min-width: 100%; display: block; font-size: 0;} .ms-buttom-icon-svg::after,.ms-buttom-icon-svg::before {appearance: none; background: transparent; border: 0; box-sizing: border-box; margin: 0; padding: 0;} .ms-layouttop {Margin:0px;} section[data-id="content"] .container.ms-layout, #product.ms-layout .container {width: 100%;} #product.ms-layout {position: relative; margin: 48px auto 36px;} @media (min-width: 36em){#product.ms-layout {padding: 0 28px; margin-top: 72px;}} @media (min-width: 62em){#product.ms-layout {display: flex; flex-direction: row; padding: 0 56px; margin-bottom: 48px;}} @media (min-width: 76.25em) {#product.ms-layout {max-width: 1110px; padding: 0;}} #product .ms-main {display: block; width: 100%; padding: 20px !important; margin-bottom: 20px; box-shadow: rgb(0 41 77 / 7%) 0px 2px 6px 0px, rgb(0 0 0 / 9%) 0px -1px 0px 0px, rgb(0 0 0 / 7%) -1px 0px 0px 0px, rgb(0 0 0 / 7%) 1px 0px 0px 0px, rgb(0 0 0 / 7%) 0px 1px 0px 0px; border-radius: 4px; background:white;} .ms-theme-turva #product .ms-main {box-shadow: rgba(117, 117, 117, 0.13) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px -1px 0px 0px, rgba(0, 0, 0, 0.07) -1px 0px 0px 0px, rgba(0, 0, 0, 0.07) 1px 0px 0px 0px, rgba(0, 0, 0, 0.07) 0px 1px 0px 0px;} @media (min-width: 36em){#product .ms-main {padding: 36px !important;}} @media (min-width: 48em){#product .ms-main {padding: 48px 48px 0px 48px!important ;}} @media (min-width: 62em) {#product .ms-main {max-width: 734px; margin: 0 auto; margin-right: 20px; min-width: 600px;}} #product .ms-sidebar {display: block; width: 100%; padding: 0px !important; margin-bottom: 20px; background:transparent!important;border-radius: 4px;} #product .ms-sidebar .ms-stickside {box-shadow: rgb(0 41 77 / 7%) 0px 2px 6px 0px, rgb(0 0 0 / 9%) 0px -1px 0px 0px, rgb(0 0 0 / 7%) -1px 0px 0px 0px, rgb(0 0 0 / 7%) 1px 0px 0px 0px, rgb(0 0 0 / 7%) 0px 1px 0px 0px; border-radius: 4px; padding: 20px !important; background:white!important;} .ms-theme-turva #product .ms-sidebar .ms-stickside {box-shadow: rgba(117, 117, 117, 0.13) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px -1px 0px 0px, rgba(0, 0, 0, 0.07) -1px 0px 0px 0px, rgba(0, 0, 0, 0.07) 1px 0px 0px 0px, rgba(0, 0, 0, 0.07) 0px 1px 0px 0px;} @media (min-width: 36em){#product .ms-sidebar .ms-stickside {padding: 36px !important;}} @media (min-width: 48em){#product .ms-sidebar .ms-stickside {padding: 48px !important;}} @media (min-width: 62em){#product .ms-sidebar {min-width: 256px; max-width: 356px; margin-left: 0px!important; margin-right: 0px!important;} #product .ms-sidebar .ms-stickside {position: sticky; top: calc(4rem + 20px); width: auto; max-width: 356px;}} body .ms-main .ext-form-area fieldset {border: none!important; box-shadow:none!important;} .ms-main .ext-form-area .grid-container.padding10 {padding: 0px!important;} .ms-main .ext-form-area {float: none; margin: 0px!important;} @media screen and (min-width: 768px) {.ms-main .grid-30.tdhead {padding-left: 0px;}} .ms-main fieldset>.grid-container.padding10 {border-top: 1px solid rgb(225, 227, 230);} .ms-theme-turva .ms-main fieldset>.grid-container.padding10 {border-top: 2px solid rgba(0, 0, 0, 0.07);} @media only screen and (min-width: 1281px) {.ms-main .ext-form-area .grid-container .checkboxtable td {min-width: 406px!important;} .ms-main .ext-form-area select {max-width: 420px!important;}} .ms-main .ext-form-area .grid-container .radiotable.row td {outline: none!important;} .ms-main .ext-form-area .grid-container .radiotable td:focus {box-shadow: 0 0 0 2px #0077b3 !important;} .ms-theme-turva .ms-main .ext-form-area .grid-container .radiotable td:focus {box-shadow: 0 0 0 2px #757575 !important;} .ms-footer {background: #00294d; color: white; display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; margin-top: 48px; padding-bottom: 16px; padding-top: 20px; text-align: left; width: 100%;} .ms-theme-turva .ms-footer {background: #c60c30;} @media (min-width: 36em){.ms-footer {padding-top: 36px;}} @media (min-width: 62em){.ms-footer {padding-top: 48px;}} .ms-footer-wrapper {margin: 0 auto; position: relative;} @media (min-width: 62em){.ms-footer-wrapper {padding: 0 72px 0 48px;}} @media (min-width: 76.25em){.ms-footer-wrapper {max-width: 1110px; padding: 0 20px 0 0;}} .ms-footer-top {width: 100%;} @media (min-width: 62em) {.ms-footer-top {align-items: center; display: flex; flex-direction: row; justify-content: space-between;}} .ms-duet-footlogo {margin-left: 16px !important; background: transparent; border: 0; box-sizing: border-box; margin: 0; padding: 0; margin-right: 8px !important; display: inline-block; vertical-align: middle; width: auto;} @media (min-width: 36em){.ms-duet-footlogo {margin-left: 28px !important;}} @media (min-width: 62em){.ms-duet-footlogo {margin-left: 0 !important;}} .ms-logo-large {user-select: none; border-radius: 4px; display: block; height: 48px; width: 184.8px;} .ms-logo-large:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3; outline: 0;} .ms-theme-turva .ms-logo-large {user-select: none; border-radius: 4px; display: block; width: 149.6px; height: 54.4px;} .ms-theme-turva .ms-logo-large:focus {box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a; outline: 0;} .ms-footer-menu {padding: 20px !important; font-size: 0.875rem;} @media (min-width: 36em){.ms-footer-menu {padding: 28px !important; padding-left: 28px;}} @media (min-width: 62em){.ms-footer-menu {padding-left: 8px !important;}} .ms-footer-copyright {color: white;} .ms-footer-menu .ms-footer-divider {display: inline-block; margin: 0 8px;} .ms-footer a {color: white!important; text-decoration: none;} .ms-footer-menu a {text-decoration: none;} @media (min-width: 62em){.ms-footer a {border-radius: 4px;}} .ms-footer-menu a:hover, .ms-footer-menu a:focus {text-decoration: underline !important;} .ms-footer-menu a:focus {box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3; outline: 0;} .ms-theme-turva .ms-footer-menu a:focus {box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a; outline: 0;} .ms2-hero p {font-size: 1rem!important; font-weight: 600!important; letter-spacing: 0px!important; color: rgb(0, 41, 77)!important; line-height: 1.25!important;} .ms-theme-turva .ms2-hero p {font-size: 1.25rem!important; font-weight: 600!important; color: rgb(23, 28, 58)!important; line-height: 1.5!important;} @media (max-width: 61.999em){.ms2-hero {padding: 30px 28px 48px 28px!important;}} @media (min-width: 62em) {.ms2-hero-image-wrapper {top: -50px!important;}} #product:focus , #bannerreg:focus {outline: 0 !important;} .ext-form-area{font-family: 'Open Sans', sans-serif; font-size: 12px;} .ext-form-area .placeholder{color: #aaa !important;} .ext-form-area h1{font-family: LahiTapiolaSlabBook;} .ext-form-area h2{font-family: 'Open Sans', sans-serif;} .ext-form-area{font-size: 14px;} .ext-form-area h1 {font-size: 36px; line-height: 58px; color: #fff; background-color: #00a1d4; letter-spacing:-1px; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; text-transform: none; font-weight: 100;} .ext-form-area h2 {font-size: 1.25em; line-height: 24px; color: #00a1d4; background-color: none; letter-spacing:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase;} .ext-form-area h3 {font-size: 1.4375em; line-height: 28px; color: #015a83; background-color: none; letter-spacing:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none;} .ext-form-area h4 {font-size: 1.25em; line-height: 20px; color: #015a83; background-color: none; letter-spacing:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; text-transform: none;} .ext-form-area h5 {font-size: 1.25em; line-height: 20px; color: #015a83; background-color: none; letter-spacing:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; text-transform: none;} .ext-form-area label, .ext-form-area legend {display: block; font-weight: normal; color: #003665; font-size: 14px; margin-bottom:2px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-transform: initial;} .ext-form-area label span, .ext-form-area legend span {color: #464646; font-weight: normal; font-size: 14px;} .ext-form-area .tdhead{font-size: 14px;} .ext-form-area .button, .ext-form-area input, .ext-form-area button{-webkit-font-smoothing: antialiased; cursor: pointer;} .ext-form-area .table-container td p {font-size: 14px;} .ext-form-area .table-container td b, .ext-form-area .table-container td strong{font-size: 14px;} .ext-form-area .samerow{float:left; margin-left:0px; padding-left:0px; margin-right: 0px;} #ext-form-area-section{float: left; width:100%; height:100%; margin-bottom:20px; padding-bottom:20px;} .ext-form-area{float: none; margin:10px;} .ext-form-area.nopadding {margin: 0;} .ext-form-area .icon-ok{font-size: 26px; color: #003665; margin-right: 10px;} .ext-form-area .icon-remove{font-size: 26px; color: #003665; margin-right: 10px;} .ext-form-area .icon-remove-white{font-size: 26px; color: #fff; margin-right: 10px;} .ext-form-area .step{display:inline-block; font-size: 1.375em; color: #525252; background-color: #dcdcdc; margin: 0px 4px 10px 0px; padding: 4px 11px 4px 11px; text-transform: none; border: 1px solid #a1a1a1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .ext-form-area .step.active{font-size: 1.5em; color: #fff; background-color: #003665; font-weight: bold; margin: 0px 4px 10px 0px; padding: 4px 12px 4px 12px; border: 2px solid #003665;;} .ext-form-area .step.back{color: #094770; background-color: #fff; border: 1px solid #003665;} .ext-form-area fieldset{float: none; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; border: 1px solid #cecdc6; background-color: #fff; -moz-box-shadow: 0 -2px 7px rgba(0,0,0,.12); -webkit-box-shadow: 0 -2px 7px rgba(0,0,0,.12); box-shadow: 0 -2px 7px rgba(0,0,0,.12); clear:both;} .ext-form-area .subhead{display:inline-block; padding-top:10px;} .ext-form-area .subhead .headstep{display:inline-block; font-size: 18px; font-weight: bold; color: #fff; background-color: #356e9a; margin: 0px 10px 0px 0px; padding: 2px 8px 3px 8px; text-transform: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 2px rgba(153,153,153,.35); -webkit-box-shadow: 0 1px 2px rgba(153,153,153,.35); box-shadow: 0 1px 2px rgba(153,153,153,.35); background-image: -moz-linear-gradient(bottom, rgba(153,153,153,.3) 0%, rgba(204,204,204,.3) 100%); background-image: -o-linear-gradient(bottom, rgba(153,153,153,.3) 0%, rgba(204,204,204,.3) 100%); background-image: -webkit-linear-gradient(bottom, rgba(153,153,153,.3) 0%, rgba(204,204,204,.3) 100%); background-image: linear-gradient(bottom, rgba(153,153,153,.3) 0%, rgba(204,204,204,.3) 100%);} .ext-form-area .subhead .headstep {} .ext-form-area .subhead h3 {display:inline-block; margin-right: 45px; line-height: 20px;} .ext-form-area .subhead h2 {display:inline-block; margin-right: 45px; line-height: 20px;} .ext-form-area span.required, .ext-form-area span.formReq{position:static; font-size: 20px; line-height: 20px; color: #003665; margin-top:0px; margin-left:0px;} .ext-form-area .grid-container.padding10{padding:10px 10px 15px 10px;} .ext-form-area .grid-container .tableformrow {width: 100%; float: left; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px;} .ext-form-area .grid-container .tableformrow img{} .ext-form-area .grid-container.table {margin-bottom: 0px;} .ext-form-area .grid-container .tablerow {width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 0px; min-height:48px;} .ext-form-area .grid-container .tablerow .tdhead {font-size: 14px; padding: 10px 10px 10px 10px;} .ext-form-area .grid-container .tablerow .tdtxt, .ext-form-area .grid-container .tablerow .tdtxt p {font-size: 14px; line-height: 15px; padding: 10px 10px 10px 10px;} .ext-form-area .grid-container .radiotable table{display: inline-table; border-collapse:separate; border-spacing: 4px 4px; margin-bottom:0px; margin-left:4px;} .ext-form-area .grid-container .radiotable tr{float:none;} .ext-form-area .grid-container .radiotable td{background-color: #fff; text-align:left; border: 1px solid #003665; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width:250px; min-height: 20px; cursor:pointer;} .ext-form-area .grid-container .radiotable td label{cursor:pointer;} .ext-form-area .grid-container .radiotable img{max-width: 60px;} .ext-form-area .grid-container .radiotable.row table{width:100%; max-width:100%; display: inline-table; border-collapse:separate; border-spacing: 4px 4px; margin-bottom:0px; margin-left:0px;} .ext-form-area .grid-container .checkboxtable.row table{width:100%; max-width:100%; display: inline-table; border-collapse:separate; border-spacing: 4px 4px; margin-bottom:0px; margin-left:0px;} .ext-form-area .grid-container .radiotable.row tr{margin-left:0px; float:left;} .ext-form-area .grid-container .checkboxtable.row tr{margin-left:0px; float:left;} .ext-form-area .grid-container .radiotable.row td, .ext-form-area .grid-container .checkboxtable.row td{text-align:center; border: 1px solid #003665; padding: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width:112px; max-width:130px; width: 120px; min-height: 60px; height: 60px; box-sizing:border-box;} .ext-form-area #captcha td{min-width:98px; width:98px; cursor:pointer;} .ext-form-area #captcha td img{cursor:pointer;} .ext-form-area .grid-container .radiotable.yesno table{display: inline-table; border-collapse:separate; border-spacing: 6px 2px; margin-bottom:0px; margin-left:-6px;} .ext-form-area .grid-container .radiotable.yesno tr{margin-left:0px; float:left;} .ext-form-area .grid-container .radiotable.yesno td{text-align:center; border: 1px solid #486c8c; padding: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width: 100px; min-height: 30px; width: 90px; height: 30px;} .ext-form-area .grid-container .radiotable.col table{border-spacing: 0px 0px;} .ext-form-area .grid-container .radiotable.col td{display: inline-block; margin-bottom: 4px; margin-left:4px; text-align:left; float:left;} .ext-form-area .grid-container .radiotable.row.col td label{display: table-cell; text-align:center; height: 52px; padding-left: 4px; padding-right: 4px;} .ext-form-area .grid-container p.txt{margin-top: 10px; padding-left: 5px; margin-bottom: 5px;} .ext-form-area .grid-container .row.storebox td{position: relative; width: 170px; max-width: 100%; padding: 1px; text-align:right;} .ext-form-area .grid-container .row.storebox td label{padding: 10px 30px 0 10px; text-align: left; font-size: 15px;} .ext-form-area .grid-container .row.storebox .description select{margin-left: 0px;} .ext-form-area .grid-container .row.storebox .icon-ok{position: absolute; right:0px; text-align: left; padding:2px; margin-left: -25px; margin-top: 5px; font-size:14px; border-radius: 10px; color: #fff; background-color: #003665;} @-moz-document url-prefix() {.ext-form-area .grid-container .row.storebox .icon-ok{right:auto;}} .ext-form-area .grid-container .row.storebox .description{padding-left: 10px; padding-top: 0px; font-size: 14px; text-align: left;} .ext-form-area .grid-container .row.storebox .more-open{font-size: 14px; text-align: right; margin-top:5px; margin-left: -1px; margin-right: -1px; margin-bottom: -1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 5px 8px; color: #003665; background-color: #afdeed;} .ext-form-area .grid-container .row.storebox td:hover .more-open{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 5px 7px 4px 7px;} .ext-form-area .grid-container .row.storebox .more-open:hover{} .ext-form-area .grid-container .row.storebox .more-info{display: none; padding-left: 10px; padding-top: 10px; margin-left: -1px; margin-right: -1px; border-top: 1px solid #88BFD1; font-size: 12px; line-height: 16px; text-align: left;} .ext-form-area .grid-container .row.storebox .more-close{display: none; font-size: 14px; text-align: right; margin-top:5px; margin-left: -1px; margin-right: -1px; margin-bottom: -1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 5px 8px; color: #003665; background-color: #afdeed;} .ext-form-area .grid-container .row.storebox td:hover .more-close{margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 5px 7px 4px 7px;} .ext-form-area .grid-container .row.storebox .more-close:hover{} .ext-form-area .grid-container .checkboxtable.row.storebox input {display: none;} .ext-form-area .grid-container .checkboxtable.row.storebox label {padding-left: 5px;} .ext-form-area .grid-container .checkboxtable table{display: inline-table; border-collapse:separate; border-spacing: 6px 2px; margin-bottom:0px; margin-left:0px;} .ext-form-area .grid-container .checkboxtable tr{float:none;} .ext-form-area .grid-container .checkboxtable td{background-color: #fff; text-align:left; border: 1px solid #003665; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-width:180px; min-height: 20px; cursor:pointer;} .ext-form-area .checkboxtable.automap td{min-width:170px;} .ext-form-area .grid-container .checkboxtable td input{margin-top:4px; margin-right:0px; float:left; border: 0px;} .ext-form-area .grid-container .checkboxtable td label{display: table-cell; border-radius: 0px; line-height: 16px; cursor: pointer;} .ext-form-area input[type="text"], .ext-form-area input[type="email"], .ext-form-area textarea, .ext-form-area input[type="date"]{font-size: 14px; line-height: 20px; color: #909599; font-weight: normal; display: inline-block; padding: 0px 0px 0px 6px; margin: 0px 10px 0px 6px; width: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-height:26px; vertical-align: middle; outline: none; border: 1px solid #909599; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 0 1px #d6d6d6; -webkit-box-shadow: 0 0 0 1px #d6d6d6; box-shadow: 0 0 0 1px #d6d6d6;} .ext-form-area input[type="text"]:focus, .ext-form-area input[type="email"]:focus, .ext-form-area textarea:focus, .ext-form-area input[type="date"]:focus, .ext-form-area select:focus, .ext-form-area .grid-container .radiotable td:focus, .ext-form-area .grid-container .checkboxtable td:focus {box-shadow: 0 0 0 2px #0077b3 !important; -moz-box-shadow: 0 0 0 2px #0077b3 !important; -webkit-box-shadow: 0 0 0 2px #0077b3 !important;} .ext-form-area select{color: #015a83; width: auto; margin: 0px 10px 0px 6px; max-width: 380px;} .ext-form-area select option {color:#015a83;} .ext-form-area select option.gray {color:#999;} .ext-form-area textarea{padding-top:5px; min-height:100px;} .ext-form-area input.p100{width: 95%;} .ext-form-area input.p66{width: 66%;} .ext-form-area input.p65{width: 65%;} .ext-form-area input.p50{width: 50%;} .ext-form-area input.p33{width: 33%;} .ext-form-area input.p32{width: 32%;} .ext-form-area input.c13{width: 105px;} .ext-form-area input.c11{width: 100px;} .ext-form-area input.c10{width: 85px;} .ext-form-area input.c6{width: 55px;} .ext-form-area .samerow input.p65{width: 210px; margin-right: 0px; padding-right:0px;} .ext-form-area .samerow input.p32{width: 130px;} .ext-form-area .samerow input.p66{width: 210px; margin-right: 0px; padding-right:0px;} .ext-form-area .samerow input.p33{width: 130px;} .ext-form-area .samerow input.p100{width: 235px; margin-right: 0px; padding-right:0px;} .ext-form-area input[type="file"]{font-size: 15px; border: 0px solid #fff; color: #015a83; max-width:100%;} .ext-form-area input[disabled="disabled"], .ext-form-area textarea[disabled="disabled"]{background-color: #f5f5f5; border: 1px solid #ddd; cursor: default; color: #999;} .ext-form-area select[disabled="disabled"]{cursor: default; color: #999;} .ext-form-area .button-primary, .ext-form-area input[type="submit"].button-primary, .ext-form-area .button, .ext-form-area button, .ext-form-area input[type="submit"], .ext-form-area input[type="reset"], .ext-form-area input[type="button"] {font-size: 80%; line-height: 20px;} .ext-form-area input[type="submit"][disabled="disabled"], .ext-form-area button[disabled="disabled"], .ext-form-area a.button[disabled="disabled"], .ext-form-area span.button[disabled="disabled"]{background-color: #d6d6d6; color: rgba(237,239,239,.8); cursor: not-allowed;} .ext-form-area input[type="submit"][disabled="disabled"].button-primary, .ext-form-area button[disabled="disabled"].button-primary, .ext-form-area a.button-primary[disabled="disabled"], .ext-form-area span.button-primary[disabled="disabled"]{background-color: #d6d6d6; color: rgba(237,239,239,.8); cursor: not-allowed;} .ext-form-area input.disabled, .ext-form-area textarea.disabled{background-color: #d6d6d6; color: rgba(237,239,239,.8); cursor: not-allowed;} .ext-form-area select.disabled{opacity: 0.9; filter:alpha(opacity=90);} .ext-form-area input[type="submit"].disabled, .ext-form-area button.disabled, .ext-form-area a.button.disabled, .ext-form-area span.button.disabled, .ext-form-area button.disabled {background-color: #657787; color: #fff; cursor: not-allowed;} .ext-form-area input[type="submit"]:disabled, .ext-form-area button:disabled, .ext-form-area a.button:disabled, .ext-form-area span.button:disabled, .ext-form-area button:disabled{background-color: #657787; color: #fff; cursor: not-allowed;} .ext-form-area input[type="submit"].button-primary.disabled, .ext-form-area button.button-primary.disabled, .ext-form-area a.button-primary.disabled, .ext-form-area span.button-primary.disabled, .ext-form-area button.button-primary:disabled,input[type="submit"].button-primary:disabled {background-color: #657787; color: #fff; cursor: not-allowed;} .ext-form-area input[type="submit"].button-primary.disabled, .ext-form-area button.button-primary.disabled:hover, .ext-form-area a.button-primary.disabled:hover, .ext-form-area span.button-primary.disabled:hover, .ext-form-area button.button-primary:disabled:hover, input[type="submit"].button-primary:disabled:hover{background-color: #657787; color: #fff; cursor: not-allowed;} .ext-form-area .grid-container .radiotable td.disabled{opacity:0.5; cursor:default; filter:alpha(opacity=50);} .ext-form-area .grid-container .radiotable td.disabled label{cursor:default;} .ext-form-area hr{width: 100%; float: left; margin: 10px 0px 10px 0px;} .ext-form-area .fullwidth{width:100%;} .ext-form-area textarea.fullwidth{width:96%;} .ext-form-area .fullwidth img{width:100%;} .ext-form-area .fullwidth .bank-login a img{width:auto;} .ext-form-area img{max-width:100%;} .ext-form-area .controls{margin:0px; padding:20px;} .ext-form-area .pull-right{display: flex; float: right; text-align:right;} .ext-form-area .grid-container .radiotable td label{line-height:20px; vertical-align:middle; text-transform: initial;} .ext-form-area .grid-container .radiotable td img{padding: 0px 8px 0px 0px; float:left;} .ext-form-area #captcha img{padding: 8px 0px 0px 0px; vertical-align: middle; float:none;} .no-touch .ext-form-area .grid-container .radiotable td:hover{background-color: #f2f2f2; padding: 10px; border: 1px solid #003665;} .chrome.no-touch .ext-form-area .grid-container .radiotable td:hover{background-color: #f2f2f2; padding: 10px; border: 1px solid #003665; -moz-box-shadow: inset 0px 0px 0px 1px #003665; -webkit-box-shadow: inset 0px 0px 0px 1px #003665; box-shadow: inset 0px 0px 0px 1px #003665;} .no-touch .ext-form-area .grid-container .radiotable.row td:hover{background-color: #f2f2f2; padding:1px; border: 1px solid #003665;} .chrome.no-touch .ext-form-area .grid-container .radiotable.row td:hover{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .no-touch .ext-form-area .grid-container .radiotable.yesno td:hover{background-color: #f2f2f2; padding:1px;} .no-touch .ext-form-area .grid-container .radiotable.yesno td.checked:hover, .no-touch .ext-form-area .grid-container .radiotable.row td.checked:hover, .no-touch .ext-form-area .grid-container .radiotable td.checked:hover {background-color: #003665;} .chrome.no-touch .ext-form-area .grid-container .radiotable.yesno td:hover{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .no-touch .ext-form-area .grid-container .row.storebox td:hover{padding: 1px;} .chrome.no-touch .ext-form-area .grid-container .row.storebox td:hover{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .ext-form-area .radiotable label.checked{background-color: #003665; color: #fff; border-radius: 4px; font-weight:normal;} .ext-form-area .radiotable td.checked{background-color: #003665; color:#fff; padding: 9px; border: 2px solid #003665; border-radius: 4px;} .ext-form-area .radiotable td.checked i.icon-remove, .ext-form-area .radiotable td.checked i.icon-ok, .ext-form-area .radiotable label.checked i.icon-remove, .ext-form-area .radiotable label.checked i.icon-ok{color: #fff;} .chrome .ext-form-area .radiotable td.checked{background-color: #003665; padding: 10px; border: 1px solid #003665; -moz-box-shadow: inset 0px 0px 0px 1px #003665; -webkit-box-shadow: inset 0px 0px 0px 1px #003665; box-shadow: inset 0px 0px 0px 1px #003665;} .ext-form-area .radiotable.row td.checked{background-color: #003665; padding:1px; border-radius: 4px;} .chrome .ext-form-area .radiotable.row td.checked{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .ext-form-area .radiotable.yesno td.checked{background-color: #003665; padding:1px; border-radius: 4px;} .chrome .ext-form-area .radiotable.yesno td.checked{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .ext-form-area .row.storebox td.checked{padding: 1px;} .ext-form-area .row.storebox td.checked label{border-radius: 0px;} .ext-form-area .row.storebox td.checked .more-open{margin: 5px 0px 0px 0px; padding: 5px 7px 4px 7px;} .ext-form-area .row.storebox td.checked .more-close{border-top: 1px solid #003665; margin: 4px 0px 0px 0px; padding: 5px 7px 4px 7px;} .chrome .ext-form-area .grid-container .row.storebox td .more-info{margin-left: 0px; margin-right: 0px; padding-left: 9px;} .chrome .ext-form-area .grid-container .row.storebox td.checked .more-info{margin-left: 0px; margin-right: 0px; padding-left: 9px;} .chrome.no-touch .ext-form-area .grid-container .row.storebox td:hover .more-info{margin-left: 0px; margin-right: 0px; padding-left: 9px;} .chrome.no-touch .ext-form-area .grid-container .row.storebox td.checked:hover .more-info{margin-left: 0px; margin-right: 0px; padding-left: 9px;} .ext-form-area .checkboxtable td.checked:hover, .chrome .ext-form-area .checkboxtable td.checked:hover{} .no-touch .ext-form-area .grid-container .checkboxtable td:hover{background-color: #f2f2f2; padding: 10px;} .chrome.no-touch .ext-form-area .grid-container .checkboxtable td:hover{background-color: #f2f2f2; padding: 10px; border: 1px solid #88bfd1; -moz-box-shadow: inset 0px 0px 0px 1px #003665; -webkit-box-shadow: inset 0px 0px 0px 1px #003665; box-shadow: inset 0px 0px 0px 1px #003665;} .chrome.no-touch .ext-form-area .grid-container .checkboxtable td.checked:hover{} .ext-form-area .checkboxtable label.checked{background-color: #fff; border-radius: 4px; font-weight:normal; color: #003665;} .ext-form-area .checkboxtable td.checked:hover label{background-color: #f2f2f2;} .ext-form-area .checkboxtable td.checked{padding: 10px; border: 1px solid #003665; border-radius: 4px; -moz-box-shadow: inset 0px 0px 0px 1px #003665; -webkit-box-shadow: inset 0px 0px 0px 1px #003665; box-shadow: inset 0px 0px 0px 1px #003665;} .chrome .ext-form-area .checkboxtable td.checked{padding: 10px; border: 1px solid #003665; -moz-box-shadow: inset 0px 0px 0px 1px #003665; -webkit-box-shadow: inset 0px 0px 0px 1px #003665; box-shadow: inset 0px 0px 0px 1px #003665;} .ext-form-area .grid-container .radiotable td input{float:left; display: none;} .ext-form-area .grid-container .checkboxtable td.disabled{opacity:0.5; cursor:default; filter:alpha(opacity=50);} .ext-form-area .grid-container .checkboxtable td.disabled label{cursor:default;} .ext-form-area .grid-container .checkboxtable.row.storebox td.checked{border: 2px solid #88bfd1; padding: 0px;} .ext-form-area .grid-container .checkboxtable.row.storebox td.checked, .ext-form-area .grid-container .radiotable.row.storebox td.checked {background-color: #fff; color: #003665; box-shadow: inset 0px 0px 0px 1px #003665;} .ext-form-area .grid-container .radiotable.row.storebox td.checked:hover, .ext-form-area .grid-container .checkboxtable.row.storebox td.checked:hover, .ext-form-area .grid-container .radiotable.row.storebox td.checked:hover label, .ext-form-area .grid-container .checkboxtable.row.storebox td.checked:hover label, .ext-form-area .grid-container .checkboxtable.row.storebox td.disabled.checked:hover label, .ext-form-area .grid-container .radiotable.row.storebox td.disabled.checked:hover label{background-color: #f2f2f2; color: #003665;} .ext-form-area .grid-container .checkboxtable.row.storebox td.checked label, .ext-form-area .grid-container .radiotable.row.storebox td.checked label{background-color: #fff; color: #003665;} .chrome .ext-form-area .grid-container .checkboxtable.row.storebox td:hover{padding: 0px; border: 2px solid #88bfd1;} .chrome .ext-form-area .grid-container .checkboxtable.row.storebox td.checked{border: 2px solid #88bfd1; -moz-box-shadow: inset 0px 0px 0px 0px #81bccf; -webkit-box-shadow: inset 0px 0px 0px 0px #81bccf; box-shadow: inset 0px 0px 0px 0px #81bccf;} .chrome .ext-form-area .grid-container .checkboxtable.row.storebox td.checked:hover{border: 2px solid #88bfd1; -moz-box-shadow: inset 0px 0px 0px 0px #81bccf; -webkit-box-shadow: inset 0px 0px 0px 0px #81bccf; box-shadow: inset 0px 0px 0px 0px #81bccf;} .chrome .ext-form-area .grid-container .checkboxtable.row.storebox td.checked .more-open{border: 0px solid #88bfd1;} .ext-form-area .helpshort{font-size: 0.875em; display: block; font-style:italic; text-transform: none;} .ext-form-area .helplong{font-size: 0.875em; margin-top:10px; display: block; font-style:italic; text-transform: none;} .ext-form-area .helplong p, .ext-form-area .helplong table {margin-bottom: 10px;} .ext-form-area .accordion{border-left: 0px solid #fff; border-right: 0px solid #fff; margin-bottom:0px;} .ext-form-area .accordion h3 {margin: 0px; padding: 5px 5px 5px 18px; font-size: 14px; font-weight: normal; line-height: 1.4em;} .ext-form-area .accordion h3 i{font-size: 14px;} .ext-form-area .accordion h3 .icon-angle-down{margin-left:-13px;} .ext-form-area .ui-accordion-header.ui-state-default {color: #0077b3; background-color: #fff; border-bottom: 1px solid #CECECE;} .ext-form-area .ui-accordion-header.ui-state-default:hover{color: #004d80;} .ext-form-area .ui-accordion-header.ui-state-active {color: #fff; background-color: #0077b3;} .ext-form-area .ui-accordion-header.ui-state-active:hover{color: #fff;} .ext-form-area .accordion-expand-collapse{margin-top:10px; margin-bottom: 10px;} .ext-form-area .accordion-expand{margin-bottom: 0px; margin-left: 10px;} .ext-form-area .accordion-collapse{margin-bottom: 0px; margin-left: 5px;} .ext-form-area .accordion-expand i{padding-left:0px;} .ext-form-area .accordion-collapse i{padding-left:0px;} .ext-form-area .accordion .valuetable th{font-size: 12px;} .ext-form-area #floating-alert{width:100%; text-align: center; z-index: 9999;} .ext-form-area .login-alert{position:relative; padding: 20px; background-color: #fff; z-index: 77;} .ext-form-area fieldset .login-alert{float:left; margin-top: 10px; margin-left:10px; width:91%; z-index: 1;} .ext-form-area .timeout-alert{position:relative; padding: 20px; background-color: #fff; z-index: 888; border: 3px solid #e9222c; margin-bottom: 20px; color: #015a83; display: table; width:auto; margin: 0px auto 20px auto;} .ext-form-area .timeout-alert div{display: table-row;} .ext-form-area .timeout-alert i{color: #e9222c;} .ext-form-area .timeout-alert i, .ext-form-area .timeout-alert p{display: table-cell; vertical-align: middle;} .ext-form-area .timeout-alert p {padding-left: 20px;} .ext-form-area .timeout-alert a {margin-left: 20px;} .ext-form-area .status-ok{position:absolute; right:30px; margin-top:-31px; padding-top:6px; background-color: #bce190; width:35px; height:24px; border-top-left-radius:8px; border-top-right-radius:8px;} .ext-form-area .status-ok i{margin-left:9px; padding:2px; background-color: #75b922; font-size:14px; color: #fff; border-radius: 10px; display: block; float:left;} .ext-form-area .status-error{position:absolute; right:30px; margin-top:-31px; padding-top:6px; background-color: #f2cfcf; width:35px; height:24px; border-top-left-radius:8px; border-top-right-radius:8px;} .ext-form-area .status-error i{margin-left:8px; padding:2px 7px 2px 7px; background-color: #A8014E; font-size:14px; color: #fff; border-radius: 10px; display: block; float:left;} .ext-form-area .validationErrorText{margin-top:10px; font-size: 0.875em; font-style:italic; display: block; color: #A8014E; float:left; width:100%; margin-left: 8px;} .ext-form-area .validationError{background-color: #fbe9e9;} .ext-form-area .grid-container .tableformrow.validationError{padding-top: 8px; padding-bottom: 8px;} .ext-form-area .validationError .tdhead{color: #A8014E;} .ext-form-area #target-img, .ext-form-area .target-img{position:relative;} .ext-form-area #target-img .circle, .ext-form-area .target-img .circle{position:absolute; border: 1px solid #00a1d4; padding:1px; width:28px; height:28px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; background-color: rgba(0,161,212,0); filter: alpha(opacity=80); cursor: pointer;} .no-touch .ext-form-area #target-img .circle:hover, .no-touch .ext-form-area .target-img .circle:hover{border: 2px solid #00a1d4; padding:0px; background-color: #DCF5FB; background-color: rgba(0,161,212,0.2); filter: alpha(opacity=100);} .ext-form-area #target-img .circle.checked, .ext-form-area .target-img .circle.checked{border: 2px solid #00a1d4; padding:0px; background-color: #DCF5FB; background-color: rgba(0,161,212,0.2); filter: alpha(opacity=100);} .ext-form-area .grid-container .checkboxtable .fullwidth{width: 100%;} .ext-form-area .box .grid-container.table .tablerow{background-color: #fff;} .ext-form-area .box .grid-container.table .tablerow:nth-child(2n){background-color: #e2f8fe;} .ext-form-area .box .grid-container.table .tablerow.head, .ext-form-area .box .grid-container.table .tablerow.head.sticker {background-color: #128ecb;} .ext-form-area .box .grid-container.table .tablerow.subhead{padding:2px 0px 2px 0px; border: 0px; min-height:20px; background-color: #F0F0F0;} .ext-form-area .box .grid-container.table .tablerow.subhead .tdtxt{padding-top:4px; padding-bottom:2px;} .ext-form-area .box .grid-container.table .tablerow.subhead div{} .ext-form-area .box .grid-container.table .tablerow button, .ext-form-area .box .grid-container.table .tablerow a.button, .ext-form-area .grid-container.table .tablerow a.button{line-height: 14px; padding: 4px; margin:0px 10px 0px 0px;} .ext-form-area .box .grid-container.table .tablerow i{font-size: 14px; line-height:20px; margin:0px;} .ext-form-area .box .grid-container.table .tablerow .tdtxt.pull-right{padding:0px;} .grid-container .tablerow .tdtxtcenter{margin-top:0px; padding-top: 10px;} .ext-form-area .box .grid-container.table{margin-top:2px;} .ext-form-area .button.ui-datepicker-trigger,.ext-form-area button.ui-datepicker-trigger{padding: 4px 3px 4px 3px; background-color: #f5f5f5; border-radius: 5px;} .ext-form-area .button i.icon-calendar,.ext-form-area button i.icon-calendar{font-size: 17px; color: #015A83; line-height: 20px; padding: 0px 6px;} .ext-form-area .grid-container.table .tablerow i{font-size: 14px; line-height:20px; margin:0px;} .ext-form-area .file-uploader{width:100%; margin-bottom: 0px;} .ext-form-area .file-uploader tr{width:100%;} .ext-form-area .file-uploader td{width:40%; padding: 18px 10px 10px 10px;} .ext-form-area .file-uploader td:last-child{width:20%;} .ext-form-area .file-uploader td input{width:100%;} .ext-form-area .file-uploader thead tr{background-color: #e2f8fe;} .ext-form-area .file-uploader tbody .button{padding: 4px; margin:0px 0px 0px 0px; float:right;} .ext-form-area .file-uploader tbody .button i{font-size: 14px; line-height: 14px; margin-right: 0px; color: #fff;} .ext-form-area .file-uploader .nowrap{white-space: nowrap;} .ext-form-area .file-uploader .file-uploader-form{margin-bottom: 0px;} .ui-state-disabled .ui-state-default{color: #999;} #dialog-confirm{display: none;} #dialog-info{display: none;} #dialog-loading{display: none;} .ui-helper-hidden {display: none;} .ui-helper-clearfix:before, .ui-helper-clearfix:after {content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after {clear: both;} .ui-helper-clearfix {min-height: 0;} .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} .ui-front {z-index: 10000;} .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: Alpha(Opacity=50);} .ui-button {display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible;} .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {text-decoration: none;} .ui-button .ui-button-text {display: block; line-height: normal;} .ui-button-text-only .ui-button-text {padding: .4em 1em;} .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {padding: .4em; text-indent: -9999999px;} .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 1em .4em 2.1em;} .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 2.1em .4em 1em;} .ui-button-text-icons .ui-button-text {padding-left: 2.1em; padding-right: 2.1em;} input.ui-button {padding: .4em 1em;} .ui-dialog {position: fixed; top: 0; left: 0; padding: 5px 20px; outline: 0; background-color: #fff;} .ui-dialog-buttonpane{border: 0px; background-color: transparent;} .ui-dialog .ui-widget-header{display: none;} .ui-dialog .ui-dialog-titlebar {display: none;} .ui-dialog-titlebar-close{float:right;} .ui-dialog h4{font-size: 18px;} .ui-dialog .ui-dialog-buttonpane {float: left; text-align: center; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; width:300px;} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {text-align: center;} .ui-dialog .ui-dialog-buttonpane button {margin: .5em 10px .5em 0; cursor: pointer; min-width: 100px;}} .ui-dialog .ui-button:hover{background: none; background-color: #018ebb;} .ext-form-area .readonly {margin: 0 6px; display: inline-block;} .ext-form-area .modal-close i{color: #888888;} @media only screen and (min-width: 1281px) {.ext-form-area .grid-container .radiotable td {min-width: 395px;} .ext-form-area .grid-container .checkboxtable td {min-width: 498px;} .ext-form-area .checkboxtable.automap td{min-width: 225px; width: 225px;} .ext-form-area .samerow input.p33{width: 195px;} .ext-form-area .samerow input.p32{width: 195px;} .ext-form-area .samerow input.p65{width: 287px;} .ext-form-area .samerow input.p66{width: 287px;} .ext-form-area .samerow input.p100{width: 377px;} .ext-form-area fieldset .login-alert{width:94%;} .ext-form-area select{max-width: 520px;}} @media only screen and (max-width: 959px) {#ext-form-area-section{padding-bottom:0px;} #ext-form-area-section.store-fullbasket-container{margin-bottom:0px;} .ext-form-area input[type="text"], .ext-form-area input[type="email"], .ext-form-area select, .ext-form-area textarea, .ext-form-area input[type="date"] {font-size:12px; line-height: 20px; height:26px;} .ext-form-area .checkboxtable.automap td{min-width: 125px; width: 125px;} .ext-form-area .step.active{margin: 0px 4px 10px 0px; padding: 3px 12px 5px 12px;} .ext-form-area .accordion h3 i{font-size:12px;} .ext-form-area .grid-50 select{width:100%;} .ext-form-area #target-img, .ext-form-area .target-img{width: 155px; overflow: hidden;} .ext-form-area fieldset .login-alert{width:89%;} .ext-form-area select{max-width: 280px;} .ext-form-area .file-uploader td input{max-width: 100%;} .ext-form-area .file-uploader select{max-width: 160px;}} @media only screen and (max-width: 767px) {.ext-form-area .grid-container .radiotable td{min-width:200px;} .ext-form-area .step.active{margin: 0px 4px 0px 0px; padding: 4px 12px 5px 12px;} .ext-form-area .accordion h3 i {padding: 0px 0px 0px 12px;} .ext-form-area .accordion h3 {padding: 5px 0px 5px 5px;} .ext-form-area .accordion h3 .icon-angle-down{margin-left:-8px;} .ext-form-area select {max-width:280px;} .ext-form-area input[type="file"]{max-width:200px;} .ext-form-area .controls{padding:20px 1px 20px 1px;} .ext-form-area .mobile100{width:100%; height:auto; float:left; text-align:center; display: table;} .ext-form-area .mobile100 .button{float:none; display: table-cell;} .ext-form-area input.c13{width: 90px;} .ext-form-area input.c11{width: 80px;} .ext-form-area input.c10{width: 75px;} .ext-form-area input.c6{width: 45px;} .ext-form-area .file-uploader thead, .ext-form-area .file-uploader tfoot{float:left; min-width: 100%;} .ext-form-area .file-uploader td{width: 100%;} .ext-form-area .file-uploader tr{float:left; width: 100%; overflow-x: hidden;} .ext-form-area .file-uploader tbody .button{float:left;} .ext-form-area .file-uploader td:last-child{float:left; width: 100%;} .ext-form-area textarea {max-width:92%;} .ext-form-area input[type="text"]:not(.usedatepicker):not(.usedatepicker-disablefuture):not(.usedatepicker-disablepassed):not(.usedatepicker-custom){width: 92%;} .ext-form-area .readonly input.c6{width: 45px !important;} .ext-form-area input.c6.alsomobile{width: 45px !important;} .ext-form-area input.c10.alsomobile{width: 75px !important;} .ext-form-area .samerow{float:none; margin-bottom: 10px;} .ext-form-area .table-container td{min-width: 99%;} .ext-form-area fieldset .login-alert{margin-left: 17px; margin-right: 17px; width:70%;} .ext-form-area .button, .ext-form-area button, .ext-form-area input[type="submit"], .ext-form-area input[type="reset"], .ext-form-area input[type="button"]{margin-bottom: 6px;} .ext-form-area .file-uploader td input{max-width: 92%;} .ext-form-area input[type="text"], .ext-form-area input[type="email"], .ext-form-area textarea, .ext-form-area input[type="date"]{margin-bottom: 5px;}} @media only screen and (max-width: 1300px) {div.captchaContainer {display: inline-block!important;} duet-card[data-id="feedback-form"] .horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group {flex-wrap: wrap!important;}} .ui-datepicker{padding: 5px 5px 5px 5px; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: none;} .ui-datepicker-title{padding: 5px 0px;} .ui-datepicker .ui-state-default{padding: 2px 4px 2px 5px;} .ui-datepicker-next{float:right;} .ui-datepicker-title{margin-left: 0px; margin-right: 0px;} .ui-datepicker-year{float:right;} .ui-corner-all{margin-bottom: 5px;} .ui-datepicker-prev{cursor: pointer;} .ui-datepicker-next{cursor: pointer;} .ui-datepicker-title select{color:#015a83; cursor: pointer;} .ext-form-area .grid-container .row.storebox td.simplebtn label{min-height: 60px; text-align: center; margin-left: 10px; margin-top: 32px; vertical-align: bottom; padding-top: 22px; padding-bottom: 10px;} .ext-form-area .grid-container .row.storebox td.simplebtn .description{display: none;} .ext-form-area .grid-container .row.storebox td.simplebtn .more-open{display: none;} .ext-form-area .grid-container .row.storebox td.simplebtn .more-info{display: none;} .storebox .simplebtn .more-close{display: none;} input.hidden {left: -10000px; position: absolute; top: -1000px;} input.radio {left: -10000px; position: absolute; top: -1000px;} #captchaRow {float:left; margin-left:0; padding:4px; max-width:100%} #captchaWidth {padding-top:15px; padding-left:15px;} #errorRelatedId{height:30px; margin:0; padding:0;} #captchaErrorMessage{height:30px;} [data-class="feedback-form"] #errorRelatedId, [data-class="feedback-form"] #captchaErrorMessage {height: auto!important; min-height: 0px!important; color: #B61B4F!important; font-weight: 600!important; padding-bottom: 10px!important;} .ext-form-area select#hoitokulut, .ext-form-area select#haittakorvaus, .ext-form-area select#kuolemantapauksenkorvaus{width: 120px !important;} .ext-form-area select#kotiForm:sijaintiPaikka{width: auto !important;} @media only screen and (max-width: 320px) {.ext-form-area h1 {font-size: 20px; line-height: 40px; padding-left: 5px;} .ext-form-area h2 {font-size: 1.15em;} .ext-form-area .button, .ext-form-area button, .ext-form-area input[type="submit"], .ext-form-area input[type="reset"], .ext-form-area input[type="button"], .ext-form-area .button-primary, .ext-form-area input[type="submit"].button-primary{padding: 4px 1.00rem;} .ext-form-area .button i.icon-angle-right{padding-right: 0px;} .ext-form-area .button i.icon-angle-left{padding-left: 0px;}} @media only screen and (max-width: 375px) {.ext-form-area .button, .ext-form-area button, .ext-form-area input[type="submit"], .ext-form-area input[type="reset"], .ext-form-area input[type="button"], .ext-form-area .button-primary, .ext-form-area input[type="submit"].button-primary{padding: 4px 1.00rem;}} @media only screen and (min-width: 321px) and (max-width: 375px) {.ext-form-area h1 {font-size: 23px; line-height: 46px; padding-left: 10px;} .ext-form-area .button i.icon-angle-right{padding-right: 0px;} .ext-form-area .button i.icon-angle-left{padding-left: 0px;}} .ext-form-area .grid-container .tablerow i{color: #fff;} .ext-form-area ::placeholder {color: #657787; opacity: 1;} .ext-form-area :-ms-input-placeholder {color: #657787;} .ext-form-area ::-ms-input-placeholder {color: #657787;} .ext-form-area .no-touch a.button:hover, .ext-form-area .no-touch a.button:focus {box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important} .ext-form-area input[type="submit"].button:focus, .ext-form-area a.button:focus {box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; background-color: #004d80!important;} .ext-form-area .radiotable td.checked:focus {box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important;} .ext-form-area h3.ui-accordion-header:focus {box-shadow: 0 0 0 3px #0077b3 !important;} .ext-form-area input[type="submit"].button-primary.disabled:focus, .ext-form-area button.button-primary.disabled:focus, .ext-form-area a.button-primary.disabled:focus, .ext-form-area span.button-primary.disabled:focus, .ext-form-area button.button-primary:disabled:focus, input[type="submit"].button-primary:disabled:focus {background-color: #657787 !important; color: #fff; cursor: not-allowed; box-shadow: 0 0 0 4px #00294D !important;} .ext-form-area input[type="submit"].disabled:focus, .ext-form-area button.disabled:focus, .ext-form-area a.button.disabled:focus, .ext-form-area span.button.disabled:focus, .ext-form-area button.disabled:focus {background-color: #657787 !important; color: #fff; cursor: not-allowed; box-shadow: 0 0 0 4px #00294D !important;} .ext-form-area td.radiobuttons {display: flex;} .ext-form-area td.radiobuttons input[type="radio"] {margin-top: 3px; margin-right: 3px;} .ext-form-area td.radiobuttons label {text-transform: initial;} body .ext-form-area .button-primary:focus, body .ext-form-area .button:focus, body .ext-form-area .button-primary:hover, body .ext-form-area .button:hover {box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -moz-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 119, 179, 0.3) !important; background-color: #004d80!important;} .ext-form-area .duets-custom-color-white button.duet-date-button.duet-no-label.sc-duet-date-picker:focus {background: transparent !important;} .ext-form-area td input[type=checkbox]:focus {outline: 2px solid black;}