/* cyrillic-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/c77fb611ca683b7c43436cb4839b009c.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/a47619d70573179abe7ff27f25073d4b.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/cf726d90f9f475de3cebb49fff762d00.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/6ec26b6dd1a2ad92d06affd6a24b684f.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/5c1b7e5746c3c0d1e5951713ba61577e.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto"; font-style: normal; font-display: swap; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/db6e70161efd112ab1e0146cffcbe96a.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url(/dist/987b84570ea69ee660455b8d5e91f5f1.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/1ae13f37ad0adcfef041a0c99feeb23f.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/e36fb58e0b2b8c12ddf44038290aa116.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/621a240e344de19d421197d19cd75c65.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/3d1fe954d4fd0e2a93870c5f799f2d71.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/17d789aa82027d2254a1448469d93558.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/d20328e5d9f4887d8cf6154f0477e7e1.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url(/dist/55536c8e9e9a532651e3cf374f290ea3.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/e3836d1191745d29137bfe16e4e4a2c2.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/efe937997e08e15b056a3643e2734636.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/57993e705ff6f15e722f5f90de8836f8.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/7aa7eb76a9f66f0223c8197752bb6bc5.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/a835084624425dacc5e188c6973c1594.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/15d8ede0a816bc7a9838207747c6620c.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(/dist/5d4aeb4e5f5ef754e307d7ffaef688bd.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/79c7e3f902d990d3b5e74e43feb5f623.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/df648143c248d3fe9ef881866e5dea56.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/52e881a8e8286f6b6a0f98d5f675bb93.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/207d2af0a0d9716e1f61cadf347accc5.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/6bef514048228359f2f8f5e0235f8599.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/16aedbf057fbb3da342211de2d071f11.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/dist/285467176f7fe6bb6a9c6873b3dad2cc.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/06c49c7c2354ea523af5292b6ecd46c3.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/4904e4512c44ff90a67249421a174f8d.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/5b08b9072d097618eec002cd5cfe8b86.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/7a6c0568007c5692727d88a3f35d427c.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/e1d4c2969a3dd92f91fea51f652831ef.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/6f4d4a8899ee0298db1717070ae4761e.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Roboto"; font-display: swap; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url(/dist/037d830416495def72b7881024c14b7b.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}@charset "UTF-8"; .wysiwyg, .c-tag-group-panel .c-tag-group-panel-title { margin: 0 auto; padding: 2rem 0 0 0; } .wysiwyg .intro-text, .c-tag-group-panel .c-tag-group-panel-title .intro-text { font-size: 20px; line-height: 1.7; font-weight: 300; margin-top: 0; } .wysiwyg .intro-text:first-child, .c-tag-group-panel .c-tag-group-panel-title .intro-text:first-child { margin-top: 1rem; } .wysiwyg hr, .c-tag-group-panel .c-tag-group-panel-title hr { margin-bottom: 40px; margin-top: 40px; } .wysiwyg p, .c-tag-group-panel .c-tag-group-panel-title p { padding: 8px 0 0 0; color: #3D3935; font-size: 16px; font-weight: 400; line-height: 1.71; } .wysiwyg p a, .c-tag-group-panel .c-tag-group-panel-title p a, .wysiwyg p a:visited, .c-tag-group-panel .c-tag-group-panel-title p a:visited { color: #4456af; } .wysiwyg p:last-of-type, .c-tag-group-panel .c-tag-group-panel-title p:last-of-type { padding-bottom: 0; } .wysiwyg p strong, .c-tag-group-panel .c-tag-group-panel-title p strong { font-size: 16px; font-weight: 500; line-height: 1.7; color: #3D3935; } .wysiwyg a, .c-tag-group-panel .c-tag-group-panel-title a { color: #4456af; font-size: 16px; font-weight: 400; line-height: 1.71; } .wysiwyg a:visited, .c-tag-group-panel .c-tag-group-panel-title a:visited { color: #4456af; } .wysiwyg img, .c-tag-group-panel .c-tag-group-panel-title img { width: auto; max-width: 100%; height: auto; } .wysiwyg iframe, .c-tag-group-panel .c-tag-group-panel-title iframe { max-width: 100%; max-height: 335px; border: 1px solid #F5F3F2; border-radius: 3px; } .wysiwyg ul, .c-tag-group-panel .c-tag-group-panel-title ul { margin: 0 0 8px 0; padding-left: 0; padding-right: 16px; } .wysiwyg ul li, .c-tag-group-panel .c-tag-group-panel-title ul li { color: #3D3935; display: block; font-size: 16px; font-weight: 400; line-height: 28px; margin: 8px 0; padding-left: 24px; position: relative; text-align: left; } .wysiwyg ul li:before, .c-tag-group-panel .c-tag-group-panel-title ul li:before { content: "\B7"; color: #847770; font-size: 65px; left: 0; line-height: 28px; position: absolute; } .wysiwyg ul.link-list li, .c-tag-group-panel .c-tag-group-panel-title ul.link-list li { padding-left: 1.5rem; } .wysiwyg ul.link-list li:before, .c-tag-group-panel .c-tag-group-panel-title ul.link-list li:before { color: #3c3c3c; content: "\F105"; font-family: "ALicons"; font-size: 1.6rem; top: -0.15em; } .wysiwyg ul.link-list li a, .c-tag-group-panel .c-tag-group-panel-title ul.link-list li a { color: #4456af; } .wysiwyg ul.link-list li a:hover, .c-tag-group-panel .c-tag-group-panel-title ul.link-list li a:hover { color: #3c3c3c; } .wysiwyg h1, .c-tag-group-panel .c-tag-group-panel-title h1 { font-weight: 100; padding: 0; } .wysiwyg h2, .c-tag-group-panel .c-tag-group-panel-title h2 { margin-bottom: 1rem; font-size: 2rem; font-weight: 300; line-height: 1.4; color: #11387f; } .wysiwyg .al-earth, .c-tag-group-panel .c-tag-group-panel-title .al-earth { background-color: #db9276; padding: .75rem 0 .75rem 1rem; } .wysiwyg .al-sun, .c-tag-group-panel .c-tag-group-panel-title .al-sun { background-color: #fdcc61; padding: .75rem 0 .75rem 1rem; } .wysiwyg .al-water, .c-tag-group-panel .c-tag-group-panel-title .al-water { background-color: #93c7c6; padding: .75rem 0 .75rem 1rem; } .wysiwyg h3, .c-tag-group-panel .c-tag-group-panel-title h3 { font-size: 1.5rem; line-height: 1.3; padding: 1.5rem 0 0 0; font-weight: 300; margin: 0; color: #11387f; } .wysiwyg h4:first-child, .c-tag-group-panel .c-tag-group-panel-title h4:first-child { padding-top: 0; } .wysiwyg.is-sidebar hr, .c-tag-group-panel .is-sidebar.c-tag-group-panel-title hr { margin-top: 20px; margin-bottom: 20px; } .wysiwyg blockquote, .c-tag-group-panel .c-tag-group-panel-title blockquote { font-size: 1.2rem; position: relative; padding-left: 2rem; margin: 2rem 1rem 2rem 0; box-sizing: border-box; line-height: 1.6; } .wysiwyg blockquote:after, .c-tag-group-panel .c-tag-group-panel-title blockquote:after { font-weight: 300; content: "\201D"; font-size: 5.2rem; line-height: 0; color: #fc3; position: absolute; top: 2rem; left: 0; } .wysiwyg blockquote, .c-tag-group-panel .c-tag-group-panel-title blockquote { font-size: 1.2rem; position: relative; padding-left: 2rem; margin: 2rem 1rem 2rem 0; box-sizing: border-box; line-height: 1.6; } .wysiwyg blockquote:after, .c-tag-group-panel .c-tag-group-panel-title blockquote:after { font-weight: 300; content: "\201D"; font-size: 5.2rem; line-height: 0; color: #fc3; position: absolute; top: 2rem; left: 0; } .wysiwyg .doc-link, .c-tag-group-panel .c-tag-group-panel-title .doc-link { color: #11387f; /*background: url(/assets/img/doc-link.svg) no-repeat left 1px; padding-left: 15px;*/ } .wysiwyg .doc-link:before, .c-tag-group-panel .c-tag-group-panel-title .doc-link:before { content: "\E900"; font-family: "ALicons"; color: #CDC9C5; display: inline-block; margin-right: 6px; font-size: 14px; } .wysiwyg .wysiwyg > *:first-child, .c-tag-group-panel .c-tag-group-panel-title .wysiwyg > *:first-child, .wysiwyg .c-tag-group-panel .c-tag-group-panel-title > *:first-child, .c-tag-group-panel .wysiwyg .c-tag-group-panel-title > *:first-child, .c-tag-group-panel .c-tag-group-panel-title .c-tag-group-panel-title > *:first-child { margin-top: 0; padding-top: 0; } .wysiwyg .wysiwyg > *:last-child, .c-tag-group-panel .c-tag-group-panel-title .wysiwyg > *:last-child, .wysiwyg .c-tag-group-panel .c-tag-group-panel-title > *:last-child, .c-tag-group-panel .wysiwyg .c-tag-group-panel-title > *:last-child, .c-tag-group-panel .c-tag-group-panel-title .c-tag-group-panel-title > *:last-child { margin-bottom: 0; padding-bottom: 0; } .align-left, .wysiwyg .align-left, .c-tag-group-panel .c-tag-group-panel-title .align-left { float: left; padding-right: 2.1rem; padding-bottom: 0.7rem; padding-top: 0.34rem; } .align-right, .wysiwyg .align-right, .c-tag-group-panel .c-tag-group-panel-title .align-right { float: right; padding-left: 2.1rem; padding-bottom: 0.7rem; padding-top: 0.34rem; } img { width: 100%; height: auto; } img.align-right, .wysiwyg img.align-right, .c-tag-group-panel .c-tag-group-panel-title img.align-right, img.align-left, .wysiwyg img.align-left, .c-tag-group-panel .c-tag-group-panel-title img.align-left { width: auto; max-width: 100%; } img.align-center { margin: auto; display: block; padding-bottom: 0.7rem; padding-top: 0.7rem; } #links-archive h3 { margin: 0; padding-top: 1rem; padding-bottom: 0.5rem; font-size: 1rem !important; } @media screen and (max-width: 800px) { .wysiwyg > :first-child, .c-tag-group-panel .c-tag-group-panel-title > :first-child { margin-top: 0; padding-top: 0; } .wysiwyg h1, .c-tag-group-panel .c-tag-group-panel-title h1 { font-size: 2.2rem; padding: 1em 0 0.8em; } .wysiwyg h2, .c-tag-group-panel .c-tag-group-panel-title h2 { font-size: 1.6rem; padding: 1em 0 0.5em; font-weight: 100; margin: 0; color: #11387f; } .wysiwyg h3, .c-tag-group-panel .c-tag-group-panel-title h3 { font-size: 1.4rem; padding: 1em 0 0.5em 0; margin: 0; color: #11387f; } .wysiwyg h4, .c-tag-group-panel .c-tag-group-panel-title h4 { font-size: 1.1rem; font-weight: 700; padding: 0.9rem 0 0.7em; margin: 0; } .wysiwyg iframe, .c-tag-group-panel .c-tag-group-panel-title iframe { width: 100%; height: 315px; } .wysiwyg img.align-right, .c-tag-group-panel .c-tag-group-panel-title img.align-right, .wysiwyg img.align-left, .c-tag-group-panel .c-tag-group-panel-title img.align-left { display: block; float: none; padding: 0; margin: 1rem auto 2rem auto; } .wysiwyg .video-unit, .c-tag-group-panel .c-tag-group-panel-title .video-unit { width: 100%; position: relative; padding-bottom: 56.25%; height: 0; } .wysiwyg p.intro-text, .c-tag-group-panel .c-tag-group-panel-title p.intro-text, .wysiwyg h4.intro-text, .c-tag-group-panel .c-tag-group-panel-title h4.intro-text { font-size: 1.4rem; line-height: 1.4em; padding: 0.5em 0 1em; } } .contact-item { color: #3c3c3c; font-size: 1.4rem; line-height: 1.65; } .contact-item.sidebar ul { margin-left: 0px; } .contact-item.sidebar hr { margin-bottom: 20px; margin-top: 20px; } .contact-item hr { margin-bottom: 40px; margin-top: 40px; } .contact-item > *:first-child { margin-top: 0; padding-top: 0; } .contact-item > *:first-child li { margin-top: 0; } .contact-item.info-box-content ul { margin: 1rem 0 1rem 0.5rem; } .contact-item strong { font-weight: 700; } .contact-item .clearfix:after { clear: both; } .contact-item p { font-size: 1.4rem; line-height: 1.7; padding: 0.75rem 0; } .contact-item h1 { font-size: 4.8rem; font-weight: 100; line-height: 1.2; padding: 0.4em 0; } .contact-item h2 { font-size: 3.6rem; font-weight: 300; line-height: 1.3; padding: 0.8em 0 0.4em 0; color: #11387f; } .contact-item h3 { font-size: 2.2rem; font-weight: 300; line-height: 1.3; padding: 1em 0 0.4em 0; color: #11387f; } .contact-item h4 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; padding: 1em 0 0.25em 0; } .contact-item em { font-style: italic; } .contact-item a { color: #4456af; } .contact-item a:hover { color: #3c3c3c; text-decoration: underline; } .contact-item a.list-link { display: inline-block; padding-left: 1.2rem; position: relative; } .contact-item a.list-link:before { color: #3c3c3c; content: "\F105"; display: block; font-family: 'ALicons'; font-size: 1.6rem; left: 0; position: absolute; top: -0.1em; } .contact-item a.list-link:hover { text-decoration: underline; } .contact-item a.doc-link { display: inline-block; padding-left: 1.3rem; position: relative; } .contact-item a.doc-link:before { content: "\E900"; font-family: 'ALicons'; display: block; font-size: 14px; height: 1em; left: 0; position: absolute; width: 1rem; } .contact-item .intro-text { font-size: 1.8rem; line-height: 1.7; } .contact-item blockquote { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6rem; margin: 4rem 2rem 4rem 0rem; padding-left: 4rem; position: relative; vertical-align: top; } .contact-item blockquote:after { color: #fc3; content: '\201D'; font-family: "HelveticaNeueW02-45Ligh", sans-serif; font-size: 7.2rem; font-weight: 300; left: 0; line-height: 0; position: absolute; top: 3rem; } .contact-item.wysiwyg-footer a { color: #847770; text-decoration: none; } .contact-item.wysiwyg-footer a:hover { color: #3c3c3c; text-decoration: underline; } .contact-item.wysiwyg-footer p { padding: 0.35em 0; } .contact-item ol { counter-reset: item; margin: 2rem 0 2rem 1rem; } .contact-item ol li { color: #3c3c3c; display: block; font-size: 1.4rem; line-height: 1.65; list-style-type: none; margin: 0.75em 0; padding-left: 2rem; position: relative; } .contact-item ol li:before { color: #847770; content: counter(item) ". "; counter-increment: item; font-family: arial, sans-serif; font-family: roboto; font-size: 1em; left: 0; position: absolute; top: 0em; } .contact-item ul { margin: 2rem 0 2rem 1rem; } .contact-item ul li { color: #3c3c3c; display: block; font-family: roboto; line-height: 28px; list-style-type: none; margin: 0.75em 0; padding-left: 2rem; position: relative; } .contact-item ul li:before { color: #847770; content: "\B7"; font-family: roboto, arial, sans-serif; font-size: 1.7em; left: 0; position: absolute; } .contact-item ul.link-list li { padding-left: 1.5rem; } .contact-item ul.link-list li:before { color: #3c3c3c; content: "\F105"; font-family: "ALicons"; font-size: 1.6rem; top: -0.15em; } .contact-item ul.link-list li a { color: #4456af; } .contact-item ul.link-list li a:hover { color: #3c3c3c; } .contact-item.sidebar-list-circle ul { margin: 3rem 0 3rem 0rem; } .contact-item.sidebar-list-circle.inverted li { color: #fff; } .contact-item.sidebar-list-circle.inverted li:before { color: #A79C95; } .contact-item.sidebar-list-circle.callout li:before { color: #fc3; } .contact-item.plus p { font-size: 1.6rem; } .contact-item.plus p.intro-text { font-size: 2.4rem; text-indent: 0; } .contact-item.plus h1 { font-size: 6.2rem; } .contact-item.plus h2 { font-size: 4.6rem; } .contact-item.plus h3 { font-size: 3.2rem; } .contact-item.plus h4 { font-size: 2.2rem; } .contact-item .align-right { float: right; padding-bottom: 1rem; padding-left: 3rem; padding-top: 0.5em; } .contact-item .align-left { float: left; padding-bottom: 1rem; padding-right: 3rem; padding-top: 0.5em; } .contact-item .align-center { display: block; margin-left: auto; margin-right: auto; padding-bottom: 1rem; padding-top: 1rem; } .contact-item table { border-bottom: 1px solid #E6E3DF; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #E6E3DF; color: #3c3c3c; display: table; text-align: left; } .contact-item table th { padding: 1rem 1.5rem; } .contact-item table td { padding: 0.6rem 1.5rem; } .contact-item .zebra tr:nth-child(even) { background-color: #F5F3F2; } .contact-item .zebra tr:nth-child(odd) { background-color: #fff; } .contact-item label { display: inline-block; margin-right: 10px; } .contact-item .orientationVertical label { display: block; padding-bottom: 3px; padding-top: 3px; } .contact-item form { font-size: 1.4rem; line-height: 1.6; } .contact-item form table { border: 0; } .contact-item form table td { padding: 1rem 0; } .contact-item.info-box-content h1, .contact-item.info-box-content h2, .contact-item.info-box-content h3, .contact-item.info-box-content h4, .contact-item.info-box-content p, .contact-item.info-box-content a, .contact-item.info-box-content span, .contact-item.info-box-content li { color: #fff; } .contact-item .clearfix:before, .contact-item .clearfix:after { content: ""; display: table; } .contact-item h1, .contact-item h2, .contact-item h3, .contact-item h4, .contact-item p { color: #3c3c3c; } .contact-item h5, .contact-item h6 { font-size: 1.4rem; font-weight: 700; line-height: 1.3; padding: 1em 0 0.25em 0; } .contact-item.plus h5, .contact-item.plus h6 { font-size: 1.8rem; } .contact-item th, .contact-item thead { background: #cdc9c5; font-family: sans-serif; font-weight: bold; } .contact-item input[type="radio"], .contact-item input[type="checkbox"] { margin-right: 1rem; } .contact-item form table .input-select-wrapper ul, .contact-item form table .input-select-wrapper ol { margin: 0; } .contact-item form table .input-select-wrapper ol:before, .contact-item form table .input-select-wrapper ul:before, .contact-item form table .input-select-wrapper li:before { content: none; } input, textarea, select { width: 100%; border-radius: 3px; border: 1px solid #E6E3DF; padding: 4px 8px; font-size: 16px; box-sizing: border-box; background-color: #fff; margin: 4px 0; color: #3c3c3c; } input:focus, textarea:focus, select:focus { border-color: #3c3c3c; box-shadow: 0 0 4px #cdc9c5; } input[type="checkbox"], input[type="radio"] { width: auto; } input[placeholder] { color: #847770; } @media screen and (max-width: 480px) { input { width: 100%; } } input[type="checkbox"], input[type="radio"] { width: auto; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body, p { margin: 0; padding: 0; } ul { list-style: none; } fieldset { border: none; padding: unset; margin: unset; } img { width: 100%; height: auto; overflow: hidden; } iframe { max-width: 100%; } hr { background-color: #cdc9c5; clear: both; height: 1px; border: none; margin: 0; } b { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } * { -webkit-font-smoothing: antialiased; } body { font-family: "Roboto", sans-serif; background-color: #fff; color: #3c3c3c; font-size: 16px; } a { color: #3c3c3c; text-decoration: none; } a.white-color { color: #fff; } a:hover { text-decoration: none; } p { font-size: 16px; line-height: 1.75; text-align: left; color: #3c3c3c; } h4 { font-size: 20px; font-weight: 300; line-height: 1.7; margin: 16px 0 0 0; } h3 { color: #3D3935; font-size: 24px; font-weight: 300; } h2 { color: #3D3935; font-size: 32px; font-weight: 300; padding: .75rem 0 .75rem 0; } h1 { color: #11387f; font-size: 48px; font-weight: 300; margin: 0; } a, a:visited { text-decoration: none; font-size: 16px; line-height: 1.75; color: #3c3c3c; } a:hover, a:visited:hover { text-decoration: underline; } label, legend { color: #847770; } label.c-radio-button-container { color: #3c3c3c; } table { line-height: 1.75; } @font-face { font-family: "ALicons"; src: url(/dist/26428dcde060992be0c7bc56bc1caa62.eot); src: url(/dist/26428dcde060992be0c7bc56bc1caa62.eot?#iefixurrue0) format("embedded-opentype"), url(/dist/39d9aafd7a56cdaba79e6bf06ba3a760.woff) format("woff"), url(/dist/7877a128d04006a12aff72fb59304050.ttf) format("truetype"), url(/dist/5addfb64eeaa09667c7155f546f27d85.svg#ALicons) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: "ALicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.icon-earth:before { content: "\e60c"; } .icon-globe:before { content: "\f0ac"; } .icon-chain:before { content: "\f0c1"; } .icon-google-plus:before { content: "\f0d5"; } .icon-symbol-download:before { content: "\e608"; } .icon-check:before { content: "\e607"; } .icon-symbol-arrow-down:before { content: "\e603"; } .icon-circle-o:before { content: "\f10c"; } .icon-circle:before { content: "\f111"; } .icon-circle-thin:before { content: "\f1db"; } .icon-youtube-play:before { content: "\f16a"; }*/ .icon-link:before { content: "\E60B"; } .icon-envelope-o:before { content: "\F003"; } .icon-envelope:before { content: "\F0E0"; } .icon-facebook:before { content: "\F09A"; } .icon-twitter:before { content: "\F099"; } .icon-file:before { content: "\E900"; } .icon-youtube:before { content: "\F167"; } .icon-linkedin:before { content: "\F0E1"; } .icon-fax:before { content: "\F1AC"; } .icon-ellipsis-v:before { content: "\E90A"; } .icon-share-alt:before { content: "\F1E0"; } .icon-symbol-burger:before { content: "\E609"; } .icon-download:before { content: "\E90B"; } .icon-chevron-up:before { content: "\E902"; } .icon-chevron-right:before { content: "\E903"; } .icon-chevron-left:before { content: "\E904"; } .icon-chevron-down:before { content: "\E905"; } .icon-Check:before { content: "\E606"; } .icon-symbol-search:before { content: "\E602"; } .icon-symbol-close:before { content: "\E604"; } .icon-map-marker:before { content: "\F041"; } .icon-phone:before { content: "\F095"; } .icon-angle-left:before { content: "\F103"; } .icon-angle-right:before { content: "\F105"; } .icon-angle-up:before { content: "\F106"; } .icon-angle-down:before { content: "\F107"; } .icon-arrow-up:before { content: "\E60A"; } .icon-arrow-down:before { content: "\E601"; } .icon-info:before { content: "\E605"; } .icon-arrow-right:before { content: "\E901"; } .icon-chevron-down-big:before { content: "\E906"; } .icon-chevron-up-big:before { content: "\E909"; } .icon-chevron-left-mid:before { content: "\E907"; } .icon-chevron-right-mid:before { content: "\E908"; } .svg-icon { align-items: center; display: flex; } .svg-icon svg { height: 18px; width: 18px; } .svg-icon svg g { fill: #11387f; } .svg-icon svg g polygon { fill: #11387f; } .svg-icon.grey svg { fill: #847770; } .svg-icon.grey svg g { fill: #847770; } .svg-icon.grey svg g polygon { fill: #847770; } .svg-icon.dark svg { fill: #3D3935; } .svg-icon.dark svg g { fill: #3D3935; } .svg-icon.dark svg g polygon { fill: #3D3935; } .svg-icon.big svg { height: 24px; width: 24px; } .svg-icon.small svg { height: 10px; width: 10px; } /* SEARCH ICON Icons/Search Created with Sketch. ANGLE LEFT Icons/Chevron Left ANGLE RIGHT Icons/Chevron Right */ .l-standard-page-image-banner { background: no-repeat 50%; height: 400px; width: 100%; } .l-standard-page-fullwidth-banner { min-height: 400px; } .l-standard-page-fullwidth-banner .c-image-file { background: no-repeat 50%; width: 100%; height: 400px; object-fit: cover; object-position: center; flex-basis: 100%; } .l-standard-page-fullwidth-banner .l-section.l-section-20.l-section-padding, .l-standard-page-fullwidth-banner .l-section-20.l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-20.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-20.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-section.l-section-25.l-section-padding, .l-standard-page-fullwidth-banner .l-section-25.l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-25.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-25.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-list .l-section-padding.l-list-item.list-item-25, .l-list .l-standard-page-fullwidth-banner .l-section-padding.l-list-item.list-item-25, .l-standard-page-fullwidth-banner .l-section.l-section-33.l-section-padding, .l-standard-page-fullwidth-banner .l-section-33.l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-33.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-33.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-list .l-section-padding.l-list-item.list-item-33, .l-list .l-standard-page-fullwidth-banner .l-section-padding.l-list-item.list-item-33, .l-standard-page-fullwidth-banner .l-section.l-section-50.l-section-padding, .l-standard-page-fullwidth-banner .l-section-50.l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-50.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-50.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-section.l-section-66.l-section-padding, .l-standard-page-fullwidth-banner .l-section-66.l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-66.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-66.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-section.l-section-75.l-section-padding, .l-standard-page-fullwidth-banner .l-section-75.l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-75.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-75.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-section.l-section-100.l-section-padding, .l-standard-page-fullwidth-banner .l-section-padding.block-100, .l-standard-page-fullwidth-banner .l-list .l-section-100.l-section-padding.l-list-item, .l-list .l-standard-page-fullwidth-banner .l-section-100.l-section-padding.l-list-item, .l-standard-page-fullwidth-banner .l-list .l-section-padding.l-list-item.block-100, .l-list .l-standard-page-fullwidth-banner .l-section-padding.l-list-item.block-100 { padding: 0px; } .l-standard-page-fullwidth-banner .c-vignette-block-body { width: 100%; } .l-standard-page-fullwidth-banner .compat-object-fit { background-position: center; background-repeat: no-repeat; background-size: cover; } .l-standard-page-fullwidth-banner .compat-object-fit > .c-image-file { opacity: 0; } @media screen and (min-width: 481px) { /*.l-standard-page { margin-top: 40px; } .l-standard-page-fullwidth-banner { margin-top: -24px; }*/ } .l-flex-container, .c-tag-group-panel { display: flex; flex-wrap: wrap; } .l-flex-container.items-center, .items-center.c-tag-group-panel { justify-content: center; align-items: center; } .l-flex-container-row { flex-direction: row; } .l-flex-container-col { flex-direction: column; } .l-flex-item { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .l-flex-item.l-flex-item-2 { flex: 2 1 0; flex-grow: 2; flex-shrink: 1; flex-basis: 0; } .l-flex-item.l-flex-item-6 { flex: 6 1 0; flex-grow: 6; flex-shrink: 1; flex-basis: 0; } .l-flex-item.l-flex-item-100, .c-vignette-block.is-standard.is-image-top .l-flex-item.c-vignette-block-thumbnail { flex-basis: 100%; } .l-flex-item.l-flex-item-50 { flex-basis: 50%; } .l-flex-item.l-flex-item-66 { flex-basis: 66%; } .l-flex-item.l-flex-item-33 { flex-basis: 33%; } .l-flex-item.l-flex-item-25 { flex-basis: 25%; } .l-flex-item.l-flex-item-75 { flex-basis: 75%; } .l-flex-item.l-flex-item-20 { flex-basis: 20%; } .l-flex-item.l-flex-item-3 { flex: 3 1 0; flex-grow: 3; flex-shrink: 1; flex-basis: 0; } .l-section, .block-100, .l-list .l-list-item { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; box-sizing: border-box; min-width: 220px; } .l-section.is-reset .l-section-block, .is-reset.block-100 .l-section-block, .l-list .is-reset.l-list-item .l-section-block, .l-section.is-reset .block-100, .is-reset.block-100 .block-100, .l-list .is-reset.l-list-item .block-100 { padding: 0; } .l-section.is-solid, .is-solid.block-100, .l-list .is-solid.l-list-item { min-width: auto; } .l-section.l-section-100, .block-100, .l-list .l-section-100.l-list-item, .l-list .l-list-item.block-100 { flex-basis: 100%; } .l-section.l-section-75, .l-section-75.block-100, .l-list .l-section-75.l-list-item { flex-basis: 75%; max-width: 75%; } .l-section.l-section-66, .l-section-66.block-100, .l-list .l-section-66.l-list-item { flex-basis: 66%; max-width: 66%; } .l-section.l-section-50, .l-section-50.block-100, .l-list .l-section-50.l-list-item { flex-basis: 50%; max-width: 50%; } .l-section.l-section-33, .l-section-33.block-100, .l-list .l-section-33.l-list-item, .l-list .l-list-item.list-item-33 { flex-basis: 33%; max-width: 33.33%; } .l-section.l-section-25, .l-section-25.block-100, .l-list .l-section-25.l-list-item, .l-list .l-list-item.list-item-25 { flex-basis: 24%; max-width: 25%; } .l-section.l-section-20, .l-section-20.block-100, .l-list .l-section-20.l-list-item { flex-basis: 20%; max-width: 20%; } .l-section.l-section-main, .l-section-main.block-100, .l-list .l-section-main.l-list-item { flex-grow: 2; flex-shrink: 1; flex-basis: 0; max-width: 58.33%; } .l-section.l-section-side, .l-section-side.block-100, .l-list .l-section-side.l-list-item { flex-grow: 1; flex-shrink: 1; flex-basis: 0; margin-left: 8.3333%; } @media screen and (max-width: 480px) { .l-section.flex-order-1, .flex-order-1.block-100, .l-list .flex-order-1.l-list-item { order: 1; } .l-section.img-no-paddiing, .img-no-paddiing.block-100, .l-list .img-no-paddiing.l-list-item { padding: 0px; } .l-section.flex-order-2, .flex-order-2.block-100, .l-list .flex-order-2.l-list-item { order: 2; } .l-section.img-no-paddiing, .img-no-paddiing.block-100, .l-list .img-no-paddiing.l-list-item { padding: 0px; } .l-section.flex-order-3, .flex-order-3.block-100, .l-list .flex-order-3.l-list-item { order: 3; } .l-section.img-no-paddiing, .img-no-paddiing.block-100, .l-list .img-no-paddiing.l-list-item { padding: 0px; } .l-section.flex-order-4, .flex-order-4.block-100, .l-list .flex-order-4.l-list-item { order: 4; } .l-section.img-no-paddiing, .img-no-paddiing.block-100, .l-list .img-no-paddiing.l-list-item { padding: 0px; } } @media screen and (max-width: 800px) { .l-section.img-no-paddiing, .img-no-paddiing.block-100, .l-list .img-no-paddiing.l-list-item { padding: 0px; } } .block-100 { min-width: 100%; padding-left: 0; padding-right: 0; } @media screen and (max-width: 800px) { .block-100 { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 480px) { .block-100 { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 800px) { .l-section, .block-100, .l-list .l-list-item { flex-basis: 100%; } .l-section.l-section-10:not(.is-solid), .l-section-10.block-100:not(.is-solid), .l-list .l-section-10.l-list-item:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-20:not(.is-solid), .l-section-20.block-100:not(.is-solid), .l-list .l-section-20.l-list-item:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-25:not(.is-solid), .l-section-25.block-100:not(.is-solid), .l-list .l-section-25.l-list-item:not(.is-solid), .l-list .l-list-item.list-item-25:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-33:not(.is-solid), .l-section-33.block-100:not(.is-solid), .l-list .l-section-33.l-list-item:not(.is-solid), .l-list .l-list-item.list-item-33:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-50:not(.is-solid), .l-section-50.block-100:not(.is-solid), .l-list .l-section-50.l-list-item:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-66:not(.is-solid), .l-section-66.block-100:not(.is-solid), .l-list .l-section-66.l-list-item:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-75:not(.is-solid), .l-section-75.block-100:not(.is-solid), .l-list .l-section-75.l-list-item:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-100:not(.is-solid), .block-100:not(.is-solid), .l-list .l-section-100.l-list-item:not(.is-solid) { flex-basis: 100%; max-width: 100%; } .l-section.l-section-block, .block-100, .l-list .l-section-block.l-list-item, .l-list .l-list-item.block-100 { padding-left: 15px; padding-right: 15px; } .l-section.l-section-side, .l-section-side.block-100, .l-list .l-section-side.l-list-item, .l-section.l-section-main, .l-section-main.block-100, .l-list .l-section-main.l-list-item { margin-left: 0; max-width: 100%; flex-basis: 100%; } } .l-section-block, .block-100 { padding: 0 16px; } .l-section-padding { padding: 16px; } .l-section-padding.l-section-padding-XL { margin-top: 7.5rem; } @media screen and (max-width: 800px) { .l-section-padding.l-section-padding-XL { padding-top: 0px; } } .l-document-no-result { display: none; } .l-service-description h2:first-child, .l-content-pt0 .l-section h2:first-child, .l-content-pt0 .block-100 h2:first-child, .l-content-pt0 .l-list .l-list-item h2:first-child, .l-list .l-content-pt0 .l-list-item h2:first-child, .l-service-description h4:first-child, .l-content-pt0 .l-section h4:first-child, .l-content-pt0 .block-100 h4:first-child, .l-content-pt0 .l-list .l-list-item h4:first-child, .l-list .l-content-pt0 .l-list-item h4:first-child { padding-top: 0; margin-top: 0; } .l-service-description h3:first-child, .l-content-pt0 .l-section h3:first-child, .l-content-pt0 .block-100 h3:first-child, .l-content-pt0 .l-list .l-list-item h3:first-child, .l-list .l-content-pt0 .l-list-item h3:first-child, .l-service-description h5:first-child, .l-content-pt0 .l-section h5:first-child, .l-content-pt0 .block-100 h5:first-child, .l-content-pt0 .l-list .l-list-item h5:first-child, .l-list .l-content-pt0 .l-list-item h5:first-child, .l-service-description h6:first-child, .l-content-pt0 .l-section h6:first-child, .l-content-pt0 .block-100 h6:first-child, .l-content-pt0 .l-list .l-list-item h6:first-child, .l-list .l-content-pt0 .l-list-item h6:first-child, .l-service-description p:first-child, .l-content-pt0 .l-section p:first-child, .l-content-pt0 .block-100 p:first-child, .l-content-pt0 .l-list .l-list-item p:first-child, .l-list .l-content-pt0 .l-list-item p:first-child, .l-service-description img:first-child, .l-content-pt0 .l-section img:first-child, .l-content-pt0 .block-100 img:first-child, .l-content-pt0 .l-list .l-list-item img:first-child, .l-list .l-content-pt0 .l-list-item img:first-child { padding-top: 0; } .l-service-list-intro { padding-top: 0px; } @media screen and (min-width: 481px) and (max-width: 800px) { .l-section-50-md { flex-basis: 50%; max-width: 50%; } } @media screen and (min-width: 801px) { .l-section-33-lg { flex-basis: 33%; max-width: 33.33%; } .l-section-20 .l-section-33-lg, .l-section-25 .l-section-33-lg, .l-list .l-list-item.list-item-25 .l-section-33-lg, .l-section-33 .l-section-33-lg, .l-list .l-list-item.list-item-33 .l-section-33-lg, .l-section-50 .l-section-33-lg { flex-basis: 50%; max-width: 50%; } } .l-content-area { display: flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: flex-start; padding: 16px 0; position: relative; width: 100%; } .l-content, .l-list, .l-products-list { display: flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: flex-start; position: relative; width: 100%; } .l-content.light-grey, .light-grey.l-list, .light-grey.l-products-list { background-color: #F5F3F2; } .l-content.light-brown, .light-brown.l-list, .light-brown.l-products-list { background-color: #F5F3F2; } .l-content.l-content-no-margin, .l-content-no-margin.l-list, .l-content-no-margin.l-products-list { margin: 0; } .l-content-gray { background-color: #F5F3F2; margin-top: 32px; margin-bottom: 32px; } .l-content-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .l-content-direction-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .l-content-without-padding > .l-section-padding { padding: 0px !important; } .l-site { flex-direction: column; } .l-footer-area { padding-top: 1.5rem; margin-top: 2rem; display: flex; flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-direction: column; background-color: #F5F3F2; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; clear: both; } @media screen and (max-width: 320px) { .l-footer-area .is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-footer-area .is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-footer-area .is-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .l-header { width: 100%; } .l-header-top-bar { align-items: center; /*background-color: $color-5-warm-grey;*/ background-color: #fff; display: block; height: 32px; justify-content: flex-end; width: 100%; z-index: 2000; } .l-header-top-bar .l-header-top-bar-ribbon { display: flex; height: 6px; justify-content: flex-start; background-color: #F5F3F2; width: 100%; position: absolute; /*top: 0;*/ } .l-header-main { align-items: center; background-color: white; display: flex; height: 88px; justify-content: space-between; width: 100%; z-index: 500; } .l-header-container { align-items: center; display: flex; height: 100%; margin: 0 auto; max-width: 1248px; width: 100%; } .l-header-container.flex-end { justify-content: flex-end; } .l-header-container.mr-0 { margin-right: 0px; } .l-header-container-specialmenu { display: flex; flex: 1 1 50%; justify-content: space-between; width: 100%; height: 32px; } .l-header-container-specialmenu .l-flex-items { width: auto; flex-grow: 1; } .l-header-container-specialmenu .l-flex-items.center { justify-content: flex-end; display: flex; flex: 0 1 1248px; } .l-header-container-specialmenu .l-flex-items.right { background-color: #F5F3F2; } .l-header-dropdown-container { max-height: calc(100vh - 88px); position: absolute; transform: translateY(-110%); transition-duration: 275ms; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: 100%; z-index: 10; } .l-header-dropdown-container::-webkit-scrollbar { display: none; } .l-header-dropdown-container.show { transform: translateY(0%); } .l-header-main-mobile-item { display: none; } .l-header-sticky { display: flex; flex-direction: column; transition: 0.2s ease-in-out all; width: 100%; position: relative; /*position: fixed; top: 0;*/ } .l-header-sticky.hide-top-bar { box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1); transform: translateY(-32px); } .l-header-sticky.offset-top { position: fixed; width: 100%; top: 0; display: block; z-index: 1000; transition: 0.2s ease-in-out all; /*transform: translateY(-50px); z-index: 11;*/ } .l-header-sticky.posRelative { position: relative; } .l-header-sticky.posFixed { position: fixed; } .l-header-sticky.no-shadow { box-shadow: none; } .l-header-sticky-wrapper { height: 120px; } .l-header-main-brand { display: inline-block; height: 40px; margin: -26px 65px 0 0; width: 135px; } .l-header-main-left { display: none; } .l-header-main-right { display: flex; flex: 1; } .l-header-main-menu { align-items: center; display: flex; flex: 1; justify-content: space-between; } .l-header-main-menu-left { display: flex; } .l-header-main-menu-right { display: flex; } .l-header-main-search { display: none; } .l-header-menu-mobile-section { align-items: center; display: none; flex: 1; flex-direction: row; height: 100%; justify-content: flex-end; } .l-header-menu-mobile-section div:last-child { border-left: 1px solid #F5F3F2; } @media screen and (max-width: 900px) { .l-header-dropdown-container { height: 100vh; max-height: 100vh; position: absolute; transform: translateY(-110%); transition: 0.225s ease-in-out animation; } .l-header-dropdown-container.show { border-bottom: 0; } .l-header-main { height: 56px; } .l-header-main-brand { display: flex; flex: 1; justify-content: center; margin: 0; padding: 0; } .l-header-main-brand a { align-items: center; display: flex; } .l-header-main-brand img { height: 30px; width: auto; } .l-header-main-left { flex: 1; } .l-header-main-right { flex: 1; justify-content: flex-end; } .l-header-main-menu { display: none; } .l-header-main-mobile-item { display: flex; } .l-header-menu-section { display: none; } .l-header-menu-mobile-section { display: flex; } .l-header-main-left { display: flex; } .l-header-main-search { display: flex; } .l-header-sticky.hide-top-bar { transform: translateY(0); } .l-header-sticky-wrapper { height: 56px; } .l-header-top-bar { display: none; } } @media (max-width: 1080px) { .reverse-header-mobile { display: flex; flex-direction: column-reverse; } } .swiper-pagination-bullet { background: #E6E3DF !important; opacity: 1 !important; } .swiper-pagination-bullet-active { background: #A79C95 !important; } .l-mega-menu { background-color: #F5F3F2; display: block; height: 100%; width: 100%; } .l-mega-menu.show { transform: translateY(0); } .l-mega-menu::-webkit-scrollbar { display: none; } .l-mega-menu-container { display: flex; height: 100%; margin: 0 auto; max-width: 1248px; position: relative; width: 100%; } .l-mega-menu-navigation { /*background-color: $color-20-warm-grey;*/ height: auto; padding: 0 0 1.5em 0; width: 288px; } .l-mega-menu-navigation a { text-decoration: none; } .l-mega-menu-navigation a h4:hover { background-color: #E6E3DF; } .l-mega-menu-navigation .selected { background-color: #E6E3DF; } .l-mega-menu-navigation .l-mega-menu-navigation-title { padding: 0 1em 0.5em 1em; font-weight: 400; } .l-mega-menu-navigation .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head { padding: 0.5em 1em; } .l-mega-menu-navigation .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container { display: flex; justify-content: space-between; padding: 0px; } .l-mega-menu-navigation .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-title { font-size: 1rem; padding-left: 0.5em; } .l-mega-menu-navigation .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-chevron-down { font-size: 1.25em; } .l-mega-menu-navigation .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-chevron-down:before { content: "\F106"; } .l-mega-menu-main { background-color: #F5F3F2; display: flex; flex: 1; flex-wrap: wrap; justify-content: space-between; max-height: calc(100vh - 88px); overflow-y: scroll; padding: 32px; } /* styleing for mega menu scrollbar */ .l-mega-menu-main::-webkit-scrollbar-thumb { background-color: #E6E3DF; } .l-mega-menu-main::-webkit-scrollbar { background-color: #F5F3F2; } /* only show scrollbar when needed */ .l-mega-menu-main { overflow-y: auto; } .l-mega-menu-column { box-sizing: border-box; display: block; flex: 1; min-width: 250px; padding: 0 20px; } .l-mega-menu-section { margin-bottom: 32px; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head { padding-left: 0px; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container { padding-left: 0px; padding-right: 0px; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-title { font-size: 1em; padding: auto 0px; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-title a { line-height: inherit; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-title.no-icon:after { display: none; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-title:after { content: "\F106"; font-family: 'ALicons'; padding-left: 1rem; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container i { display: none; } .l-mega-menu-section .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-is-open .c-accordion-tabs-head-container .c-accordion-tabs-head-title:after { content: "\F107"; font-family: 'ALicons'; } .l-mega-menu-search { background-color: #F5F3F2; display: block; padding-bottom: 32px; width: 100%; z-index: 10; } @media screen and (max-width: 900px) { .l-mega-menu { display: none; } .l-mega-menu-search { padding-bottom: 0; } } .l-contact-area { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 200px; background-color: #E6E3DF; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-footer-contact { display: flex; width: 100%; max-width: 1200px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; } @media screen and (max-width: 320px) { .l-footer-contact { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-footer-contact { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-footer-contact { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } .l-footer-copy { margin: 0 auto; display: flex; max-width: 1248px; /*min-height: 50px; height: 50px;*/ width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 320px) { .l-footer-copy { height: 100%; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column-reverse; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-footer-copy { height: 100%; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column-reverse; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-footer-copy { height: 100%; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column-reverse; } } .l-footer-country-selector { display: flex; max-width: 1200px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; min-height: 100px; display: block; } .l-industry-banner { position: relative; display: flex; flex-basis: 100%; align-content: center; justify-content: center; } .l-introduction { padding: 50px 100px 50px 100px; } .l-legal-links { display: flex; justify-content: flex-end; } @media screen and (max-width: 480px) { .l-legal-links { flex-flow: row wrap; justify-content: center; } } .l-section-block > form, .block-100 > form { background-color: #F5F3F2; } .l-footer-contact { display: flex; width: 100%; max-width: 1200px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; } @media screen and (max-width: 320px) { .l-footer-contact { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-footer-contact { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-footer-contact { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } } .l-contact-area { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 200px; background-color: #E6E3DF; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-introduction { padding: 50px 100px 50px 100px; } .l-products-list-container { padding-bottom: 24px; } .l-products-list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; margin: auto; } .l-products-list .l-products-list-item { flex: 0 1 25%; min-width: 312px; } .l-products-list .l-products-list-item.is-4:hover { /*background-color: $color-5-warm-grey;*/ background-color: #F1EFED; border-radius: 3px; cursor: pointer; } .l-products-list .l-products-list-item.is-4:hover .is-style-3 .c-related-card-container { /*background-color: $color-5-warm-grey;*/ background-color: #F1EFED; } @media screen and (max-width: 480px) { .l-products-list .l-products-list-item { flex: 1 1 100%; } } @media screen and (max-width: 800px) { .l-products-list { justify-content: center; } .l-products-list button { width: 100%; margin: 0 1rem; } } .l-main-office-container { display: flex; } @media screen and (max-width: 320px) { .l-main-office-container { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-main-office-container { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-main-office-container { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .l-share-buttons-container { -webkit-align-content: center; align-content: center; -webkit-align-items: flex-start; align-items: flex-start; color: #847770; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -ms-flex-align: center; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; -ms-flex-pack: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 12px; -webkit-justify-content: center; justify-content: center; } .l-share-buttons-container .l-share-buttons-container-links { display: inline-flex; flex-direction: row; } @media screen and (max-width: 320px) { .l-share-buttons-container { align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; padding: 1rem; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-share-buttons-container { align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; padding: 1rem; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-share-buttons-container { align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; padding: 1rem 0px 0px; } } .l-share-buttons-container .share { color: #847770; font-size: 12px; font-weight: 400; } .l-share-buttons-container .follow { color: #D7D2CB; font-size: 14px; font-weight: 400; width: 100%; line-height: 1.75; } .l-share-buttons-container *::-ms-backdrop, .l-share-buttons-container .follow { width: auto; } .l-share-buttons-container-links:hover .c-share-link a { opacity: 0.5; } .l-share-buttons-container-links:hover .c-share-link a:hover { opacity: 1; } .l-footer-copy-container { width: 100%; min-height: 28px; background-color: #11387f; color: #fff; padding-bottom: 1rem; } @media screen and (min-width: 481px) and (max-width: 800px) { .l-footer-copy-container { padding: 0px 1rem; } } @media (min-width: 1440px) and (max-height: 900px) { .l-footer-copy-container { margin-top: -2px; } } *::-ms-backdrop, .l-footer-copy-container { display: block; } .l-search-area { align-content: center; align-items: center; background-color: #F5F3F2; width: 100%; z-index: 10; } .l-search-area-container { padding: 32px 16px 0 16px; align-items: center; display: flex; position: relative; margin: 0 auto; max-width: 1248px; width: 100%; } .l-search-area-first { flex: 1; margin: 32px; } .l-search-area-first h3 { font-size: 32px; line-height: 36px; margin: 0; margin-bottom: 16px; text-align: left; } .l-search-area-first p { font-size: 16px; font-weight: 300; line-height: 28px; margin: 0; text-align: left; } .l-search-area-last { flex: 1; margin: 32px; } .l-search-area-last form { position: relative; width: 100%; } .l-search-area-last form ul { padding: 0; } .l-search-area-last form .c-search-autocomplete { border-radius: 0px 0px 3px 3px; position: absolute; top: 50px; width: 100%; border-top: 0; border-bottom: 1px solid #A79C95; border-left: 1px solid #A79C95; border-right: 1px solid #A79C95; background-color: #ffffff; font-size: 1rem; font-weight: 100; box-sizing: border-box; } .l-search-area-last form .c-search-autocomplete ul { margin: 0; line-height: 1rem; } .l-search-area-last form .c-search-autocomplete ul li { cursor: pointer; padding: 10px; font-weight: 300; } .l-search-area-last form .c-search-autocomplete ul li .strong { font-weight: 500; } .l-search-area-last form .c-search-autocomplete ul li.highlighted { background-color: #F5F3F2; } .l-search-area-last form .c-search-autocomplete hr { margin: 0 1rem; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .c-search-autocomplete .strong { font-weight: bold !important; } } .l-search-area-input-wrapper { align-items: center; display: flex; justify-content: flex-end; } .l-search-area-input-wrapper input { border: 1px solid #A79C95; color: #847770; font-size: 16px; height: 48px; line-height: 24px; padding: 16px 16px; box-shadow: none; } .l-search-area-input-wrapper input:focus { border: 1px solid #A79C95; border-radius: 3px; outline: 0; } .l-search-area-input-wrapper i { color: #11387f; float: right; font-size: 1.2rem; font-weight: 600; padding-right: 8px; position: absolute; transition: all 0.3s ease-in-out; } .l-search-area-input-wrapper i.icon-symbol-search { display: none; } @media (max-width: 900px) { .l-search-area { background-color: #F5F3F2; padding: 24px; } .l-search-area-container { flex-flow: column; } .l-search-area-first { margin: 16px; width: 100%; } .l-search-area-first h3, .l-search-area-first p { text-align: left !important; } .l-search-area-last { margin: 16px; width: 100%; } .l-search-area-input-wrapper { width: 100%; } } .l-mega-menu-mobile .l-mega-menu-mobile-list { list-style: none; margin: 0; padding: 0; background-color: #11387f; } .l-mega-menu-mobile .l-mega-menu-mobile-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-vacancy-container { display: flex; flex-direction: row; flex-wrap: wrap; } .l-vacancy-container > .l-vacancy-list-select { flex: 0 0 25%; min-width: 250px; margin-bottom: 10px; } .l-vacancy-container > .l-vacancy-list-select:nth-child(1) { margin-right: 15px; } @media screen and (max-width: 480px) { .l-vacancy-container > .l-vacancy-list-select { flex: 0 0 100%; } .l-vacancy-container > .l-vacancy-list-select:nth-child(1) { margin-right: 0px; } } .l-mobile-country-selector { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .l-header-mobile-menu { background-color: white; position: absolute; width: 100%; } .l-header-mobile-menu-list { background-color: #F5F3F2; height: calc(100vh - 56px); list-style: none; margin: 0; padding: 0; position: absolute; top: 0; transition: 0.5s ease-in-out all; width: 100%; z-index: 10; overflow-y: scroll; } .l-header-mobile-menu .move-left { transform: translateX(-100%); } .l-header-mobile-menu .move-to-left { animation-name: move-to-left; animation-duration: 0.5s; animation-fill-mode: forwards; } @keyframes move-to-left { from { transform: translateX(0%); } to { transform: translateX(-100%); } } .l-header-mobile-menu .move-from-left { animation-name: move-from-left; animation-duration: 0.5s; } @keyframes move-from-left { from { transform: translateX(-100%); } to { transform: translateX(0); } } .l-header-mobile-menu .move-to-right { animation-name: move-to-right; animation-duration: 0.5s; animation-fill-mode: forwards; } @keyframes move-to-right { from { transform: translateX(0%); } to { transform: translateX(100%); } } .l-header-mobile-menu .move-from-right { animation-name: move-from-right; animation-duration: 0.5s; } @keyframes move-from-right { from { transform: translateX(100%); } to { transform: translateX(0); } } .l-header-mobile-menu .l-header-mobile-menu-item { align-items: center; background-color: white; border-top: 1px solid #ECE8E5; color: #3D3935; display: flex; font-size: 1rem; font-weight: 300; height: 48px; justify-content: space-between; padding: 16px 16px; width: 100%; } .l-header-mobile-menu .l-header-mobile-menu-item a { color: #3D3935; font-size: 1rem; font-weight: 300; padding-left: 16px; } .l-header-mobile-menu .l-header-mobile-menu-item .back { display: flex; justify-content: flex-start; align-items: center; } .l-header-mobile-menu .l-header-mobile-menu-item .back i { font-weight: 300; padding-right: 16px; } .l-header-mobile-menu .l-header-mobile-menu-item:hover { cursor: pointer; } .l-header-mobile-menu .l-header-mobile-menu-item i { font-size: 1.4rem; line-height: 4; } .l-header-mobile-menu .headline { color: #3D3935; } .l-header-mobile-menu .link span { margin-left: 16px; } .l-header-mobile-menu .top-menu { background-color: #F5F3F2; } .l-header-mobile-menu .top-menu-language { background-color: #F5F3F2; } @media (min-width: 901px) { .l-header-mobile-menu { display: none; } } .l-contact-us-container { margin: 0 auto; max-width: 1248px; padding-bottom: 48px; position: relative; width: 100%; } .l-contact-us-container .c-close-button { margin: 0px; } .l-contact-us-container .c-select label { color: #847770; font-size: 14px; font-weight: 500; line-height: 14px; } .l-contact-us-container .c-select .c-button, .l-contact-us-container .c-select .c-apply-button { background-color: white; border: 1px solid #A79C95; border-radius: 3px; box-sizing: border-box; color: #A79C95; display: flex; font-size: 1rem; font-weight: 400; justify-content: space-between; min-width: 100%; position: relative; transition: border-color 0.1s ease-out; width: -moz-fit-content; /* Fix for FF 61+ */ width: fit-content; } .l-contact-us-container .c-select .c-button .c-select-wrapper, .l-contact-us-container .c-select .c-apply-button .c-select-wrapper { align-items: center; display: flex; height: 32px; justify-content: space-between; padding: 0 8px; width: 100%; } .l-contact-us-container .c-select .c-button .c-select-list, .l-contact-us-container .c-select .c-apply-button .c-select-list { background-color: white; border-color: #A79C95; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1); left: 0; margin-top: 1px; min-width: 100%; padding-bottom: 10px; padding-top: 5px; position: absolute; top: 101%; width: -moz-fit-content; /* Fix for FF 61+ */ width: fit-content; z-index: 12; } .l-contact-us-select { background-color: white; border: solid 1px #CBC3BB; border-radius: 3px; color: #847770; font-size: 16px; font-weight: 500; height: 32px; padding: 0 8px; } .l-contact-us-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; /*padding: 30px 20px 0px;*/ } .l-contact-us-column { flex: 1 1 auto; } .l-contact-us-column:nth-child(1) { flex-basis: 27%; flex-grow: 0; padding: 0 40px 20px 0; } .l-contact-us-column label { display: inline-block; font-size: 0.85rem; margin-bottom: 5px; } .l-contact-us-form-wrapper { background-color: #F5F3F2; display: flex; flex-direction: row; /*flex-wrap: wrap;*/ justify-content: space-between; margin: 0 auto; /*padding: 40px 24px 64px 24px;*/ position: relative; width: 100%; } .l-contact-us-column { flex: 1 1 auto; } .l-contact-us-column:nth-child(1) { flex-basis: 27%; flex-grow: 0; padding: 0 40px 20px 0; } .l-contact-us-column label { display: inline-block; font-size: 0.85rem; margin-bottom: 5px; } .l-page { background-color: white; } .l-page .l-page-center { margin-left: auto; margin-right: auto; max-width: 1248px; padding: 16px 0 16px 0; } .l-page .l-rounded-image { width: 100%; padding-bottom: 100%; background: no-repeat 50%; background-size: cover; border-radius: 50%; } .l-page-navigation { display: flex; align-items: center; height: 48px; background-color: #ECE8E5; width: 100%; justify-content: center; } .l-show-more-btn { display: flex; justify-content: center; align-items: center; padding-bottom: 24px; padding-right: 1rem; padding-left: 1rem; } @media screen and (max-width: 800px) { .l-order-first-mobile { order: -10; } } .l-search-page ul { padding: 0; } .l-search-page .l-area-centered { width: 83.33333333333334%; margin-left: 8.333333333333332%; } .l-search-page .l-search-panel { padding: 20px; background-color: #F5F3F2; } .l-search-page .l-search-panel .autocomplete-container { position: relative; } .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container { position: relative; display: flex; } .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .c-search-bar { border: 1px solid #A79C95; font-size: 1.4rem; line-height: 1.8rem; font-weight: 100; box-sizing: border-box; padding: 10px 35px 10px 10px; border-radius: 3px; box-shadow: none; } .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .c-search-bar:focus { outline: 0; } .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .c-clear-icon { cursor: pointer; } .l-search-page .l-search-panel .autocomplete-container .c-search-autocomplete { border-radius: 0px 0px 3px 3px; position: absolute; top: 40px; width: 100%; border-top: 0; border-bottom: 1px solid #A79C95; border-left: 1px solid #A79C95; border-right: 1px solid #A79C95; background-color: #ffffff; font-size: 1.2rem; font-weight: 100; box-sizing: border-box; padding: 10px 0px 0px 0px; z-index: 150; } .l-search-page .l-search-panel .autocomplete-container .c-search-autocomplete ul { margin: 0; line-height: 1rem; } .l-search-page .l-search-panel .autocomplete-container .c-search-autocomplete ul li { cursor: pointer; padding: 10px; font-weight: 300; } .l-search-page .l-search-panel .autocomplete-container .c-search-autocomplete ul li .strong { font-weight: 500; } .l-search-page .l-search-panel .autocomplete-container .c-search-autocomplete ul li.highlighted { background-color: #F5F3F2; } .l-search-page .l-search-panel .autocomplete-container .c-search-autocomplete hr { margin: 0 1rem; } .l-search-page .l-show-more-btn-container { padding: 30px 0 60px; text-align: center; clear: both; } .l-search-page .l-error-container { margin-top: 30px; } .l-search-page .l-error-container p { text-align: center; } .l-search-page .l-empty-section { min-height: 70px; width: 100%; } .c-search-bar-icon, .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .c-search-icon, .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .c-clear-icon, .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .c-search-icon, .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .c-clear-icon { position: absolute; top: 0; right: 0; transition: all 0.2s ease; font-size: 1.4rem; line-height: 2.4rem; padding: 10px; color: #4456af; } .c-search-bar-icon.is-hidden, .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .is-hidden.c-search-icon, .l-search-page .l-search-panel .autocomplete-container .l-search-panel-container .is-hidden.c-clear-icon, .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .is-hidden.c-search-icon, .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .is-hidden.c-clear-icon { display: none; opacity: 0; } .c-category-results-container { border-top: 3px solid #11387f; padding-top: 20px; } .c-search-category-bar { margin-bottom: 30px; /*.c-search-category-bar-link { margin-right: 10px; font-weight: 400; cursor: pointer; &.is-disabled { color: $color-grey; cursor: auto; pointer-events: none; } }*/ } .c-search-category-bar .c-in-page-nav { background-color: #ffffff !important; } .c-search-category-bar p { padding: 0.5rem 0; } .c-search-category-bar .c-in-page-nav-list-item:hover { background-color: transparent !important; } .c-search-category-bar .c-search-category-bar-link { padding: 0.4em 0.9em !important; font-weight: normal !important; font-size: 1rem !important; line-height: 1.75 !important; margin: 2px; border-radius: 3px; box-sizing: border-box; text-decoration: none; text-align: center; display: inline-block; white-space: nowrap; border: 1px solid #E6E3DF; background-color: #F5F3F2; color: #847770 !important; cursor: pointer; } .c-search-category-bar .c-search-category-bar-link.selected { background-color: #11387f; color: #fff !important; border-color: #11387f; } .c-search-category-bar .c-search-category-bar-link:hover:not(.selected) { background-color: #fff; } .c-search-category-bar .c-search-category-bar-link.is-disabled { background-color: #fff; cursor: default; } @media screen and (max-width: 480px) { .l-search-page .l-area-centered { width: 100%; margin-left: 0; padding-left: 15px; padding-right: 15px; } } .did-you-mean { padding-bottom: 20px; } .did-you-mean ul { list-style: disc; padding: 0px; padding-left: 30px; margin: 0; } .did-you-mean a { font-weight: 400; font-size: 14px; color: #11387f; cursor: pointer; } .l-result-container { min-height: 500px; } .l-submenu { list-style: none; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; display: flex; flex-wrap: wrap; } .l-submenu-wrap { max-width: 1248px; margin-left: auto; margin-right: auto; margin-bottom: 50px; margin-top: 30px; } .l-footer-content { /*width: 100%; max-width: $max-page-width; justify-content: center; padding: 0;*/ display: flex; justify-content: space-between; width: 100%; /*@media screen and (max-width: 900px) { padding: 0 24px; }*/ } .l-footer-content .l-footer-item { width: auto; flex-grow: 1; } .l-footer-content .l-footer-item.center { justify-content: center; display: flex; flex: 0 1 1264px; } .l-footer-content .l-footer-item.right { background-color: #F5F3F2; background: linear-gradient(to top, #11387F 30%, #F5F3F2 30%); position: relative; overflow: hidden; } .l-footer-content .l-footer-item.right svg.right-arc { position: absolute; /* top: 5px; */ /* left: -16px; */ width: 20px; height: 20px; background-size: cover; /* background-position: bottom; */ transform: rotate(90deg); bottom: 29.8%; position: absolute; } @media (min-width: 1440px) and (max-height: 900px) { .l-footer-content .l-footer-item.right { margin-left: -1px; } } .l-footer-content-break-tablet { display: none; } @media screen and (min-width: 481px) and (max-width: 800px) { .l-footer-content-break-tablet { display: flex; height: 32px; width: 100%; background-color: #11387f; } } .l-footer-content-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: stretch; flex: 1 0 100%; } @media screen and (max-width: 900px) { .l-footer-content-row { flex-wrap: wrap; } } .l-footer-content-column { flex: 0 1 25%; order: 0; /*padding-top: 32px; padding-right: 8px; padding-left: 8px;*/ padding: 1.5rem 1rem 1.5rem 1rem; } .l-footer-content-column.l-footer-address { padding: 1.5rem 2rem 0px 2rem; background-color: #11387f; border-top-left-radius: 1.125rem; border-top-right-radius: 1.125rem; position: relative; } .l-footer-content-column.l-footer-address svg.left-arc { width: 1.25rem; height: 1.25rem; position: absolute; left: -1.25rem; bottom: 0px; transform: rotate(0deg); } .l-footer-content-column.l-footer-address *::-ms-backdrop, .l-footer-content-column.l-footer-address svg.left-arc { left: -19px; } @media screen and (max-width: 580px) { .l-footer-content-column.l-footer-address { border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 2rem; } } @media screen and (max-width: 900px) and (min-width: 580px) { .l-footer-content-column { flex: 0 1 50%; align-self: stretch; padding: 1.5rem 2rem 0px 2rem; } } @media screen and (max-width: 580px) { .l-footer-content-column { flex: 0 1 100%; align-self: stretch; padding: 1rem 2rem; } } @media screen and (max-width: 900px) and (min-width: 580px) { *::-ms-backdrop, .l-footer-content-column { padding-right: 0; padding-left: 0; } } .l-footer-country-container { /*background-color: $color-20-warm-grey; margin-top: 32px;*/ background-color: #11387f; width: 100%; min-height: 96px; } @media screen and (max-width: 800px) { .l-footer-country-container { min-height: 0; } } @media (min-width: 1440px) and (max-height: 900px) { .l-footer-country-container { margin-top: -2px; } } .l-footer-country-container .l-footer-country-wrapper { margin: 0 auto; max-width: 1248px; width: 100%; padding: 0 8px; } @media screen and (max-width: 800px) { .l-footer-country-container .l-footer-country-wrapper { padding: 0; } } .l-footer-country-container .l-footer-country-wrapper-inner { display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: nowrap; } .l-footer-country-container .l-footer-country-info { font-size: 16px; font-weight: 300; padding-left: 24px; color: #D7D2CB; } @media screen and (max-width: 800px) { .l-footer-country-container .l-footer-country-info { display: none; } } *::-ms-backdrop, .l-footer-country-container { margin-top: -2px; } .l-follow-icons-container { color: #847770; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-grow: 0; } .l-follow-icons-container .l-follow-icons-container-links { display: inline-flex; flex-direction: row; } @media screen and (max-width: 320px) { .l-follow-icons-container { padding: 30px 20px 20px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 321px) and (max-width: 480px) { .l-follow-icons-container { padding: 30px 20px 20px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 481px) and (max-width: 800px) { .l-follow-icons-container { padding: 30px 20px 20px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .l-follow-icons-container .share { font-size: 14px; font-weight: 400; color: #847770; } .l-follow-icons-container .follow { font-size: 14px; font-weight: 400; color: #fff; width: 100%; } .l-follow-icons-container *::-ms-backdrop, .l-follow-icons-container .follow { width: auto; } .l-follow-icons-container-links:hover .c-follow-link a { opacity: 0.5; } .l-follow-icons-container-links:hover .c-follow-link a:hover { opacity: 1; } .l-footer-contact-country-wrapper { display: flex; max-width: 1200px; width: 100%; display: flex; flex-direction: column; padding: 0 0 15px 0; } @media screen and (max-width: 800px) { .l-footer-contact-country-wrapper { flex-direction: column-reverse; padding: 15px 0 0; } } .l-start-page-row { padding: 16px 0; } .l-start-page-row.is-grey { background-color: #F5F3F2; } .l-page-industry, .l-page-product-construction, .l-page-product-line { background-color: white; margin-bottom: 0px; } .l-page-industry .l-benefit-area, .l-page-product-construction .l-benefit-area, .l-page-product-line .l-benefit-area { padding-top: 2rem; padding-bottom: 2rem; background-color: #F5F3F2; /* .c-block-benefit-list { padding-right: 0; } */ } .l-page-industry .l-benefit-area .l-benefit-area .l-section-50:nth-of-type(2), .l-page-product-construction .l-benefit-area .l-benefit-area .l-section-50:nth-of-type(2), .l-page-product-line .l-benefit-area .l-benefit-area .l-section-50:nth-of-type(2) { padding-right: 1rem; } .l-page-industry .l-benefit-area .l-benefit-area .l-section-50:nth-of-type(3), .l-page-product-construction .l-benefit-area .l-benefit-area .l-section-50:nth-of-type(3), .l-page-product-line .l-benefit-area .l-benefit-area .l-section-50:nth-of-type(3) { padding-left: 1rem; } .l-page-industry .l-benefit-area .c-block-benefit-list-title, .l-page-product-construction .l-benefit-area .c-block-benefit-list-title, .l-page-product-line .l-benefit-area .c-block-benefit-list-title { margin: 0 0 2rem 0; text-align: center; max-width: 100%; } .l-page-industry .l-benefit-area .c-block-benefit-list-title h2, .l-page-product-construction .l-benefit-area .c-block-benefit-list-title h2, .l-page-product-line .l-benefit-area .c-block-benefit-list-title h2 { margin: 0 0 1rem 0; color: #0d2c65; } .l-page-industry .l-benefits-area, .l-page-product-construction .l-benefits-area, .l-page-product-line .l-benefits-area { padding-top: 2rem; padding-bottom: 2rem; } .l-page-industry .l-benefits-area .l-benefit-area .l-section-50:nth-of-type(2), .l-page-product-construction .l-benefits-area .l-benefit-area .l-section-50:nth-of-type(2), .l-page-product-line .l-benefits-area .l-benefit-area .l-section-50:nth-of-type(2) { padding-right: 1rem; } .l-page-industry .l-benefits-area .l-benefit-area .l-section-50:nth-of-type(3), .l-page-product-construction .l-benefits-area .l-benefit-area .l-section-50:nth-of-type(3), .l-page-product-line .l-benefits-area .l-benefit-area .l-section-50:nth-of-type(3) { padding-left: 1rem; } .l-page-industry .l-benefits-area .c-block-benefit-list-title, .l-page-product-construction .l-benefits-area .c-block-benefit-list-title, .l-page-product-line .l-benefits-area .c-block-benefit-list-title { margin: 0 0 2rem 0; text-align: left; max-width: 100%; } .l-page-industry .l-benefits-area .c-block-benefit-list-title h2, .l-page-product-construction .l-benefits-area .c-block-benefit-list-title h2, .l-page-product-line .l-benefits-area .c-block-benefit-list-title h2 { margin: 0 0 1rem 0; color: #0d2c65; } @media screen and (max-width: 800px) { .l-page-industry .l-benefit-area, .l-page-product-construction .l-benefit-area, .l-page-product-line .l-benefit-area { padding-top: 1.5rem; padding-bottom: 1.5rem; } .c-block-benefit-list-title { margin: 0 0 1rem 0; } .c-block-benefit-list-title h2 { margin: 0 0 1rem 0; font-size: 1.5rem; color: #0d2c65; } } .block-page-section-title { display: block; width: 100%; color: #11387f; } .c-info-column p:first-child { line-height: 34px; font-weight: 300; font-size: 20px; line-height: 34px; } .c-info-column a { font-weight: 400; font-size: 14px; color: #11387F; } .c-header-main-menu-item { align-items: center; color: #11387f; display: flex; font-size: 20px; font-weight: 300; line-height: 1.6rem; padding: 8px 16px; position: relative; text-align: center; text-decoration: none; background-image: linear-gradient(#11387f, #11387f); background-size: 0 1px, auto; background-repeat: no-repeat; background-position: center bottom; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .c-header-main-menu-item.active { background-size: 32px 1px; } .c-header-main-menu-item:hover { cursor: pointer; background-size: 32px 1px; text-decoration: none; } .c-header-main-menu-item .icon-symbol-search { font-size: 1.125rem; } @media (max-width: 1200px) { .c-header-bottom-menu-item { font-size: 1.4rem; } } @media (max-width: 1080px) { .c-header-bottom-menu-item { font-size: 1.2rem; } } @media (max-width: 990px) { .c-header-bottom-menu-item { font-size: 1rem; } } .c-header-language-selector { min-width: 150px; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: relative; height: 30px; } .c-header-language-selector-mobile { box-sizing: border-box; display: none; height: 100%; position: relative; width: 100%; } .c-header-language-selector-mobile i { display: none; } .c-header-language-selector-mobile .c-language-select .c-language-select-list { float: right; width: 50%; } @media screen and (max-width: 880px) { .c-header-language-selector-mobile { align-items: center; display: flex; justify-content: space-between; } .c-header-language-selector-mobile > label, .c-header-language-selector-mobile div { color: #3c3c3c; flex: 1; } } .c-mega-menu-column-headline { color: #3c3c3c; font-size: 1.3rem; font-weight: 300; margin: 0; margin-bottom: 10px; line-height: 1.3; vertical-align: baseline; } .c-megamenu-close { color: #3D3935; font-size: 16px; margin: 36px 32px; position: absolute; right: 0; top: 0; } .c-megamenu-close:hover { cursor: pointer; } .c-megamenu-close svg g { fill: #3D3935; } .c-mega-menu-navigation-item { border-radius: 0; line-height: 1.5; margin: 0; padding: 0.5em 16px 0.5em 24px; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); align-items: center; display: flex; justify-content: space-between; font-size: 1rem; } .c-mega-menu-navigation-item.selected { background-color: #E6E3DF; } .no-border { border: 0; } .c-mega-menu-headline { line-height: 1.3; margin-bottom: 8px; } .c-mega-menu-list { margin: 0; padding: 0; } .c-mega-menu-item, .c-mega-menu-item:visited { list-style: none; padding: 4px 0; } .c-mega-menu-item a, .c-mega-menu-item:visited a { color: #3D3935; font-size: 14px; font-weight: 300; line-height: 1; opacity: 0.8; text-align: left; transition: all 0.2s ease-in-out; } .c-mega-menu-item a:hover, .c-mega-menu-item:visited a:hover { color: #3c3c3c; } .c-mega-menu-item a:hover, .c-mega-menu-item:visited a:hover { opacity: 1; text-decoration: none; } .c-info-box { position: absolute; bottom: 0; right: 0; height: 30px; width: 30px; z-index: 7; overflow: hidden; border-bottom-right-radius: 3px; border-top-left-radius: 3px; } .c-info-box.is-active { width: 100%; overflow: visible; z-index: 8; } .c-info-box.is-active .c-info-box-text { opacity: 1; } .c-info-box.is-active:after { font-family: Arial, Helvetica, sans-serif; margin-right: -15px; content: "X"; } .c-info-box:after { position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; line-height: 30px; content: "\E605"; font-family: ALicons; background-color: rgba(0, 0, 0, 0.1); color: white; text-align: center; z-index: 1; } .c-info-box .c-info-box-arrow { width: 20px; margin: 0 auto; position: relative; z-index: 2; } .c-info-box .c-info-box-arrow:before { position: absolute; top: -12px; bottom: 0; width: 0; height: 0; left: 50%; content: ""; margin-left: -6px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgba(5, 5, 5, 0.9); } .c-info-box .c-info-box-text { position: relative; width: calc(100% + 30px); height: auto; padding: 15px; box-sizing: border-box; background-color: rgba(5, 5, 5, 0.9); opacity: 0; border-radius: 3px; margin-left: -15px; } .c-info-box .c-info-box-text p { color: white; } .c-info-box .c-info-box-text ul { padding-left: 0; } .c-info-box .c-info-box-text ul li { list-style-type: none; padding-left: 2rem; margin: 0.75em 0; font-size: 16px; line-height: 1.75; text-align: left; position: relative; color: white; } .c-info-box .c-info-box-text ul li:before { content: "\25CB"; font-family: ALicons; position: absolute; left: 0; font-size: 1.6rem; top: -0.8rem; color: white; } .c-info-box .c-info-box-text .c-info-box-header { font-size: 0.9rem; margin-bottom: 0.5rem; line-height: 1.4; font-weight: 700; } .c-info-box .c-info-box-text .c-info-box-content { font-size: 0.9rem; line-height: 1.3; } @media screen and (min-width: 801px) { .c-info-box:hover { width: 100%; overflow: visible; } .c-info-box:hover .c-info-box-text { opacity: 1; } .c-info-box:hover:after { content: ""; } } .c-tab { border-bottom: 1px solid #cdc9c5; padding-left: 10px; margin-bottom: 40px; list-style: none; display: flex; } .c-tab .c-tab-item { display: inline; user-select: none; cursor: pointer; margin-top: 2px; background-color: #F5F3F2; color: #847770; padding: 25px; border-left: 1px solid white; transition: background-color 0.2s; } .c-tab .c-tab-item.is-active { border: 1px solid #cdc9c5; border-bottom-color: white; border-top: 3px solid #11387f; background-color: #fff; margin-top: 0; margin-bottom: -1px; margin-left: -1px; top: 3px; } .c-tab .c-tab-item:hover:not(.is-active) { background-color: #dcdbda; color: #636363; } .c-tabs-container { margin-bottom: 40px; } .c-legal-link { color: #D7D2CB; flex-shrink: 0; font-size: 14px; font-weight: 400; margin-left: 8px; margin-right: 8px; padding: 0; } .c-legal-link.custom { line-height: 1.5; color: #fff; } .c-legal-link.custom:hover { text-decoration: underline; } .c-legal-link.custom:visited { color: #fff; } .c-legal-link.custom:hover { text-decoration: underline; color: #fff; } .c-copyright { -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 800px) { .c-copyright { margin-top: 10px; } } .c-share-link { width: 30px; height: 28px; font-size: 14px; line-height: 1; background-color: inherit; align-content: center; justify-content: center; text-align: center; } .c-share-link a { transition: all 100ms ease-out; color: #fff; padding: 0px 5px; display: block; text-decoration: none; font-size: 1rem; } .c-mainoffice-info { margin-right: 20px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 320px) { .c-mainoffice-info { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px; padding: 20px 20px 20px 0px; } .c-mainoffice-info.is-button-in-mobile { padding: 20px 20px 20px 20px; margin: 10px; background-color: #11387f; } .c-mainoffice-info.is-button-in-mobile a { color: #fff; } } @media screen and (min-width: 321px) and (max-width: 480px) { .c-mainoffice-info { margin: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 20px 20px 0px; } .c-mainoffice-info.is-button-in-mobile { margin: 10px; background-color: #11387f; padding: 20px 20px 20px 20px; } .c-mainoffice-info.is-button-in-mobile a { color: #fff; } } @media screen and (min-width: 481px) and (max-width: 800px) { .c-mainoffice-info { margin: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 20px 20px 0px; } .c-mainoffice-info.is-button-in-mobile { padding: 20px 20px 20px 20px; margin: 10px; background-color: #11387f; } .c-mainoffice-info.is-button-in-mobile a { color: #fff; } } .desktop .content::after, .desktop .content::before { content: ""; display: table; } .select-region { background-color: #11387f; padding-bottom: 1.400rem; padding-top: 1.400rem; text-align: center; width: 100%; position: relative; z-index: 12; } @media screen and (max-width: 1025px) { .select-region { padding-top: 2.5rem; } } .select-region-text { color: #fff; display: inline-block; font-weight: 400; line-height: 1.5; margin-bottom: 1.100rem; margin-top: 5px; max-width: 70rem; font-size: 1rem; text-align: center; padding-left: 0.9375rem; padding-right: 0.9375rem; } .select-region-text-narrow { max-width: 38rem; } .select-region-heading-text { color: #fff; display: inline-block; font-weight: 500; line-height: 1.5; margin-bottom: 0.875rem; margin-top: 5px; max-width: 70rem; font-size: 1.5rem; text-align: center; padding-left: 0.9375rem; padding-right: 0.9375rem; } .select-region-remember-container { color: #fff; display: inline-block; font-weight: 400; line-height: 1.5; margin-top: 0.9375rem; max-width: 50rem; width: 100%; } @media screen and (max-width: 1025px) { .select-region-remember-container { margin-top: 1.25rem; } } .mobile .select-region-remember-container { margin-top: 1.25rem; } .select-region-close { -webkit-transition: all 0.2s ease; color: #fff; cursor: pointer; font-size: 1rem; padding: 0.9375rem; position: absolute; right: 0px; top: 0px; transition: all 0.2s ease; } @media screen and (max-width: 1025px) { .select-region-close { top: 0px; } } .mobile .select-region-close { top: 0px; } .select-region-button { -moz-box-sizing: border-box; -moz-user-select: none; -ms-user-select: none; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out; -webkit-user-select: none; background-color: #fff; border: 1px solid #F5F3F2; border-radius: 3px; box-sizing: border-box; color: #11387f; display: inline-block; font-size: 0.8125rem; line-height: 1rem; margin-left: 0.3125rem; margin-right: 0.3125rem; outline: none; padding: 0.5rem 1rem; text-align: center; text-decoration: none; transition: background-color 0.2s ease-out, border-color 0.2s ease-out; user-select: none; white-space: nowrap; } .select-region-button:hover { cursor: pointer; } .select-region-button.button-disabled, .select-region-button:disabled { background-color: #fff; border-color: #F5F3F2; color: #E6E3DF; cursor: initial; } .select-region-button:hover { background-color: #E6E3DF; border-color: #E6E3DF; color: #11387f; } @media screen and (max-width: 800px) { .select-region-button { margin-bottom: 1.25rem; width: 44%; } } .select-region-button-secondary { -moz-box-sizing: border-box; -moz-user-select: none; -ms-user-select: none; -webkit-box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out; -webkit-user-select: none; background-color: #11387f; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 3px; box-sizing: border-box; color: #fff !important; color: rgba(255, 255, 255, 0.8); display: inline-block; font-size: 0.8125rem; line-height: 1rem; margin-left: 0.3125rem; margin-right: 0.3125rem; outline: none; padding: 0.5rem 1rem; text-align: center; text-decoration: none; transition: background-color 0.2s ease-out, border-color 0.2s ease-out; user-select: none; white-space: nowrap; } .select-region-button-secondary:hover { cursor: pointer; border: 1px solid #fff; color: #fff; } .select-region-button-secondary.button-disabled, .select-region-button-secondary:disabled { background-color: #ECE8E5; border-color: #E6E3DF; color: #fff; cursor: initial; } @media screen and (max-width: 400px) { .select-region-button-secondary, .select-region-button { font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 0.625rem; width: 80%; } } .select-region-checkbox-container { display: inline-block; height: 1em; position: relative; } .select-region-checkbox-container input { cursor: pointer; } @media screen and (max-width: 320px) { .select-region-checkbox-container .input-check-mark { font-size: 0.8125rem; left: 2.2864px; line-height: 20.5776px; top: -2.2864px; vertical-align: baseline; position: absolute; color: #11387f; } } .select-region-checkbox { border-radius: 3px; border-radius: 3px; background-color: #fff; width: 1.125rem; height: 1.125rem; font-size: 0.9375rem; } .select-region-label { cursor: pointer; margin-left: 0.3125; color: #fff; } .not-touch .select-region-close:hover { background-color: rgba(255, 255, 255, 0.09); text-shadow: 0px 0px 1px #fff; } input[type="checkbox"], input[type="radio"] { cursor: pointer; } .input-hidden { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; left: 0; opacity: 0; position: absolute; top: 0; z-index: 1; } .input-hidden + .input-radio > .input-radio-dot, .input-hidden + .input-checkbox > .input-check-mark { display: none; } .input-hidden:checked + .input-checkbox > .input-check-mark { display: inline-block; } .input-hidden:disabled + .input-checkbox > .input-check-mark { color: #11387f; position: absolute; left: .1rem; } .input-hidden:checked + .input-checkbox > .input-check-mark { display: inline-block; } .input-hidden:checked + .input-checkbox > .input-check-mark { color: #11387f; position: absolute; left: .1rem; } .c-top-menu { display: flex; height: 100%; justify-content: flex-end; /*padding-right: 10px;*/ padding: 0px 12px; background-color: #F5F3F2; position: relative; border-bottom-left-radius: 12px; /*&:before { width: 32px; height: 30px; line-height: 32px; border-top-right-radius: 12px; display: inline-block; background-image: radial-gradient(circle at 0 100%, rgba(0, 0, 0, 0) 32px, $color-gray 30px); border: none; content: ""; left: -24px; position: absolute; top: 5px; }*/ /*&:after { width: 32px; height: 40px; line-height: 30px; display: inline-block; background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0) 32px, $color-gray 30px); border: none; content: ""; right: -26px; position: absolute; top: -8px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }*/ } .c-top-menu .right-arc { position: absolute; top: 5px; left: -16px; width: 20px; height: 20px; background-size: cover; background-position: bottom; transform: rotate(270deg); } .c-top-menu .c-top-menu-link { align-items: center; color: #847770; display: flex; font-size: 12px; font-weight: 500; line-height: 1.5; padding: 8px; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .c-top-menu .c-top-menu-link:hover { background-color: #ECE8E5; text-decoration: none; } .c-top-menu .c-top-menu-link.current-language { background-color: #E6E3DF; padding: 0 8px; } .c-top-menu .c-top-menu-link.current-language .c-language-select { color: inherit; font-size: inherit; font-weight: inherit; } .c-top-menu .c-top-menu-link i { font-size: 16px; padding: 0 0 2px 8px; width: 1.125rem; text-align: right; } .c-top-menu .c-top-menu-link-active { box-shadow: 0 -2px 0 #11387f inset; } .c-top-menu .c-top-menu-link-active:hover { text-decoration: none; } .c-top-menu select { margin: 0; width: auto; padding: 0; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head { padding: 1.125rem 1rem; position: relative; overflow: hidden; cursor: pointer; background-color: #11387f; border-bottom: 1px solid #182458; color: white; } @media screen and (min-width: 768px) { .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .is-bound { padding: 0 !important; } } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-is-open .c-accordion-tabs-head-icon { transform: rotate(180deg); } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-gray { background-color: #F5F3F2; color: #3D3935; border: 0; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-gray h4 { color: inherit; font-size: 1.7rem; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-gray i.c-accordion-tabs-chevron-down { color: inherit; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-countryselect { background-color: #E6E3DF; color: #fff; border: none; padding: 20px; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-countryselect h1 { font-size: 1rem; color: #fff; font-family: Roboto; font-weight: 400; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light { background-color: white; border-bottom: 1px solid #E6E3DF; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light *::-ms-backdrop, .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light .c-accordion-tabs-chevron-down { background-size: 20px 12px !important; height: 12px !important; width: 20px !important; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light .c-accordion-tabs-chevron-down { background-size: 24px 24px; display: inline-block; height: 24px; width: 24px; font-family: 'ALicons'; font-size: 12px; font-style: normal; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light .c-accordion-tabs-chevron-down:before { content: '\E906'; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light.c-accordion-tabs-is-open { border-bottom: none; border-top: 3px solid #E6E3DF; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light.no-background { background-color: transparent; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light:hover { background-color: #F5F3F2; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light .c-accordion-tabs-head-title, .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-light .c-accordion-tabs-head-icon { color: #141414; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container { display: flex; flex-direction: row; justify-content: space-between; padding-left: 16px; padding-right: 16px; } @media screen and (max-width: 580px) { .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container { padding-left: 16px; } } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-title-icon { max-width: 40px; flex: 1; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-title { font-size: 20px; line-height: 1; color: white; margin-top: 0px; } @media screen and (max-width: 580px) { .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-title { font-size: 1.5rem !important; } } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-icon { align-self: center; transition: transform 0.2s; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-chevron-down { display: inline-block; /*width: 24px; height: 24px; background: url(/assets/img/icons/ChevronDownWhite.svg) no-repeat; background-size: 24px 24px;*/ font-family: 'ALicons'; font-size: 12px; font-style: normal; color: #fff; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-chevron-down:before { content: '\E906'; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-body { background-color: transparent; height: 0; opacity: 1; overflow: hidden; width: 100%; } .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-body.c-accordion-tabs-is-open { height: auto; opacity: 1; overflow: visible; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head { background-color: #847770; border-bottom: none; transition: background-color 225ms; border-bottom: 1px solid #fff; -webkit-tap-highlight-color: rgba(98, 85, 72, 0.27); } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head:hover, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head:hover { background-color: #807363; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedProducts, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedProducts { background-color: #65afad; border: 0; cursor: inherit; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedProducts h4, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedProducts h4 { color: #0d2c65; font-size: 2rem; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-Documents, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-Documents { background-color: #fdcc61; border: 0; cursor: inherit; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-Documents h4, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-Documents h4 { color: #0d2c65; font-size: 2rem; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedServices, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedServices { background-color: #db9276; border: 0; cursor: inherit; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedServices h4, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedServices h4 { color: #0d2c65; font-size: 2rem; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedIndustries, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedIndustries { background-color: #CBC3BB; border: 0; cursor: inherit; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedIndustries h4, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedIndustries h4 { color: #0d2c65; font-size: 2rem; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedApplications, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedApplications { background-color: #CBC3BB; border: 0; cursor: inherit; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedApplications h4, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-tabs-RelatedApplications h4 { color: #0d2c65; font-size: 2rem; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-icon, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-icon { transform: rotate(-90deg); color: #0d2c65; font-size: 0.5em; } .c-accordion-tabs.is-related .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-is-open .c-accordion-tabs-head-icon, .c-accordion-tabs .is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-is-open .c-accordion-tabs-head-icon { transform: rotate(0deg); color: #0d2c65; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper { background-color: #fff; padding-left: 16px; padding-right: 16px; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-is-open { background-color: #fff; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-document-list-item.has-line-under { border-bottom: solid 1px #F5F3F2; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head { padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #F5F3F2; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head:hover { background-color: #fff; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-title { flex: 2; color: #3D3935; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-icon { /*width: 24px; height: 24px; background-size: 24px 24px background: url(/assets/img/icons/ChevronDownGray.svg) no-repeat;*/ font-family: 'ALicons'; font-size: 12px; font-style: normal; color: #3D3935; } .c-accordion-tabs.is-documents .c-accordion-tabs-wrapper .c-accordion-tabs-head .c-accordion-tabs-head-container .c-accordion-tabs-head-icon:before { content: "\E906"; color: #847770; } .c-button, .c-apply-button { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .c-button:hover, .c-apply-button:hover { text-decoration: none; } .c-button.is-full-width, .is-full-width.c-apply-button { width: 100%; } .c-button.is-small, .is-small.c-apply-button { font-size: 1rem; padding: 0.5rem 0.75rem; } .c-button.is-medium, .is-medium.c-apply-button { font-size: 16px; padding: 16px 24px; } .c-button.is-large, .is-large.c-apply-button { font-size: 1.1rem; padding: 0.75rem 2rem; } .c-button.is-primary, .is-primary.c-apply-button { background-color: #11387F; border: 1px solid #11387F; color: #fff; } .c-button.is-primary:hover, .is-primary.c-apply-button:hover { background-color: #0d2c65; border-color: #0d2c65; color: #fff; } .c-button.is-cta, .is-cta.c-apply-button { background-color: #007fc8; border: 1px solid #007fc8; color: #fff; } .c-button.is-cta:hover, .is-cta.c-apply-button:hover { background-color: #0065a0; border-color: #0065a0; color: #fff; } .c-button.is-border, .is-border.c-apply-button { border: 1px solid #fff; } .c-button.is-default, .is-default.c-apply-button { background-color: #fff; border: 1px solid #E6E3DF; color: #847770; } .c-button.is-default:hover, .is-default.c-apply-button:hover { background-color: #E6E3DF; border-color: #E6E3DF; color: #3c3c3c; } .c-button.is-disabled, .is-disabled.c-apply-button { background-color: #ECE8E5; border-color: #E6E3DF; color: #fff; cursor: auto; pointer-events: none; } /* these styles for tinymce*/ .button-small-primary { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 1rem; padding: 0.5rem 0.75rem; background-color: #11387F; border: 1px solid #11387F; color: #fff !important; } .button-medium-primary { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 16px; padding: 16px 24px; background-color: #11387F; border: 1px solid #11387F; color: #fff !important; } .button-large-primary { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 1.1rem; padding: 0.75rem 2rem; background-color: #11387F; border: 1px solid #11387F; color: #fff !important; } .button-small-secondary { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 1rem; padding: 0.5rem 0.75rem; background-color: #007fc8; border: 1px solid #007fc8; color: #fff !important; } .button-medium-secondary { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 16px; padding: 16px 24px; background-color: #007fc8; border: 1px solid #007fc8; color: #fff !important; } .button-large-secondary { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 1.1rem; padding: 0.75rem 2rem; background-color: #007fc8; border: 1px solid #007fc8; color: #fff !important; } .button-small-default { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 1rem; padding: 0.5rem 0.75rem; background-color: #fff; border: 1px solid #E6E3DF; color: #847770 !important; } .button-medium-default { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 16px; padding: 16px 24px; background-color: #fff; border: 1px solid #E6E3DF; color: #847770 !important; } .button-large-default { border-radius: 3px; cursor: pointer; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 1rem; outline: none; text-align: center; text-decoration: none; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 1.1rem; padding: 0.75rem 2rem; background-color: #fff; border: 1px solid #E6E3DF; color: #847770 !important; } .button-small-primary:hover, .button-medium-primary:hover, .button-large-primary:hover { text-decoration: none; background-color: #0d2c65; border-color: #0d2c65; color: #fff; } .button-small-secondary:hover, .button-medium-secondary:hover, .button-large-secondary:hover { text-decoration: none; background-color: #0065a0; border-color: #0065a0; color: #fff; } .button-small-default:hover, .button-medium-default:hover, .button-large-default:hover { text-decoration: none; background-color: #E6E3DF; border-color: #E6E3DF; color: #3c3c3c; } .c-hero { margin: 0px; padding: 0px; } .c-hero img { display: block; } .c-vacancy-table { overflow: hidden; position: relative; } .c-vacancy-table .c-vacancy-table-parent { overflow: auto; position: relative; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child { table-layout: fixed; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child th { padding: 8px 16px; text-align: left; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child th:nth-child(1) { width: 500px; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child th:nth-child(2) { width: 170px; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child th:nth-child(3) { width: 220px; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child th:nth-child(4) { width: 120px; } .c-vacancy-table .c-vacancy-table-parent .c-vacancy-table-child td { overflow: hidden; text-overflow: ellipsis; padding: 8px 16px; vertical-align: top; } .c-vacancy-table .c-vacancy-table-parent.c-table-zebra tr:nth-child(even) { background-color: #F5F3F2; } .c-vacancy-table .c-vacancy-table-parent.c-table-zebra tr:nth-child(odd) { background-color: #fff; } @media screen and (max-width: 1025px) { .c-vacancy-table:before { content: ""; position: absolute; right: -20px; padding-right: 20px; box-shadow: -6px 0 10px -7px rgba(0, 0, 0, 0.5); height: 100%; z-index: 10; } } .c-industry-banner-image { width: 100%; } .c-industry-banner-intro { flex-direction: column; align-items: center; justify-content: center; position: absolute; bottom: 0px; margin-left: auto; margin-right: auto; background-color: #fff; width: 900px; text-align: center; border-radius: 3px 3px 0 0; } .c-line-break { width: 680px; background-color: #3D3935; height: 1px; margin-left: auto; margin-right: auto; } .c-page-navigation-link { margin-left: 15px; margin-right: 15px; } .c-introduction-text { text-align: center; } .c-quote { z-index: 999; position: fixed; bottom: 0; margin-left: 0; left: 0; width: 100%; background-color: #11387f; } .c-quote.is-floating { z-index: auto; position: static; bottom: 0; top: auto; } .c-quote .c-quote-container { width: 100%; padding: 1.5rem 0; text-align: center; } .c-quote .c-quote-container .wrap { display: inline-block; font-size: 1.6rem; line-height: 1.3; font-weight: 300; color: #fff; cursor: pointer; } .c-quote .c-quote-container .c-request-quote-indicator { display: inline-block; position: relative; top: 0; width: 40px; height: 40px; margin-left: 20px; background-color: #fff; border-radius: 5px; } .c-quote .c-quote-container .c-request-quote-indicator.is-active .c-request-quote-icon-container { transform: rotate(180deg); top: 0; } .c-quote .c-quote-container .c-request-quote-indicator .c-request-quote-icon-container { transition: all 0.2s ease; position: relative; top: 5px; } .c-quote .c-quote-container .c-request-quote-indicator .c-request-quote-icon-container .c-request-quote-icon { color: #11387f; } .c-quote .c-quote-body { position: relative; width: 100%; overflow: hidden; height: 0; margin-top: 0; background-color: #F5F3F2; transition: all 0.5s ease; } .c-quote .c-quote-body.is-visible { overflow: visible; max-height: 800px; height: 600px; } .c-quote .c-quote-body.messageHeight { height: 800px; } .c-quote .c-quote-body .c-quote-body-container { background-color: #F5F3F2; width: 100%; padding: 40px 20px 40px; } .c-quote .c-quote-body .c-quote-body-container .c-quote-body-title h3 { font-size: 28px; font-weight: 100; margin-bottom: 40px; margin-top: 10px; position: relative; } .c-quote .c-quote-body:after { content: ""; display: block; position: absolute; width: 0; height: 0; left: 50%; margin-left: -18px; top: 0; border: 18px solid transparent; border-top-color: #11387f; } .c-quote .c-contact-us-form { background-color: #F5F3F2; } @media screen and (max-width: 800px) { .c-quote::-webkit-scrollbar { display: none; } .c-quote { background-color: #F5F3F2; overflow-y: scroll; } .c-quote.is-floating { margin-bottom: 0; margin-top: 32px; } .c-quote.is-active { top: 0; } .c-quote.is-active.is-floating { margin-top: 0; z-index: 9999; position: fixed; } .c-quote .c-quote-body .c-quote-body-close { display: none; } .c-quote .c-quote-body:after { display: none; } .c-quote .c-quote-body .c-quote-body-container { padding-top: 10px; } .c-quote .c-quote-container .wrap { color: black; } .c-quote .c-quote-container .c-request-quote-indicator { background-color: #11387f; } .c-quote .c-quote-container .c-request-quote-indicator .c-request-quote-icon-container .c-request-quote-icon { color: white; } } .c-animation-box { height: 100%; overflow: hidden; padding: 0 5px; position: relative; width: 65px; } .c-animation-box:hover { cursor: pointer; } .c-animation-box ul { height: 200%; list-style: none; margin: 0; padding: 0; transition: 0.5s ease-in-out all; transform: translateY(-50%); } .c-animation-box ul li { height: 50%; display: flex; align-items: center; justify-content: center; color: #11387f; } .c-animation-box ul li i { /*font-size: 1.5rem;*/ font-size: 1.125rem; } .c-animation-box.active ul { transform: translateY(0); } .c-contact-icon { margin-right: 20px; -ms-flex-item-align: start; align-self: flex-start; justify-self: flex-start; } @media screen and (max-width: 320px) { .c-contact-icon { font-size: 1.5rem; } } @media screen and (min-width: 321px) and (max-width: 480px) { .c-contact-icon { font-size: 1.5rem; } } @media screen and (min-width: 481px) and (max-width: 800px) { .c-contact-icon { font-size: 1.5rem; } } .c-country-dropdown { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px; padding: 10px; width: 100%; background-color: #E6E3DF; } .c-gray-top-arrow::after { content: ""; display: block; position: absolute; width: 0; height: 0; left: 50%; margin-left: -18px; top: 0; border-width: 18px; border-style: solid; border-color: #F5F3F2 transparent transparent; } .c-document-list-item { display: flex; flex-direction: row; min-height: 70px; position: relative; padding: 16px 16px 16px 56px; } @media screen and (max-width: 580px) { .c-document-list-item { padding-left: 16px; } } .c-document-list-item.no-margin { margin: 0; } .c-document-list-item:hover { background-color: #F5F3F2; text-decoration: none; } .c-document-list-item:hover .c-document-list-item-icon-container { visibility: visible; } .c-document-list-item .c-document-list-item-icon-container { visibility: hidden; background-color: #11387f; position: absolute; top: 0; right: 0; width: 30px; height: 100%; border-bottom-right-radius: 3px; border-top-right-radius: 3px; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 10px; } .c-document-list-item .c-document-list-item-icon-container i { font-size: 16px; color: white; } .c-document-list-item .c-document-list-item-thumbnail { max-width: 50px; min-width: 50px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .c-document-list-item .c-document-list-item-thumbnail .c-document-list-item-thumbnail-icon { font-size: 42px; color: red; } .c-document-list-item .c-document-list-item-tail { flex-grow: 2; flex-shrink: 1; flex-basis: 0; overflow: hidden; } .c-document-list-item .c-document-list-item-tail .c-document-list-item-tail-container { padding-right: 30px; width: 100%; } .c-document-list-item .c-document-list-item-tail .c-document-list-item-main-text { display: block; color: #3c3c3c; line-height: 1.3; font-size: 16px; } .c-document-list-item .c-document-list-item-tail .c-document-list-item-word-break { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .c-document-list-item .c-document-list-item-tail .c-document-list-item-secondary-text { display: block; font-size: small; color: #847770; } .c-document-list-item.has-line-under { border-bottom: 1px solid #c3bcb8; } .c-news-filter { background-color: #F5F3F2; padding: 20px; } .c-news-filter fieldset, .c-news-filter legend, .c-news-filter input, .c-news-filter select { padding: 0; margin: 0; width: 100%; } .c-news-filter h3 { margin: 0; padding: 10px 0; font-size: 1.7rem; font-weight: 300; } .c-news-filter fieldset { border: 0; } .c-news-filter .c-news-filter-row { display: flex; padding: 10px 0; justify-content: space-between; flex-wrap: wrap; } .c-news-filter .c-news-filter-row-50 { width: 48%; } @media screen and (max-width: 480px) { .c-news-filter .c-news-filter-row-50 { width: 100%; } } .c-news-filter .c-news-filter-error-border { border-color: #d81e05; } .c-news-filter .c-news-filter-error-message { width: 100%; color: #d81e05; text-align: right; } .c-news-filter .c-news-filter-label { display: inline-block; font-weight: 400; font-size: 0.9rem; color: #847770; padding-bottom: 5px; } .c-news-filter .c-news-filter-button { display: block; width: 100%; padding: 0.9rem; font-size: 1rem; } .c-news-filter .c-news-filter-button.reset { margin-top: 10px; line-height: normal; } .c-radio-button { /* The container */ } .c-radio-button .c-radio-button-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default radio button */ /* Create a custom radio button */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } .c-radio-button .c-radio-button-container input { position: absolute; opacity: 0; } .c-radio-button .c-radio-button-container .checkmark { position: absolute; top: 0; left: 0; height: 18.28px; width: 18.28px; background-color: white; border-radius: 50%; border: 1px solid #E6E3DF; } .c-radio-button .c-radio-button-container .checkmark:after { content: ""; position: absolute; display: none; } .c-radio-button .c-radio-button-container .checkmark:after .checkmark { content: ""; position: absolute; display: none; } .c-radio-button .c-radio-button-container input:checked ~ .checkmark:after { display: block; } .c-radio-button .c-radio-button-container .checkmark:after { top: 3px; left: 3px; bottom: 3px; right: 3px; border-radius: 50%; background: #11387f; } .c-select label { display: inline-block; font-size: 14px; padding-bottom: 3px; } .c-select .c-button, .c-select .c-apply-button { background-color: white; border: 1px solid #E6E3DF; border-radius: 0.3rem; box-sizing: border-box; color: #3c3c3c; display: flex; font-size: 1rem; font-weight: 400; justify-content: space-between; min-width: 100%; position: relative; transition: border-color 0.1s ease-out; width: -moz-fit-content; /* Fix for FF 61+ */ width: fit-content; } .c-select .c-button .c-select-wrapper, .c-select .c-apply-button .c-select-wrapper { display: flex; justify-content: space-between; padding: 0.7rem 0.9rem; width: 100%; color: #847770; } .c-select .c-button .c-select-list, .c-select .c-apply-button .c-select-list { background-color: white; border-color: #cdc9c5; color: #847770; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1); left: 0; margin-top: 1px; min-width: 100%; max-height: 30vh; overflow-y: scroll; padding-bottom: 10px; padding-top: 5px; position: absolute; top: 101%; width: -moz-fit-content; /* Fix for FF 61+ */ width: fit-content; z-index: 12; } .c-select .c-button .c-select-list i, .c-select .c-apply-button .c-select-list i { padding-right: 10px; } .c-select .c-button .c-select-list .inactive, .c-select .c-apply-button .c-select-list .inactive { color: #cdc9c5; } .c-select .c-button .c-select-list .inactive:hover, .c-select .c-apply-button .c-select-list .inactive:hover { background-color: inherit; } .c-select .c-button .c-select-list:hover, .c-select .c-apply-button .c-select-list:hover { display: block; } .c-select .c-button .c-select-list ul, .c-select .c-apply-button .c-select-list ul { list-style: none; margin: 0; padding: 0; } .c-select .c-button .c-select-list ul li, .c-select .c-apply-button .c-select-list ul li { display: flex; justify-content: space-between; padding: 0.7em 0.8em; } .c-select .c-button .c-select-list ul li:hover, .c-select .c-apply-button .c-select-list ul li:hover { background-color: #F5F3F2; } .c-simple-select.disabled .c-button, .c-simple-select.disabled .c-apply-button { color: #cdc9c5; } .c-simple-select.disabled .c-button:hover, .c-simple-select.disabled .c-apply-button:hover { cursor: default; } .c-simple-select .c-button, .c-simple-select .c-apply-button { display: flex; justify-content: space-between; background-color: white; position: relative; width: 100%; font-size: 1rem; border-radius: 0.3rem; border: 1px solid #E6E3DF; transition: border-color 0.1s ease-out; box-sizing: border-box; font-weight: 400; color: #3c3c3c; } .c-simple-select .c-button:hover, .c-simple-select .c-apply-button:hover { cursor: pointer; } .c-simple-select .c-button .c-simple-select-wrapper, .c-simple-select .c-apply-button .c-simple-select-wrapper { align-items: center; display: flex; justify-content: space-between; width: 100%; padding: 0.7rem 0.9rem; } .c-simple-select .c-button.c-simple-select-btn, .c-simple-select .c-simple-select-btn.c-apply-button { border-radius: 0.2rem; border: 1px solid #E6E3DF; padding: 0.5rem 0.7rem; } .c-simple-select .c-button:hover, .c-simple-select .c-apply-button:hover { cursor: pointer; } .c-simple-select .c-button .c-simple-select-list, .c-simple-select .c-apply-button .c-simple-select-list { min-width: 100%; width: -moz-fit-content; /* Fix for FF 61+ */ width: fit-content; padding-top: 5px; padding-bottom: 10px; z-index: 12; position: absolute; top: 101%; left: 0; background-color: white; margin-top: 1px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1); border: 1px solid #cdc9c5; border-radius: 3px; } .c-simple-select .c-button .c-simple-select-list ul, .c-simple-select .c-apply-button .c-simple-select-list ul { text-align: left; margin: 0; padding: 0; } .c-simple-select .c-button .c-simple-select-list ul li, .c-simple-select .c-apply-button .c-simple-select-list ul li { padding: 7px 10px; color: #3c3c3c; font-size: 0.97rem; } .c-simple-select .c-button .c-simple-select-list ul li:hover, .c-simple-select .c-apply-button .c-simple-select-list ul li:hover { background-color: #ECE8E5; } input.c-input-date { justify-content: space-between; background-color: white; position: relative; width: 100%; font-size: 1rem; border-radius: 0.3rem; border: 1px solid #E6E3DF; transition: border-color 0.1s ease-out; box-sizing: border-box; font-weight: 400; color: #3c3c3c; padding: 0.7em 0.9em; } .c-loading-spinner { display: flex; width: 100%; justify-content: center; align-items: center; max-height: 200px; } .c-loading-spinner img { width: auto; } .c-contact-us-information h3 { font-size: 32px; font-weight: 300; margin-top: 0; color: #3D3935; } .c-contact-us-information-wrapper { display: flex; flex-wrap: wrap; } .c-contact-us-information-item { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex: 1 1 auto; padding: 0px 20px 20px 0; text-overflow: ellipsis; overflow: hidden; font-size: 16px; font-weight: normal; color: #11387f; } .c-contact-us-information-item:nth-last-child(1) { padding-right: 0px; } .c-contact-us-information-item p { font-size: 16px; font-weight: 300; color: #3D3935; } .c-contact-us-information-item a { font-size: 16px; font-weight: 400; text-decoration: none; color: #11387f; } .c-contact-us-information-item a:hover { color: #3c3c3c; } .c-contact-us-information-item a span { color: #11387f; } .c-contact-us-information-item a span:hover { text-decoration: underline; color: inherit; } .c-contact-us-information-item i { padding-right: 10px; color: inherit; } .c-contact-us-form { display: flex; flex-direction: column; margin: 0 auto; max-width: 1248px; padding: 0px 0px; position: relative; width: 100%; } .c-contact-us-form h3 { color: #3D3935; font-size: 32px; margin-bottom: 8px; } .c-contact-us-form input { background-color: white; border: solid 1px #CBC3BB; border-radius: 3px; color: #847770; font-size: 16px; font-weight: 500; height: 32px; padding: 0 8px; width: 100%; } .c-contact-us-form select { /* needed */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/assets/img/icons/arrow-down.png"); background-color: white; background-size: 18px; background-position: calc(100% - 4px) center; background-repeat: no-repeat; background-size: 18px; border: solid 1px #CBC3BB; border-radius: 3px; color: #847770; font-size: 16px; font-weight: 500; height: 32px; padding: 0 8px; width: 100%; } .c-contact-us-form select::-ms-expand { display: none; } .c-contact-us-form legend { margin-bottom: 10px; } .c-contact-us-form textarea { border: 1px solid #CBC3BB; border-radius: 3px; color: #847770; font-size: 16px; margin-bottom: 8px; display: block; width: 100%; } .c-contact-us-form .c-common-input { margin-bottom: 8px; } .c-contact-us-form .c-radio-button { /* The container */ } .c-contact-us-form .c-radio-button .c-radio-button-container { color: #847770; cursor: pointer; display: block; font-size: 1rem; font-size: 16px; font-weight: 500; margin-bottom: 12px; padding-left: 35px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default radio button */ /* Create a custom radio button */ /* Style the indicator (dot/circle) */ } .c-contact-us-form .c-radio-button .c-radio-button-container input { opacity: 0; position: absolute; } .c-contact-us-form .c-radio-button .c-radio-button-container .checkmark { background-color: white; border: 1px solid #CBC3BB; border-radius: 50%; height: 18.28px; left: 0; position: absolute; top: 0; width: 18.28px; } .c-contact-us-form .c-radio-button .c-radio-button-container .checkmark:after { background-color: white; border: 5px solid #847770; border-radius: 50%; bottom: 0px; left: 0px; right: 0px; top: 0px; } .c-contact-us-form-label { color: #847770; font-size: 14px; font-weight: 500; line-height: 14px; } .c-contact-us-form-label.light { color: #A79C95; } .error-border { border-color: #d81e05; } .c-contact-us-form-success-message { background-color: #F5F3F2; font-size: 1rem; margin: 2rem 0; padding: 1.5rem 1.3rem; } .c-contact-us-form-spinner { display: flex; height: 100px; justify-content: center; margin: 20px 0; width: 100%; } .c-contact-us-form-spinner img { height: 100%; width: auto; } .c-contact-us-form-error-message { font-size: 1rem; margin: 2rem 0; padding: 1.5rem 1.3rem; } .c-contact-us-form-title { font-size: 1.57rem; font-weight: 300; height: 50px; margin: 0 0 10px 0; } .c-contact-us-form-wrapper { display: flex; flex-direction: row; } .c-contact-us-form-column { flex: 1 1 0; flex: 1 1 auto; flex-basis: 0; flex-grow: 1; flex-shrink: 1; padding-right: 20px; } .c-contact-us-form-column:nth-child(1) { flex-basis: 25%; } .c-contact-us-form-column:nth-child(2) { flex-basis: 25%; } .c-contact-us-form-column:nth-child(3) { flex-basis: 50%; padding-right: 0px; } .c-contact-us-form-column-legend { margin-bottom: 5px; padding: 0px; } .c-contact-us-form-inner { display: flex; flex-direction: row; justify-content: space-between; } .c-contact-us-form-inner .c-contact-us-form-inner-child { margin-bottom: 8px; width: 49%; } @media screen and (max-width: 800px) { .c-contact-us-form-wrapper { display: block; flex-direction: column; } .c-contact-us-form-wrapper fieldset { padding: 0; } .c-button.is-100-mobile, .is-100-mobile.c-apply-button { width: 100%; } .c-contact-us-form-column { padding-right: 0; } .c-contact-us-form-inner { flex-direction: column; } .c-contact-us-form-inner-child { width: 100%; } } .c-contact-us-form-response-wrapper h1, .c-contact-us-form-response-wrapper h2, .c-contact-us-form-response-wrapper h3, .c-contact-us-form-response-wrapper h4, .c-contact-us-form-response-wrapper h5, .c-contact-us-form-response-wrapper h6 { text-align: center; } .c-contact-us-form-response-wrapper p { text-align: center; } .c-submenu-item { /*padding-left: 20px; padding-right: 20px; padding-top: 0.5rem; padding-bottom: 0.5rem; border-right: 2px solid #fff;*/ padding: 0.375em 0.875em; margin-bottom: 0.5rem; margin-right: 2px; text-decoration: none; display: inline-block; /*font-size: 0.8rem;*/ line-height: 1.5; color: #3c3c3c; background-color: #F1EFED; /*&:visited { color: #fff; background-color: #23337E; }*/ } .c-submenu-item.active { color: #fff; background-color: #23337E; text-decoration: none; } .c-submenu-item:hover { color: #fff; background-color: #23337E; text-decoration: none; } .c-info-column-contact { padding-bottom: 1.5rem; } .c-info-column-contact p:first-child { font-weight: 300; font-size: 20px; line-height: 2.375rem; } .c-info-column-contact p { font-weight: 400; font-size: 14px; line-height: 28px; color: #D7D2CB; } .c-info-column-contact a { font-size: 14px; font-weight: 400; color: #fff; } /*.c-follow-link { $extend: l-flex-item; width: 30px; height: 38px; font-size: 14px; line-height: 1; background-color: inherit; align-content: center; justify-content: center; text-align: center; a { transition: all 100ms ease-out; color: $color-white; padding: 5px; display: block; text-decoration: none; } }*/ .c-progress { position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #300; opacity: 0.05; } .c-progress.is-active { width: 100%; } .c-progressis-inactive { width: 0; } .c-slider { position: relative; } .c-slider .c-slider-nav { width: 100%; text-align: center; } .c-slider .c-slider-nav-container { display: inline-block; margin: auto; } .c-slider .c-slider-nav-container .c-slider-nav-header { cursor: pointer; display: inline-block; margin: 0; min-width: 100px; padding: 10px; position: relative; color: #847770; font-size: 0.9em; } .c-slider .c-slider-nav-container .c-slider-progress:hover { background-color: #717171; } .c-slider .c-slider-nav-container .c-slider-dot:hover { background-color: #717171; } .c-slider .c-slider-slide { position: relative; } .c-slider .c-slider-slide.is-visible { display: block; } .c-slider .c-slider-slide.is-hidden { display: none; } .c-slider .c-slider-slide:before { content: ""; top: 0; right: -0px; bottom: 0; left: -0px; display: block; clear: both; z-index: 2; box-shadow: inset 0 -18px 12px -20px rgba(0, 0, 0, 0.5); } .c-slider .is-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } @keyframes scroll { from { transform: translate(0px); } to { transform: translate(-100%); } } .c-slider-swiper { background-color: transparent; width: 100%; } .c-slider-swiper .c-slider-nav { text-align: center; position: absolute; z-index: 10; } .c-slider-swiper .swiper-pagination-bullet { background: #A79C95; } .c-slider-swiper .swiper-pagination-bullet-active { background: white; } .c-story-swiper { width: 100%; } .c-story-swiper.c-story-swiper { margin-bottom: 40px; } .c-story-swiper .c-slider-nav { text-align: center; padding: 10px; } .c-story-swiper .swiper-slide { width: auto; max-width: 588px; min-width: 588px; } .c-story-swiper .swiper-pagination-bullet { background: #A79C95; } .c-story-swiper .swiper-pagination-bullet-active { background: #847770; } .c-story-swiper .swiper-pagination-bullet { width: 13px; height: 13px; } @media screen and (max-width: 800px) { .c-slider .c-slider-nav { display: none; } .c-story-swiper.c-story-swiper { margin-bottom: 0; } .c-story-swiper .swiper-pagination-bullet { width: 10px; height: 10px; } .c-story-swiper .swiper-button-next, .c-story-swiper .swiper-button-prev { display: none; } .c-story-swiper .swiper-slide { max-width: 400px; min-width: 310px; } } .c-slider-swiper-nav-container { max-width: 1350px; } .c-slider-swiper-nav-container .swiper-button-prev { background-image: none; transform: rotate(90deg); padding: 1.5rem 0px; font-family: "ALicons"; color: #fff; font-size: 1.375rem; text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.25), 1px -1px 1px rgba(128, 128, 128, 0.25), -1px -1px 1px rgba(128, 128, 128, 0.25), -1px 1px 1px rgba(128, 128, 128, 0.25); width: 4rem; height: 4rem; text-align: center; } .c-slider-swiper-nav-container .swiper-button-prev:after { content: "\E906"; } .c-slider-swiper-nav-container .swiper-button-prev:hover { border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .c-slider-swiper-nav-container .swiper-button-next { background-image: none; transform: rotate(270deg); padding: 1.5rem 0px; font-family: "ALicons"; color: #fff; font-size: 1.375rem; text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.25), 1px -1px 1px rgba(128, 128, 128, 0.25), -1px -1px 1px rgba(128, 128, 128, 0.25), -1px 1px 1px rgba(128, 128, 128, 0.25); width: 4rem; height: 4rem; text-align: center; } .c-slider-swiper-nav-container .swiper-button-next:after { content: "\E906"; } .c-slider-swiper-nav-container .swiper-button-next:hover { border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); } .c-common-textarea textarea { resize: vertical; min-height: 100px; width: 100%; margin-bottom: 20px; } .c-list-link, .list-link { margin-top: 1rem; position: relative; padding-left: 1.2rem; display: inline-block; color: #4456af; } .c-list-link:hover, .list-link:hover { color: black; text-decoration: none; } .c-list-link:visited, .list-link:visited { color: #4456af; } .c-list-link:before, .list-link:before { content: "\F105"; font-family: ALicons; display: block; position: absolute; left: 0; color: #4456af; } .c-link-list { margin: 0 !important; } .c-link-list li:before { content: "\F105" !important; font-family: ALicons !important; display: block !important; position: absolute !important; line-height: 26px !important; font-size: 24px !important; left: 0 !important; color: #4456af !important; } .c-link-list a:visited { color: #4456af; } .c-image-file { width: auto; max-width: 100%; height: auto; } .c-subnavigation.primary .c-subnavigation-header { background-color: #11387f; border-color: #11387f; padding-left: 20px; padding-right: 20px; margin: 0; } .c-subnavigation.primary .c-subnavigation-body { background-color: #F5F3F2; } .c-subnavigation .c-subnavigation-header { border-top-right-radius: 22px; padding-top: 5px; padding-bottom: 5px; color: white; } .c-subnavigation .c-subnavigation-body { display: flex; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-bottom: 20px; } .c-subnavigation .c-subnavigation-body .wysiwyg, .c-subnavigation .c-subnavigation-body .c-tag-group-panel .c-tag-group-panel-title, .c-tag-group-panel .c-subnavigation .c-subnavigation-body .c-tag-group-panel-title { margin-left: 0; padding-left: 0; } .c-event-item { margin-bottom: 25px; } .c-event-item .c-event-item-heading { font-size: 1.1em; line-height: 1.3; font-weight: 700; margin: 0; color: #3c3c3c; } .c-event-item .c-event-item-date { font-size: 0.85em; line-height: 1.5; font-weight: 400; color: #A79C95; margin-bottom: 5px; } .c-hor-item { padding: 16px; transition: background-color 0.12s; } .c-hor-item a:hover { text-decoration: none; } .c-hor-item .c-hor-item-container { display: flex; flex-direction: row; } .c-hor-item .c-hor-item-container .c-hor-item-thumbnail { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; margin-right: 16px; } .c-hor-item .c-hor-item-container .c-hor-item-thumbnail img { border-radius: 3px; max-width: 250px; } .c-hor-item .c-hor-item-container .c-hor-item-tail { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .c-hor-item .c-hor-item-container .c-hor-item-tail .c-hor-item-title { margin: 5px 0; font-size: 1rem; line-height: 1.3; font-weight: 700; } .c-hor-item .c-hor-item-container .c-hor-item-tail .c-hor-item-intro { font-size: 0.95rem; line-height: 1.5; margin: 0; color: #847770; } .c-hor-item:hover { background-color: rgba(131, 120, 111, 0.09); } @media screen and (max-width: 480px) { .c-hor-item .c-hor-item-container .c-hor-item-thumbnail { display: none; } .c-hor-item .c-hor-item-container .c-hor-item-tail .c-hor-item-title:after { content: "\F105"; font-family: "ALicons"; position: absolute; margin-left: 8px; } } .c-view-more { align-items: flex-end; display: flex; justify-content: flex-end; } .c-view-more a { align-items: center; color: #A79C95; display: flex; font-size: 16px; font-size: 16px; font-weight: 500; letter-spacing: 0.3px; line-height: 1; margin-left: 8px; padding-right: 16px; text-align: right; text-decoration: none; transition: all 0.2s ease; transition: all 0.225s ease-in-out; } .c-view-more a:hover { color: #3D3935; } .c-view-more a span { padding-right: 8px; } .c-lc-item { max-width: 400px; } .c-lc-item .c-lc-item-link:hover { text-decoration: none; } .c-lc-item .c-lc-item-link .c-lc-item-gradient { position: relative; border-radius: 3px; } .c-lc-item .c-lc-item-link .c-lc-item-gradient:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.05)); display: block; clear: both; z-index: 2; } .c-lc-item .c-lc-item-link .c-lc-item-wrap { padding: 20px; cursor: pointer; } .c-lc-item .c-lc-item-link .c-lc-item-wrap:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(129, 119, 110, 0); transition: background-color 0.2s; width: 20px; height: 20px; } .c-lc-item .c-lc-item-link .c-lc-item-wrap .c-lc-item-image { border-radius: 3px; display: block; max-height: 200px; } .c-lc-item .c-lc-item-link .c-lc-item-wrap .c-lc-item-image-text { overflow: hidden; display: block; padding-top: 0.5rem; } .c-lc-item .c-lc-item-link .c-lc-item-wrap .c-lc-item-image-text .c-lc-item-image-text-heading { margin: 5px 0; text-decoration: none; } .filterbox-item:hover { background-color: #F5F3F2; } @media screen and (max-width: 600px) { .c-lc-item { max-width: 100%; } .filterbox-item.l-section-50 { flex-basis: 100%; max-width: 100%; } } .c-tag-group-panel { width: 100%; background-color: #F5F3F2; padding: 10px 20px; margin-bottom: 20px; flex-direction: row; flex-wrap: wrap; } .c-tag-group-panel a { margin-right: 0.5rem; } .c-tag-group-panel .c-tag-group-panel-title { padding: 0; } .c-tag-group-panel .c-tag-item { margin: 2px 0; border-radius: 3px; box-sizing: border-box; text-decoration: none; text-align: center; white-space: nowrap; border: 1px solid #E6E3DF; background-color: #fff; color: #847770; cursor: pointer; font-size: 1rem; line-height: 1rem; padding: 0.2rem 0.5rem; } .c-tag-group-panel .c-tag-item.is-active { background-color: #11387f; color: #fff; border-color: #11387f; } .c-contact-card { display: flex; flex-direction: column; } .c-contact-card .c-contact-card-name { padding-top: 0; margin-bottom: 5px; } .c-contact-card .c-contact-card-position { padding-bottom: 15px; } .c-contact-card .c-contact-card-address { padding: 0.5rem 0; } .c-contact-card .c-contact-card-country { padding: 0.5rem 0; } .c-contact-card .c-contact-card-city { padding: 0.5rem 0; } .c-contact-card .c-contact-card-state { padding: 0.5rem 0; } .c-contact-card .c-contact-card-phone:before { content: "\F095"; font-family: ALicons; padding-right: 1rem; } .c-contact-card .c-contact-card-other-phone:before { content: "\F095"; font-family: ALicons; padding-right: 1rem; } .c-contact-card .c-contact-card-fax:before { content: "\F1AC"; font-family: ALicons; padding-right: 1rem; } .c-contact-card .c-contact-card-email:before { content: "\F0E0"; font-family: ALicons; padding-right: 1rem; } .c-contact-card .c-contact-card-url:before { content: "\E60B"; font-family: ALicons; padding-right: 1rem; } .c-contact-card h4 { margin: 0; font-size: 1.1rem; padding: 0.7em 0 0.1em; font-weight: 700; } .c-contact-card.is-office .c-contact-card-name { font-size: 1rem; line-height: 1.3; padding: 1em 0 0.25em; font-weight: 700; margin-top: 0; } .c-contact-card.is-office .c-contact-card-record { font-size: 1rem; line-height: 1.7; padding: 0.53rem 0; } .c-contact-card.is-office .c-contact-card-record .is-block { display: block; } .c-contact-group-title { padding: 40px 0; margin: 0; border-top: 1px solid #cdc9c5; } .c-contact-other-section { border-left: 1px solid #cdc9c5; } .l-search-items-container { display: flex; flex-wrap: wrap; } .l-search-items-container a { text-decoration: none; } .c-search-list-item-product { position: relative; padding-bottom: 22px; } .c-search-list-item-image { position: relative; } .c-search-list-item-image .c-search-list-item-date-container { margin-right: 10px !important; } .c-search-list-item-image .c-search-list-item-title-text { overflow: hidden; } .c-search-list-item { width: 235px; min-width: 200px; float: left; margin: 12px 12px 30px 12px; display: block; background-color: #F5F3F2; border-bottom: 1px solid #F5F3F2; } .c-search-list-item .i-container { background-color: #F5F3F2; } .c-search-list-item .i-title { margin-top: -28px; } .c-search-list-item .i-title label { padding: 2px 8px; font-size: 0.8rem; font-weight: bold; color: #3c3c3c; background-color: #F5F3F2; } .c-search-list-item a { text-decoration: none; } .c-search-list-item .dl-icon-size1 { height: 36px; width: 27px; } .c-search-list-item .dl-icon-size2 { height: 22px !important; border-radius: 4px; } .c-search-list-item .dl-icon- { background-position: 0px -20px !important; } .c-search-list-item .dl-icon-pdf { background-position: -240px -20px !important; } .c-search-list-item .dl-icon-file { background-position: 0px -20px; } .c-search-list-item .dl-icon-doc, .c-search-list-item .dl-icon-docx { background-position: -80px -20px; } .c-search-list-item .dl-icon-zip, .c-search-list-item .dl-icon-zipx, .c-search-list-item .dl-icon-rar, .c-search-list-item .dl-icon-tar, .c-search-list-item .dl-icon-gz { background-position: -160px -20px; } .c-search-list-item .dl-icon-xls, .c-search-list-item .dl-icon-xlsx { background-position: -320px -20px; } .c-search-list-item .dl-icon-pic, .c-search-list-item .dl-icon-jpg, .c-search-list-item .dl-icon-jpeg, .c-search-list-item .dl-icon-png, .c-search-list-item .dl-icon-gif, .c-search-list-item .dl-icon-bmp { background-position: -400px -20px; } .c-search-list-item:hover a { text-decoration: none; } .c-search-list-item .c-search-list-item-thumbnail { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; border-radius: 3px; display: flex; align-items: center; mix-blend-mode: multiply; } .c-search-list-item .c-search-list-item-thumbnail img { object-fit: contain; height: 100%; } .c-search-list-item .c-search-list-item-content { flex: 2 1 0; flex-grow: 6; flex-shrink: 1; flex-basis: 0; padding: 0px 7px 20px 7px; } .c-search-list-item .c-search-list-item-document { padding: 0px 7px 7px 7px !important; } .c-search-list-item .c-search-list-item-content-2cols { flex: 2 1 0; flex-grow: 7; flex-shrink: 1; flex-basis: 0; padding: 0px 7px 20px 7px; } .c-search-list-item .c-search-list-item-list-image { width: 100%; display: block; border-radius: 3px; mix-blend-mode: multiply; } .c-search-list-item .c-search-list-item-date-container { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; min-width: 100px; } .c-search-list-item .c-search-list-item-date-text { display: inline-block; padding: 0; line-height: 1.5; color: #847770; font-size: 0.8rem; } .c-search-list-item .c-search-list-item-mini-date-container { display: none; } .c-search-list-item .c-search-list-item-title-text { margin: 5px 0 0px; padding: 0; font-size: 0.8rem; line-height: 1.7; font-weight: 700; color: #3c3c3c; overflow: hidden; } .c-search-list-item .c-search-list-item-content-text { font-size: 0.8rem; line-height: 1.5; color: #3c3c3c; } .c-search-list-item .c-search-list-item-document-type { font-size: 0.8rem; line-height: 1.5; font-style: italic; color: #3c3c3c; } .c-search-list-item .c-search-list-item-document-footer { font-size: 0.8rem; display: flex; justify-content: space-between; bottom: 4px; margin: 0 7px; } .c-search-list-item .c-search-list-item-image-footer { font-size: 0.8rem; display: flex; margin: 0 7px; } .c-search-list-item .c-search-list-item-pdf { font-size: 0.8rem; background: #11387f; display: inline; color: white; padding: 0px 5px; border-radius: 3px; margin-right: 10px !important; } @media (min-width: 953px) and (max-width: 1264px) { .c-search-list-item { width: 30.2%; } } @media (min-width: 641px) and (max-width: 952px) { .c-search-list-item { width: 45.4%; } } @media (max-width: 640px) { .c-search-list-item { width: 95%; } } @media screen and (max-width: 480px) { .c-search-list-item { /*.c-search-list-item-date-container { display: none; }*/ } .c-search-list-item .c-search-list-item-content { flex: 2; } .c-search-list-item .c-search-list-item-mini-date-container { display: inherit; } .c-search-list-item .c-search-list-item-title-text { line-height: 1.4; } } .c-language-select { box-sizing: border-box; color: #3D3935; font-size: 1rem; font-weight: 300; height: 100%; position: relative; transition: border-color 0.1s ease-out; width: 100%; } .c-language-select:hover { cursor: pointer; } .c-language-select .c-language-select-wrapper { align-items: center; display: flex; height: 100%; justify-content: space-between; } .c-language-select .c-language-select-list { background-color: #F5F3F2; border: none; border-radius: 0; box-shadow: none; left: -8px; margin-top: 0; padding-bottom: 0; padding-top: 0; position: absolute; position: absolute; top: 100%; width: calc(100% + 16px); z-index: 9999; } .c-language-select .c-language-select-list ul { margin: 0; padding: 0; text-align: left; } .c-language-select .c-language-select-list ul li { color: #847770; padding: 5px 10px; } .c-language-select .c-language-select-list ul li:hover { background-color: #F5F3F2; } .c-story-filter { background-color: #F5F3F2; display: flex; flex-direction: row; font-size: 1.3rem; font-weight: 700; padding: 20px; width: 100%; } .c-story-filter .c-story-filter-filters { display: flex; flex: 6; } .c-story-filter .c-story-filter-filters > div { flex: 1; margin-right: 10px; } .c-story-filter .c-story-filter-filters > div:last-child { margin: 0; } .c-story-filter .c-story-filter-button { display: flex; flex: 4; justify-content: flex-end; align-items: center; } .c-story-filter .c-story-filter-button > div { margin-left: 10px; } @media screen and (max-width: 1050px) { .c-story-filter { display: block; } .c-story-filter .c-story-filter-filters { flex-direction: column; } .c-story-filter .c-story-filter-filters > div { flex: 1; margin-right: 0; } .c-story-filter .c-story-filter-button { display: flex; flex: 4; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0; margin-top: 20px; } .c-story-filter .c-story-filter-button button { width: 100%; } .c-story-filter .c-story-filter-button > div { margin-left: 0; padding: 10px 0; width: 100%; } } .c-headerbar { min-height: 48px; } .c-headerbar.with-bg { background-color: #F5F3F2; } .c-headerbar.c-headerbar-submenu { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 15px rgba(0, 0, 0, 0.1); } .c-headerbar .c-headerbar-container { height: 100%; margin: 0 auto; max-width: 1248px; padding: 0 16px; /*@include mediaSmallerThan(mobile-l) { padding: 0 0; background-color: $color-5-warm-grey; }*/ } .c-headerbar .c-headerbar-container.c-headerbar-container-submenu { justify-content: center; padding: 0px 16px; } .c-country-selector { max-width: 1248px; margin: 2rem 0 1.5rem 0; } @media screen and (max-width: 800px) { .c-country-selector { width: 100%; margin: 0 !important; } .c-country-selector .c-accordion-tabs-wrapper { border-bottom: none; } .c-country-selector .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-countryselect { /*background-color: $color-footer-link-blue;*/ background-color: #000; color: #fff; padding: 16px; } .c-country-selector .c-accordion-tabs .c-accordion-tabs-wrapper .c-accordion-tabs-head.c-accordion-tabs-head-countryselect h1 { color: #fff; font-weight: 500; line-height: 2; } } @media screen and (max-width: 800px) { .c-country-selector { padding: 0 0; } } .c-country-selector label { color: #847770; font-size: 14px; font-weight: 500; } .c-country-selector select { background-color: #fff; border: 1px solid #847770; color: #847770; font-weight: 500; margin: 8px 0; padding: 0.5rem; } .c-country-selector hr { background-color: #CBC3BB; } .c-country-selector .c-country-selector-block { background: none; padding: 0; position: relative; border-radius: 0.2rem; } .c-country-selector .c-country-selector-block.c-country-selector-block-mobile { background: #E6E3DF; padding: 24px; } .c-country-selector .c-country-selector-block.c-country-selector-block-mobile .c-country-selector-block-intro { color: #000; } .c-country-selector .c-country-selector-block.c-country-selector-block-mobile .c-checkbox-button .c-checkbox-button-container { color: #000; } .c-country-selector .c-country-selector-block.c-country-selector-block-mobile .c-country-selector-block-footer { color: #000; } .c-country-selector .c-country-selector-block .c-country-selector-block-close { padding: 0 1rem 1rem; position: absolute; right: 0; top: 0; /*color: $color-grey;*/ color: #fff; } .c-country-selector .c-country-selector-block .c-country-selector-block-close:hover { cursor: pointer; } .c-country-selector .c-country-selector-block .c-country-selector-block-intro { color: #D7D2CB; margin: 16px 0 16px 0; font-weight: 300; } @media screen and (max-width: 320px) { .c-country-selector .c-country-selector-block .c-country-selector-block-intro { color: #000; } } .c-country-selector .c-country-selector-block .c-country-selector-block-checkbox { margin: 24px 0px; } .c-country-selector .c-country-selector-block .c-checkbox-button-container { font-weight: 500; color: #D7D2CB; padding-left: 24px; margin-bottom: 16px; } .c-country-selector .c-country-selector-block .c-checkbox-button-container .checkmark { height: 16px; width: 16px; background-color: #fff; border: 1px solid #847770; border-radius: 3px; } .c-country-selector .c-country-selector-block .c-checkbox-button-container .c-checkbox-button-checked:before { left: 2.5px; bottom: 2.5px; font-size: 0.5rem; color: #fff; } .c-country-selector .c-country-selector-block .c-checkbox-button-container input:checked + .checkmark { background-color: #847770; } .c-country-selector .c-country-selector-block .c-country-selector-block-list { display: flex; flex-direction: column; margin-bottom: 24px; } .c-country-selector .c-country-selector-block .c-country-selector-block-list .c-country-selector-block-list-column { padding: 0px; margin: 0px; } .c-country-selector .c-country-selector-block .c-country-selector-block-list .c-country-selector-block-list-column > li > a { color: #fff; font-weight: 300; } .c-country-selector .c-country-selector-block .c-country-selector-block-list .c-country-selector-block-list-column > li > a:hover { /*color: $color-black;*/ text-decoration: underline; } @media screen and (min-width: 801px) { .c-country-selector .c-country-selector-block .c-country-selector-block-list { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } .c-country-selector .c-country-selector-block .c-country-selector-block-footer { margin-top: 24px; font-weight: 300; /*color: $color-110-warm-grey;*/ color: #D7D2CB; } .c-country-selector .c-country-selector-block .c-country-selector-block-footer > a { text-decoration: none; color: #fff; font-weight: 400; } .c-country-selector .c-country-selector-block .c-country-selector-block-footer > a:hover { text-decoration: underline; } @media screen and (max-width: 800px) { .c-country-selector .c-country-selector-block .c-country-selector-block-footer > a { color: #11387f; } } .c-country-selector .c-country-selector-block .c-country-selector-block-footer .redirected-message { margin-top: 20px; color: #D7D2CB; } .c-country-selector .c-country-selector-block .c-country-selector-block-footer .select-region-button { margin-right: 0px; margin-left: 0px; } .c-country-selector .c-country-selector-block .c-country-selector-block-footer .select-region-button:hover { background-color: #fff; } .c-country-selector .c-country-selector-block .c-country-selector-block-title { margin: 0px; padding: 0px; color: #D7D2CB; } .c-breadcrumb { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; justify-content: space-between; width: 100%; padding: 10px !important; } .c-breadcrumb .c-breadcrumb-container { justify-self: flex-start; } .c-breadcrumb .c-breadcrumb-container .c-breadcrumb-links { display: inline-block; height: 100%; line-height: 1.7rem; margin: 0 10px 0 0; padding-left: 1rem; position: relative; } .c-breadcrumb .c-breadcrumb-container .c-breadcrumb-links:first-child { padding: 0; } .c-breadcrumb .c-breadcrumb-container .c-breadcrumb-links:not(:first-of-type) { margin-left: 0; } .c-breadcrumb .c-breadcrumb-link { color: #11387f; font-size: 12px; font-weight: 400; line-height: inherit; vertical-align: inherit; } .c-breadcrumb .c-breadcrumb-link:hover { color: #11387f; text-decoration: underline; } .c-breadcrumb .c-breadcrumb-text { color: #847770; font-size: 12px; } .c-breadcrumb .c-breadcrumb-separator::before { content: "\E908"; font-family: "ALicons"; color: #847770; display: inline-block; font-size: 0.6rem; left: 0; top: 2px; position: absolute; width: 10px; text-align: center; } .c-breadcrumb .l-share-buttons-container { justify-self: flex-end; padding: 0; align-items: center; } @media screen and (max-width: 800px) { .c-breadcrumb .l-share-buttons-container { display: none; } } .c-breadcrumb .l-share-buttons-container .c-share-link { background-color: transparent; } .c-breadcrumb .l-share-buttons-container .c-share-link a { background-color: transparent; color: #A79C95 !important; font-size: 1rem; line-height: 1.8; } .c-breadcrumb .l-share-buttons-container .c-share-link a i:before { vertical-align: middle; } .c-breadcrumb .l-share-buttons-container .c-share-link a i.icon-facebook:before { vertical-align: inherit; } .c-breadcrumb .l-share-buttons-container .c-share-link:hover a { background-color: transparent !important; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-facebook:hover a { color: #A79C95; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-linkedin:hover { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-linkedin:hover a { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-twitter:hover { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-twitter:hover a { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-youtube:hover { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-youtube:hover a { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-google-plus:hover { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-google-plus:hover a { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-mail:hover { color: #fff; } .c-breadcrumb .l-share-buttons-container .c-share-link.is-mail:hover a { color: #fff; } .c-checkbox-button .c-checkbox-button-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .c-checkbox-button .c-checkbox-button-container input { position: absolute; opacity: 0; } .c-checkbox-button .c-checkbox-button-container .checkmark { position: absolute; top: 0.1rem; left: 0; height: 1.1rem; width: 1.1rem; background-color: white; border: 1px solid #E6E3DF; } .c-checkbox-button .c-checkbox-button-container .c-checkbox-button-checked:before { position: absolute; left: 2px; bottom: 2px; font-size: 0.9rem; color: #11387f; } .c-apply-button.is-medium { font-size: 1.1rem; padding: 0.9rem 1.8rem; } @media screen and (max-width: 480px) { .c-apply-button { width: 100%; } } .c-common-validation { font-size: 15px; text-align: right; } .c-common-validation.c-common-validation-danger { color: #d81e05; } .c-submenu-list { padding: 0; margin: 0; } .c-submenu { height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; } .c-submenu .c-submenu-link-container { height: 100%; font-weight: 300; display: inline-block; } .c-submenu .c-submenu-link-container:hover, .c-submenu .c-submenu-link-container:focus, .c-submenu .c-submenu-link-container:active { background-color: #E6E3DF; } .c-submenu .c-submenu-link-container .is-active { font-weight: 400; background-color: #E6E3DF; } @media screen and (max-width: 480px) { .c-submenu .c-submenu-link-container { display: block; } .c-submenu .c-submenu-link-container:hover, .c-submenu .c-submenu-link-container:focus, .c-submenu .c-submenu-link-container:active { background-color: #F5F3F2; } .c-submenu .c-submenu-link-container .is-active { font-weight: 600; background-color: #F5F3F2; } .c-submenu .c-submenu-link-container .c-submenu-link:hover, .c-submenu .c-submenu-link-container .c-submenu-link:focus, .c-submenu .c-submenu-link-container .c-submenu-link:active { background-color: #F5F3F2; } } @media screen and (max-width: 480px) { .c-submenu { height: 100%; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .c-submenu .c-submenu-link-container { display: flex; font-weight: 300; height: 100%; justify-content: space-between; } .c-submenu .c-submenu-link-container:hover, .c-submenu .c-submenu-link-container:focus, .c-submenu .c-submenu-link-container:active { background-color: #E6E3DF; } .c-submenu .c-submenu-link-container .is-active { font-weight: 300; } .c-submenu .c-submenu-link-container .first { display: inline-block; } } .c-submenu-link { display: block; font-size: 1.2rem; padding: 8px 20px; margin: 0; } .c-submenu-link:hover, .c-submenu-link:focus, .c-submenu-link:active { text-decoration: none; background-color: #E6E3DF; } @media screen and (max-width: 480px) { .c-submenu-link { border-top: 1px solid #E6E3DF; } } @media (max-width: 1200px) { .c-submenu-link { font-size: 1.2rem; } } @media (max-width: 1080px) { .c-submenu-link { font-size: 1rem; padding: 11px 20px; } } @media (max-width: 480px) { .c-submenu-link { font-size: 1.2rem; padding: 10px 15px; } } @media screen and (max-width: 480px) { .c-submenu { display: none; } } .c-submenu-mobile-list { padding: 0; margin: 0; width: 100%; } .c-submenu-mobile { height: 100%; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .c-submenu-mobile-current-link { align-items: center; display: flex; padding: 0px 20px; position: relative; } .c-submenu-mobile-current-link .c-submenu-mobile-link { border: 0; font-weight: 300; padding: 8px 0; } .c-submenu-mobile-link-container { display: flex; font-weight: 300; height: 100%; justify-content: space-between; } .c-submenu-mobile-link-container .is-active { font-weight: 400; background-color: #F5F3F2; } .c-submenu-mobile-link-container .first { display: inline-block; } .c-submenu-mobile-link { border-top: 1px solid #eae6e4; display: block; flex: 1; font-size: 1.2rem; padding: 8px 20px; margin: 0; } .c-submenu-mobile-link:hover { text-decoration: none; } .c-submenu-mobile-link.no-border { border: 0; } @media screen and (min-width: 481px) { .c-submenu-mobile { display: none; } } .c-divider { width: 100%; border-top: 1px solid #847770; margin: 16px 0; } .c-divider.is-flexible { max-width: 608px; margin: 16px auto; } .swiper-container { width: 100%; height: 100%; } .c-start-page-slider-nav { flex: 1; position: relative !important; } .c-start-page-slide { background-color: #F5F3F2; border-radius: 3px; display: inline-block; } .c-start-page-slide:hover { text-decoration: none; } .c-start-page-slide img { mix-blend-mode: multiply; } .c-start-page-slider { flex: 22; } .c-start-page-slider .c-start-page-slide { width: inherit; padding: 0 16px 0 16px; } .c-start-page-slider .c-start-page-slider-card { background-color: white; mix-blend-mode: multiply; width: 100%; height: 220px; margin: 48px 0 16px 0; } .c-start-page-slider .c-start-page-card-title { padding-top: 16px; margin: 0; font-weight: 500; font-size: 16px; color: #847770; position: absolute; line-height: 1; } .c-start-page-slider-container { align-items: center; display: flex; justify-content: center; } .c-start-page-slider-container .c-swiper-button-prev, .c-start-page-slider-container .c-swiper-button-next { display: flex; flex: 1; justify-content: center; } .c-start-page-slider-container .c-swiper-button-prev:hover, .c-start-page-slider-container .c-swiper-button-next:hover { cursor: pointer; } .c-start-page-slider-pagination.swiper-pagination { padding: 12px 0; position: relative; width: 100%; } .c-start-page-slider-pagination .swiper-pagination-bullet { background: #E6E3DF; border-radius: 100%; display: inline-block; height: 8px; margin: 0 4px; opacity: 1; width: 8px; } .c-start-page-slider-pagination .swiper-pagination-bullet-active { background: #A79C95; } .c-start-page-slider-title { font-size: 32px; font-weight: 300; text-align: center; } .c-start-page-slider-title::after { border-bottom: 1px solid #CBC3BB; content: " "; display: block; margin: 0 auto; padding: 2px 0 16px 0; width: 288px; } /* .c-start-page-slider-card { height: 288px; width: 288px; } .c-start-page-slider-card-title { color: $color-grey; font-size: 16px; } .c-start-page-slider-card-image { } */ .c-product-section-nav { position: relative !important; } .c-product-section-slide { background-color: #F5F3F2; display: inline-block; } .c-product-section-slide img { mix-blend-mode: multiply; } .c-product-section-slider-container { align-items: center; display: flex; justify-content: center; } .c-product-section-swiper-pagination { width: 100%; } .c-product-section-swiper-pagination .swiper-pagination-bullet { background: #E6E3DF; border-radius: 100%; display: inline-block; height: 8px; margin: 0 4px; opacity: 1; width: 8px; } .c-product-section-swiper-pagination .swiper-pagination-bullet-active { background: #A79C95; } .c-service-section-slider-slide-title { color: #3D3935; font-size: 24px; line-height: normal; margin-bottom: 0; text-align: center; } .c-service-section-slider-slide-lead { color: #3D3935; font-size: 16px; font-weight: 300; line-height: 1.75; margin-top: 8px; text-align: center; } .c-in-page-nav { background-color: #F5F3F2; padding: 0; position: relative; width: 100%; z-index: 100; /**::-ms-backdrop, ul.c-in-page-nav-list { justify-content: center; }*/ } @media screen and (max-width: 900px) { .c-in-page-nav.sticky { top: 56px; } } .c-in-page-nav.sticky { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); position: fixed; top: 87px; } .c-in-page-nav .c-in-page-nav-swiper .swiper-slide { width: auto; } .c-in-page-nav ul.c-in-page-nav-list { margin: 0 auto; /*padding-left: 0;*/ /*width: -moz-fit-content; /* Fix for FF 61+ */ /*width: fit-content;*/ max-width: 1248px; padding: 0 16px; } .c-in-page-nav ul.c-in-page-nav-list .c-in-page-nav-list-item { transition: background-color 225ms; } .c-in-page-nav ul.c-in-page-nav-list .c-in-page-nav-list-item:hover { background-color: #F5F3F2; color: #847770; text-decoration: none; } .c-in-page-nav ul.c-in-page-nav-list .c-in-page-nav-list-item a { color: #847770; display: inline-block; font-size: 14px; font-weight: 500; line-height: 1rem; padding: 16px; } .c-in-page-nav ul.c-in-page-nav-list .c-in-page-nav-list-item a:hover { text-decoration: none; } .c-in-page-nav .c-in-page-nav-button { height: 100%; position: absolute; top: 0; width: 32px; } .c-in-page-nav .c-in-page-nav-button.is-next { background: linear-gradient(to right, transparent, #E6E3DF); right: 0; z-index: 10; cursor: pointer; } .c-in-page-nav .c-in-page-nav-button.is-next:after { color: #847770; content: "\F105"; display: block; font-family: ALicons; font-size: 30px; left: 0.5rem; position: absolute; top: 0.5rem; } .c-in-page-nav .c-in-page-nav-button.is-prev { background: linear-gradient(to left, transparent, #E6E3DF); left: 0; z-index: 10; cursor: pointer; } .c-in-page-nav .c-in-page-nav-button.is-prev:after { color: #847770; content: "\F105"; display: block; font-family: ALicons; font-size: 30px; position: absolute; right: 0.5rem; top: 0.5rem; transform: rotate(180deg); } span.c-in-page-nav-target { height: 5px; margin-bottom: -5px; z-index: 9999; font-size: 1px; visibility: hidden; } span.in-page-block-level { width: 5px; } span.in-page-block-level + .l-section, span.in-page-block-level + .block-100, .l-list span.in-page-block-level + .l-list-item { margin-right: -5px; } @media screen and (max-width: 900px) { .c-in-page-nav.sticky { top: 56px; } } .c-intro-panel { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; flex-basis: 0; margin: 0; align-items: center; max-width: 1248px; padding: 2rem 0; width: 100%; } .c-intro-panel .c-intro-panel-text-container { flex-grow: 1; flex-shrink: 1; flex-basis: 50%; text-align: left; } .c-intro-panel .c-intro-panel-text-container p { font-size: 20px; font-weight: 300; line-height: 1.7; margin-bottom: 0; margin-top: 0; text-align: left; } .c-intro-panel .c-intro-panel-text-container-2 { flex-grow: 1; flex-shrink: 1; text-align: center; max-width: 928px; width: 100%; margin: auto; } .c-intro-panel .c-intro-panel-text-container-2 p { font-size: 20px; font-weight: 300; line-height: 1.7; margin-bottom: 0; margin-top: 0; text-align: center; } .c-intro-panel .c-intro-panel-thumbnail { flex-grow: 1; flex-shrink: 1; flex-basis: 50%; margin-left: 3rem; } .c-intro-panel .c-intro-panel-thumbnail img { width: auto; max-width: 100%; } @media screen and (max-width: 800px) { .c-intro-panel { margin: 1.5rem auto; flex-wrap: wrap; } .c-intro-panel .c-intro-panel-text-container { flex-basis: 100%; margin: 0; } .c-intro-panel .c-intro-panel-text-container h4 { margin: 0; font-size: 1rem; padding-bottom: 1rem; } .c-intro-panel .c-intro-panel-text-container-2 { flex-basis: 100%; margin: 0; } .c-intro-panel .c-intro-panel-text-container-2 p { margin: 0; font-size: 1rem; } .c-intro-panel .c-intro-panel-thumbnail { flex-basis: 100%; margin: 0; } } .c-new-related .is-bound { max-width: 100%; max-width: 1248px; } .c-new-related .l-section.l-section-block, .c-new-related .block-100, .c-new-related .l-list .l-section-block.l-list-item, .l-list .c-new-related .l-section-block.l-list-item, .c-new-related .l-list .l-list-item.block-100, .l-list .c-new-related .l-list-item.block-100 { padding-left: 0; padding-right: 0; margin-bottom: 0; } .c-new-related .l-section.l-section-block > div:not(.c-vignette-block), .c-new-related .block-100 > div:not(.c-vignette-block), .c-new-related .l-list .l-section-block.l-list-item > div:not(.c-vignette-block), .l-list .c-new-related .l-section-block.l-list-item > div:not(.c-vignette-block), .c-new-related .l-list .l-list-item.block-100 > div:not(.c-vignette-block), .l-list .c-new-related .l-list-item.block-100 > div:not(.c-vignette-block) { margin-bottom: 4rem; } .c-new-related .l-section.l-section-block:last-of-type, .c-new-related .block-100:last-of-type, .c-new-related .l-list .l-section-block.l-list-item:last-of-type, .l-list .c-new-related .l-section-block.l-list-item:last-of-type, .c-new-related .l-list .l-list-item.block-100:last-of-type, .l-list .c-new-related .l-list-item.block-100:last-of-type, .c-new-related .l-section-50:first-of-type { margin-bottom: 0; } .c-new-related .l-section.l-section-block:last-of-type > .wysiwyg:last-of-type, .c-new-related .block-100:last-of-type > .wysiwyg:last-of-type, .c-new-related .l-list .l-section-block.l-list-item:last-of-type > .wysiwyg:last-of-type, .l-list .c-new-related .l-section-block.l-list-item:last-of-type > .wysiwyg:last-of-type, .c-new-related .l-list .l-list-item.block-100:last-of-type > .wysiwyg:last-of-type, .l-list .c-new-related .l-list-item.block-100:last-of-type > .wysiwyg:last-of-type, .c-new-related .c-tag-group-panel .l-section.l-section-block:last-of-type > .c-tag-group-panel-title:last-of-type, .c-tag-group-panel .c-new-related .l-section.l-section-block:last-of-type > .c-tag-group-panel-title:last-of-type, .c-new-related .c-tag-group-panel .block-100:last-of-type > .c-tag-group-panel-title:last-of-type, .c-tag-group-panel .c-new-related .block-100:last-of-type > .c-tag-group-panel-title:last-of-type, .c-new-related .l-list .c-tag-group-panel .l-section-block.l-list-item:last-of-type > .c-tag-group-panel-title:last-of-type, .c-tag-group-panel .c-new-related .l-list .l-section-block.l-list-item:last-of-type > .c-tag-group-panel-title:last-of-type, .l-list .c-new-related .c-tag-group-panel .l-section-block.l-list-item:last-of-type > .c-tag-group-panel-title:last-of-type, .c-tag-group-panel .l-list .c-new-related .l-section-block.l-list-item:last-of-type > .c-tag-group-panel-title:last-of-type, .c-tag-group-panel .c-new-related .l-list .l-list-item.block-100:last-of-type > .c-tag-group-panel-title:last-of-type { margin-bottom: 4rem; } .c-new-related .c-new-related + .l-content > .l-section-block h4, .c-new-related .c-new-related + .l-list > .l-section-block h4, .c-new-related .c-new-related + .l-products-list > .l-section-block h4, .c-new-related .c-new-related + .l-content > .block-100 h4, .c-new-related .c-new-related + .l-list > .block-100 h4, .c-new-related .c-new-related + .l-products-list > .block-100 h4 { margin-top: 4rem; } .c-new-related .c-related-total-section { padding-top: 8px; padding-bottom: 16px; } .c-new-related .c-related-total-section p { font-size: 16px; line-height: 1.14; text-align: center; color: #847770; font-weight: 500; } .c-new-related .c-related-content-container { padding-bottom: 16px; } .c-new-related .l-show-more-btn { text-align: center; border-top: 1px solid #F5F3F2; } .c-new-related .l-show-more-btn .c-button, .c-new-related .l-show-more-btn .c-apply-button { background-color: #F5F3F2; border: 1px solid #F5F3F2; color: #847770; padding: 12px 32px 12px 32px; border-radius: 0 0 3px 3px; font-weight: 600; font-size: 14px; } .c-new-related .l-show-more-btn .c-button.is-disabled, .c-new-related .l-show-more-btn .is-disabled.c-apply-button { background-color: #ECE8E5; color: #fff; border-color: #E6E3DF; cursor: auto; pointer-events: none; } .c-related-card { box-sizing: border-box; display: block; margin: 16px; position: relative; } .c-related-card:hover { /*background-color: $color-5-warm-grey;*/ background-color: #F1EFED; text-decoration: none; } .c-related-card h4 { color: #3D3935; font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem; padding-top: 0.5rem; padding-right: 32px; text-align: center; } .c-related-card p { color: #3D3935; font-size: 14px; line-height: 1.71; } .c-related-card a:hover { text-decoration: none; } .c-related-card.is-style-1 { /*.c-related-card-text { padding-top: $default-padding; }*/ } .c-related-card.is-style-1 .c-related-card-container { /*background-color: $color-5-warm-grey;*/ background-color: #F1EFED; border-radius: 3px; min-width: 260px; padding: 0; text-align: center; } .c-related-card.is-style-1 .c-related-card-container img { height: auto; max-height: 100%; max-width: 100%; mix-blend-mode: multiply; } .c-related-card.is-style-1 .c-related-card-container h4 { margin-top: 0; padding-top: 0; } .c-related-card.is-style-1 .c-related-card-bullets-container { background-color: #F5F3F2; height: 100%; left: 0; overflow-y: auto; position: absolute; top: 0; width: 100%; } .c-related-card.is-style-1 .c-related-card-bullets-container h4 { padding-left: 1rem; padding-right: 32px; margin-top: 0; padding-top: 8px; } .c-related-card.is-style-1 .c-related-card-bullets-container ul { margin: 0 0; padding-left: 1rem; } .c-related-card.is-style-1 .c-related-card-bullets-container ul li { color: #847770; font-size: 16px; font-weight: 300; position: relative; margin-left: 12px; } .c-related-card.is-style-1 .c-related-card-bullets-container li:before { color: #847770; content: "\B7"; font-size: 50px; line-height: 25px; vertical-align: middle; position: absolute; left: -16px; } .c-related-card.is-style-2 .c-related-card-container { background-color: transparent; border-radius: 3px; min-width: 260px; padding: 0; text-align: center; } .c-related-card.is-style-2 .c-related-card-container img { height: auto; max-height: 100%; max-width: 100%; mix-blend-mode: multiply; } .c-related-card.is-style-2 .c-related-card-text, .c-related-card.is-style-3 .c-related-card-text { text-align: center; } .c-related-card.is-style-2 .c-related-card-text h4, .c-related-card.is-style-3 .c-related-card-text h4 { color: #3D3935; font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem; padding-top: 0; margin-top: 0; } .c-related-card.is-style-3:hover .c-related-card-container { background-color: #F5F3F2; } .c-related-card.is-style-3 .c-related-card-container { background-color: transparent; border-bottom: 1px solid #847770; min-width: 260px; padding: 0; text-align: center; } .c-related-card.is-style-3 .c-related-card-container:hover { background-color: #F5F3F2; } .c-related-card.is-style-3 .c-related-card-container img { height: auto; max-height: 100%; max-width: 100%; mix-blend-mode: multiply; } .c-related-card.is-style-3 .c-related-card-container .c-related-card-image { max-width: 250px !important; } .c-related-card .c-related-card-container { padding: 1rem 1rem 1rem 1rem; } .c-related-card .c-related-card-container .c-related-card-thumbnail-container { background-color: white; position: relative; } .c-related-card .c-related-card-container .c-related-card-thumbnail-container .is-gradient { background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.05)); height: 100%; position: absolute; top: 0; width: 100%; } .c-related-card .c-related-card-more-btn { align-items: center; color: #847770; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 0; top: 0; width: 40px; } .c-related-card .c-related-card-more-btn:hover { color: #3D3935; } .c-related-card .c-related-card-image { display: block; margin: auto; background-color: white; width: 100%; height: 200px; transition-property: transform; transition-duration: 175ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); mix-blend-mode: multiply; } .c-description-text { font-size: 16px; line-height: 28px; padding: 0; margin-top: 0; margin-bottom: 0; } .service-page-icon { display: block; margin: auto; padding-bottom: 16px; } .big-article-image { height: 400px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin-bottom: 50px; } .c-banner { display: block; margin: 8px; position: relative; white-space: normal; } .c-banner .c-banner-wrapper .c-banner-image-container .c-banner-image { border-radius: 3px; } .c-banner .c-banner-wrapper .c-banner-textbox { position: absolute; bottom: 24px; left: 16px; width: 50%; max-height: 80%; overflow: hidden; min-width: 200px; z-index: 0; border-radius: 3px 3px 22px 3px; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-panel { position: relative; background-color: #11387f; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-panel .c-banner-textbox-header { padding: 8px 36px 8px 16px; font-size: 16px; line-height: 1.5; font-weight: 700; color: white; margin: 0; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-panel .c-banner-textbox-header:after { position: absolute; top: 0; right: 0; content: "\F105"; font-family: ALicons; width: 35px; cursor: pointer; text-align: center; height: 100%; line-height: 35px; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-body { padding: 8px 16px; background-color: #fff; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-body .c-banner-textbox-paragraph { font-size: 16px; line-height: 1.5; } .slider { white-space: nowrap; overflow-x: scroll; overflow-y: visible; } @media screen and (max-width: 800px) { .c-banner { min-width: 320px; } .c-banner a { text-decoration: none; } .c-banner .c-banner-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; } .c-banner .c-banner-wrapper .c-banner-image-container { flex: 1 1 100%; } .c-banner .c-banner-wrapper .c-banner-textbox { flex: 1 1 100%; position: relative; left: auto; bottom: auto; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-panel { background-color: white; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-panel .c-banner-textbox-header { color: #3c3c3c; padding-top: 0; padding-bottom: 0; } .c-banner .c-banner-wrapper .c-banner-textbox .c-banner-textbox-panel .c-banner-textbox-header:after { position: relative; margin-left: 4px; line-height: inherit; } } .c-block-benefit-list-title { font-size: 2rem; margin: 0 auto 2rem; max-width: 928px; text-align: center; color: #0d2c65; } .c-block-benefit-list { margin: 0 0 1rem 0; padding-left: 0; padding-right: 32px; } .c-block-benefit-list .c-block-benefit-list-item { color: #3D3935; display: block; font-size: 16px; font-weight: 300; line-height: 28px; margin: 8px 0; padding-left: 1.75rem; position: relative; text-align: left; } .c-block-benefit-list .c-block-benefit-list-item:first-child { margin-top: 0; } .c-block-benefit-list .c-block-benefit-list-item:before { font-family: "ALicons"; content: "\E606"; font-size: 0.4rem; left: 0; position: absolute; top: 5px; padding-right: 0; background-color: #93c7c6; border-radius: 20px; width: 18px; height: 18px; color: #fff; margin-right: 18px; text-align: center; padding-top: 0px; line-height: 1.2rem; } @media screen and (max-width: 800px) { .c-block-benefit-list { padding-left: 0; padding-right: 0; } } .c-block-title-banner { width: 100%; position: relative; background: no-repeat 50%; background-size: cover; height: 40vh; min-height: 200px; max-height: 480px; } .c-block-title-banner.has-no-image { background-color: #fff; height: auto; min-height: 200px; } .c-block-title-banner.has-no-image .c-block-title-banner-card { position: relative; } .c-block-title-banner *::-ms-backdrop, .c-block-title-banner .c-block-title-banner-card { bottom: -1px; } .c-block-title-banner .c-block-title-banner-card { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 1.5rem; text-align: center; } .c-block-title-banner .c-block-title-banner-card .c-block-title-banner-card-wrapper { max-width: 928px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; background-color: white; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 2rem 4rem; } .c-block-title-banner .c-block-title-banner-card .c-block-title-banner-card-wrapper .c-block-title-banner-title-container { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; text-align: center; } .c-block-title-banner .c-block-title-banner-card .c-block-title-banner-card-wrapper .c-block-title-banner-text-container { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; font-size: 1rem; } .c-block-title-banner .c-block-title-banner-card .c-block-title-banner-card-wrapper .c-block-title-banner-text-container h4 { margin: 0; } @media screen and (max-width: 800px) { .c-block-title-banner .c-block-title-banner-card h1 { font-size: 2rem; } .c-block-title-banner .c-block-title-banner-card h4 { font-size: 1rem; } .c-block-title-banner .c-block-title-banner-card .c-block-title-banner-card-wrapper { padding: 1rem; } .c-block-title-banner .c-block-title-banner-card .c-divider { margin: 8px auto; } } .c-block-title-banner-new { background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat; background-size: cover; flex: 1 0 50%; height: auto; min-height: 320px; } @media screen and (max-width: 800px) { .c-block-title-banner-new { min-height: 190px; } } .c-block-video { width: 100%; background-color: #F5F3F2; padding: 2rem 0; } .c-block-video .c-block-video-description { max-width: 58%; } .c-block-video .is-bound { width: 80%; margin: auto; } .c-block-video .c-block-video-thumbnail-container { position: relative; text-align: center; } .c-block-video .c-block-video-thumbnail-container img { width: auto; max-width: 100%; } .c-block-video .c-block-video-play-container { position: absolute; width: 48px; height: 48px; border-radius: 3px; background-color: #F5F3F2; top: calc(50% - 20px); left: calc(50% - 20px); } .c-block-video .c-block-video-play-container:hover { background-color: #F5F3F2; } .c-block-video .c-block-video-play-container .c-block-video-play-container-icon { position: relative; } .c-block-video .c-block-video-play-container .c-block-video-play-container-icon:after { content: "\F105"; font-family: ALicons; display: block; position: absolute; font-size: 48px; top: -1rem; left: 1rem; color: #3c3c3c; } .c-block-video-player { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; overflow: hidden; } .c-block-video-player > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .c-contact-block { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 200px; } .c-filter-block { margin-bottom: 1.25rem; padding-left: 1.25rem; padding-top: 1.25rem; } .c-filter-block .c-filter-block-tag { padding: 0.4em 0.9em; /*font-size: 1rem; */ font-size: 0.875rem; margin: 4px; border-radius: 3px; box-sizing: border-box; text-decoration: none; text-align: center; display: inline-block; white-space: nowrap; border: 1px solid #E6E3DF; background-color: #fff; /*color: $color-black-light;*/ color: #3D3935; cursor: pointer; font-weight: normal; } .c-filter-block .c-filter-block-tag:empty { display: none; } .c-filter-block .c-filter-block-tag.c-filter-block-tag-is-active { background-color: #11387f; color: #fff; /*border-color: $color-blue;*/ border: 0px; } .c-filter-block .c-filter-block-tag:hover:not(.c-filter-block-tag-is-active) { background-color: #F5F3F2; } .c-filter-block.is-related { padding: 1rem 0; margin-bottom: 0; } .c-filter-block.is-related .c-filter-block-tag { /*font-size: 1rem; font-weight: 500;*/ font-size: 0.875rem; margin: 0.5rem; transition: background-color 0.2s; background-color: #E6E3DF; } .c-filter-block.is-related .c-filter-block-tag.c-filter-block-tag-is-active { background-color: #847770; border: none; } @media screen and (max-width: 480px) { .c-filter-block { margin-top: 20px; } .c-filter-block.is-related { margin: 0; } } .c-hero-banner { height: 480px; position: relative; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; } .c-hero-banner.big-article-image { height: 400px; background-size: auto 100%; } .c-hero-banner-image { background: no-repeat 50%; height: 480px; width: 100%; } .c-hero-banner-center { max-width: auto; } .c-hero-banner-card-button-container { display: flex; flex-direction: row; } .c-hero-banner-card-button-container.button-container-left { justify-content: flex-start; } .c-hero-banner-card-button-container.button-container-center { justify-content: center; } .c-hero-banner-card-button-container.button-container-right { justify-content: flex-end; } .c-hero-banner-card-button { margin: 25px 35px; font-size: 1rem; line-height: 1rem; padding: 1rem 1rem; border-radius: 3px; box-sizing: border-box; text-decoration: none; text-align: center; } .c-hero-banner-card-button.button-primary { background-color: #11387f; color: white; border: 1px solid #11387f; } .c-hero-banner-card-button.is-mobile { display: none; } .c-hero-banner-content { position: absolute; height: 100%; left: 0; right: 0; top: 0; width: 100%; max-width: 1240px; margin-left: auto; margin-right: auto; display: flex; justify-content: center; } .c-hero-banner-card { position: absolute; z-index: 0; top: 7%; overflow: hidden; border-bottom-left-radius: 3px; border-bottom-right-radius: 22px; border-top-right-radius: 3px; max-height: 500px; max-width: 400px; white-space: normal; } .c-hero-banner-card.c-hero-banner-card-left { left: 20px; } .c-hero-banner-card.c-hero-banner-card-right { right: 20px; } .c-hero-banner-card.c-hero-banner-card-primary { background-color: #11387f; } .c-hero-banner-card.c-hero-banner-card-primary .c-hero-banner-card-header { color: #fff; } .c-hero-banner-card.c-hero-banner-card-primary .c-hero-banner-card-subtitle { color: #fff; } .c-hero-banner-card.c-hero-banner-card-primary .c-hero-banner-card-paragraph { color: #fff; } .c-hero-banner-card.c-hero-banner-card-light { background-color: #F5F3F2; } .c-hero-banner-card.c-hero-banner-card-light .c-hero-banner-card-header { color: #3c3c3c; } .c-hero-banner-card.c-hero-banner-card-light .c-hero-banner-card-subtitle { color: #3c3c3c; } .c-hero-banner-card.c-hero-banner-card-light .c-hero-banner-card-paragraph { color: #3c3c3c; } .c-hero-banner-card .c-hero-banner-card-header { font-size: 3rem; padding: 2rem 2rem 1rem; } .c-hero-banner-card .c-hero-banner-card-subtitle { margin: 0; padding: 5px 35px; font-size: 1.6rem; } .c-hero-banner-card .c-hero-banner-card-paragraph { padding: 10px 35px; } .c-hero-banner-card .c-hero-banner-card-button-container { display: flex; flex-direction: row; } .c-hero-banner-card .c-hero-banner-card-button-container.button-container-left { justify-content: flex-start; } .c-hero-banner-card .c-hero-banner-card-button-container.button-container-right { justify-content: flex-end; } .c-hero-banner-card .c-hero-banner-card-button-container .c-hero-banner-card-button { margin: 25px 35px; font-size: 1rem; line-height: 1rem; padding: 1rem 1rem; border-radius: 3px; box-sizing: border-box; text-decoration: none; text-align: center; } .c-hero-banner-card .c-hero-banner-card-button-container .c-hero-banner-card-button.button-primary { background-color: #11387f; color: white; border: 1px solid #11387f; } .c-hero-banner-card .c-hero-banner-card-button-container .c-hero-banner-card-button.button-light { background-color: white; color: #11387f; border: 1px solid #E6E3DF; } .c-hero-banner-card-center { text-align: center; max-width: 500px; left: 50%; transform: translateX(-50%); } .c-hero-banner-card-center p { text-align: center; } @media screen and (max-width: 480px) { .c-hero-banner-card { padding-bottom: 1rem !important; } } @media screen and (max-width: 800px) { .c-hero-banner-card-center { max-width: 100%; left: 0; transform: translateX(0); } .c-hero-banner { max-height: none; } .c-hero-banner-card { position: relative; } .c-hero-banner { display: flex; flex-direction: row; flex-wrap: wrap; height: auto; overflow: auto; } .c-hero-banner .c-hero-banner-image { flex: 1 1 100%; background: none; height: auto; } .c-hero-banner .c-hero-banner-image.is-mobile { display: inherit; } .c-hero-banner .c-hero-banner-image.is-desktop { display: none; } .c-hero-banner .c-hero-banner-content { background-color: #11387f; position: relative; } .c-hero-banner .c-hero-banner-card { margin: auto; position: absolute; top: auto; bottom: 0; left: 0; max-width: 100%; border-radius: 0; } .c-hero-banner .c-hero-banner-card.c-hero-banner-card-light { background-color: #11387f; } .c-hero-banner .c-hero-banner-card.c-hero-banner-card-light .c-hero-banner-card-header { color: #fff; } .c-hero-banner .c-hero-banner-card.c-hero-banner-card-light .c-hero-banner-card-subtitle { color: #fff; } .c-hero-banner .c-hero-banner-card.c-hero-banner-card-light .c-hero-banner-card-paragraph { color: #fff; } .c-hero-banner .c-hero-banner-card.c-hero-banner-card-left { width: auto; left: 0; } .c-hero-banner .c-hero-banner-card .c-hero-banner-card-header { text-align: center; font-size: 1.5rem; padding: 20px 25px 10px; } .c-hero-banner .c-hero-banner-card .c-hero-banner-card-paragraph { padding: 10px 25px; font-size: 0.9rem; } .c-hero-banner .c-hero-banner-card .c-hero-banner-card-button-container .c-hero-banner-card-button { flex: 1; margin: 0 25px; padding: 0.8rem 1rem; } .c-hero-banner .c-hero-banner-card .c-hero-banner-card-button-container .c-hero-banner-card-button.button-primary { background-color: white; color: #11387f; border: 1px solid #E6E3DF; } } .c-hero-banner2 { height: 480px; position: relative; overflow: hidden; } .c-hero-banner2 .is-dark { color: #3D3935; } .swiper-pagination-bullet { background: #F5F3F2 !important; opacity: 1 !important; width: 1rem; height: 1rem; border: 1px solid rgba(132, 119, 112, 0.75); margin: 0 0.5rem !important; } .swiper-pagination-bullet-active { background: #007fc8 !important; } .c-hero-banner2-image { background: no-repeat 50%; background-size: cover; height: 480px; max-height: 480px; min-height: 100%; } .c-hero-banner2-image img { height: 100%; } .c-hero-banner2-image.is-mobile { display: none; } .c-hero-banner2-content { align-items: center; position: absolute; display: flex; justify-content: center; height: 100%; width: 100%; left: 0; right: 0; top: 0; max-width: 1248px; margin-left: auto; margin-right: auto; } .c-hero-banner2-card { align-items: center; display: flex; flex-flow: column; justify-content: center; width: 100%; } .c-hero-banner2-card.c-hero-banner2-card-left { left: 20px; } .c-hero-banner2-card.c-hero-banner2-card-right { right: 20px; } .c-hero-banner2-card.c-hero-banner2-card-center { text-align: center; max-width: 500px; left: 50%; transform: translateX(-50%); right: calc(50% - 200px); } .c-hero-banner2-card.c-hero-banner2-card-center p { text-align: center; } .c-hero-banner2-card.c-hero-banner2-card-primary { background-color: #11387f; } .c-hero-banner2-card.c-hero-banner2-card-primary .c-hero-banner2-card-header { color: #fff; } .c-hero-banner2-card.c-hero-banner2-card-primary .c-hero-banner2-card-subtitle { color: #fff; } .c-hero-banner2-card.c-hero-banner2-card-primary .c-hero-banner2-card-paragraph { color: #fff; } .c-hero-banner2-card.c-hero-banner2-card-light { background-color: #F5F3F2; } .c-hero-banner2-card.c-hero-banner2-card-light .c-hero-banner2-card-header { color: #3c3c3c; } .c-hero-banner2-card.c-hero-banner2-card-light .c-hero-banner2-card-subtitle { color: #3c3c3c; } .c-hero-banner2-card.c-hero-banner2-card-light .c-hero-banner2-card-paragraph { color: #3c3c3c; } .c-hero-banner2-card-header { color: white; font-size: 48px; padding: 8px; text-align: center; } .c-hero-banner2-card-subtitle { color: white; margin: 0; padding: 5px 35px; font-size: 1.6rem; } .c-hero-banner2-card-paragraph { color: white; font-size: 20px; max-width: 672px; padding: 0 8px; text-align: center; } .c-hero-banner2-card-button-container { display: flex; flex-direction: row; margin-top: 32px; } .c-hero-banner2-card-button-container.button-container-left { justify-content: flex-start; } .c-hero-banner2-card-button-container.button-container-right { justify-content: flex-end; } a.c-hero-banner2-card-button { background-color: #847770; border-radius: 3px; color: white; font-size: 16px; padding: 8px 16px; } a.c-hero-banner2-card-button:hover { text-decoration: none; } a.c-hero-banner2-card-button.button-primary { background-color: #11387f; color: white; border: 1px solid #11387f; } a.c-hero-banner2-card-button.button-light { background-color: white; color: #11387f; border: 1px solid #E6E3DF; } @media screen and (max-width: 800px) { .c-hero-banner2 { text-align: center; } .c-hero-banner2-card-button-container { display: block; margin-top: 24px; } .c-hero-banner2-card { display: block; } .c-hero-banner { max-height: 480px; } .c-hero-banner h1, .c-hero-banner h2, .c-hero-banner p { text-align: center !important; } .c-hero-banner .c-hero-banner-card { position: absolute; width: 100% !important; padding-bottom: 32px; } .c-hero-banner .c-hero-banner-image img { object-fit: cover; max-height: 480px; height: 55vh; } .c-hero-banner2 { display: flex; flex-direction: row; flex-wrap: wrap; height: auto; overflow: hidden; /* .c-hero-banner2-content { flex: 1 1 100%; position: relative; } .c-hero-banner2-card { position: relative; top: auto; bottom: 0; left: 0; max-width: 100%; border-radius: 0; &.c-hero-banner2-card-light { background-color: $color-blue; .c-hero-banner2-card-header { color: $color-white; } .c-hero-banner2-card-subtitle { color: $color-white; } .c-hero-banner2-card-paragraph { color: $color-white; } } &.c-hero-banner2-card-left { width: auto; left: auto; } .c-hero-banner2-card-header { font-size: 1.5rem; padding: 30px 25px 10px; } .c-hero-banner2-card-paragraph { padding: 10px 25px; font-size: 0.9rem; } .c-hero-banner2-card-button-container { .c-hero-banner2-card-button { flex: 1; margin: 0 25px; padding: 0.8rem 1rem; &.button-primary { background-color: white; color: $color-blue; border: 1px solid $color-20-warm-grey; } } } }*/ } .c-hero-banner2 .c-hero-banner2-image { flex: 1 1 100%; height: 40vh; } .c-hero-banner2 .c-hero-banner2-image.is-mobile { display: inherit; } .c-hero-banner2 .c-hero-banner2-image.is-desktop { display: none; } .c-hero-banner2 .c-hero-banner2-card-header { font-size: 36px; padding: 32px 24px 8px; } .c-hero-banner2 .c-hero-banner2-card-paragraph { padding: 8px 48px; font-size: 16px; } } @media screen and (max-width: 480px) { .swiper-pagination-bullets { display: none; } .c-hero-banner2-card-button-container { margin-top: 16px; } .c-hero-banner2-card-header { font-size: 28px !important; padding: 32px 24px 8px; } } .c-latest-news-block { padding: 16px; } .c-latest-news-block img { border-radius: 3px; } .c-latest-news-block-wrapper { padding: 16px; margin: -16px -16px 16px -32px; } .c-latest-news-block-wrapper:hover { background-color: #F5F3F2; } .c-latest-news-block-article-container { padding-right: 16px; } .c-latest-news-block-article-container:hover { text-decoration: none; } .c-latest-news-block-article-lead { color: #3D3935; font-size: 16px; font-weight: 300; line-height: 1.75; margin: 0; } .c-latest-news-block-article-title { color: #3D3935; font-size: 1.5rem; font-weight: 300; line-height: 40px; margin: 16px 0 8px 0; } .c-latest-news-block-article-title-small { color: #3D3935; font-size: 16px; font-weight: 500; line-height: 26px; margin-top: 16px; } .c-latest-news-block-body { margin: 0; } .c-latest-news-block-col-50 { min-height: 330px; padding: 16px; margin: -16px 16px 16px -16px; width: 50%; } .c-latest-news-block-col-50:hover { background-color: #F5F3F2; } .c-latest-news-block-date { color: #3D3935; font-size: 14px; font-weight: 300; line-height: 1; } .c-latest-news-block-header { align-items: flex-end; display: flex; justify-content: space-between; margin: 0 auto; margin-bottom: 16px; max-width: 1248px; padding: 0; } .c-latest-news-block-image { margin-bottom: 16px; mix-blend-mode: multiply; } .c-latest-news-block-row { display: flex; flex-wrap: wrap; margin: 0; } .c-latest-news-block-title { color: #3D3935; font-size: 32px; font-weight: 300; line-height: 40px; margin: 0; padding: 0; } a.c-latest-news-block-view-all { color: #A79C95; font-size: 16px; font-weight: 500; letter-spacing: 0.3px; padding-right: 16px; text-align: right; transition: all 0.225s ease-in-out; } a.c-latest-news-block-view-all span > { color: #A79C95; } a.c-latest-news-block-view-all:hover { text-decoration: none; color: #3D3935; } @media screen and (max-width: 800px) { .c-latest-news-block .l-section-block, .c-latest-news-block .block-100 { padding-left: 0px; padding-right: 0px; } .c-latest-news-block { padding: 0px; } .c-latest-news-block-wrapper { margin-right: 0px; } } @media screen and (max-width: 480px) { .c-latest-news-block-col-50 { width: 100%; } } .c-list-block { display: block; padding: 20px; transition: background-color 0.2s; } .c-list-block:hover { background-color: rgba(131, 120, 111, 0.09); text-decoration: none; } .c-list-block .c-list-block-img img { width: 100%; } .c-list-block .c-list-block-tail .c-list-block-title { font-size: 0.95rem; font-weight: 700; } .c-list-block .c-list-block-tail .c-list-block-date { margin: 5px 0px; font-size: 0.9rem; color: #847770; } .c-new-contact { display: flex; flex-direction: row; margin: 2px 1px; background-color: #F5F3F2; padding: 2% 0; align-items: center; } .c-new-contact .c-new-contact-left { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-basis: 50%; } .c-new-contact .c-new-contact-right { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-basis: 50%; } .c-new-contact .c-new-contact-person { display: flex; flex-direction: row; padding-left: 10%; } .c-new-contact .c-new-contact-person .c-new-contact-thumbnail { max-width: 180px; } .c-new-contact .c-new-contact-person .c-new-contact-thumbnail img { border-radius: 50%; } .c-new-contact .c-new-contact-dept { display: flex; flex-direction: row; align-items: center; padding-right: 10%; } .c-new-contact .c-new-contact-dept .c-new-contact-thumbnail { max-width: 80px; } .c-new-contact .c-new-contact-details { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-basis: 75%; } .c-new-contact .c-new-contact-details h3 { margin-bottom: 1rem; } .c-new-contact .c-new-contact-details p { padding-bottom: 0.2rem; } .c-new-contact .c-new-contact-thumbnail { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-basis: 25%; margin-right: 2rem; } .c-news-block { padding: 10px 20px; display: block; } .c-news-block:hover { text-decoration: none; background-color: #F5F3F2; } .c-news-block .c-news-block-container { display: flex; flex-direction: row; } .c-news-block .c-news-block-thumbnail { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; margin-right: 20px; border-radius: 3px; } .c-news-block .c-news-block-content { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex: 2 1 0; flex-grow: 2; flex-shrink: 1; flex-basis: 0; } .c-news-block.c-news-block-vertical .c-news-block-container { flex-wrap: wrap; } .c-news-block.c-news-block-vertical .c-news-block-thumbnail { margin-right: 0; flex-basis: 100%; } .c-news-block.c-news-block-vertical .c-news-block-content { flex-basis: 100%; } .c-news-block .c-news-block-list-image { width: 100%; display: block; border-radius: 3px; } .c-news-block .c-news-block-date-text { display: inline-block; padding: 0; line-height: 1.5; color: #847770; font-size: 0.9rem; } .c-news-block .c-news-block-title-text { padding: 0; margin: 0; font-size: 1.05rem; line-height: 1.3; font-weight: 600; color: #3c3c3c; } .c-news-block .c-news-block-content-text { font-size: 1rem; line-height: 1.5; color: #847770; } .c-news-block .hide-in-desktop { display: none; } .c-news-list-block-li { border-bottom: 1px solid #F5F3F2; } @media screen and (max-width: 800px) { .c-news-block.c-news-block-vertical { border-bottom: 1px solid #F5F3F2; } .c-news-block.c-news-block-vertical .c-news-block-container { flex-wrap: nowrap; } .c-news-block.c-news-block-vertical .c-news-block-thumbnail { margin-right: 20px; flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } .c-news-block.c-news-block-vertical .c-news-block-thumbnail img { width: 100%; } .c-news-block.c-news-block-vertical .c-news-block-content { flex: 2 1 0; flex-grow: 2; flex-shrink: 1; flex-basis: 0; } .c-news-block .hide-in-desktop { display: block; } .c-news-block.is-latest-news .c-news-block-title-text { font-size: 1.1rem; } .c-news-block.is-latest-news .c-news-block-title-text:after { content: "\F105 "; font-family: "ALicons"; position: absolute; margin-left: 7px; } .c-news-block .c-news-block-content-text { display: none; } } .c-news-heading-text, .c-news-block .c-news-block-title-text { margin: 5px 0; } .c-panelblock-header { margin-top: 0; margin-bottom: 0; color: #11387f; } .c-panelblock-header.is-documents { color: #3D3935; } .c-panelblock-header.yellowbox { border-top-right-radius: 22px; background-color: #fc3; /*color: $color-white;*/ margin-bottom: 8px; padding: 4px 16px; } .c-panelblock-header.blueline { border-top: 2px solid; border-color: #11387f; margin-bottom: 8px; margin-right: 16px; padding-top: 4px; padding-bottom: 4px; padding-left: 0; } .c-panelblock-header.none { text-align: left; font-size: 20px; line-height: 1.25; } div[class^="l-section"] .wysiwyg, div[class^="l-section"] .c-tag-group-panel .c-tag-group-panel-title, .c-tag-group-panel div[class^="l-section"] .c-tag-group-panel-title, div[class^="l-section"] .c-tag-group-panel .c-tag-group-panel-title, div[class^="l-section"] .c-panelblock-header.none { max-width: 100%; } .c-product-block { padding: 20px; display: block; } .c-product-block:hover { text-decoration: none; background-color: #F5F3F2; } .c-product-block .c-product-block-container { display: flex; flex-direction: row; flex-wrap: wrap; transition: background-color 0.3s; } .c-product-block .c-product-block-container .c-product-block-thumbnail { background-color: white; flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-basis: 100%; position: relative; } .c-product-block .c-product-block-container .c-product-block-thumbnail img { background-color: white; border-radius: 3px; object-fit: cover; height: 100%; width: 100%; } .c-product-block .c-product-block-container .c-product-block-thumbnail .is-gradient { position: absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.05)); } .c-product-block .c-product-block-container .c-product-block-tail { flex: 1 1 0; flex-grow: 1; flex-shrink: 1; flex-basis: 0; flex-basis: 100%; } .c-product-block .c-product-block-container .c-product-block-tail .c-product-block-date-text { display: inline-block; padding: 0; line-height: 1.5; color: #847770; font-size: 0.9rem; } .c-product-block .c-product-block-container .c-product-block-tail .c-product-block-tail-title-text { font-weight: bold; font-size: 1.1rem; margin-bottom: 0; } .c-product-block .c-product-block-container .c-product-block-tail .c-product-block-tail-content-text { font-size: 0.9rem; } @media screen and (min-width: 321px) and (max-width: 480px) { .c-product-block .c-product-block-container .c-product-block-tail { position: relative; } .c-product-block .c-product-block-container .c-product-block-tail .c-product-block-tail-title-text:after { content: "\F105"; font-family: ALicons; display: inline-block; margin-left: 7px; color: #847770; } } .c-vignette-block { display: flex; flex-direction: row; min-height: 100%; align-content: flex-start; } .c-vignette-block.is-standard.is-image-top { flex-wrap: wrap; flex-direction: column; -ms-flex-direction: row; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-body { flex-basis: 100%; order: 2; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-thumbnail { max-height: 320px; order: 1; width: 100%; } .c-vignette-block.is-standard.is-image-left { border-bottom-right-radius: 1.125rem; } .c-vignette-block.is-standard.is-image-left .c-vignette-block-body { order: 2; } .c-vignette-block.is-standard.is-image-left .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button { flex-basis: 25%; text-align: right; } .c-vignette-block.is-standard.is-image-left .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button .c-button, .c-vignette-block.is-standard.is-image-left .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button .c-apply-button { border-radius: 1.125rem 0px; margin: 2rem -1rem -1rem 0rem; } .c-vignette-block.is-standard.is-image-left .c-vignette-block-thumbnail { order: 1; } .c-vignette-block.is-standard.is-image-right, .c-vignette-block.is-standard.is-image-top { border-bottom-left-radius: 1.125rem; } .c-vignette-block.is-standard.is-image-right .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button, .c-vignette-block.is-standard.is-image-top .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button { text-align: left; } .c-vignette-block.is-standard.is-image-right .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button .c-button, .c-vignette-block.is-standard.is-image-right .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button .c-apply-button, .c-vignette-block.is-standard.is-image-top .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button .c-button, .c-vignette-block.is-standard.is-image-top .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button .c-apply-button { border-radius: 0px 1.125rem; margin: 2rem 0rem -1rem -1rem; } .c-vignette-block.is-slim.is-full-width .c-vignette-block-body .c-vignette-block-body-wrapper { flex-wrap: nowrap; } .c-vignette-block.is-slim.is-full-width .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-button { flex-basis: 25%; text-align: right; } .c-vignette-block.is-slim.is-half-width .c-vignette-block-body .c-vignette-block-body-wrapper { text-align: center; align-content: center; } .c-vignette-block.is-white { background-color: white; } .c-vignette-block.is-grey { background-color: #F5F3F2; } .c-vignette-block.is-brown { background-color: #E6E3DF; } .c-vignette-block .c-vignette-block-thumbnail { background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat; background-size: cover; flex: 1 0 50%; height: auto; min-height: 320px; } .c-vignette-block .c-vignette-block-thumbnail img { max-height: 100%; } .c-vignette-block-body { display: flex; flex-direction: row; flex: 1 0 50%; } .c-vignette-block-body-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; flex: 1; padding: 16px; height: auto; } .c-vignette-block-content { display: flex; flex-direction: row; flex-wrap: wrap; flex: 1 0 100%; align-self: flex-start; } .c-vignette-block-content .c-vignette-block-title { flex: 1 0 100%; align-self: center; } .c-vignette-block-content .c-vignette-block-title h2 { margin: 0; font-weight: 300; margin-bottom: 1rem; padding-left: 0px; color: #11387f; } .c-vignette-block-content .c-vignette-block-text { flex: 1 0 100%; } .c-vignette-block-content .c-vignette-block-text p { font-size: 16px; font-weight: 400; line-height: 1.75; } .c-vignette-block-button { flex: 1 0 100%; align-self: center; margin-top: 2rem; margin-bottom: 1rem; align-self: flex-end; margin-bottom: 0; } .c-vignette-block-button a { white-space: normal; line-height: 1.2; font-weight: 500; padding: 1rem 1.5rem; background-color: #847770; color: white; border: 1px solid #847770; background-color: #007fc8; border: 1px solid #007fc8; } .c-vignette-block-button a:hover { background-color: #0065a0; border-color: #0065a0; color: #fff; } @media screen and (max-width: 800px) { .c-vignette-block.is-standard.is-image-top, .c-vignette-block.is-standard.is-image-left, .c-vignette-block.is-standard.is-image-right { flex-wrap: wrap; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-body, .c-vignette-block.is-standard.is-image-left .c-vignette-block-body, .c-vignette-block.is-standard.is-image-right .c-vignette-block-body { flex-basis: 100%; order: 2; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-body .c-vignette-block-body-wrapper, .c-vignette-block.is-standard.is-image-left .c-vignette-block-body .c-vignette-block-body-wrapper, .c-vignette-block.is-standard.is-image-right .c-vignette-block-body .c-vignette-block-body-wrapper { padding: 16px; min-height: 30vh; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-content .c-vignette-block-title h2, .c-vignette-block.is-standard.is-image-left .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-content .c-vignette-block-title h2, .c-vignette-block.is-standard.is-image-right .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-content .c-vignette-block-title h2 { font-size: 1.5rem; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-content .c-vignette-block-text p, .c-vignette-block.is-standard.is-image-left .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-content .c-vignette-block-text p, .c-vignette-block.is-standard.is-image-right .c-vignette-block-body .c-vignette-block-body-wrapper .c-vignette-block-content .c-vignette-block-text p { font-size: 1rem; } .c-vignette-block.is-standard.is-image-top .c-vignette-block-thumbnail, .c-vignette-block.is-standard.is-image-left .c-vignette-block-thumbnail, .c-vignette-block.is-standard.is-image-right .c-vignette-block-thumbnail { min-height: 200px; flex-basis: 100%; order: 1; } } @media screen and (max-width: 480px) { .c-vignette-block .c-vignette-block-body .c-vignette-block-body-wrapper { padding: 12px; } } @media screen and (max-width: 320px) { .c-vignette-block .c-vignette-block-body .c-vignette-block-body-wrapper { padding: 8px; } } .c-block .wysiwyg, .c-block .c-tag-group-panel .c-tag-group-panel-title, .c-tag-group-panel .c-block .c-tag-group-panel-title { padding-top: 0px; } .c-block-title { color: #3D3935; font-size: 32px; font-weight: 300; line-height: 40px; margin: 0; padding: 0; } .c-search-page { cursor: inherit; } .c-search-page .c-search-panel { padding: 0px; } .c-search-page .c-search-panel .autocomplete-container { position: relative; } .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container { position: relative; display: flex; } .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .c-search-bar { border: 1px solid #A79C95; font-size: 1.4rem; line-height: 1.8rem; font-weight: 100; box-sizing: border-box; padding: 10px 35px 10px 10px; border-radius: 3px; box-shadow: none; } .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .c-search-bar:focus { outline: 0; } .c-search-page .c-search-panel .autocomplete-container .c-search-panel-container .c-clear-icon { cursor: pointer; } .c-search-page .c-loading-spinner { display: none; } .c-search-page .c-filter-block { padding-left: 0px; } .c-search-page .c-category-results-container { padding-top: 0px; } .c-search-page .c-category-results-container .c-document-list-item { padding-left: 1rem; } .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail { display: flex; align-items: center; justify-content: center; } .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail .c-document-list-item-tail-container { padding-right: 30px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail .c-document-list-item-view-container { width: 100px; } .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail .c-document-list-item-view-container .c-button, .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail .c-document-list-item-view-container .c-apply-button { padding: 0.5rem 2rem; } .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail .c-document-list-item-view-container .c-button.is-default, .c-search-page .c-category-results-container .c-document-list-item .c-document-list-item-tail .c-document-list-item-view-container .is-default.c-apply-button { background-color: #E6E3DF; } .c-search-page .l-show-more-btn { display: none; } .c-search-page .l-show-more-btn .c-button, .c-search-page .l-show-more-btn .c-apply-button { background-color: #F5F3F2; border: 1px solid #F5F3F2; color: #847770; padding: 12px 32px 12px 32px; border-radius: 0 0 3px 3px; font-weight: 600; font-size: 14px; } .c-product-document-block .c-filter-block { height: 100%; } .c-product-document-block .c-filter-block .is-bound { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: stretch; flex: 1 0 100%; } .c-product-document-block .c-filter-block .is-bound .c-filter-block-tag-list { flex: 0 1 75%; order: 0; padding: 0.5rem 1rem 0.5rem 1rem; } .c-product-document-block .c-filter-block .is-bound .c-filter-block-tag-list span { cursor: pointer; } .c-product-document-block .c-filter-block .is-bound .c-filter-block-search-bar { flex: 0 1 25%; padding: 0.5rem 1rem 0.5rem 1rem; align-self: center; } .c-product-document-block .c-filter-block .is-bound .c-filter-block-search-bar .c-filter-block-search-input { position: relative; height: 2.5rem; } .c-product-document-block .c-filter-block .is-bound .c-filter-block-search-bar .c-filter-block-search-input input { color: #847770; font-size: 1rem; height: 2rem; line-height: 1.5rem; box-shadow: none; border-width: 1px; border-style: solid; border-color: #A79C95; border-image: initial; padding: 1rem; height: 100%; padding: 0px 5px 0px 0.5rem; } .c-product-document-block .c-filter-block .is-bound .c-filter-block-search-bar .c-filter-block-search-input i.icon-symbol-close { color: #847770; float: right; font-size: 0.75rem; font-weight: 600; padding-right: 8px; position: absolute; transition: all 0.3s ease-in-out; right: 0px; top: 46%; display: none; } @media screen and (max-width: 580px) { .c-product-document-block .c-filter-block .is-bound .c-filter-block-search-bar { align-self: stretch; } } .c-product-document-block .c-filter-block .is-bound .l-products-list-container { padding: 1rem; flex-basis: 100%; } .c-product-document-block .c-filter-block .is-bound .l-products-list-container .l-products-list .c-document-list-item { padding-left: 0px; display: none; } .c-product-document-block .c-filter-block .is-bound .l-products-list-container .l-document-no-result { padding: 0.5rem; display: none; } .c-product-document-block .c-filter-block .is-bound .l-products-list-container .l-show-more-btn .c-button, .c-product-document-block .c-filter-block .is-bound .l-products-list-container .l-show-more-btn .c-apply-button { background-color: #F5F3F2; border: 1px solid #F5F3F2; color: #847770; padding: 12px 32px 12px 32px; border-radius: 0 0 3px 3px; font-weight: 600; font-size: 14px; } @media screen and (max-width: 580px) { .c-product-document-block .c-filter-block .is-bound.mobile { flex-direction: column; } } @media screen and (max-width: 580px) { .c-product-document-block .c-filter-block { padding-left: 0; } } .c-close-button { color: #3D3935; font-size: 1.125rem; margin: 36px 32px; position: absolute; right: 0; top: 0; } .c-close-button:hover { cursor: pointer; } /* Hide close button on mobile devices */ @media (max-width: 800px) { .c-close-button { display: none; } } .c-service-portfolio { justify-content: center; flex-direction: row; display: flex; flex: 0 1 1264px; } .c-service-portfolio .c-service-portfolio-content { flex: 0 1 25%; order: 0; display: flex; } .c-service-portfolio .c-service-portfolio-content .c-service-portfolio-category { margin-bottom: 2rem; } .c-service-portfolio .c-service-portfolio-content .c-service-portfolio-category p.title { color: #3D3935; font-size: 1.25rem; border-bottom: 2px solid #3D3935; padding-bottom: 5px; margin-bottom: 5px; font-weight: 300; } .c-service-portfolio .c-service-portfolio-content .c-service-portfolio-category p a { font-weight: 400; font-size: 1rem; color: #4456af; cursor: pointer; } @media screen and (max-width: 580px) { .c-service-portfolio .c-service-portfolio-content .c-service-portfolio-category { margin-bottom: 1rem; } } .c-service-portfolio .c-service-portfolio-content.left { padding: 1.5rem 1rem 1.5rem 0; flex-direction: column; } @media screen and (max-width: 580px) { .c-service-portfolio .c-service-portfolio-content.left { order: 3; flex-direction: column-reverse; } } .c-service-portfolio .c-service-portfolio-content.right { padding: 1.5rem 0px 1.5rem 1rem; flex-direction: column; } @media screen and (max-width: 580px) { .c-service-portfolio .c-service-portfolio-content.right { order: 2; flex-direction: column; } } @media screen and (max-width: 580px) { .c-service-portfolio .c-service-portfolio-content { flex: 0 1 100%; align-self: stretch; padding: 0 !important; } } .c-service-portfolio .c-service-portfolio-image { flex: 0 1 50%; order: 0; padding: 1.5rem; } @media screen and (max-width: 580px) { .c-service-portfolio .c-service-portfolio-image { flex: 0 1 100%; align-self: stretch; order: 1; padding: 0; margin-bottom: 0.5rem; } } @media screen and (max-width: 580px) { .c-service-portfolio { flex-direction: column; } } .c-document-section { /*background-color: $color-5-warm-grey; z-index: 100;*/ padding: 0; position: relative; width: 100%; /**::-ms-backdrop, ul.c-document-section-list { justify-content: center; }*/ } .c-document-section .c-document-section-swiper .swiper-slide { width: auto; } .c-document-section ul.c-document-section-list { margin: 1rem auto; padding-left: 0; width: -moz-fit-content; /* Fix for FF 61+ */ /*width: fit-content;*/ max-width: 1248px; border-bottom: 2px solid #F5F3F2; } .c-document-section ul.c-document-section-list .c-document-section-list-item { transition: background-color 225ms; } .c-document-section ul.c-document-section-list .c-document-section-list-item:hover { background-color: #F5F3F2; color: #847770; text-decoration: none; } .c-document-section ul.c-document-section-list .c-document-section-list-item a { padding: 0.4em 0.9em !important; font-weight: normal !important; font-size: 1rem !important; line-height: 1.25 !important; margin: 0px 2px; border-radius: 3px; box-sizing: border-box; text-decoration: none; text-align: center; display: inline-block; white-space: nowrap; border: 1px solid #E6E3DF; background-color: #F5F3F2; color: #847770 !important; cursor: pointer; } .c-document-section ul.c-document-section-list .c-document-section-list-item a:hover { text-decoration: none; } .c-document-section ul.c-document-section-list .c-document-section-list-item a.selected { background-color: #11387f; color: #fff !important; border-color: #11387f; } .c-document-section .c-document-section-button { height: 32px; position: absolute; top: 18px; width: 32px; } .c-document-section .c-document-section-button.is-next { background: linear-gradient(to right, transparent, #E6E3DF); right: 0; z-index: 10; cursor: pointer; } .c-document-section .c-document-section-button.is-next:after { color: #847770; content: "\F105"; display: block; font-family: ALicons; font-size: 30px; left: 0.5rem; position: absolute; } .c-document-section .c-document-section-button.is-prev { background: linear-gradient(to left, transparent, #E6E3DF); left: 0; z-index: 10; cursor: pointer; } .c-document-section .c-document-section-button.is-prev:after { color: #847770; content: "\F105"; display: block; font-family: ALicons; font-size: 30px; position: absolute; right: 0.5rem; transform: rotate(180deg); } span.c-document-section-target { height: 5px; margin-bottom: -5px; z-index: 9999; font-size: 1px; visibility: hidden; } span.in-page-block-level { width: 5px; } span.in-page-block-level + .l-section, span.in-page-block-level + .block-100, .l-list span.in-page-block-level + .l-list-item { margin-right: -5px; } @media screen and (max-width: 900px) { .c-document-section.sticky { top: 56px; } } .grey-5 { color: #F5F3F2; } .grey-10 { color: #F5F3F2; } .grey-20 { background-color: #E6E3DF; } .grey-40 { color: #CBC3BB; } .grey-70 { color: #A79C95; } .grey-110 { color: #3D3935; } @media screen and (min-width: 481px) { .is-mobile { display: none; } } @media screen and (max-width: 480px) { .is-desktop { display: none; } } .is-gray-20 { background-color: #F5F3F2; } .has-padding-horizontal { padding-left: 16px; padding-right: 16px; } .no-margin-top { margin-top: 0; } .is-bound { max-width: 1248px; margin: auto; } @media screen and (max-width: 1248px) { .is-bound .is-bound { padding: 16px; } } .hidden { display: none; } .is-hidden { visibility: hidden; height: 0; } .is-gray { background-color: #F5F3F2; } .is-upper-case { text-transform: uppercase; } .p-1 { padding: 16px; } .no-shadow { box-shadow: none; } .pr-8 { padding-right: 8px; } .pt-16 { padding-top: 16px; } .select-pagelist { /* default needed */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/assets/img/icons/arrow-down.png"); background-color: white; background-position: calc(100% - 4px) center; background-repeat: no-repeat; background-size: 1.125rem; border: solid 1px #CBC3BB; border-radius: 3px; color: #847770; font-size: 1rem; font-weight: 500; width: 100%; line-height: 1; /*added as per the requirement */ padding: 0px 1rem; height: 3rem; border-color: #CBC3BB; } .pagelist-title { font-size: 1.25rem; font-weight: 300; margin: 0.75rem 0; } .overlay { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background-color: rgba(67, 63, 61, 0.6); z-index: -100; opacity: 0; transition-duration: 275ms; transform: opacity; } .overlay.show { opacity: 1; z-index: 500; } @media screen and (max-width: 900px) { .no-scroll { overflow: hidden; } } .p-0 { padding: 0px; } .pt-0 { padding-top: 0px; } .pr-0 { padding-right: 0px; } .pb-0 { padding-bottom: 0px; } .pl-0 { padding-left: 0px; } .p-8 { padding: 8px; } .pt-8 { padding-top: 8px; } .pr-8 { padding-right: 8px; } .pb-8 { padding-bottom: 8px; } .pl-8 { padding-left: 8px; } .p-16 { padding: 16px; } .pt-16 { padding-top: 16px; } .pr-16 { padding-right: 16px; } .pb-16 { padding-bottom: 16px; } .pl-16 { padding-left: 16px; } .p-32 { padding: 32px; } .pt-32 { padding-top: 32px; } .pr-32 { padding-right: 32px; } .pb-32 { padding-bottom: 32px; } .pl-32 { padding-left: 32px; } .p-48 { padding: 48px; } .pt-48 { padding-top: 48px; } .pr-48 { padding-right: 48px; } .pb-48 { padding-bottom: 48px; } .pl-48 { padding-left: 48px; } .m-0 { margin: 0px; } .mt-0 { margin-top: 0px; } .mr-0 { margin-right: 0px; } .mb-0 { margin-bottom: 0px; } .ml-0 { margin-left: 0px; } .m-8 { margin: 8px; } .mt-8 { margin-top: 8px; } .mr-8 { margin-right: 8px; } .mb-8 { margin-bottom: 8px; } .ml-8 { margin-left: 8px; } .m-16 { margin: 16px; } .mt-16 { margin-top: 16px; } .mr-16 { margin-right: 16px; } .mb-16 { margin-bottom: 16px; } .ml-16 { margin-left: 16px; } .m-32 { margin: 32px; } .mt-32 { margin-top: 32px; } .mr-32 { margin-right: 32px; } .mb-32 { margin-bottom: 32px; } .ml-32 { margin-left: 32px; } table { color: #3c3c3c; text-align: left; border-top: 1px solid #E6E3DF; border-bottom: 1px solid #E6E3DF; border-collapse: collapse; border-spacing: 0; display: table; table-layout: auto; width: 100%; } table th { font-family: sans-serif; font-weight: bold; background: #cdc9c5; padding: 8px 16px; overflow: hidden; text-overflow: ellipsis; } table td { padding: 8px 16px; overflow: hidden; text-overflow: ellipsis; } #news-list .l-section-side { min-width: 375px; max-width: 375px; } #news-list .l-section-side .l-content, #news-list .l-section-side .l-list, #news-list .l-section-side .l-products-list { width: 100%; } #news-list .l-section-main.is-stretched { max-width: inherit; } #news-list ul { margin: 0; padding: 0; } #news-list .c-input-date { font-size: 12px; } #news-list .margin-btm-20 { margin-bottom: 20px; } @media screen and (max-width: 1150px) { #news-list .l-section-33, #news-list .l-list .l-list-item.list-item-33, .l-list #news-list .l-list-item.list-item-33, #news-list .l-section-50 { min-width: 100%; } #news-list .l-section-33 img, #news-list .l-list .l-list-item.list-item-33 img, .l-list #news-list .l-list-item.list-item-33 img, #news-list .l-section-50 img { width: 50%; margin: 0 auto; } } @media screen and (max-width: 800px) { #news-list .l-section-side { width: 100%; max-width: 100%; } #news-list .hide-in-mobile { display: none; } #news-list .l-section-block, #news-list .block-100 { margin-bottom: 0; } #news-list .l-section-33 img, #news-list .l-list .l-list-item.list-item-33 img, .l-list #news-list .l-list-item.list-item-33 img, #news-list .l-section-50 img { width: 100%; } } #customer-story-list-page { max-width: 1248px; padding: 16px; } #customer-story-list-page h3, #customer-story-list-page h4 { font-size: 16px; font-weight: 700; line-height: 20px; margin-top: 0; } #customer-story-list-page p { font-size: 16px; line-height: 20px; text-align: left; color: #3D3935; } #customer-story-list-page label { font-size: 16px; } #customer-story-list-page c-loading-spinner { width: 100%; } #customer-story-list-page section { width: 100%; } #customer-story-list-page label { font-weight: 400; } #customer-story-list-page .hide-in-mobile { display: none; } @media screen and (min-width: 1051px) { #customer-story-list-page .text-within-image { border-radius: 3px 3px 3px 3px; overflow: hidden; position: relative; } #customer-story-list-page .text-within-image:hover h3 { text-decoration: underline; } #customer-story-list-page .text-within-image .hide-in-mobile { display: block; } #customer-story-list-page .text-within-image .c-list-block-tail { background-color: white; border-radius: 3px 3px 24px 3px; bottom: 40px; height: 65%; left: 32px; overflow: hidden; position: absolute; width: 45%; } #customer-story-list-page .text-within-image .c-list-block-tail .tail-header { background-color: #11387f; display: flex; color: white; font-size: 16px; font-weight: 700; justify-content: space-between; line-height: 20px; padding: 8px 8px 8px 16px; } #customer-story-list-page .text-within-image .c-list-block-tail .tail-header h3 { flex: 1; margin-top: 0; background-color: #11387f; display: flex; color: white; font-size: 16px; font-weight: 700; justify-content: space-between; line-height: 20px; margin: 0; padding-right: 20px; } #customer-story-list-page .text-within-image .c-list-block-tail p { padding: 8px; } } html.campaign header.campaign-header .header-inner { margin: auto; min-width: inherit; } html.campaign header.campaign-header .bottom-menu .menu-toplevel-link:hover { text-decoration: none; } html.campaign header.campaign-header .bottom-menu .menu-toplevel-link:visited { color: #11387f; } html.campaign footer a:hover { text-decoration: none; } html.campaign footer .footer-bar, html.campaign footer .footer-contact-container { min-width: inherit; margin: auto; } html.campaign footer .footer-contact-link a { font-size: inherit; line-height: inherit; color: inherit; } html.campaign footer .footer-contact-link a:hover { color: #847770; } html.campaign .bounds { margin: auto; } html.campaign .panel-link-default, html.campaign .menu-link { color: #847770; } html.campaign .panel-link-default:visited, html.campaign .menu-link:visited { color: #847770; } html.campaign .panel-link-default:hover, html.campaign .menu-link:hover { text-decoration: none !important; } html.campaign .c-hero-banner-card { position: absolute; } html.campaign .c-hero-banner-card .c-hero-banner-card-header { font-size: 4.8rem; } html.campaign .c-hero-banner-card .c-hero-banner-card-subtitle { font-size: 2.2rem; } html.campaign .c-hero-banner-card .c-hero-banner-card-paragraph { font-size: 1.5rem; } @media screen and (max-width: 1025px) { html.campaign .menu-toplevel-link { font-size: 14px; padding: 0.5rem 0 0.5rem 1rem; } } @media screen and (max-width: 800px) { html.campaign .c-hero-banner { max-height: none; } html.campaign .c-hero-banner .c-hero-banner-content { background-color: transparent; } html.campaign .c-hero-banner-card { position: relative; } } .social-box, .mobile .mobile-social-box-small, .desktop .footer-contact-container .footer-contact-social .mobile-social-box-small { color: #A79C95; } .footer-bar-wrap, .panel-primary, .sidebar-callout-primary-header, .icon-bluebox:after, .textbox-panel, .spot-panel-primary-fullwidth, .spot-primary, .desktop .quote-container, .accord-head-default, .accord-head-primary, .mobile-header-submenu, .mobile-header-search-box, .hero-spot-primary, .mobile .hero .slick-list { background-color: #11387f; } .menu-toplevel-link:after { background-color: #11387f; } .desktop .footer-contact-container .footer-contact-link, .desktop .footer-contact-container .footer-contact-phone, .desktop .footer-contact-container .footer-contact-mail { color: #847770; } .focus-gray:focus { -webkit-box-shadow: 5px 0 #11387f inset; background-color: #F5F3F2; box-shadow: 5px 0 #11387f inset; outline: none; } .button-primary, .footer-button, .desktop .hero-button-primary, .mobile .hero-wrap.standalone .hero-button-primary, .wysiwyg input[type="submit"], .c-tag-group-panel .c-tag-group-panel-title input[type="submit"], .contact-item input[type="submit"], .mobile .footer-contact-container .footer-contact-phone, .mobile .footer-contact-container .footer-contact-mail { background-color: #11387f; border: 1px solid #11387f; color: #fff; } .button-light-text-blue, .spot-fullwidth-button, .desktop .hero-button-light, .mobile .hero-button-light { background-color: #fff; border: 1px solid #F5F3F2; color: #11387f; } .not-touch .button-light-text-blue:hover { background-color: #E6E3DF; border-color: #E6E3DF; color: #11387f; } .tag.tag-active, .tag:active { background-color: #11387f; border-color: #11387f; color: #fff; } .highlight-primary, .sidebar-primary-header, .sidebar-callout-header, .sidebar-callout-primary-header, .accord-head-default, .accord-head-primary, .category-results-container, .contact-highlight-bottom { border-color: #11387f; } .highlight-top-primary { border-top-color: #11387f; } .list-primary li { color: #11387f; } .list-primary li:before { color: #11387f; } .content-tab-item-active:before { background-color: #11387f; border-left: 1px solid #11387f; border-right: 1px solid #11387f; } .dl-icon-size1 { background: url("/assets/img/symbols-download-small.png") no-repeat; height: 36px; width: 27px; } .dl-icon-size2 { background: url("/assets/img/symbols-download-big.png") no-repeat; height: 42px; margin: auto; width: 32px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .dl-icon-size1 { -webkit-background-size: 450px; background: url("/assets/img/symbols-download-small@2x.png") no-repeat; background-size: 450px; height: 36px; width: 27px; } .dl-icon-size2 { -webkit-background-size: 450px; background: url("/assets/img/symbols-download-big@2x.png") no-repeat; background-size: 450px; margin: auto; height: 42px; width: 32px; } } .dl-icon-file { background-position: 0px 0px; } .dl-icon-doc, .dl-icon-docx { background-position: -80px 0px; } .dl-icon-zip, .dl-icon-zipx, .dl-icon-rar, .dl-icon-tar, .dl-icon-gz { background-position: -160px 0px; } .dl-icon-pdf { background-position: -240px 0px; } .dl-icon-xls, .dl-icon-xlsx { background-position: -320px 0px; } .dl-icon-pic, .dl-icon-jpg, .dl-icon-jpeg, .dl-icon-png, .dl-icon-gif, .dl-icon-bmp { background-position: -400px 0px; } html:not(.campaign) .EPiServerForms { background-color: #F5F3F2; padding: 20px 40px; } html:not(.campaign) .EPiServerForms h2.Form__Title { font-family: "HelveticaNeueW02-45Ligh", sans-serif; font-size: 1.5rem; padding: 0 0 20px 0; margin: 0; } html:not(.campaign) .EPiServerForms .Form__Success__Message a { color: #4456af; } html:not(.campaign) .EPiServerForms .Form__Success__Message a:hover { color: #3c3c3c; text-decoration: underline; } html:not(.campaign) .EPiServerForms .Form__Description, html:not(.campaign) .EPiServerForms .Form__Status, html:not(.campaign) .EPiServerForms .Form__Status__Message, html:not(.campaign) .EPiServerForms .Form__Status p { font-size: 16px; font-weight: 300; line-height: 1.7; margin-bottom: 0.71rem; } html:not(.campaign) .EPiServerForms .Form__Success__Message, html:not(.campaign) .EPiServerForms .Form__Readonly__Message, html:not(.campaign) .EPiServerForms .Form__Warning__Message, html:not(.campaign) .EPiServerForms .Form__Warning, html:not(.campaign) .EPiServerForms .Warning { background-color: transparent !important; } html:not(.campaign) .EPiServerForms .Form__Success__Message { /*color: #4CAF50 !important*/ } html:not(.campaign) .EPiServerForms .Form__Warning__Message, html:not(.campaign) .EPiServerForms .Form__Warning, html:not(.campaign) .EPiServerForms .Warning { color: #f44336 !important; } html:not(.campaign) .EPiServerForms .Form__Readonly__Message { color: #ff9800 !important; } html:not(.campaign) .EPiServerForms .Form__Description, html:not(.campaign) .EPiServerForms .Form__Success__Message, html:not(.campaign) .EPiServerForms .Form__Success__Message p { font-family: "HelveticaNeueW02-45Ligh", sans-serif; font-size: 1.28rem; } html:not(.campaign) .EPiServerForms .Form__Element { font-size: 1.01rem; margin: 0 0 1.07rem 0; } html:not(.campaign) .EPiServerForms textarea.FormTextbox__Input { min-height: 4.2em; resize: vertical; } html:not(.campaign) .EPiServerForms .Form__Element label, html:not(.campaign) .EPiServerForms .Form__Element .Form__Element__Caption { display: block !important; font-size: 1.01rem; line-height: 1.7; min-width: 15%; padding: 0; vertical-align: top; } html:not(.campaign) .EPiServerForms .Form__Element .Form__Element__ValidationError { color: #f44336; display: block; padding-top: 0.35em; word-wrap: break-word; } html:not(.campaign) .EPiServerForms .hide { display: none !important; } html:not(.campaign) .EPiServerForms .FormTextbox__Input, html:not(.campaign) .EPiServerForms select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: border-color 0.1s ease-out; border: 1px solid #E6E3DF; border-radius: 0.28rem; box-sizing: border-box; color: #3c3c3c; font-family: sans-serif; font-size: 1.01rem; font-weight: 400; padding: 0.5rem 0.64rem; transition: border-color 0.1s ease-out; width: 100%; margin: 0; } html:not(.campaign) .EPiServerForms .FormCaptcha { background-color: #ECE8E5; border: 2px solid #cdc9c5; border-color: #cdc9c5 #fff #fff #cdc9c5; border-radius: 6px; margin: 1.43em 0; padding: 0.71em; } html:not(.campaign) .EPiServerForms .FormCaptcha .Form__Element__Caption { padding-bottom: 0.71rem; } html:not(.campaign) .EPiServerForms .FormCaptcha .FormCaptcha__Image { margin-right: 1em; } html:not(.campaign) .EPiServerForms .FormCaptcha .FormTextbox__Input { vertical-align: top; width: 7.1em; } html:not(.campaign) .EPiServerForms .FormCaptcha .FormCaptcha__Refresh { font-size: 0.71em; height: auto; margin-left: 0.71em; width: auto; } html:not(.campaign) .EPiServerForms .FormChoice--Image .hidden { visibility: hidden; } html:not(.campaign) .EPiServerForms .FormChoice--Image .FormChoice--Image__Item { border: 2px solid transparent; display: inline-block !important; margin: 0.35rem; max-width: 45%; padding: 2px; text-align: center; } html:not(.campaign) .EPiServerForms .FormChoice--Image__Item:hover { border-color: #F5F3F2; } html:not(.campaign) .EPiServerForms .FormChoice--Image .FormChoice__Input ~ img { border: 2px solid transparent; padding: 2px; pointer-events: none; } html:not(.campaign) .EPiServerForms .FormChoice--Image .FormChoice__Input:checked ~ img { border: 2px solid rgba(41, 128, 189, 0.5); } html:not(.campaign) .EPiServerForms .FormChoice--Image__Item__Caption { display: none; } html:not(.campaign) .EPiServerForms .FormChoice--Image { background-color: #fff; } html:not(.campaign) .EPiServerForms .FormChoice--Image .Form__Element__Caption { background-color: #F5F3F2; } html:not(.campaign) .EPiServerForms .FormRange .FormFileUpload__Input { background-color: #fff; } html:not(.campaign) .EPiServerForms .FormRange .FormRange__Input { display: inline; width: 50%; } html:not(.campaign) .EPiServerForms .FormSubmitButton, html:not(.campaign) .EPiServerForms .FormResetButton { -webkit-font-smoothing: antialiased; -webkit-user-select: none; background-color: #11387f; border: 1px solid #11387f; border-radius: 3px; box-sizing: border-box; color: #fff; display: inline-block; font-family: sans-serif; font-size: 1.01rem; margin: 15px 20px 0 0 !important; outline: none; padding: 0.71rem 1.9rem; text-align: center; text-decoration: none; transition: background-color 0.2s ease-out, border-color 0.2s ease-out; white-space: nowrap; width: auto !important; } html:not(.campaign) .EPiServerForms .FormSubmitButton:hover { background-color: #0d2c65; border-color: #0d2c65; cursor: pointer; } html:not(.campaign) .EPiServerForms .FormResetButton { background-color: #fff; border: 1px solid #E6E3DF; color: #847770; } html:not(.campaign) .EPiServerForms .FormResetButton:hover { background-color: #E6E3DF; border-color: #E6E3DF; color: #3c3c3c; cursor: pointer; } html:not(.campaign) .EPiServerForms .FormImageSubmitButton { background-color: transparent; border: 0; cursor: pointer; padding: 0 0 2px 0; vertical-align: top; } html:not(.campaign) .EPiServerForms .FormImageSubmitButton:hover { background-color: transparent; padding: 2px 0 0 0; } html:not(.campaign) .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action { background-image: -moz-linear-gradient(top, #fff, #ECE8E5); background-image: -ms-linear-gradient(top, #fff, #ECE8E5); background-image: -webkit-linear-gradient(top, #fff, #ECE8E5); background-image: linear-gradient(top, #fff, #ECE8E5); border: 1px solid rgba(41, 128, 189, 0.5); border-radius: 4px; color: initial; display: inline-block; font-size: 11px; text-align: center; vertical-align: middle; } html:not(.campaign) .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:disabled { color: GrayText; } html:not(.campaign) .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar { border: 1px solid rgba(41, 128, 189, 0.5); display: inline-block; vertical-align: middle; width: 40%; } html:not(.campaign) .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress { background-color: rgba(41, 128, 189, 0.5); height: 0.71rem; width: 0%; } html:not(.campaign) .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Text { display: none; } html:not(.campaign) .EPiServerForms .FormStep .FormStep__Description { margin-bottom: 0.71rem; } html:not(.campaign) .EPiServerForms .EditView__InvisibleElement.FormStep { background-color: rgba(184, 192, 197, 0.6); border-color: rgba(184, 192, 197, 0.6); border-radius: 4px; box-shadow: 3px 3px 5px #ccc; color: #000; display: block; font-family: Verdana; padding: 0.14rem; } html:not(.campaign) .EPiServerForms .EditView__InvisibleElement.FormStep .FormStep__Warning { background-color: #fff8aa; color: red; display: block; word-wrap: break-word; } html:not(.campaign) .EPiServerForms .EditView__InvisibleElement.FormHidden { border: 1.5px outset rgba(184, 192, 197, 0.6); border-radius: 4px; display: inline-block; min-width: 12.8rem; padding: 0.14rem 0.71rem; } /*# sourceMappingURL=styles.css.map*/