@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700"); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, button, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input[type="submit"] { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } a { text-decoration: none; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } img, td { vertical-align: top; } button { background: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } .content .content-form label, .content-databox.mod-text, .subnavigation-list-item-link, .thirdsubnavigation-list-item-link { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .section-map .map-canvas { /* this fixes the overflow */ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } @font-face { font-family: 'zerowidthspacesmedium'; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAALkAA8AAAAABwgAAAKIAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiYGYACCUggEEQgKaH4BNgIkAxgLDgAEIAWFKAdMP3dlYmYGGwkGyA4lBVMACkgMQkA8fL/f/9Y+hpg38WaSzKJ6ZSidITMk2v8hEUUlwU/Q3nCv1nQvBMJmVgbZAbB72AuDjFGRERarO75SdPr76VuL/xWAVbz7swqNaIu2BqrWbt/5wMfDIW6Rm+jej4l8GwKe3BtxEPDo/uUBeLr38zwMwzGRhUIIVShIkPsCpYi/qlJX1DsxK16eXzqeRoOkZU5E+ix2nczI8Gv2gl7j/zkom1mxsDjlbAxgzJjert9GKcrWKkuBwe4nCbM9FvS6Lu3Qfe+OvxtCTR1NURhpF1FOoljh/2KzUNi7NtcxmOg6o0DDLY/PGILRxGMXn88FUUoMuzrqylHzkOGxmXr/bN/h/abrD+9udl1fWLK6f1DxZ3lfqx8yfE4yz9yEqJr+QS16Ogj9NoagPblcDo1a/c+swcDLi5sfO6XjdT+44VCCsrl7s/f8dPy9fAta+m0zIN06KXOgUVmYEALroT9ouGuyKENwg1waZspMlpAMd5uQnfVHKBZGmFDNDpHQzIwb4Y6J8SDctTR+CPcMjl/QfUNj4EVvs6nxb5MtItgjMiS6QEWCnZUl8+t1bihlRTK2JVgiBtCsk4m9MZRlwD6evDVCkJ+bl5lsNba3txbncWE+Dsu1bjtc3rVE9myuyNaKNpDl2TtrAgnZqSxc/8TBYkljHBpSUbv05ELUkmHE4Ix6iAihjHHx8Q/Gz8sngCceZdAdx9tJzLMEXjhwx9V4IR0mBvYJwQiit9jLUMIaKZUFIar6kDh/KA8J7xx42+1nCFnvi4mBfU6zUMvGwcT2LgXz/1iz4yTnrkakyHKUqO3U+ct67It8/YMOFyfepRuWilP8q7ZuArZ/8eKbAAA=) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATAAA8AAAAABwgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAccOldaUdERUYAAAF0AAAAIgAAACYAJwAsT1MvMgAAAZgAAABKAAAAYGJnjp9jbWFwAAAB5AAAAEoAAAFSBLks8GN2dCAAAAIwAAAABAAAAAQARAURZ2FzcAAAAjQAAAAIAAAACAAAABBnbHlmAAACPAAAAGEAAABoJ54Dp2hlYWQAAAKgAAAALAAAADYEPgiaaGhlYQAAAswAAAAcAAAAJAaqA99obXR4AAAC6AAAABUAAAAYCZYARGxvY2EAAAMAAAAADgAAAA4AjACEbWF4cAAAAxAAAAAfAAAAIABKADluYW1lAAADMAAAAU4AAAKoGh5e2XBvc3QAAASAAAAANwAAAEyJUq0fd2ViZgAABLgAAAAGAAAABi6lVS4AAAABAAAAANDKDVcAAAAAzstw7gAAAADRU98jeNpjYGRgYOABYjEGOQYmBkYgZAViFqAIExAzQjAACKkAVAAAeNpjYGFhYPzCwMrAwmrMOoOBgVEeQjNfZUhhEmBgYGJgY2aAAQQLCALSXFMYDjAoqP5hS/uXxsDA4sKgARRmRFKiwMAIAPK6Ce8AAHjaY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhExAWoFhgeqf//8RrP+P/6fc4oTqAgNGNgY4lxGkh4kBFTBCrBoagIUsXQA6bQzSAAAARAURAAEAAf//AA942mNgYnBhYGBKYQ1lYGZgZ9DbyMigb7OJnYXhrdFGNtY7NpuYmYBMho3MIGFWkPAmdjbGPzabGEHixoKKgqqKgoouTAr/VBhn/MtgDf212oXlLAMDAyMDEjBkAACuEhZiAAAAeNpjYGRgYABitgsFLPH8Nl8Z5DkYQOBi8H0VZJophTUUSHEwMIF4APS+CCt42mNgZGBgcfl/A0gygABTCgMjAypgAwBHcAKSeNpjesPgwgAETKsY4IAFiAElNgHjAAAAAAAALAAsACwALAAsADQAAHjaY2BkYGBgY+BgYGIAARDJyAASc2DQAwkAAAS3AIQAeNqFUT1LA0EQfetF0WBtYRG2VDDnGbmA6SSQQhCEgAG7i7mY89u7E9HSH2Et/ghrS7/+gH/A0trSd7PjoQiRZWfe7r55824OwCxu4MFUZgDccTtsUOPJ4QlyHhR72Mer4gqWTFPxJKzpK55CzVwrfsScuVX8hMDcK37GtHlX/IKq+XD4zcO8+UQbKWJEyBkHsOjjknGDNxlOcEy8BZ+xzdMuRmRHvI1R/VN5gYR4RNSRylxyij2+WzSoEjAvkJFznaKFZa6hcocl12fnIWPRJccirphTvhb6A+mQsTqim5hoU7onOMfR2L4t7h1VqqNXall0f6hZ9WHJiDkLV7fGihUq1bkDotV/PNlfrraFm/Hk5hmIhi+5cDZey/n4npLVyp7OfJ3MVG5DUQ7ptyExRFO+PpC3A/Jjcotvcz46pWIXZ/SZ8KX4n4df4hdpCQAAeNpjYGIAg/8MDGkM2AAbAwMjEyMzAzMjCyMrW3pOZUGGIYQyYi/NyzQwcDQA0Uambs4A9YMKoQAAAVUuLqQAAA==) format("woff"), url("zerowidthspaces-webfont.ttf") format("truetype"), url("zerowidthspaces-webfont.svg#zerowidthspacesmedium") format("svg"); font-weight: normal; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::selection { background: rgba(120, 171, 51, 0.7); color: #f9f9f9; } ::-moz-selection { background: rgba(120, 171, 51, 0.7); color: #f9f9f9; } html { font-size: 62.5%; } body { min-height: 100%; font-size: 1.6em; overflow-x: hidden; } body:after { content: "desktop"; border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media screen and (max-width: 68.75em) { body:after { content: "mobile"; } } body.is-fixed { position: fixed; overflow-y: scroll; width: 100%; } .site { font-size: 15px; font-size: 1.5rem; line-height: 1.5em; font-family: 'Open Sans', sans-serif; } @media screen and (max-width: 68.75em) { .site { font-size: 12.5px; font-size: 1.25rem; } } .site-main:after { content: ""; position: fixed; top: -7000px; top: -700rem; left: 0; width: 100vw; height: 100vh; display: block; background-color: rgba(13, 13, 13, 0.3); z-index: 50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.55s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: top 0s step-end 0.55s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: top 0s step-end 0.55s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: top 0s step-end 0.55s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); transition: top 0s step-end 0.55s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); } @media screen and (max-width: 68.75em) { .site-main:after { display: none; } } .site-main.mod-cover:after { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end 0s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: top 0s step-end 0s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: top 0s step-end 0s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: top 0s step-end 0s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); transition: top 0s step-end 0s , opacity 0.275s cubic-bezier(0.22, 1, 0.46, 0.95); } .section { padding-top: 23px; padding-top: 2.3rem; padding-bottom: 23px; padding-bottom: 2.3rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section { padding-top: 17.25px; padding-top: 1.725rem; padding-bottom: 17.25px; padding-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .container { margin: 0 auto; max-width: 1200px; max-width: 120rem; padding-left: 46px; padding-left: 4.6rem; padding-right: 46px; padding-right: 4.6rem; width: 100%; } @media screen and (max-width: 68.75em) { .container { padding-left: 34.5px; padding-left: 3.45rem; padding-right: 34.5px; padding-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .container { padding-left: 23px; padding-left: 2.3rem; padding-right: 23px; padding-right: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .container { padding-left: 17.25px; padding-left: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .container { padding-right: 17.25px; padding-right: 1.725rem; } } .element-link { display: block; } .hide-this { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; } #clown { max-width: 200px; } #clown .keyword-cloud .keyword_item { margin-right: 3px; margin-right: 0.3rem; } .show-this { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } .notify { color: #D32F2F !important; } .alert, .alert-danger { color: #f9f9f9; font-weight: 700; padding: 23px; padding: 2.3rem; margin-bottom: 23px; margin-bottom: 2.3rem; border-radius: 2px; } @media screen and (max-width: 68.75em) { .alert, .alert-danger { padding: 17.25px; padding: 1.725rem; } } @media screen and (max-width: 68.75em) { .alert, .alert-danger { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .alert-danger, .alert-error, .alert-failure, .alert-danger-danger, .alert-danger-error, .alert-danger-failure { background-color: #D32F2F !important; } .alert-warning, .alert-danger-warning { background-color: #FBC02D !important; color: #4d5054; } .alert-success, .alert-danger-success { background-color: #689F38 !important; } .alert-info, .alert-danger-info { background-color: #1976D2 !important; } .alert-link, .alert-danger-link { color: #f9f9f9; text-decoration: underline; } .eadmin_preview .section { padding-left: 46px; padding-left: 4.6rem; padding-right: 46px; padding-right: 4.6rem; } @media screen and (max-width: 68.75em) { .eadmin_preview .section { padding-left: 34.5px; padding-left: 3.45rem; padding-right: 34.5px; padding-right: 3.45rem; } } .eadmin_preview .section .preview-header h1 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .eadmin_preview .section .preview-header h1 { font-size: 20.5px; font-size: 2.05rem; } } @media screen and (max-width: 68.75em) { .eadmin_preview .section .preview-header h1 { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .eadmin_preview .section .color td, .eadmin_preview .section .preview td { padding-right: 11.5px; padding-right: 1.15rem; padding-bottom: 11.5px; padding-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .eadmin_preview .section .color td, .eadmin_preview .section .preview td { padding-right: 8.625px; padding-right: 0.8625rem; } } @media screen and (max-width: 68.75em) { .eadmin_preview .section .color td, .eadmin_preview .section .preview td { padding-bottom: 8.625px; padding-bottom: 0.8625rem; } } .visually-hidden, .footer-logo .name { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #debug, #vv_logger { position: absolute; width: 1px; height: 1px; left: -2px; bottom: 0; } .spamfilter { display: none; } @-webkit-keyframes arrow { 0% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform: translateY(15%); -moz-transform: translateY(15%); -ms-transform: translateY(15%); transform: translateY(15%); } } @-moz-keyframes arrow { 0% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform: translateY(15%); -moz-transform: translateY(15%); -ms-transform: translateY(15%); transform: translateY(15%); } } @-ms-keyframes arrow { 0% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform: translateY(15%); -moz-transform: translateY(15%); -ms-transform: translateY(15%); transform: translateY(15%); } } @keyframes arrow { 0% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } 100% { -webkit-transform: translateY(15%); -moz-transform: translateY(15%); -ms-transform: translateY(15%); transform: translateY(15%); } } .sec-navigation { position: absolute; width: 100%; top: 60px; } .sec-navigation .container { text-align: right; padding-top: 0px !important; } @media screen and (max-width: 68.75em) { .sec-navigation .container { padding-right: 0px; } } .sec-navigation .container .language-block { display: inline-block; margin-right: 10px; } @media screen and (max-width: 68.75em) { .sec-navigation .container .language-block { margin-right: 0px; } } .sec-navigation .container .language-block .extranet-bottom { background-color: #FFF; color: #4d5054; padding: 5px 10px; border-radius: 10px; margin-bottom: 5px; display: none; } @media screen and (max-width: 68.75em) { .sec-navigation .container .language-block .extranet-bottom { display: block; } } .sec-navigation .container .language-block .language-links { background-color: #8CC83C; display: inline-block; position: relative; text-align: center; z-index: 2; padding: 7px 0px 7px 0px; color: white; } @media screen and (max-width: 68.75em) { .sec-navigation .container .language-block .language-links { padding: 12px 20px 12px 0px; } } .sec-navigation .container .language-block .language-links-select { color: white; -webkit-transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .sec-navigation .container .language-block .language-links-select a { color: white; } .sec-navigation .container .language-block .language-links-select:hover { color: #e0e0e0; } .sec-navigation .container .language-block:before { content: ""; position: absolute; background-color: #8CC83C; display: block; height: 100%; width: 50px; transform: skew(25deg); margin-left: -25px; z-index: 1; border-radius: 0px 0px 0px 7px; display: inline-block; } .sec-navigation .container .language-block:after { content: ""; position: absolute; background-color: #8CC83C; height: 100%; width: 50px; top: 0; transform: skew(-25deg); z-index: 1; margin-left: -25px; border-radius: 0px 0px 7px 0px; display: inline-block; } @media screen and (max-width: 68.75em) { .sec-navigation .container .language-block:after { display: none; } } .main-header { position: absolute; z-index: 100; top: 0; left: 0; right: 0; height: auto; -webkit-transition: height 0s step-end 0.55s; -webkit-transition: height 0s step-end 0.55s; -moz-transition: height 0s step-end 0.55s; -o-transition: height 0s step-end 0.55s; transition: height 0s step-end 0.55s; } .main-header .main-header-container { background-color: #FFF; padding-bottom: 20px; } @media screen and (max-width: 68.75em) { .main-header .main-header-container { padding: 0px; } } .main-header .main-header-container:before { background-color: #8CC83C; content: ""; position: absolute; height: 100%; width: 17%; } .main-header .container { position: relative; z-index: 50; padding-top: 2.875px; padding-top: 0.2875rem; } @media screen and (max-width: 68.75em) { .main-header .container { padding-top: 2.15625px; padding-top: 0.21563rem; } } .main-header .container.mod-secnav { z-index: 100; padding-top: 0; padding-bottom: 0; padding-right: 97.75px; padding-right: 9.775rem; } @media screen and (max-width: 68.75em) { .main-header .container.mod-secnav { padding-right: 73.3125px; padding-right: 7.33125rem; } } @media screen and (max-width: 68.75em) { .main-header .container.mod-secnav { padding-right: 0; margin-bottom: 11.5px; margin-bottom: 1.15rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .main-header .container.mod-secnav { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .main-header .container.main-header-container-padding { padding: 15px 0 25px 0; } @media screen and (max-width: 68.75em) { .main-header .container.main-header-container-padding { padding: 10px 0; } } @media screen and (max-width: 68.75em) { .main-header .container.main-header-container-padding { padding: 20px 0; } } .main-header:after { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(13, 13, 13, 0.3); top: -7000px; top: -700rem; -webkit-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , -webkit-transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; } @media screen and (max-width: 68.75em) { .main-header:after { pointer-events: none; background-color: white; } } .main-header.is-open:before { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); transform: scale(3); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; background-color: rgba(148, 232, 37, 0); } .main-header.is-open:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; top: 0px; -webkit-transition: top 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) 0.055s , -webkit-transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: top 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) 0.055s , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: top 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) 0.055s , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: top 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) 0.055s , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); transition: top 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) 0.055s , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); } .header.mod-mobile { display: none; } @media screen and (max-width: 68.75em) { .header.mod-mobile { display: block; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: stretch; } } .header.mod-mobile .header-logo { flex-grow: 1; } .header.mod-mobile .header-logo .header-logo-mobile { position: absolute; background-image: url("/images/ptt-logo-boxed_2.png"); background-size: cover; width: 270px; height: 100px; top: -30px; left: -65px; } .header.mod-mobile .header-logo .header-logo-mobile svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 170px; left: 160px; } .header.mod-mobile .js-mobile-nav { justify-content: flex-end; } .header.mod-desktop { font-family: 'zerowidthspacesmedium'; } @media screen and (max-width: 68.75em) { .header.mod-desktop { position: absolute; top: -7000px; top: -700rem; right: 23px; right: 2.3rem; left: 23px; left: 2.3rem; bottom: auto; -webkit-transform: translateY(-20px) scale(0.95); -moz-transform: translateY(-20px) scale(0.95); -ms-transform: translateY(-20px) scale(0.95); transform: translateY(-20px) scale(0.95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , -webkit-transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); transition: top 0s step-end 0.55s , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .header.mod-desktop { right: 17.25px; right: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .header.mod-desktop { left: 17.25px; left: 1.725rem; } } @media screen and (max-width: 68.75em) { .header.mod-desktop.is-open { position: absolute; top: 70px; top: 7rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) scale(1); -moz-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); -webkit-transition: top 0s step-end , bottom 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , -webkit-transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: top 0s step-end , bottom 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: top 0s step-end , bottom 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: top 0s step-end , bottom 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); transition: top 0s step-end , bottom 0s step-end , opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95) , transform 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); } } .header.mod-desktop .navigation-container { width: 75%; display: inline-block; float: right; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 68.75em) { .header.mod-desktop .navigation-container { width: 72%; } } @media screen and (max-width: 68.75em) { .header.mod-desktop .navigation-container { width: 100%; } } .header.mod-desktop .navigation-container .header-navigation { width: 80%; } @media screen and (max-width: 68.75em) { .header.mod-desktop .navigation-container .header-navigation { width: 100%; } } @media screen and (max-width: 68.75em) { .header.mod-desktop .navigation-container .header-navigation { height: calc(100vh - 110px); overflow: auto; margin-top: 20px; } } .header.mod-desktop .navigation-container .extranet { width: 15%; text-align: center; margin-left: 1%; } @media screen and (max-width: 68.75em) { .header.mod-desktop .navigation-container .extranet { display: none; } } .header.mod-desktop .navigation-container .extranet a { background-color: #8CC83C; font-family: 'PT Sans', sans-serif; font-weight: 400; padding: 5px 16px; color: #FFF; border-radius: 10px; transition: background-color 0.2s ease; } .header.mod-desktop .navigation-container .extranet a:hover { background-color: #78AB33; } .header.mod-desktop .header-logo { position: absolute; height: 130px; top: 0; left: -2%; width: 25%; display: inline-block; vertical-align: top; } @media screen and (max-width: 75em) { .header.mod-desktop .header-logo { display: block; } } @media screen and (max-width: 68.75em) { .header.mod-desktop .header-logo { display: none; } } .header.mod-desktop .header-extra { display: inline-block; vertical-align: bottom; } @media screen and (max-width: 68.75em) { .header.mod-desktop .header-extra { width: 100%; padding-top: 23px; padding-top: 2.3rem; border-top: 1px solid #94E825; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .header.mod-desktop .header-extra { padding-top: 17.25px; padding-top: 1.725rem; } } .header.mod-desktop .header-extra-lang { display: none; } @media screen and (max-width: 68.75em) { .header.mod-desktop .header-extra-lang { display: inline-block; color: #f9f9f9; font-family: 'Open Sans', sans-serif; width: calc(100% - 44px); } } .header.mod-desktop .header-extra-search { width: 44px; width: 4.4rem; height: 44px; height: 4.4rem; display: inline-block; vertical-align: middle; position: relative; padding: 11.5px; padding: 1.15rem; -webkit-box-flex: 0; -webkit-flex: 0 0 21px; -moz-box-flex: 0; -moz-flex: 0 0 21px; -ms-flex: 0 0 21px; flex: 0 0 21px; } @media screen and (max-width: 68.75em) { .header.mod-desktop .header-extra-search { padding: 8.625px; padding: 0.8625rem; } } @media screen and (max-width: 68.75em) { .header.mod-desktop .header-extra-search { display: none; } } .header.mod-desktop .header-extra-search svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); -moz-transform: translateY(-50%) translateX(-50%) scale(0.5); -ms-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); } .header-logo .image { position: relative; width: 100%; height: 110px; height: 11rem; display: block; left: -32px; } @media screen and (max-width: 68.75em) { .header-logo .image { left: -4%; } } .header-logo .image .header-logo-medium { display: none; margin-top: -3px; background-image: url("/images/ptt-logo-boxed_2.png"); background-size: cover; width: 250px; height: 95px; } @media screen and (max-width: 68.75em) { .header-logo .image .header-logo-medium { display: block; } } .header-logo .image .header-logo-medium svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 180px; top: 38%; left: 130px; } .header-logo .image .header-logo-desktop { margin-top: -3px; background-image: url("/images/ptt-logo-boxed_2.png"); background-size: cover; width: 300px; height: 115px; } @media screen and (max-width: 68.75em) { .header-logo .image .header-logo-desktop { display: none; } } .header-logo .image .header-logo-desktop img { width: 320px; margin-top: -5px; } .header-logo .image .header-logo-desktop svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 225px; top: 46%; left: 50%; } @media screen and (max-width: 68.75em) { .header-logo .image .header-logo-desktop svg { width: 270px; top: 40%; } } .header-navigation.mod-desktop { width: calc(100% - 299px); display: inline-block; vertical-align: bottom; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media screen and (max-width: 75em) { .header-navigation.mod-desktop { width: calc(100% - 44px); } } @media screen and (max-width: 68.75em) { .header-navigation.mod-desktop { width: 100%; height: calc(100vh - 160px); overflow: auto; } } .header-extra.mod-desktop { display: inline-block; vertical-align: bottom; } @media screen and (max-width: 68.75em) { .header-extra.mod-desktop { width: 100%; padding-top: 23px; padding-top: 2.3rem; border-top: 1px solid #94E825; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .header-extra.mod-desktop { padding-top: 17.25px; padding-top: 1.725rem; } } .header-extra-info.mod-desktop { display: none; } @media screen and (max-width: 68.75em) { .header-extra-info.mod-desktop { display: inline-block; color: #f9f9f9; font-family: 'Open Sans', sans-serif; width: calc(100% - 44px); } } .header-extra-search.mod-desktop { width: 44px; width: 4.4rem; height: 44px; height: 4.4rem; display: inline-block; vertical-align: middle; position: relative; padding: 11.5px; padding: 1.15rem; -webkit-box-flex: 0; -webkit-flex: 0 0 21px; -moz-box-flex: 0; -moz-flex: 0 0 21px; -ms-flex: 0 0 21px; flex: 0 0 21px; } @media screen and (max-width: 68.75em) { .header-extra-search.mod-desktop { padding: 8.625px; padding: 0.8625rem; } } @media screen and (max-width: 68.75em) { .header-extra-search.mod-desktop { display: none; } } .header-extra-search.mod-desktop svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); -moz-transform: translateY(-50%) translateX(-50%) scale(0.5); -ms-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); } .header-secnavigation { text-align: right; position: relative; z-index: 60; } .nav.mod-first { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } @media screen and (max-width: 75em) { .nav.mod-first { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } } @media screen and (max-width: 68.75em) { .nav.mod-first { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } } .nav.mod-second { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .nav.mod-second-columns { -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } @media screen and (max-width: 68.75em) { .nav.mod-second-columns { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .nav.mod-second, .nav.mod-second-columns { position: absolute; background-color: #FFF; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; top: -7000px; top: -700rem; left: 25%; width: 700px; padding: 15px 20px 15px 20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.4s , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (max-width: 68.75em) { .nav.mod-second, .nav.mod-second-columns { border-left: 3px solid #8CC83C; border-right: 0px solid #f9f9f9; border-bottom: 0px solid #f9f9f9; border-top: 0px solid #f9f9f9; } } @media screen and (max-width: 68.75em) { .nav.mod-second, .nav.mod-second-columns { right: 92px; right: 9.2rem; background-color: #FFF; width: auto; } } .nav.mod-second.is-open, .nav.mod-second-columns.is-open { border-top: 4px solid #8CC83C; border-radius: 5px 5px 0px 0px; top: calc(100% + 40px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform: translateX(0%) translateY(0px) scale(1); -moz-transform: translateX(0%) translateY(0px) scale(1); -ms-transform: translateX(0%) translateY(0px) scale(1); transform: translateX(0%) translateY(0px) scale(1); } @media screen and (max-width: 68.75em) { .nav.mod-second.is-open, .nav.mod-second-columns.is-open { position: static; padding: 15px; border-top: 0px solid #8CC83C; border-radius: 0px; } } @media screen and (max-width: 68.75em) { .nav.mod-second.is-open, .nav.mod-second-columns.is-open { right: 23px; right: 2.3rem; left: 23px; left: 2.3rem; width: auto; top: calc(100% + 50px) !important; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .nav.mod-second.is-open, .nav.mod-second-columns.is-open { right: 17.25px; right: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .nav.mod-second.is-open, .nav.mod-second-columns.is-open { left: 17.25px; left: 1.725rem; } } @media screen and (max-width: 68.75em) { .nav.mod-second, .nav.mod-second-columns { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; padding: 0; } } .nav.mod-second .nav-column-1, .nav.mod-second .nav-column-2, .nav.mod-second-columns .nav-column-1, .nav.mod-second-columns .nav-column-2 { display: inline-block; width: 50%; } @media screen and (max-width: 68.75em) { .nav.mod-second .nav-column-1, .nav.mod-second .nav-column-2, .nav.mod-second-columns .nav-column-1, .nav.mod-second-columns .nav-column-2 { width: 100%; } } @media screen and (max-width: 68.75em) { .nav.mod-second .nav-column-1, .nav.mod-second .nav-column-2, .nav.mod-second-columns .nav-column-1, .nav.mod-second-columns .nav-column-2 { width: 100%; } } .nav.mod-third { padding: 11.5px; padding: 1.15rem; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; display: none; } @media screen and (max-width: 68.75em) { .nav.mod-third { padding: 8.625px; padding: 0.8625rem; } } @media screen and (max-width: 68.75em) { .nav.mod-third { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .nav.mod-third.is-open { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .nav-header { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; display: none; } .nav-header-figure { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -moz-box-flex: 1; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; background-size: cover; background-position: 50% 50%; } .nav-header-text { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -moz-box-flex: 1; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 46px; padding: 4.6rem; font-family: 'Open Sans', sans-serif; } @media screen and (max-width: 68.75em) { .nav-header-text { padding: 34.5px; padding: 3.45rem; } } .nav-header-text-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .nav-header-text-heading { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .nav-header-text-heading { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .nav-header-text-ingress { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .nav-header-text-ingress { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .nav-header-text-cta { text-transform: uppercase; font-weight: 600; color: #8CC83C; padding-left: 23px; padding-left: 2.3rem; position: relative; display: block; position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .nav-header-text-cta:hover { color: #f9f9f9; background-color: #70a030; } @media screen and (max-width: 50em) { .nav-header-text-cta { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 30em) { .nav-header-text-cta { width: 100%; } } .nav-header-text-cta:after { right: 17.25px; right: 1.725rem; } .nav-header-text-cta:before { display: none; } .nav-item { font-family: 'zerowidthspacesmedium'; } .nav-item.mod-first { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: static; } @media screen and (max-width: 68.75em) { .nav-item.mod-first { padding-bottom: 15px; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .nav-item.mod-first.mod-flag { display: none; } .nav-item.mod-first:not(:last-child) { margin-right: 23px; margin-right: 2.3rem; } @media screen and (max-width: 68.75em) { .nav-item.mod-first:not(:last-child) { margin-right: 17.25px; margin-right: 1.725rem; } } @media screen and (max-width: 68.75em) { .nav-item.mod-first:not(:last-child) { margin: 0; } } .nav-item.mod-first:hover > .nav-item-link .menu-icon svg path { fill: #8CC83C; } .nav-item.mod-first:hover > .nav-item-link.mod-first { color: #8CC83C; } @media screen and (min-width: 68.75em) { .nav-item.mod-first:hover > .nav-item-dropdown.mod-first { -webkit-animation: 0.5s ease 0s infinite alternate arrow; -moz-animation: 0.5s ease 0s infinite alternate arrow; -o-animation: 0.5s ease 0s infinite alternate arrow; animation: 0.5s ease 0s infinite alternate arrow; } } .nav-item.mod-first:hover > .nav-item-dropdown.mod-first.is-open { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .nav-item.mod-first:hover > .nav-item-dropdown.mod-first svg path { fill: #00bee0 !important; } .nav-item.mod-second { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 68.75em) { .nav-item.mod-second { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } .nav-item.mod-second .mod-third-block { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0px 0 15px 15px; } @media screen and (max-width: 68.75em) { .nav-item.mod-second .mod-third-block { margin: 0px; color: #FFF; padding-bottom: 15px; } } .nav-item.mod-third { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } .nav-item-link { font-family: 'Open Sans', sans-serif; } .nav-item-link.mod-first { cursor: pointer !important; background-color: transparent; color: #4d5054; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: 400; font-size: 16px; display: inline-block; vertical-align: middle; position: relative; margin-right: 20px; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first { font-size: 14px; } } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first { font-size: 17px; } } .nav-item-link.mod-first .menu-icon { width: 25px; height: 25px; display: inline-block; } .nav-item-link.mod-first .menu-icon svg { position: absolute; width: 32px; height: 32px; left: -10px; top: 3px; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first .menu-icon svg { left: 0; top: 10px; } } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first:after { opacity: 0; } } .nav-item-link.mod-first:after { content: ""; position: absolute; opacity: 0; display: block; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; left: 30%; bottom: -22px; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first:after { opacity: 0; } } .nav-item-link.mod-first.is-open:after { opacity: 1; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first.is-open:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(0px) translateX(0px) scale(1); -moz-transform: translateY(0px) translateX(0px) scale(1); -ms-transform: translateY(0px) translateX(0px) scale(1); transform: translateY(0px) translateX(0px) scale(1); } } @media screen and (max-width: 68.75em) { .nav-item-link.mod-first { -webkit-box-flex: 1; -webkit-flex: 1 0 75%; -moz-box-flex: 1; -moz-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; padding-top: 11.5px; padding-top: 1.15rem; padding-bottom: 11.5px; padding-bottom: 1.15rem; padding-left: 17.25px; padding-left: 1.725rem; padding-right: 17.25px; padding-right: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .nav-item-link.mod-first { padding-top: 8.625px; padding-top: 0.8625rem; padding-bottom: 8.625px; padding-bottom: 0.8625rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .nav-item-link.mod-first { padding-left: 12.9375px; padding-left: 1.29375rem; padding-right: 12.9375px; padding-right: 1.29375rem; } } .nav-item-link.mod-first.is-open, .nav-item-link.mod-first.mod-current { color: #8CC83C; } .nav-item-link.mod-first.is-open .menu-icon svg path, .nav-item-link.mod-first.mod-current .menu-icon svg path { fill: #8CC83C !important; } .nav-item-link.mod-first.is-open + .nav-item-dropdown svg path, .nav-item-link.mod-first.mod-current + .nav-item-dropdown svg path { fill: #00bee0 !important; } .nav-item-link.mod-second { margin-bottom: 5px; text-transform: uppercase; font-weight: 700; color: #717376; font-size: 15px; font-size: 1.5rem; display: inline-block; vertical-align: middle; -webkit-transition: color 0.12s ease-in-out; -webkit-transition: color 0.12s ease-in-out; -moz-transition: color 0.12s ease-in-out; -o-transition: color 0.12s ease-in-out; transition: color 0.12s ease-in-out; -webkit-box-flex: 1; -webkit-flex: 1 0 75%; -moz-box-flex: 1; -moz-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-second { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .nav-item-link.mod-second { font-size: 20px; font-size: 2rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .nav-item-link.mod-second { font-size: 15px; font-size: 1.5rem; } } @media screen and (max-width: 68.75em) { .nav-item-link.mod-second { font-size: 17px; text-transform: none; padding-bottom: 5px; } } .nav-item-link.mod-second:hover { color: #a3d363; } .nav-item-link.mod-second.is-open { position: relative; } @media screen and (min-width: 68.75em) { .nav-item-link.mod-second.is-open:after { content: ""; position: absolute; right: 11.5px; right: 1.15rem; bottom: 0; left: 11.5px; left: 1.15rem; border: 11.5px solid transparent; display: block; } } .nav-item-link.mod-second.is-open + .nav-item-dropdown svg { -webkit-transform: translateY(-50%) translateX(-50%) scale(0.25) rotate(180deg); -moz-transform: translateY(-50%) translateX(-50%) scale(0.25) rotate(180deg); -ms-transform: translateY(-50%) translateX(-50%) scale(0.25) rotate(180deg); transform: translateY(-50%) translateX(-50%) scale(0.25) rotate(180deg); } .nav-item-link.mod-second.mod-current { color: #8CC83C; } .nav-item-link.mod-third { color: #abaaaa; display: inline-block; vertical-align: middle; font-size: 14px; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-third { font-size: 16px; font-size: 1.6rem; padding: 2px 0px; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .nav-item-link.mod-third { font-size: 13px; font-size: 1.3rem; } } @media screen and (max-width: 68.75em) { .nav-item-link.mod-third { font-size: 15px; line-height: 18px; padding-bottom: 5px; } } .nav-item-link.mod-third:before { content: ">"; position: relative; left: -5px; } @media screen and (max-width: 68.75em) { .nav-item-link.mod-third:before { display: none; } } .nav-item-link.mod-third:hover { color: #a3d363; } .nav-item-link.mod-third.mod-current { color: #4d5054; font-weight: 700; } .nav-item-dropdown { position: relative; width: 17.25px; width: 1.725rem; height: 17.25px; height: 1.725rem; display: inline-block; vertical-align: middle; cursor: pointer; } .nav-item-dropdown.mod-first { background-color: transparent; display: none; -webkit-transition: background-color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out; } @media screen and (max-width: 68.75em) { .nav-item-dropdown.mod-first { display: block; margin-bottom: 10px; } } .nav-item-dropdown.mod-first svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); -moz-transform: translateY(-50%) translateX(-50%) scale(0.5); -ms-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); } @media screen and (max-width: 68.75em) { .nav-item-dropdown.mod-first svg { display: block; -webkit-transform: translateY(-30%) translateX(-50%) scale(0.2); -moz-transform: translateY(-30%) translateX(-50%) scale(0.2); -ms-transform: translateY(-30%) translateX(-50%) scale(0.2); transform: translateY(-30%) translateX(-50%) scale(0.2); } } .nav-item-dropdown.mod-first svg path { fill: #f9f9f9 !important; } @media screen and (max-width: 68.75em) { .nav-item-dropdown.mod-first { -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -moz-box-flex: 0; -moz-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; height: 46px; height: 4.6rem; } } .nav-item-dropdown.mod-first.mod-current { background-color: #a9ed51; } .nav-item-dropdown.mod-second { display: none; background-color: #f9f9f9; -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -moz-box-flex: 0; -moz-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; position: relative; height: auto; } @media screen and (max-width: 68.75em) { .nav-item-dropdown.mod-second { -webkit-box-flex: 0; -webkit-flex: 0 0 50px; -moz-box-flex: 0; -moz-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; height: 46px; height: 4.6rem; } } .nav-item-dropdown.mod-second:after { content: ""; position: absolute; top: 17.25px; top: 1.725rem; bottom: 17.25px; bottom: 1.725rem; left: 0; display: block; width: 1px; width: 0.1rem; background-color: #e0e0e0; } @media screen and (max-width: 68.75em) { .nav-item-dropdown.mod-second:after { top: 12.9375px; top: 1.29375rem; } } @media screen and (max-width: 68.75em) { .nav-item-dropdown.mod-second:after { bottom: 12.9375px; bottom: 1.29375rem; } } .nav-item-dropdown.mod-second.mod-current { background-color: #fafafa; } .nav-item-dropdown.mod-second svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.4); -moz-transform: translateY(-50%) translateX(-50%) scale(0.4); -ms-transform: translateY(-50%) translateX(-50%) scale(0.4); transform: translateY(-50%) translateX(-50%) scale(0.4); } .nav-item-dropdown.mod-second svg path, .nav-item-dropdown.mod-second svg polyline { fill: #abaaaa !important; -webkit-transition: fill 0.12s ease-in-out; -webkit-transition: fill 0.12s ease-in-out; -moz-transition: fill 0.12s ease-in-out; -o-transition: fill 0.12s ease-in-out; transition: fill 0.12s ease-in-out; } .nav-item-dropdown.mod-second:hover svg path { fill: #bcbbbb !important; } .menu-icon-bar { width: 30px; width: 3rem; height: 3px; height: 0.3rem; background-color: #4d5054; } .menu-icon-bar:not(:last-child) { margin-bottom: 5px; margin-bottom: 0.5rem; } .extra { display: none; } @media screen and (max-width: 68.75em) { .extra { display: block; position: absolute; bottom: 0; z-index: 50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -webkit-transition: opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -moz-transition: opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); -o-transition: opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); transition: opacity 0.55s cubic-bezier(0.22, 1, 0.46, 0.95); } .extra.is-open { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } } .frontpage-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 5px; } @media screen and (max-width: 68.75em) { .frontpage-heading { font-size: 16.5px; font-size: 1.65rem; } } .frontpage-top { display: flex; flex-wrap: wrap; position: relative; } .frontpage-top-container { position: relative; background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 76%, #eaeaea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, white 76%, #eaeaea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, white 76%, #eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ } @media screen and (max-width: 50em) { .frontpage-top-container { background: none; } } .frontpage-top-container:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; z-index: 1; background-color: #FFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ -webkit-clip-path: polygon(0 86%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 86%, 100% 0, 100% 100%, 0% 100%); } @media screen and (max-width: 50em) { .frontpage-top-container:after { display: none; } } .frontpage-top-left { width: 65%; z-index: 10; } @media screen and (max-width: 50em) { .frontpage-top-left { width: 100%; } } .frontpage-top-right { width: 35%; margin-top: -80px; padding-left: 25px; z-index: 10; } @media screen and (max-width: 68.75em) { .frontpage-top-right { margin-top: -95px; } } @media screen and (max-width: 50em) { .frontpage-top-right { width: 100%; padding-left: 0px; margin-top: 0px; } } .frontpage-top-left .section { margin-bottom: 0px; } .frontpage-top-left .left { padding-right: 10px; } .frontpage-top-left .left, .frontpage-top-left .right { width: calc(50% - 10.5px); margin: 0; margin: 0; display: inline-block; vertical-align: top; } @media screen and (max-width: 37.5em) { .frontpage-top-left .left, .frontpage-top-left .right { width: 100%; } } .slider-fade { width: 100%; z-index: 100; right: 15%; height: 100%; background-image: url("../../../../../../images/svg/slider-fade.svg"); background-repeat: no-repeat; background-position: left center; display: block; position: absolute; z-index: 100; top: 0; opacity: 0.45; } @media screen and (max-width: 103.125em) { .slider-fade { right: 35%; } } @media screen and (max-width: 75em) { .slider-fade { right: 50%; width: 100%; } } @media screen and (max-width: 68.75em) { .slider-fade { right: 40%; width: 150%; } } @media screen and (max-width: 50em) { .slider-fade { right: 0%; width: 110%; } } @media screen and (max-width: 30em) { .slider-fade { right: 0%; opacity: 0.5; background-image: url("../../../../../../images/svg/slider-fade.svg"); } } .frontpage-bottom { z-index: 10; position: relative; font-family: "zerowidthspacesmedium"; font-family: "zerowidthspacesmedium"; } .frontpage-bottom .chart-title { margin-top: 0px; } .frontpage-bottom-heading, .frontpage-bottom .chart-title { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 10px; } @media screen and (max-width: 68.75em) { .frontpage-bottom-heading, .frontpage-bottom .chart-title { font-size: 20.5px; font-size: 2.05rem; } } .frontpage-bottom-heading:after, .frontpage-bottom .chart-title:after { width: 150px; height: 2px; background-color: #b9d892; position: relative; content: ""; display: block; bottom: 0; left: 0; top: 5px; } .frontpage-bottom-container { width: 100%; background-color: #FFF; position: relative; } .frontpage-bottom-container:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+2,e5e5e5+100 */ } .frontpage-bottom > * { font-family: 'Open Sans', sans-serif; } .frontpage-bottom .frontpage-bottom-right { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(41.66667% - 13.41667px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .frontpage-bottom .frontpage-bottom-right:first-of-type { margin-left: 0; } .frontpage-bottom .frontpage-bottom-right:last-of-type { margin-right: 0; } @media screen and (max-width: 68.75em) { .frontpage-bottom .frontpage-bottom-right { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .frontpage-bottom .frontpage-bottom-right { width: 100%; display: block; margin: 0 auto; } .frontpage-bottom .frontpage-bottom-right:nth-of-type(n + 2) { margin-top: 11.5px; } } .frontpage-bottom > * { font-family: 'Open Sans', sans-serif; } .frontpage-bottom .frontpage-bottom-left { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(58.33333% - 9.58333px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .frontpage-bottom .frontpage-bottom-left:first-of-type { margin-left: 0; } .frontpage-bottom .frontpage-bottom-left:last-of-type { margin-right: 0; } @media screen and (max-width: 68.75em) { .frontpage-bottom .frontpage-bottom-left { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .frontpage-bottom .frontpage-bottom-left { width: 100%; display: block; margin: 0 auto; } .frontpage-bottom .frontpage-bottom-left:nth-of-type(n + 2) { margin-top: 11.5px; } } .frontpage-bottom-right:before { content: ""; width: 0px; height: 300px; background-color: #e0e0e0; display: block; float: left; position: absolute; margin-left: -20px; margin-top: 20px; } /* Extranet */ .latestdocs { margin-top: 23px; margin-top: 2.3rem; } @media screen and (max-width: 68.75em) { .latestdocs { margin-top: 17.25px; margin-top: 1.725rem; } } .section-extra { margin-top: 46px; margin-top: 4.6rem; padding-bottom: 90px; padding-bottom: 9rem; } @media screen and (max-width: 68.75em) { .section-extra { margin-top: 34.5px; margin-top: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-extra { padding-bottom: 67.5px; padding-bottom: 6.75rem; } } @media screen and (max-width: 50em) { .section-extra { padding-bottom: 10px; padding-bottom: 1rem; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .section-extra { padding-bottom: 7.5px; padding-bottom: 0.75rem; } } .section-extra .container { font-family: "zerowidthspacesmedium"; font-family: "zerowidthspacesmedium"; } .section-extra .container > * { font-family: 'Open Sans', sans-serif; } .section-extra .container .mod-4 { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(33.33333% - 15.33333px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .section-extra .container .mod-4:first-of-type { margin-left: 0; } .section-extra .container .mod-4:last-of-type { margin-right: 0; } .section-extra .container .mod-4:nth-of-type(3n) { margin-right: 0; } .section-extra .container .mod-4:nth-of-type(3n + 1) { margin-left: 0; } .section-extra .container .mod-4:nth-of-type(n + 4) { margin-top: 23px; } @media screen and (max-width: 68.75em) { .section-extra .container .mod-4 { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .section-extra .container .mod-4 { width: 100%; display: block; margin: 0 auto; } .section-extra .container .mod-4:nth-of-type(n + 2) { margin-top: 11.5px; } } .section-extra .container > * { font-family: 'Open Sans', sans-serif; } .section-extra .container .mod-8 { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(66.66667% - 7.66667px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .section-extra .container .mod-8:first-of-type { margin-left: 0; } .section-extra .container .mod-8:last-of-type { margin-right: 0; } @media screen and (max-width: 68.75em) { .section-extra .container .mod-8 { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .section-extra .container .mod-8 { width: 100%; display: block; margin: 0 auto; } .section-extra .container .mod-8:nth-of-type(n + 2) { margin-top: 11.5px; } } .section-extra .container .mod-4, .section-extra .container .mod-8 { margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-extra .container .mod-4, .section-extra .container .mod-8 { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .section-extra-bottom { margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-extra-bottom { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .section-extra-bottom .container { font-family: "zerowidthspacesmedium"; font-family: "zerowidthspacesmedium"; } .section-extra-bottom .container > * { font-family: 'Open Sans', sans-serif; } .section-extra-bottom .container .section-extra-bottom-left { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(66.66667% - 7.66667px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .section-extra-bottom .container .section-extra-bottom-left:first-of-type { margin-left: 0; } .section-extra-bottom .container .section-extra-bottom-left:last-of-type { margin-right: 0; } @media screen and (max-width: 68.75em) { .section-extra-bottom .container .section-extra-bottom-left { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .section-extra-bottom .container .section-extra-bottom-left { width: 100%; display: block; margin: 0 auto; } .section-extra-bottom .container .section-extra-bottom-left:nth-of-type(n + 2) { margin-top: 11.5px; } } .section-extra-bottom .container > * { font-family: 'Open Sans', sans-serif; } .section-extra-bottom .container .section-extra-bottom-right { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(33.33333% - 15.33333px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .section-extra-bottom .container .section-extra-bottom-right:first-of-type { margin-left: 0; } .section-extra-bottom .container .section-extra-bottom-right:last-of-type { margin-right: 0; } .section-extra-bottom .container .section-extra-bottom-right:nth-of-type(3n) { margin-right: 0; } .section-extra-bottom .container .section-extra-bottom-right:nth-of-type(3n + 1) { margin-left: 0; } .section-extra-bottom .container .section-extra-bottom-right:nth-of-type(n + 4) { margin-top: 23px; } @media screen and (max-width: 68.75em) { .section-extra-bottom .container .section-extra-bottom-right { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .section-extra-bottom .container .section-extra-bottom-right { width: 100%; display: block; margin: 0 auto; } .section-extra-bottom .container .section-extra-bottom-right:nth-of-type(n + 2) { margin-top: 11.5px; } } .section-extra-bottom .container .section-extra-bottom-left, .section-extra-bottom .container .section-extra-bottom-right { margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-extra-bottom .container .section-extra-bottom-left, .section-extra-bottom .container .section-extra-bottom-right { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .article { padding-top: 69px; padding-top: 6.9rem; padding-bottom: 46px; padding-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .article { padding-top: 51.75px; padding-top: 5.175rem; } } @media screen and (max-width: 68.75em) { .article { padding-bottom: 34.5px; padding-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .article { padding-top: 23px; padding-top: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .article { padding-top: 17.25px; padding-top: 1.725rem; } } .article + .article { padding-top: 0; } .article-container { margin: 0 auto; max-width: 1200px; max-width: 120rem; padding-left: 46px; padding-left: 4.6rem; font-family: 'zerowidthspacesmedium'; } @media screen and (max-width: 68.75em) { .article-container { padding-left: 34.5px; padding-left: 3.45rem; } } @media screen and (max-width: 68.75em) { .article-container { padding-left: 23px; padding-left: 2.3rem; padding-right: 23px; padding-right: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .article-container { padding-left: 17.25px; padding-left: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .article-container { padding-right: 17.25px; padding-right: 1.725rem; } } .section-subnavigation { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; width: calc(20% - 23px); margin-right: 23px; margin-right: 2.3rem; } @media screen and (max-width: 68.75em) { .section-subnavigation { margin-right: 17.25px; margin-right: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-subnavigation { display: none; } } @media screen and (max-width: 68.75em) { .section-subnavigation { width: calc(25% - 34.5px); } } @media screen and (max-width: 37.5em) { .section-subnavigation.mod-search .content-form-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 42px; font-size: 4.2rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 700; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } } @media screen and (max-width: 37.5em) and (max-width: 68.75em) { .section-subnavigation.mod-search .content-form-heading { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 37.5em) and (max-width: 68.75em) { .section-subnavigation.mod-search .content-form-heading { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-subnavigation.mod-search { display: inline-block; } } @media screen and (max-width: 37.5em) { .section-subnavigation.mod-search { width: calc(100%); } } .section-template { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; width: calc(80% - 23px); margin-right: 23px; margin-right: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template { margin-right: 17.25px; margin-right: 1.725rem; } } .section-template.mod-full { width: 100%; } .section-template.mod-wide { margin: 0; width: 100%; } .section-template.mod-wide > .section-template-container { max-width: 100%; } .section-template.mod-wide > .section-template-container .content { display: block; } .section-template.mod-offset { margin-top: -115px; margin-top: -11.5rem; position: relative; } @media screen and (max-width: 68.75em) { .section-template { width: calc(100%); margin-right: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template { margin-right: 0; } } @media screen and (max-width: 68.75em) { .section-template { width: calc(100%); } } .section-template.mod-search { width: calc(75%); } @media screen and (max-width: 37.5em) { .section-template.mod-search { width: calc(100%); margin-top: 23px; margin-top: 2.3rem; padding-top: 23px; padding-top: 2.3rem; border-top: 1px solid; } } @media screen and (max-width: 37.5em) and (max-width: 68.75em) { .section-template.mod-search { margin-top: 17.25px; margin-top: 1.725rem; } } @media screen and (max-width: 37.5em) and (max-width: 68.75em) { .section-template.mod-search { padding-top: 17.25px; padding-top: 1.725rem; } } .section-template.mod-media .section-template-container { max-width: 720px; max-width: 72rem; } .section-template-container { font-family: 'zerowidthspacesmedium'; padding-left: 23px; padding-left: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template-container { padding-left: 17.25px; padding-left: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-template-container { padding-left: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template-container { padding-left: 0; } } .section-template-container.mod-full { padding: 0; } .section-template-container.mod-large-padding { padding-left: 46px; padding-left: 4.6rem; padding-right: 23px; padding-right: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template-container.mod-large-padding { padding-left: 34.5px; padding-left: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template-container.mod-large-padding { padding-right: 17.25px; padding-right: 1.725rem; } } @media screen and (max-width: 50em) { .section-template-container.mod-large-padding { padding: 0; } } .section-template-container.mod-wide { max-width: 850px; max-width: 85rem; } .section-template-container.mod-narrow { max-width: 700px; max-width: 70rem; } .section-template-container.mod-light-bg { padding-left: 46px; padding-left: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template-container.mod-light-bg { padding-left: 34.5px; padding-left: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template-container.mod-light-bg { width: calc(100%); padding-left: 23px; padding-left: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template-container.mod-light-bg { padding-left: 17.25px; padding-left: 1.725rem; } } .section-template-container.mod-section { padding-top: 46px; padding-top: 4.6rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template-container.mod-section { padding-top: 34.5px; padding-top: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template-container.mod-section { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-template-container.mod-section { padding-top: 23px; padding-top: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template-container.mod-section { padding-top: 17.25px; padding-top: 1.725rem; } } .section-template-container.mod-align-middle { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .section-template .content { display: inline-block; vertical-align: top; } .section-template .content.mod-header { width: calc(100% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-header { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-header { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-header { width: calc(100% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-header { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-full { width: calc(100% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-full { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-full { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-full { width: calc(100% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-full { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-wide { width: calc(75% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-wide { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-wide { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-wide { width: calc(75% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-wide { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-large { width: calc(66.666% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-large { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-large { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-large { width: calc(66.666% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-large { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-medium { width: calc(50% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-medium { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-medium { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-medium { width: calc(50% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-medium { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-small { width: calc(33.333% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-small { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-small { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-small { width: calc(33.333% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-small { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-narrow { width: calc(25% - 46px); margin-right: 46px; margin-right: 4.6rem; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template .content.mod-narrow { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-narrow { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template .content.mod-narrow { width: calc(25% - 34.5px); } } @media screen and (max-width: 68.75em) { .section-template .content.mod-narrow { width: calc(100%); margin-right: 0px; } } .section-template .content.mod-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media screen and (max-width: 68.75em) { .section-template .content.mod-hide-mobile { display: none; } } .section-template.mod-1 .content-header-heading { max-width: 550px; max-width: 55rem; } .section-template.mod-2 .content-header-heading { max-width: 550px; max-width: 55rem; } .section-template.mod-6 .mod-align-middle { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .section-template.mod-6 .section-template-container.mod-even .content.mod-left { -webkit-box-flex: 1; -webkit-flex: 1 1 70%; -moz-box-flex: 1; -moz-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; margin-bottom: 46px; margin-bottom: 4.6rem; margin-right: 46px; margin-right: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-left { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-left { margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-left { margin-bottom: 23px; margin-bottom: 2.3rem; margin-right: 23px; margin-right: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-left { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-left { margin-right: 17.25px; margin-right: 1.725rem; } } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-left { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .section-template.mod-6 .section-template-container.mod-even .content.mod-right { -webkit-box-flex: 1; -webkit-flex: 1 0 35%; -moz-box-flex: 1; -moz-flex: 1 0 35%; -ms-flex: 1 0 35%; flex: 1 0 35%; margin-bottom: 46px; margin-bottom: 4.6rem; position: relative; overflow: hidden; } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-right { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-right { margin-bottom: 23px; margin-bottom: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-right { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-right { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; } } .section-template.mod-6 .section-template-container.mod-even .content.mod-right .content-figure { margin-top: 46px; margin-top: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-right .content-figure { margin-top: 34.5px; margin-top: 3.45rem; } } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container.mod-even .content.mod-right .content-figure { max-width: 300px; max-width: 30rem; height: auto; margin: 0 auto; } } .section-template.mod-6 .section-template-container.mod-even .content.mod-right .content-figure:before { top: 0; transform-origin: 0% 100%; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); transform: rotate(-70deg); } .section-template.mod-6 .section-template-container.mod-even .content.mod-right .content-figure:after { bottom: 0; transform-origin: 0% 0%; -webkit-transform: rotate(70deg); -moz-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); } .section-template.mod-6 .section-template-container.mod-odd .content.mod-left { -webkit-box-flex: 1; -webkit-flex: 1 0 35%; -moz-box-flex: 1; -moz-flex: 1 0 35%; -ms-flex: 1 0 35%; flex: 1 0 35%; margin-bottom: 46px; margin-bottom: 4.6rem; position: relative; overflow: hidden; } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-left { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-left { margin-bottom: 23px; margin-bottom: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-left { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-left { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -moz-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .section-template.mod-6 .section-template-container.mod-odd .content.mod-left .content-figure { margin-top: 46px; margin-top: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-left .content-figure { margin-top: 34.5px; margin-top: 3.45rem; } } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-left .content-figure { max-width: 300px; max-width: 30rem; height: auto; margin: 0 auto; } } .section-template.mod-6 .section-template-container.mod-odd .content.mod-left .content-figure:before { top: 0; transform-origin: 100% 100%; -webkit-transform: rotate(70deg); -moz-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); } .section-template.mod-6 .section-template-container.mod-odd .content.mod-left .content-figure:after { bottom: 0; transform-origin: 100% 0%; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); transform: rotate(-70deg); } .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { -webkit-box-flex: 1; -webkit-flex: 1 1 70%; -moz-box-flex: 1; -moz-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; margin-bottom: 46px; margin-bottom: 4.6rem; margin-left: 46px; margin-left: 4.6rem; margin-right: 46px; margin-right: 4.6rem; } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { margin-left: 34.5px; margin-left: 3.45rem; margin-right: 34.5px; margin-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { margin-bottom: 23px; margin-bottom: 2.3rem; margin-left: 23px; margin-left: 2.3rem; margin-right: 23px; margin-right: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { margin-left: 17.25px; margin-left: 1.725rem; margin-right: 17.25px; margin-right: 1.725rem; } } @media screen and (max-width: 30em) { .section-template.mod-6 .section-template-container.mod-odd .content.mod-right { margin-left: 0px; margin-right: 0px; } } .section-template-dictionary .dictionary-letters { background-color: #8CC83C; } .section-template-dictionary .dictionary-letters-list-item { display: inline-block; } .section-template-dictionary .dictionary-letters-list-item-link { background-color: transparent; color: #f9f9f9; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; padding-top: 5.75px; padding-top: 0.575rem; padding-bottom: 5.75px; padding-bottom: 0.575rem; padding-left: 11.5px; padding-left: 1.15rem; padding-right: 11.5px; padding-right: 1.15rem; display: block; } .section-template-dictionary .dictionary-letters-list-item-link:visited { background-color: transparent; color: #f9f9f9; } .section-template-dictionary .dictionary-letters-list-item-link:focus { background-color: #a3d363; color: #fbfbfb; } .section-template-dictionary .dictionary-letters-list-item-link:hover { background-color: #a3d363; color: #fbfbfb; } .section-template-dictionary .dictionary-letters-list-item-link:active { background-color: #a3d363; color: #fbfbfb; } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-letters-list-item-link { padding-top: 4.3125px; padding-top: 0.43125rem; padding-bottom: 4.3125px; padding-bottom: 0.43125rem; } } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-letters-list-item-link { padding-left: 8.625px; padding-left: 0.8625rem; padding-right: 8.625px; padding-right: 0.8625rem; } } .section-template-dictionary .dictionary-letters-list-item.mod-all .dictionary-letters-list-item-link { padding-left: 11.5px; padding-left: 1.15rem; padding-right: 11.5px; padding-right: 1.15rem; } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-letters-list-item.mod-all .dictionary-letters-list-item-link { padding-left: 8.625px; padding-left: 0.8625rem; padding-right: 8.625px; padding-right: 0.8625rem; } } .section-template-dictionary .dictionary-letters-list-item.mod-current .dictionary-letters-list-item-link { position: relative; background-color: #a3d363; color: #f9f9f9; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; } .section-template-dictionary .dictionary-letters-list-item.mod-current .dictionary-letters-list-item-link:visited { background-color: #a3d363; color: #f9f9f9; } .section-template-dictionary .dictionary-letters-list-item.mod-current .dictionary-letters-list-item-link:focus { background-color: #6a8940; color: #fbfbfb; } .section-template-dictionary .dictionary-letters-list-item.mod-current .dictionary-letters-list-item-link:hover { background-color: #c3e29a; color: #fbfbfb; } .section-template-dictionary .dictionary-letters-list-item.mod-current .dictionary-letters-list-item-link:active { background-color: #a3d363; color: #fbfbfb; } .section-template-dictionary .dictionary-letters-list-item.mod-current .dictionary-letters-list-item-link:after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0px; height: 0px; background-color: transparent; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid transparent; border-bottom: 0.4em solid #e0e0e0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section-template-dictionary .dictionary-tags { padding: 23px; padding: 2.3rem; background-color: #e0e0e0; } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-tags { padding: 17.25px; padding: 1.725rem; } } .section-template-dictionary .dictionary-tags-list-item:not(:last-child) { border-bottom: 1px solid #f9f9f9; padding-bottom: 23px; padding-bottom: 2.3rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-tags-list-item:not(:last-child) { padding-bottom: 17.25px; padding-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-tags-list-item:not(:last-child) { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .section-template-dictionary .dictionary-tags-list-item-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-tags-list-item-heading { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-tags-list-item-heading { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .section-template-dictionary .dictionary-tags-list-item-description { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; } @media screen and (max-width: 68.75em) { .section-template-dictionary .dictionary-tags-list-item-description { font-size: 12.5px; font-size: 1.25rem; } } .content { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; } @media screen and (max-width: 68.75em) { .content { font-size: 12.5px; font-size: 1.25rem; } } .content ::selection { background: #78AB33; color: #f9f9f9; } .content ::-moz-selection { background: #78AB33; color: #f9f9f9; } .content * + .content-heading-2 { margin-top: 46px; margin-top: 4.6rem; } @media screen and (max-width: 68.75em) { .content * + .content-heading-2 { margin-top: 34.5px; margin-top: 3.45rem; } } .content .content-heading-2 + .content-heading-2 { margin-top: 0; } .content .content-heading-2 + .content-heading-3 { margin-top: 0; } .content .content-heading-2 + .content-heading-4 { margin-top: 0; } .content * + .content-heading-3 { margin-top: 46px; margin-top: 4.6rem; } @media screen and (max-width: 68.75em) { .content * + .content-heading-3 { margin-top: 34.5px; margin-top: 3.45rem; } } .content .content-heading-3 + .content-heading-2 { margin-top: 0; } .content .content-heading-3 + .content-heading-3 { margin-top: 0; } .content .content-heading-3 + .content-heading-4 { margin-top: 0; } .content * + .content-heading-4 { margin-top: 46px; margin-top: 4.6rem; } @media screen and (max-width: 68.75em) { .content * + .content-heading-4 { margin-top: 34.5px; margin-top: 3.45rem; } } .content .content-heading-4 + .content-heading-2 { margin-top: 0; } .content .content-heading-4 + .content-heading-3 { margin-top: 0; } .content .content-heading-4 + .content-heading-4 { margin-top: 0; } .content-heading.mod-small { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; } @media screen and (max-width: 68.75em) { .content-heading.mod-small { font-size: 16.5px; font-size: 1.65rem; } } .content-heading, .content-header-heading .content-heading-1 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 42px; font-size: 4.2rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 700; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 1rem; } @media screen and (max-width: 68.75em) { .content-heading, .content-header-heading .content-heading-1 { font-size: 26px; font-size: 2.6rem; } } .content-heading-2 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .content-heading-2 { font-size: 20.5px; font-size: 2.05rem; } } @media screen and (max-width: 68.75em) { .content-heading-2 { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content-heading-3 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .content-heading-3 { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .content-heading-3 { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content-heading-4 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-heading-4 { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 68.75em) { .content-heading-4 { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-heading-5 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; font-weight: 600; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-heading-5 { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 68.75em) { .content-heading-5 { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-heading-6 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; font-weight: 400; font-style: italic; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-heading-6 { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 68.75em) { .content-heading-6 { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content a { text-decoration: none; color: #8CC83C; } .content a:hover { color: #78AB33; } .content a.styled { position: relative; background-color: #8CC83C; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; color: #FFF; font-weight: 400; display: inline-block; padding: 5px 8px 5px 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } @media screen and (max-width: 68.75em) { .content a.styled { font-size: 13px; font-size: 1.3rem; } } .content a.styled:after { -webkit-transition: border-left 0.3s; -webkit-transition: border-left 0.3s; -moz-transition: border-left 0.3s; -o-transition: border-left 0.3s; transition: border-left 0.3s; content: ""; border-top: 15px solid transparent; border-bottom: 16px solid transparent; border-left: 14px solid #8CC83C; position: absolute; right: -14px; top: 0; } @media screen and (max-width: 68.75em) { .content a.styled:after { content: ""; border-top: 13px solid transparent; border-bottom: 14px solid transparent; border-left: 12px solid #8CC83C; position: absolute; right: -12px; top: 0; } } .content a.styled:hover { color: #FFF; background-color: #70a030; } .content a.styled:hover:after { border-left: 14px solid #70a030; } @media screen and (max-width: 68.75em) { .content a.styled:hover:after { border-left: 12px solid #70a030; } } .content b, .content strong { font-weight: 700; } .content sup, .content sub { font-size: 0.7em; line-height: 0; } .content sup { vertical-align: super; } .content sub { vertical-align: sub; } .content em { font-style: italic; } .content-list { margin-bottom: 23px; margin-bottom: 2.3rem; counter-reset: section; } @media screen and (max-width: 68.75em) { .content-list { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-list-item { position: relative; margin-bottom: 8px; } .content-list-item > .content-list { margin-top: 11.5px; margin-top: 1.15rem; } @media screen and (max-width: 68.75em) { .content-list-item > .content-list { margin-top: 8.625px; margin-top: 0.8625rem; } } .content-list .content-list { margin-left: 11.5px; margin-left: 1.15rem; margin-bottom: 0; counter-reset: section; } @media screen and (max-width: 68.75em) { .content-list .content-list { margin-left: 8.625px; margin-left: 0.8625rem; } } .content-list .content-list .content-list { margin-left: 11.5px; margin-left: 1.15rem; counter-reset: section; } @media screen and (max-width: 68.75em) { .content-list .content-list .content-list { margin-left: 8.625px; margin-left: 0.8625rem; } } .content-list .content-list .content-list .content-list { margin-left: 11.5px; margin-left: 1.15rem; counter-reset: section; } @media screen and (max-width: 68.75em) { .content-list .content-list .content-list .content-list { margin-left: 8.625px; margin-left: 0.8625rem; } } .content ul.content-list > li { position: relative; padding-left: 23px; padding-left: 2.3rem; } .content ul.content-list > li:before { position: absolute; top: 0.75em; left: 6px; left: 0.6rem; content: ""; background-color: #94E825; width: 6px; width: 0.6rem; height: 6px; height: 0.6rem; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .content ol.content-list > li:before { counter-increment: section; content: counter(section) ". "; font-family: 'PT Sans', sans-serif; font-weight: 600; color: #94E825; margin-right: 5px; margin-right: 0.5rem; } .content ol.content-list > li > ol > li:before { counter-increment: section; content: counter(section) ". "; font-size: 16px; font-size: 1.6rem; font-family: 'PT Sans', sans-serif; font-weight: 600; color: #8CC83C; margin-right: 10px; margin-right: 1rem; } @media screen and (max-width: 68.75em) { .content ol.content-list > li > ol > li:before { font-size: 13px; font-size: 1.3rem; } } .content ol.content-list > li > ol > li > ol > li:before { counter-increment: section; content: counter(section) ". "; font-size: 16px; font-size: 1.6rem; font-family: 'PT Sans', sans-serif; font-weight: 600; color: #8CC83C; margin-right: 10px; margin-right: 1rem; } @media screen and (max-width: 68.75em) { .content ol.content-list > li > ol > li > ol > li:before { font-size: 13px; font-size: 1.3rem; } } .content .content-form { margin-bottom: 11.5px; margin-bottom: 1.15rem; width: 100%; } @media screen and (max-width: 68.75em) { .content .content-form { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content .content-form-group { margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .content .content-form-group { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content .content-form-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .content .content-form-heading { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .content .content-form-heading { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content .content-form-introduction { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .content .content-form-introduction { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .content .content-form-introduction { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content .content-form .type_text, .content .content-form .type_textlarge, .content .content-form .type_email, .content .content-form .type_select, .content .content-form .type_checkbox, .content .content-form .type_radio, .content .content-form .type_file { margin-bottom: 11.5px; margin-bottom: 1.15rem; width: 100%; } @media screen and (max-width: 68.75em) { .content .content-form .type_text, .content .content-form .type_textlarge, .content .content-form .type_email, .content .content-form .type_select, .content .content-form .type_checkbox, .content .content-form .type_radio, .content .content-form .type_file { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content .content-form label { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 5.75px; margin-bottom: 0.575rem; display: block; } @media screen and (max-width: 68.75em) { .content .content-form label { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .content .content-form label { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } @media screen and (max-width: 50em) { .content .content-form label { font-size: 20px; } } .content .content-form input, .content .content-form textarea, .content .content-form select { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; border: 1px solid #e0e0e0; -webkit-transition: -webkit-box-shadow 0.08s ease-in-out; -webkit-transition: box-shadow 0.08s ease-in-out; -moz-transition: box-shadow 0.08s ease-in-out; -o-transition: box-shadow 0.08s ease-in-out; transition: box-shadow 0.08s ease-in-out; } .content .content-form input::-webkit-input-placeholder, .content .content-form textarea::-webkit-input-placeholder, .content .content-form select::-webkit-input-placeholder { color: #e0e0e0; } .content .content-form input:-moz-placeholder, .content .content-form textarea:-moz-placeholder, .content .content-form select:-moz-placeholder { color: #e0e0e0; opacity: 1; } .content .content-form input::-moz-placeholder, .content .content-form textarea::-moz-placeholder, .content .content-form select::-moz-placeholder { color: #e0e0e0; opacity: 1; } .content .content-form input:-ms-input-placeholder, .content .content-form textarea:-ms-input-placeholder, .content .content-form select:-ms-input-placeholder { color: #e0e0e0; } @media screen and (max-width: 68.75em) { .content .content-form input, .content .content-form textarea, .content .content-form select { font-size: 12.5px; font-size: 1.25rem; } } .content .content-form input:focus, .content .content-form textarea:focus, .content .content-form select:focus { outline: 0; -webkit-box-shadow: 0px 0px 0px 2px #f0f0f0; -moz-box-shadow: 0px 0px 0px 2px #f0f0f0; box-shadow: 0px 0px 0px 2px #f0f0f0; } @media screen and (max-width: 50em) { .content .content-form input, .content .content-form textarea, .content .content-form select { font-size: 20px; } } .content .content-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .content .content-form textarea, .content .content-form select { width: 100%; padding: 5.75px; padding: 0.575rem; } @media screen and (max-width: 68.75em) { .content .content-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .content .content-form textarea, .content .content-form select { padding: 4.3125px; padding: 0.43125rem; } } .content .content-form textarea { height: 300px; height: 30rem; max-height: 600px; max-height: 60rem; width: 100%; } .content .content-form input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .content .content-form input[type="submit"]:hover { color: #f9f9f9; background-color: #70a030; } @media screen and (max-width: 50em) { .content .content-form input[type="submit"] { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 30em) { .content .content-form input[type="submit"] { width: 100%; } } @media screen and (max-width: 50em) { .content .content-form input[type="submit"] { font-size: 20px; } } .content-header { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-header { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-header-top { font-family: 'PT Sans', sans-serif; color: #8CC83C; font-size: 2.5rem; line-height: 3rem; margin-bottom: 10px; } @media screen and (max-width: 50em) { .content-header-top { max-width: 250px; } } .content-header-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 42px; font-size: 4.2rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 700; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-header-heading { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 68.75em) { .content-header-heading { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-header-introduction { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 1.4em; font-weight: normal; line-height: 1.4em; } @media screen and (max-width: 68.75em) { .content-header-introduction { font-size: 1.4em; } } .content-header-info { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-header-info { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-introduction { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 1.4em; font-weight: normal; line-height: 1.4em; } @media screen and (max-width: 68.75em) { .content-introduction { font-size: 1.4em; } } .content-paragraph { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-paragraph { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-paragraph + span { display: block; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-paragraph + span { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-paragraph:last-child { margin-bottom: 0; } .content-image { max-width: 100%; max-height: 700px; max-height: 70rem; height: auto; display: block; margin: 0 auto; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-image { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-image.styled { border-radius: 15px; } .content .image-link { position: relative; overflow: hidden; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content .image-link { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content .image-link:after { content: ""; display: block; background-color: rgba(140, 200, 60, 0.2); position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all + 0.12s ease-in-out; -webkit-transition: all + 0.12s ease-in-out; -moz-transition: all + 0.12s ease-in-out; -o-transition: all + 0.12s ease-in-out; transition: all + 0.12s ease-in-out; } .content .image-link .content-image { position: relative; z-index: 50; margin-bottom: 0; } .content .image-link:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } .content-cimage { position: relative; overflow: hidden; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-cimage { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-cimage .content-image { position: relative; z-index: 50; margin-bottom: 0; } .content-cimage:after { content: ""; display: block; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(-75deg, rgba(255, 255, 255, 0) 71%, rgba(193, 193, 193, 0) 78%, black 100%); background: -webkit-gradient(left top, right bottom, color-stop(71%, rgba(255, 255, 255, 0)), color-stop(78%, rgba(193, 193, 193, 0)), color-stop(100%, black)); background: -webkit-linear-gradient(-75deg, rgba(255, 255, 255, 0) 71%, rgba(193, 193, 193, 0) 78%, black 100%); background: -o-linear-gradient(-75deg, rgba(255, 255, 255, 0) 71%, rgba(193, 193, 193, 0) 78%, black 100%); background: -ms-linear-gradient(-75deg, rgba(255, 255, 255, 0) 71%, rgba(193, 193, 193, 0) 78%, black 100%); background: linear-gradient(165deg, rgba(255, 255, 255, 0) 71%, rgba(193, 193, 193, 0) 78%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 ); position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transform: translate(1rem, 1rem); -moz-transform: translate(1rem, 1rem); -ms-transform: translate(1rem, 1rem); transform: translate(1rem, 1rem); -webkit-transition: opacity + 0.12s ease-in-out , -webkit-transform + 0.12s ease-in-out; -webkit-transition: opacity + 0.12s ease-in-out , transform + 0.12s ease-in-out; -moz-transition: opacity + 0.12s ease-in-out , transform + 0.12s ease-in-out; -o-transition: opacity + 0.12s ease-in-out , transform + 0.12s ease-in-out; transition: opacity + 0.12s ease-in-out , transform + 0.12s ease-in-out; } .content-cimage-paragraph { color: #f9f9f9; padding: 5px 10px; padding: 0.5rem 1rem; margin-bottom: 0; position: absolute; z-index: 200; bottom: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity + 0.12s ease-in-out; -webkit-transition: opacity + 0.12s ease-in-out; -moz-transition: opacity + 0.12s ease-in-out; -o-transition: opacity + 0.12s ease-in-out; transition: opacity + 0.12s ease-in-out; } .content-cimage:hover:after { -webkit-transform: translate(0rem, 0rem); -moz-transform: translate(0rem, 0rem); -ms-transform: translate(0rem, 0rem); transform: translate(0rem, 0rem); } .content-cimage:hover .content-cimage-paragraph, .content-cimage:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } .content-figure-image { width: 100%; height: auto; } .content-table { margin-bottom: 23px; margin-bottom: 2.3rem; border: 0px; width: 100%; } @media screen and (max-width: 68.75em) { .content-table { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-table th { background-color: #FFF; border-bottom: 2px solid #8CC83C; font-weight: bold; font-size: 17px; } .content-table td, .content-table th { padding: 11.5px; padding: 1.15rem; } @media screen and (max-width: 68.75em) { .content-table td, .content-table th { padding: 8.625px; padding: 0.8625rem; } } .content-table tr.odd { background-color: #f7f7f7; } .content .content-inlinequote:before { content: "\201C"; } .content .content-inlinequote:after { content: "\201D"; } .content-blockquote { margin-bottom: 23px; margin-bottom: 2.3rem; padding-left: 20px; padding-left: 2rem; border-left: 5px solid #8CC83C; } @media screen and (max-width: 68.75em) { .content-blockquote { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-blockquote-paragraph { font-size: 22px; font-size: 2.2rem; line-height: 1.4em; letter-spacing: 0.08em; font-weight: 600; font-style: italic; color: #555555; } @media screen and (max-width: 68.75em) { .content-blockquote-paragraph { font-size: 16px; font-size: 1.6rem; } } .content-inlinequote { font-style: italic; } .content-infobox { background-color: #4d5054; padding: 23px; padding: 2.3rem; border-radius: 15px; color: white; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .content-infobox { padding: 17.25px; padding: 1.725rem; } } @media screen and (max-width: 68.75em) { .content-infobox { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .content-infobox-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 5px; font-weight: 700; color: white; } @media screen and (max-width: 68.75em) { .content-infobox-heading { font-size: 20.5px; font-size: 2.05rem; } } .content-infobox .content-heading-2, .content-infobox .content-heading-3, .content-infobox .content-heading-4 { margin-top: 0; color: white; } .content-sidebox { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-sidebox { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-sidebox-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-sidebox-heading { font-size: 20.5px; font-size: 2.05rem; } } @media screen and (max-width: 68.75em) { .content-sidebox-heading { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-custombox { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-custombox { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-databox { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-databox { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-databox .content-databox-checkbox { display: none; } .content-databox.mod-number { border-radius: 4px; border: 1px solid #e0e0e0; padding: 23px; padding: 2.3rem; display: inline-block; text-align: center; } @media screen and (max-width: 68.75em) { .content-databox.mod-number { padding: 17.25px; padding: 1.725rem; } } .content-databox.mod-number .content-databox-heading { margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .content-databox.mod-number .content-databox-heading { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content-databox.mod-number .content-databox-heading-label { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; color: #8CC83C; display: inline-block; position: relative; } @media screen and (max-width: 68.75em) { .content-databox.mod-number .content-databox-heading-label { font-size: 20.5px; font-size: 2.05rem; } } .content-databox.mod-text .content-databox-checkbox { display: none; } .content-databox.mod-text .content-databox-checkbox:checked ~ .content-databox-heading .content-databox-heading-label:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .content-databox.mod-text .content-databox-checkbox:checked ~ .content-databox-heading .content-databox-heading-label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .content-databox.mod-text .content-databox-checkbox:checked ~ .content-databox-text { height: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: height 0s step-end , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: height 0s step-end , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: height 0s step-end , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: height 0s step-end , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: height 0s step-end , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .content-databox.mod-text .content-databox-heading { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-databox.mod-text .content-databox-heading { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-databox.mod-text .content-databox-heading-label { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; color: #8CC83C; cursor: pointer; display: inline-block; padding-right: 34.5px; padding-right: 3.45rem; position: relative; } @media screen and (max-width: 68.75em) { .content-databox.mod-text .content-databox-heading-label { font-size: 16.5px; font-size: 1.65rem; } } .content-databox.mod-text .content-databox-heading-label:before { content: ""; background-image: url("/images/svg/arrow-round-primary.svg"); background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; display: inline-block; position: absolute; right: 0; width: 1em; height: 1em; top: 4px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .content-databox.mod-text .content-databox-heading-label:after { content: ""; background-image: url("/images/svg/close-round-primary.svg"); background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat; display: inline-block; position: absolute; right: 0; width: 1em; height: 1em; top: 4px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .content-databox.mod-text .content-databox-text { height: 0px; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: height 0s step-end , opacity 0.15s ease-in-out , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: height 0s step-end , opacity 0.15s ease-in-out , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: height 0s step-end , opacity 0.15s ease-in-out , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: height 0s step-end , opacity 0.15s ease-in-out , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: height 0s step-end , opacity 0.15s ease-in-out , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .content-databox.mod-text .content-databox-text-paragraph { border-radius: 4px; border: 1px solid #e0e0e0; padding: 23px; padding: 2.3rem; } @media screen and (max-width: 68.75em) { .content-databox.mod-text .content-databox-text-paragraph { padding: 17.25px; padding: 1.725rem; } } .content-staff-card { background-color: #e0e0e0; margin-bottom: 23px; margin-bottom: 2.3rem; padding: 23px; padding: 2.3rem; display: inline-block; font-family: 'zerowidthspacesmedium'; } @media screen and (max-width: 68.75em) { .content-staff-card { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .content-staff-card { padding: 17.25px; padding: 1.725rem; } } @media screen and (max-width: 37.5em) { .content-staff-card { width: 100%; } } .content-staff-card-figure { margin-bottom: 11.5px; margin-bottom: 1.15rem; width: 25%; display: inline-block; vertical-align: top; } @media screen and (max-width: 68.75em) { .content-staff-card-figure { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .content-staff-card-figure-image { width: 100%; height: auto; } .content-staff-card-text { margin-bottom: 11.5px; margin-bottom: 1.15rem; width: 75%; display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; padding-left: 23px; padding-left: 2.3rem; } @media screen and (max-width: 68.75em) { .content-staff-card-text { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } @media screen and (max-width: 68.75em) { .content-staff-card-text { padding-left: 17.25px; padding-left: 1.725rem; } } .content-staff-card-text-link.mod-name { font-weight: 700; } .content-attachment { margin-bottom: 23px; margin-bottom: 2.3rem; padding-left: 46px; padding-left: 4.6rem; display: block; position: relative; -webkit-transition: all + 0.12s ease-in-out; -webkit-transition: all + 0.12s ease-in-out; -moz-transition: all + 0.12s ease-in-out; -o-transition: all + 0.12s ease-in-out; transition: all + 0.12s ease-in-out; } @media screen and (max-width: 68.75em) { .content-attachment { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-attachment-icon { display: inline-block; position: absolute; left: 0; top: 50%; width: 45px; width: 4.5rem; height: 45px; height: 4.5rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all + 0.12s ease-in-out; -webkit-transition: all + 0.12s ease-in-out; -moz-transition: all + 0.12s ease-in-out; -o-transition: all + 0.12s ease-in-out; transition: all + 0.12s ease-in-out; } .content-attachment-icon svg { width: 100%; height: 100%; } .content-attachment-icon-cover { width: 100%; height: auto; } .content-attachment-text { display: inline-block; padding-left: 11.5px; padding-left: 1.15rem; } @media screen and (max-width: 68.75em) { .content-attachment-text { padding-left: 8.625px; padding-left: 0.8625rem; } } .content-attachment-text-description { font-size: 15px; font-size: 1.5rem; color: #abaaaa; } @media screen and (max-width: 68.75em) { .content-attachment-text-description { font-size: 12.5px; font-size: 1.25rem; } } .content-attachment-text-info { font-size: 15px; font-size: 1.5rem; color: #abaaaa; } @media screen and (max-width: 68.75em) { .content-attachment-text-info { font-size: 12.5px; font-size: 1.25rem; } } .content-attachment:hover .content-attachment-icon { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=80); opacity: 0.8; } .content-attachment:hover .content-attachment-text-description { color: #c8c8c8; } .content-attachment:hover .content-attachment-text-info { color: #c8c8c8; } .content .video-container { margin-top: 10px; } .content .google-map, .content .video-container { padding-top: 56.25%; width: 100%; position: relative; margin-bottom: 23px; margin-bottom: 2.3rem; } .content .google-map > iframe, .content .video-container > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 68.75em) { .content .google-map, .content .video-container { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content-hr { border: 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .content-hr { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .content > *:last-child, .content > * > *:last-child { margin-bottom: 0; } .shortcuts-top { width: 100%; background-color: #8CC83C; border: 0px solid #8CC83C; font-weight: bold; height: 8px; text-align: center; text-transform: uppercase; color: #FFF; border-radius: 5px 5px 0px 0px; background: linear-gradient(to bottom, #8bc93c 50%, #82b93b 100%); } .shortcut-container { position: relative; background-color: #FFF; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; -webkit-box-shadow: -2px 7px 25px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 7px 25px -1px rgba(0, 0, 0, 0.1); box-shadow: -2px 7px 25px -1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 50em) { .shortcut-container:before { display: none; } } .shortcut-container:before { content: ""; opacity: 0; position: absolute; left: -25px; width: 25px; height: 59px; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,cacaca+100 */ background: #e6e6e6; /* Old browsers */ background: -moz-linear-gradient(top, #8bc93c 30%, #689033 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #8bc93c 30%, #689033 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #8bc93c 30%, #689033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc93c', endColorstr='#689033',GradientType=0 ); /* IE6-9 */ } .shortcut-container .shortcut { position: relative; transition: all 0.2s linear 0s; /* &:before { content: "Lue lisää"; position:absolute; padding: 10px 20px; text-align:center; z-index:20; top:40%; left:30%; background-color: map-get($color, "primary"); width: 100px; font-size: 18px; font-weight: bold; }*/ /* &:after { content:""; position:absolute; top:0; bottom:0; left:0; right: 0; background-color: #FFF; opacity: 0.7; }*/ } .shortcut-container .shortcut:hover { cursor: auto; } .shortcut-container .shortcut:hover .shortcut-figure-caption-readmore { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: -webkit-transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .shortcut-container .shortcut:hover:after { transform: scale(1, 1); text-indent: 0; } .shortcut-container .shortcut:hover .shortcut-figure-caption-excerpt { border-bottom: 0px solid #e0e0e0; } .shortcut-container .shortcut .shorcut-block-container { padding: 20px 20px 10px 20px; border-left: 3px solid transparent; } .shortcut-container .shortcut-heading { display: table; } .shortcut-container .shortcut-heading img { width: 30px; height: 30px; } .shortcut-container .shortcut-heading-image { display: table-cell; vertical-align: middle; margin-right: 5px; } .shortcut-container .shortcut-heading-h2 { display: table-cell; vertical-align: middle; color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; color: #4d5054; } @media screen and (max-width: 68.75em) { .shortcut-container .shortcut-heading-h2 { font-size: 16.5px; font-size: 1.65rem; } } .shortcut-container .shortcut-figure-caption { margin: 5px 0 10px 0; } .shortcut-container .shortcut-figure-caption-excerpt { color: #393939; margin-bottom: 20px; transition: border 0.3s linear 0s; } .shortcut-container .shortcut-figure-caption-readmore { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: -webkit-transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.1s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); position: relative; display: inline-block; color: #78AB33; } @media screen and (max-width: 37.5em) { .shortcut-container .shortcut-figure-caption-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; transform: none; } } hr { background-color: #e0e0e0; height: 1px; border: 0; margin: 0; } .section-node-allnodes { margin-top: 20px; } .section-node-allnodes-link { position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; display: inline-block; } .section-node-allnodes-link:hover { color: #f9f9f9; background-color: #70a030; } @media screen and (max-width: 50em) { .section-node-allnodes-link { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 30em) { .section-node-allnodes-link { width: 100%; } } .node .node-top-heading { border-bottom: 2px solid #e0e0e0; font-family: 'PT Sans', sans-serif; font-size: 3.1rem; color: #8CC83C; } .node hr { border: 1px solid #f9f9f9; } .node-section-node-heading:after { content: ""; width: 300px; border: 2px solid #8CC83C; display: block; margin-top: 5px; } .node-list { display: flex; flex-flow: wrap; justify-content: space-between; } .node-article { width: calc(1/2*100% - (1 - 1/2)*30px); display: table; margin: 15px 0; } @media screen and (max-width: 37.5em) { .node-article { width: 100%; } } .node-article:hover .node-text-pharagraph { transition: all ease-in-out 0.3s; border-bottom: 1px solid #8CC83C; } .node-article:hover .node-datebox { background-color: #78AB33; -webkit-transition: background-color 0.3s ease-out 0s; -webkit-transition: background-color 0.3s ease-out 0s; -moz-transition: background-color 0.3s ease-out 0s; -o-transition: background-color 0.3s ease-out 0s; transition: background-color 0.3s ease-out 0s; } .node-article:hover .node-text-pharagraph::before { opacity: 0; transition: all ease-in-out 0.2s; -webkit-transform: translateY(0%) translateX(0%) scale(1); -moz-transform: translateY(0%) translateX(0%) scale(1); -ms-transform: translateY(0%) translateX(0%) scale(1); transform: translateY(0%) translateX(0%) scale(1); } .node-article-time-outer { display: table-cell; } @media screen and (max-width: 37.5em) { .node-article-time-outer { display: none; } } .node-article-time-outer .node-datebox { -webkit-transition: background-color 0.3s ease-out 0s; -webkit-transition: background-color 0.3s ease-out 0s; -moz-transition: background-color 0.3s ease-out 0s; -o-transition: background-color 0.3s ease-out 0s; transition: background-color 0.3s ease-out 0s; text-align: center; width: 75px; height: 75px; border-radius: 50%; display: block; /* @include green-gradient(); */ background-color: #8CC83C; } @media screen and (max-width: 68.75em) { .node-article-time-outer .node-datebox { width: 60px; height: 60px; } } @media screen and (max-width: 50em) { .node-article-time-outer .node-datebox { width: 60px; height: 60px; } } .node-article-time-outer .node-datebox-day { padding-top: 12px; color: #FFF; font-family: 'PT Sans', sans-serif; font-size: 3rem; font-weight: 700; padding-bottom: 2px; } @media screen and (max-width: 68.75em) { .node-article-time-outer .node-datebox-day { font-size: 2.4rem; padding-bottom: 0px; } } @media screen and (max-width: 50em) { .node-article-time-outer .node-datebox-day { font-size: 2.2rem; padding-bottom: 2px; } } .node-article-time-outer .node-datebox-month { color: #FFF; font-family: 'PT Sans', sans-serif; font-size: 1.6rem; padding-top: 3px; } @media screen and (max-width: 68.75em) { .node-article-time-outer .node-datebox-month { font-size: 1.4rem; padding-bottom: 1px; } } @media screen and (max-width: 50em) { .node-article-time-outer .node-datebox-month { font-size: 1.4rem; padding-top: 0px; } } .node-article-heading { display: table-cell; vertical-align: middle; padding-left: 15px; } @media screen and (max-width: 50em) { .node-article-heading { padding-left: 10px; } } @media screen and (max-width: 37.5em) { .node-article-heading { padding-left: 0px; } } .node-article-heading .mobile-date { display: none; color: #8CC83C; border-radius: 25px; font-weight: bold; } @media screen and (max-width: 37.5em) { .node-article-heading .mobile-date { display: block; } } .node-article-heading .node-heading { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; color: #4d5054; } @media screen and (max-width: 68.75em) { .node-article-heading .node-heading { font-size: 12.5px; font-size: 1.25rem; } } .node-article-heading .node-text-pharagraph { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; border-bottom: 1px solid transparent; } @media screen and (max-width: 68.75em) { .node-article-heading .node-text-pharagraph { font-size: 12.5px; font-size: 1.25rem; } } .node-article-heading .node-text-pharagraph:before { float: right; content: ">"; text-align: right; font-weight: 700; color: #8CC83C; color: #8CC83C; border-radius: 15px; display: block; text-align: left; margin-top: 4px; opacity: 0; } .node-article-heading .node-text-readmore { font-family: 'Open Sans', sans-serif; font-weight: bold; display: block; text-transform: uppercase; background-color: transparent; color: #8CC83C; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; } .node-article-heading .node-text-readmore:visited { background-color: transparent; color: #8CC83C; } .node-article-heading .node-text-readmore:focus { background-color: transparent; color: grey; } .node-article-heading .node-text-readmore:hover { background-color: transparent; color: grey; } .node-article-heading .node-text-readmore:active { background-color: transparent; color: grey; } .salv { margin-left: -23px; margin-left: -2.3rem; margin-right: -23px; margin-right: -2.3rem; } @media screen and (max-width: 68.75em) { .salv { margin-left: -17.25px; margin-left: -1.725rem; } } @media screen and (max-width: 68.75em) { .salv { margin-right: -17.25px; margin-right: -1.725rem; } } .salv::before { font-size: 0px; visibility: hidden; } @media screen and (max-width: 600px) { .salv[data-columns]::before { content: '1 .column.size-1of1'; } } @media screen and (min-width: 601px) and (max-width: 1100px) { .salv[data-columns]::before { content: '2 .column.size-1of2'; } } @media screen and (min-width: 1101px) { .salv[data-columns]::before { content: '2 .column.size-1of2'; } } .salv-item { padding: 23px; padding: 2.3rem; } @media screen and (max-width: 68.75em) { .salv-item { padding: 17.25px; padding: 1.725rem; } } .salv-item .node-text-header-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .salv-item .node-text-header-heading { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .salv-item .node-text-header-heading { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .salv-item .node-text-header-info { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; color: #8CC83C; font-weight: bold; } @media screen and (max-width: 68.75em) { .salv-item .node-text-header-info { font-size: 12.5px; font-size: 1.25rem; } } .salv-item .node-text-header-image { height: 200px; border-radius: 5px; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .salv-item .node-text-header-image { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .salv-item .node-text-paragraph { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .salv-item .node-text-paragraph { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .salv-item .node-text-paragraph { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .salv-item .node-text-readmore { position: relative; background-color: #8CC83C; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; color: #FFF; font-weight: 400; display: inline-block; padding: 5px 8px 5px 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } @media screen and (max-width: 68.75em) { .salv-item .node-text-readmore { font-size: 13px; font-size: 1.3rem; } } .salv-item .node-text-readmore:after { -webkit-transition: border-left 0.3s; -webkit-transition: border-left 0.3s; -moz-transition: border-left 0.3s; -o-transition: border-left 0.3s; transition: border-left 0.3s; content: ""; border-top: 15px solid transparent; border-bottom: 16px solid transparent; border-left: 14px solid #8CC83C; position: absolute; right: -14px; top: 0; } @media screen and (max-width: 68.75em) { .salv-item .node-text-readmore:after { content: ""; border-top: 13px solid transparent; border-bottom: 14px solid transparent; border-left: 12px solid #8CC83C; position: absolute; right: -12px; top: 0; } } .salv-item .node-text-readmore:hover { color: #FFF; background-color: #70a030; } .salv-item .node-text-readmore:hover:after { border-left: 14px solid #70a030; } @media screen and (max-width: 68.75em) { .salv-item .node-text-readmore:hover:after { border-left: 12px solid #70a030; } } .column { float: left; } .size-1of3 { width: 33.333%; } .size-1of2 { width: 50%; } .size-1of1 { width: 100%; } .section-news .content-header-info { font-style: italic; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .section-news .content-header-info { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .section-news .content-header-image { border-radius: 5px; } .section-news .content-header-image img { max-width: 270px; float: right; margin: 0px 20px 50px 20px; } @media screen and (max-width: 68.75em) { .section-news .content-header-image img { float: none; margin: 0 auto; } } .section-map { margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-map { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .section-map .map { position: relative; } .section-map .map-canvas { position: relative; z-index: 50; height: 475px; height: 47.5rem; overflow: hidden; border: 6px solid #e0e0e0; border-radius: 4px; } .section-map .map-control { position: absolute; z-index: 100; top: 23px; top: 2.3rem; left: 23px; left: 2.3rem; padding: 5.83333px; padding: 0.58333rem; background: rgba(249, 249, 249, 0.8); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all + 0.12s ease-in-out; -webkit-transition: all + 0.12s ease-in-out; -moz-transition: all + 0.12s ease-in-out; -o-transition: all + 0.12s ease-in-out; transition: all + 0.12s ease-in-out; } @media screen and (max-width: 68.75em) { .section-map .map-control { top: 11px; top: 1.1rem; left: 11px; left: 1.1rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } } @media screen and (min-width: 68.75em) { .section-map .map-control { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=90); opacity: 0.9; } .section-map .map-control:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } } .section-map .map-control-button { width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; position: relative; cursor: pointer; border-radius: 50%; background-color: #8CC83C; -webkit-transition: background-color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out; } .section-map .map-control-button:not(:last-child) { margin-bottom: 8.75px; margin-bottom: 0.875rem; } .section-map .map-control-button:hover { background-color: #94E825; } .section-map .map-control-button svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.5); -moz-transform: translateY(-50%) translateX(-50%) scale(0.5); -ms-transform: translateY(-50%) translateX(-50%) scale(0.5); transform: translateY(-50%) translateX(-50%) scale(0.5); } @media screen and (max-width: 68.75em) { .section-map .map-control-button { width: 49px; width: 4.9rem; height: 49px; height: 4.9rem; } } .section-map .map-control-button.mod-zoomout svg rect { fill: #e0e0e0 !important; } .section-map .map-control-button.mod-zoomin svg path { fill: #e0e0e0 !important; } .section-contact { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-contact { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .section-contact.mod-contact { margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-contact.mod-contact { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .section-contact .container { font-family: 'zerowidthspacesmedium'; } .section-contact .container.mod-contact { background-color: #e0e0e0; border-radius: 4px; } .section-contact .contact { font-family: 'Open Sans', sans-serif; display: inline-block; vertical-align: top; width: 50%; position: relative; padding-top: 23px; padding-top: 2.3rem; padding-bottom: 23px; padding-bottom: 2.3rem; border-radius: 15px; } @media screen and (max-width: 68.75em) { .section-contact .contact { padding-top: 17.25px; padding-top: 1.725rem; padding-bottom: 17.25px; padding-bottom: 1.725rem; } } .section-contact .contact:not(:first-child) { padding-left: 46px; padding-left: 4.6rem; } @media screen and (max-width: 68.75em) { .section-contact .contact:not(:first-child) { padding-left: 34.5px; padding-left: 3.45rem; } } .section-contact .contact:not(:last-child):after { content: ""; position: absolute; top: 23px; top: 2.3rem; bottom: 23px; bottom: 2.3rem; right: 0; width: 2px; width: 0.2rem; background-color: rgba(140, 200, 60, 0.2); display: block; } @media screen and (max-width: 50em) { .section-contact .contact:not(:last-child):after { top: 11.5px; top: 1.15rem; bottom: 11.5px; bottom: 1.15rem; right: 0; } } @media screen and (max-width: 37.5em) { .section-contact .contact:not(:last-child):after { display: none; } } .section-contact .contact-header { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-contact .contact-header { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .section-contact .contact-header-icon { width: 23px; width: 2.3rem; height: 23px; height: 2.3rem; position: relative; display: inline-block; vertical-align: middle; margin-right: 11.5px; margin-right: 1.15rem; } .section-contact .contact-header-icon svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .section-contact .contact-header-icon svg path { fill: #8CC83C !important; } .section-contact .contact-header-heading { display: inline-block; vertical-align: middle; font-weight: 700; color: #8CC83C; } .section-contact .contact-paragraph { margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .section-contact .contact-paragraph { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .section-member-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-member-heading { font-size: 20.5px; font-size: 2.05rem; } } @media screen and (max-width: 68.75em) { .section-member-heading { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .section-member .container { font-family: 'zerowidthspacesmedium'; } .section-member .member { text-align: center; font-family: 'Open Sans', sans-serif; display: inline-block; vertical-align: top; width: 33.3333%; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-member .member { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-member .member { width: 50%; } } @media screen and (max-width: 30em) { .section-member .member { width: 100%; } } .section-member .member-image { max-width: 150px; max-width: 15rem; width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-member .member-image { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 30em) { .section-member .member-image { max-width: 150px; max-width: 15rem; } } .section-member .member-name { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-member .member-name { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .section-member .member-name { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 30em) { .section-member .member-name { word-spacing: normal; } } .section-member .member-phone { margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .section-member .member-phone { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .section-member .member-phone-link { color: #8CC83C; } @media screen and (max-width: 50em) { .section-member .member-phone-link { position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .section-member .member-phone-link:hover { color: #f9f9f9; background-color: #70a030; } } @media screen and (max-width: 50em) and (max-width: 50em) { .section-member .member-phone-link { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 50em) and (max-width: 30em) { .section-member .member-phone-link { width: 100%; } } .section-member .member-email { margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .section-member .member-email { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .section-member .member-email-link { color: #8CC83C; } @media screen and (max-width: 50em) { .section-member .member-email-link { position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .section-member .member-email-link:hover { color: #f9f9f9; background-color: #70a030; } } @media screen and (max-width: 50em) and (max-width: 50em) { .section-member .member-email-link { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 50em) and (max-width: 30em) { .section-member .member-email-link { width: 100%; } } .main-footer { position: relative; background-color: #323e3b; } .main-footer .container { padding-top: 10px; padding-bottom: 100px; font-family: 'zerowidthspacesmedium'; font-family: "zerowidthspacesmedium"; font-family: "zerowidthspacesmedium"; font-family: "zerowidthspacesmedium"; } .main-footer .container > * { font-family: 'Open Sans', sans-serif; } .main-footer .container .footer-left { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(33.33333% - 15.33333px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .main-footer .container .footer-left:first-of-type { margin-left: 0; } .main-footer .container .footer-left:last-of-type { margin-right: 0; } .main-footer .container .footer-left:nth-of-type(3n) { margin-right: 0; } .main-footer .container .footer-left:nth-of-type(3n + 1) { margin-left: 0; } .main-footer .container .footer-left:nth-of-type(n + 4) { margin-top: 23px; } @media screen and (max-width: 68.75em) { .main-footer .container .footer-left { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .main-footer .container .footer-left { width: 100%; display: block; margin: 0 auto; } .main-footer .container .footer-left:nth-of-type(n + 2) { margin-top: 11.5px; } } .main-footer .container > * { font-family: 'Open Sans', sans-serif; } .main-footer .container .footer-center { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(33.33333% - 15.33333px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .main-footer .container .footer-center:first-of-type { margin-left: 0; } .main-footer .container .footer-center:last-of-type { margin-right: 0; } .main-footer .container .footer-center:nth-of-type(3n) { margin-right: 0; } .main-footer .container .footer-center:nth-of-type(3n + 1) { margin-left: 0; } .main-footer .container .footer-center:nth-of-type(n + 4) { margin-top: 23px; } @media screen and (max-width: 68.75em) { .main-footer .container .footer-center { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .main-footer .container .footer-center { width: 100%; display: block; margin: 0 auto; } .main-footer .container .footer-center:nth-of-type(n + 2) { margin-top: 11.5px; } } .main-footer .container > * { font-family: 'Open Sans', sans-serif; } .main-footer .container .footer-right { font-family: 'Open Sans', sans-serif; padding: 0; width: calc(33.33333% - 15.33333px); margin: 0 11.5px; margin: 0 1.15rem; display: inline-block; vertical-align: top; font-size: 15px; font-size: 1.5rem; } .main-footer .container .footer-right:first-of-type { margin-left: 0; } .main-footer .container .footer-right:last-of-type { margin-right: 0; } .main-footer .container .footer-right:nth-of-type(3n) { margin-right: 0; } .main-footer .container .footer-right:nth-of-type(3n + 1) { margin-left: 0; } .main-footer .container .footer-right:nth-of-type(n + 4) { margin-top: 23px; } @media screen and (max-width: 68.75em) { .main-footer .container .footer-right { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 50em) { .main-footer .container .footer-right { width: 100%; display: block; margin: 0 auto; } .main-footer .container .footer-right:nth-of-type(n + 2) { margin-top: 11.5px; } } .twitter-feed { position: relative; z-index: 10; margin: 0 auto; max-width: 300px; padding: 10px 20px 8px 20px; display: table; border-radius: 15px; } @media screen and (max-width: 50em) { .twitter-feed { top: 60px; } } @media screen and (max-width: 68.75em) { .twitter-feed { width: 100%; } } .twitter-feed .twitter-image { display: table-cell; vertical-align: middle; text-align: right; padding-right: 10px; } .twitter-feed .twitter-image svg { width: 50px; } .twitter-feed .twitter-image svg path { fill: #8CC83C; } .twitter-feed .twitter-content { display: table-cell; vertical-align: middle; color: #e0e0e0; } .twitter-feed .twitter-content h3 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 0px; color: #e0e0e0; } @media screen and (max-width: 68.75em) { .twitter-feed .twitter-content h3 { font-size: 14px; font-size: 1.4rem; } } .twitter-feed .twitter-content a { color: #FFF; } .footer { font-family: 'Open Sans', sans-serif; } .footer-logo { z-index: 1; position: relative; margin-top: -10px; background-color: white; border-radius: 0px 0px 15px 15px; -webkit-box-shadow: -4px 4px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -4px 4px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: -4px 4px 20px 0px rgba(0, 0, 0, 0.3); text-align: center; max-width: 250px; } .footer-logo .image { width: 240px; width: 24rem; height: 100px; height: 10rem; display: inline-block; position: relative; z-index: 100; } .footer-logo .image svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .footer-tag { color: #5b6562; padding-top: 11.5px; padding-top: 1.15rem; padding-bottom: 11.5px; padding-bottom: 1.15rem; font-size: 18px; font-size: 1.8rem; } @media screen and (max-width: 68.75em) { .footer-tag { padding-top: 8.625px; padding-top: 0.8625rem; padding-bottom: 8.625px; padding-bottom: 0.8625rem; } } @media screen and (max-width: 68.75em) { .footer-tag { font-size: 14px; font-size: 1.4rem; } } .footer-twitter { max-width: 300px; display: table; } @media screen and (max-width: 50em) { .footer-twitter { top: 60px; } } @media screen and (max-width: 68.75em) { .footer-twitter { width: 100%; } } .footer-twitter .twitter-image { display: table-cell; vertical-align: middle; text-align: right; padding-right: 10px; } .footer-twitter .twitter-image svg { width: 30px; height: 30px; } .footer-twitter .twitter-image svg path { fill: #8CC83C; } .footer-twitter .twitter-content { display: table-cell; vertical-align: middle; color: #e0e0e0; font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; } @media screen and (max-width: 68.75em) { .footer-twitter .twitter-content { font-size: 12.5px; font-size: 1.25rem; } } .footer-info { color: #e0e0e0; padding-top: 15px; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2rem; } @media screen and (max-width: 68.75em) { .footer-info { font-size: 12.5px; font-size: 1.25rem; } } .footer-info .information-item a { font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem; color: #FFF; display: block; position: relative; } @media screen and (max-width: 68.75em) { .footer-info .information-item a { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 50em) { .footer-info .information-item a { margin: 10px 0; font-size: 20px; font-size: 2rem; line-height: 22px; line-height: 2.2rem; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .footer-info .information-item a { font-size: 15px; font-size: 1.5rem; } } .footer-info .information-item a:before { content: ""; background-color: transparent; background-size: 75% auto; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; display: inline-block; vertical-align: middle; width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; position: relative; margin-right: 11.5px; margin-right: 1.15rem; } @media screen and (max-width: 68.75em) { .footer-info .information-item a:before { margin-right: 8.625px; margin-right: 0.8625rem; } } @media screen and (max-width: 37.5em) { .footer-info .information-item a:before { width: 25px; width: 2.5rem; height: 25px; height: 2.5rem; } } .footer-info .information-item.information-item-twitter a:before { background-image: url("/images/svg/twitter.svg"); background-size: 85% auto; } .footer-info .information-item.information-item-tel a:before { background-image: url("/images/svg/phone.svg"); background-size: 85% auto; } .footer-info .information-item.information-item-mailto a:before { background-image: url("/images/svg/mail.svg"); } .section-slide { position: relative; z-index: 0; height: 344px; height: 34.4rem; } @media screen and (max-width: 68.75em) { .section-slide { height: 350px; height: 35rem; } } @media screen and (max-width: 50em) { .section-slide { height: 300px; height: 30rem; } } .section-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .slide { position: relative; overflow: hidden; height: 100%; } .slide-image { background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; position: relative; z-index: 0; } .slide-image:before { content: ""; background-color: #464646; position: absolute; z-index: 50; top: 0; right: 0; bottom: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=70); opacity: 0.7; } .slide-image:after { content: ""; position: absolute; z-index: 50; height: 235px; height: 23.5rem; top: 0; right: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } .slide-text { z-index: 50; padding-top: 55px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin: 0 auto; max-width: 1200px; max-width: 120rem; height: 100%; } .slide-text-header { position: relative; text-align: center; width: 50%; margin: 0 auto; } @media screen and (max-width: 50em) { .slide-text-header { width: 100%; } } @media screen and (max-width: 68.75em) { .slide-text-header { font-size: 10px; font-size: 1rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .slide-text-header { font-size: 10px; font-size: 1rem; } } @media screen and (max-width: 50em) { .slide-text-header { padding-left: 0; } } .slide-text-header-heading { font-family: 'PT Sans', sans-serif; text-transform: uppercase; color: white; font-weight: 700; font-size: 50px; line-height: 50px; } @media screen and (max-width: 68.75em) { .slide-text-header-heading { font-size: 80px; font-size: 8rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .slide-text-header-heading { font-size: 45px; font-size: 4.5rem; } } @media screen and (max-width: 50em) { .slide-text-header-heading { font-size: 75px; font-size: 7.5rem; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .slide-text-header-heading { font-size: 42.5px; font-size: 4.25rem; } } @media screen and (max-width: 37.5em) { .slide-text-header-heading { font-size: 50px; font-size: 5rem; line-height: 40px; line-height: 4rem; padding-top: 20px; padding-top: 2rem; } } @media screen and (max-width: 37.5em) and (max-width: 68.75em) { .slide-text-header-heading { font-size: 30px; font-size: 3rem; } } .slide-text-header-heading b { color: #8CC83C; } .slide-text-paragraph { font-size: 24px; font-size: 2.4rem; line-height: 1.2; font-weight: 700; color: #f9f9f9; font-family: 'PT Sans', sans-serif; letter-spacing: -0.02em; padding-left: 46px; padding-left: 4.6rem; max-width: 750px; max-width: 75rem; } @media screen and (max-width: 68.75em) { .slide-text-paragraph { font-size: 17px; font-size: 1.7rem; } } @media screen and (max-width: 68.75em) { .slide-text-paragraph { padding-left: 34.5px; padding-left: 3.45rem; } } @media screen and (max-width: 68.75em) { .slide-text-paragraph { padding-left: 23px; padding-left: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .slide-text-paragraph { padding-left: 17.25px; padding-left: 1.725rem; } } @media screen and (max-width: 50em) { .slide-text-paragraph { padding-left: 0; } } .slide-text-paragraph b { color: #c6e49e; } .section-slider { position: relative; z-index: 0; background-color: #393939; width: 100%; overflow: hidden; height: 500px; height: 50rem; } .section-slider:after { z-index: 100; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; background: #FFF; -webkit-clip-path: polygon(0 29%, 0% 100%, 100% 100%); clip-path: polygon(0 29%, 0% 100%, 100% 100%); } @media screen and (max-width: 68.75em) { .section-slider { height: 400px; height: 40rem; } } @media screen and (max-width: 50em) { .section-slider { height: 400px; height: 40rem; } } .section-slider-gradient { position: absolute; bottom: 0; left: 50%; height: 0; z-index: 51; max-width: 1200px; max-width: 120rem; width: 100%; text-align: right; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding-left: 46px; padding-left: 4.6rem; padding-right: 46px; padding-right: 4.6rem; padding-right: 125px; padding-right: 12.5rem; } @media screen and (max-width: 68.75em) { .section-slider-gradient { padding-left: 34.5px; padding-left: 3.45rem; padding-right: 34.5px; padding-right: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-slider-gradient { padding-left: 23px; padding-left: 2.3rem; padding-right: 23px; padding-right: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-slider-gradient { padding-left: 17.25px; padding-left: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-slider-gradient { padding-right: 17.25px; padding-right: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-slider-gradient { display: none; } } .section-slider-gradient-element { width: 510px; width: 51rem; height: 510px; height: 51rem; background-image: -webkit-linear-gradient(90deg, #4d5054 0%, #000000 100%); background-image: -moz-linear-gradient(90deg, #4d5054 0%, #000000 100%); background-image: -o-linear-gradient(90deg, #4d5054 0%, #000000 100%); background-image: -ms-linear-gradient(90deg, #4d5054 0%, #000000 100%); background-image: linear-gradient(0deg, #4d5054 0%, #000000 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=30); opacity: 0.3; display: inline-block; -webkit-transform: rotate(45deg) translateX(0px) translateY(calc(-100% + 46px)); -moz-transform: rotate(45deg) translateX(0px) translateY(calc(-100% + 46px)); -ms-transform: rotate(45deg) translateX(0px) translateY(calc(-100% + 46px)); transform: rotate(45deg) translateX(0px) translateY(calc(-100% + 46px)); } .slider { position: absolute; z-index: 50; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .slider.mod-slider { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; top: -7000px; top: -700rem; } .slider.mod-slider .slider-header, .slider.mod-slider .slider-paragraph, .slider.mod-slider .slider-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); } .slider.mod-slider .slider-header:after { -webkit-transform: translateX(0%) scaleX(0); -moz-transform: translateX(0%) scaleX(0); -ms-transform: translateX(0%) scaleX(0); transform: translateX(0%) scaleX(0); } .no-js .slider.mod-slider { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; top: 0; } .no-js .slider.mod-slider .slider-header, .no-js .slider.mod-slider .slider-paragraph, .no-js .slider.mod-slider .slider-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slider[cajas-active] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; top: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s 0.4s , top 0s step-end 0.4s; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s 0.4s , top 0s step-end 0.4s; -moz-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s 0.4s , top 0s step-end 0.4s; -o-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s 0.4s , top 0s step-end 0.4s; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s 0.4s , top 0s step-end 0.4s; } .slider[cajas-active] .slider-image { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateZ(-2px) rotate(0.001deg); -moz-transform: translateZ(-2px) rotate(0.001deg); -ms-transform: translateZ(-2px) rotate(0.001deg); transform: translateZ(-2px) rotate(0.001deg); -webkit-transition: -webkit-transform 10s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 10s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: transform 10s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 10s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 10s ease-out 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .slider[cajas-active] .slider-header, .slider[cajas-active] .slider-paragraph, .slider[cajas-active] .slider-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateX(0) rotate(0.001deg); -moz-transform: translateX(0) rotate(0.001deg); -ms-transform: translateX(0) rotate(0.001deg); transform: translateX(0) rotate(0.001deg); } .slider[cajas-inactive] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; top: -7000px; top: -700rem; -webkit-transition: opacity ease-out 0.4s , top 0s step-end 0.4s; -webkit-transition: opacity ease-out 0.4s , top 0s step-end 0.4s; -moz-transition: opacity ease-out 0.4s , top 0s step-end 0.4s; -o-transition: opacity ease-out 0.4s , top 0s step-end 0.4s; transition: opacity ease-out 0.4s , top 0s step-end 0.4s; } .slider[cajas-inactive][cajas-out] .slider-image { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .slider[cajas-inactive][cajas-out] .slider-header, .slider[cajas-inactive][cajas-out] .slider-paragraph, .slider[cajas-inactive][cajas-out] .slider-readmore { -webkit-transform: translateX(-200px) rotate(0.001deg); -moz-transform: translateX(-200px) rotate(0.001deg); -ms-transform: translateX(-200px) rotate(0.001deg); transform: translateX(-200px) rotate(0.001deg); } .slider[cajas-inactive][cajas-out] .slider-header { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .slider[cajas-inactive][cajas-out] .slider-paragraph { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; } .slider[cajas-inactive][cajas-out] .slider-readmore { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .slider[cajas-inactive] .slider-image { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 1000px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateZ(-2px) scale(1) rotate(0.001deg); -moz-transform: translateZ(-2px) scale(1) rotate(0.001deg); -ms-transform: translateZ(-2px) scale(1) rotate(0.001deg); transform: translateZ(-2px) scale(1) rotate(0.001deg); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .slider[cajas-inactive] .slider-header, .slider[cajas-inactive] .slider-paragraph, .slider[cajas-inactive] .slider-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateX(200px) rotate(0.001deg); -moz-transform: translateX(200px) rotate(0.001deg); -ms-transform: translateX(200px) rotate(0.001deg); transform: translateX(200px) rotate(0.001deg); } .slider-canvas { position: relative; z-index: 0; width: 100%; height: 100%; } .slider-item { position: absolute; width: 100%; height: 100%; z-index: 1; } .slider-image { background-size: cover; background-position: 50% 50%; position: absolute; width: 100%; top: 30px; left: 0; z-index: 50; color: #f9f9f9; width: 100%; height: 500px; height: 50rem; } @media screen and (max-width: 68.75em) { .slider-image { height: 400px; height: 40rem; } } @media screen and (max-width: 50em) { .slider-image { height: 400px; height: 40rem; } } @media screen and (max-width: 50em) { .slider-image { height: 400px; height: 40rem; } } .slider-image:before { content: ""; background-color: rgba(255, 249, 2, 0.2); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFQzJFNUFGNTg1OTExRTVCRDdEQTc3MEU4Q0U3QTQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFQzJFNUIwNTg1OTExRTVCRDdEQTc3MEU4Q0U3QTQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0VDMkU1QUQ1ODU5MTFFNUJEN0RBNzcwRThDRTdBNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0VDMkU1QUU1ODU5MTFFNUJEN0RBNzcwRThDRTdBNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5juM20AAAAF0lEQVR42mIQl1MpBmIGRhABBMUAAQYAEtwB86V6Sv8AAAAASUVORK5CYII="); display: block; position: absolute; z-index: 51; top: 0; right: 0; bottom: 0; left: 0; height: 100%; opacity: 0.5; } .slider-text { position: relative; display: block; width: 100%; z-index: 100; height: 530px; height: 53rem; height: 100%; } .slider-text .container { position: absolute; z-index: 100; top: 35%; left: 50%; -webkit-transform: translateY(0%) translateX(-50%); -moz-transform: translateY(0%) translateX(-50%); -ms-transform: translateY(0%) translateX(-50%); transform: translateY(0%) translateX(-50%); } @media screen and (max-width: 37.5em) { .slider-text .container { top: 40%; } } .slider-header { max-width: 450px; text-shadow: 1px 1px 5px rgba(35, 35, 35, 0.8); position: relative; margin-bottom: 11.5px; margin-bottom: 1.15rem; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s; } @media screen and (max-width: 68.75em) { .slider-header { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .slider-header-heading { font-size: 42px; font-size: 4.2rem; line-height: 1; font-weight: 700; color: #8CC83C; font-family: 'PT Sans', sans-serif; color: white; } @media screen and (max-width: 68.75em) { .slider-header-heading { font-size: 26px; font-size: 2.6rem; } } @media screen and (max-width: 68.75em) { .slider-header-heading { font-size: 40px; } } @media screen and (max-width: 37.5em) { .slider-header-heading { font-size: 32px; font-weight: 600; } } @media screen and (max-width: 30em) { .slider-header-heading { text-align: center; } } @media screen and (max-width: 37.5em) { .slider-header-heading br { display: none; } } .slider-header-heading b { color: #8CC83C; display: block; } .slider-paragraph { font-size: 23px; font-size: 2.3rem; font-weight: 400; line-height: 1.4; color: #FFF; font-family: 'Open Sans', sans-serif; text-shadow: 1px 1px 3px rgba(35, 35, 35, 0.8); max-width: 500px; max-width: 50rem; margin-bottom: 23px; margin-bottom: 2.3rem; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.08s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s; } @media screen and (max-width: 68.75em) { .slider-paragraph { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .slider-paragraph { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 37.5em) { .slider-paragraph br { display: none; } } @media screen and (max-width: 68.75em) { .slider-paragraph { font-size: 20px; } } @media screen and (max-width: 37.5em) { .slider-paragraph { font-size: 20px; } } @media screen and (max-width: 30em) { .slider-paragraph { text-align: center; } } .slider-readmore { position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; font-size: 18px; font-size: 1.8rem; line-height: 1.4; font-weight: 400; letter-spacing: 0.05em; color: #f9f9f9; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.24s , background-color 0.3s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.24s , background-color 0.3s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.24s , background-color 0.3s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.24s , background-color 0.3s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.16s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.24s , background-color 0.3s; } .slider-readmore:hover { color: #f9f9f9; background-color: #70a030; } @media screen and (max-width: 50em) { .slider-readmore { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 30em) { .slider-readmore { width: 100%; } } @media screen and (max-width: 68.75em) { .slider-readmore { font-size: 14px; font-size: 1.4rem; } } .section-subnavigation { position: relative; z-index: 50; } .subnavigation-list { display: none; } .subnavigation-list.mod-level1 { display: block; } .subnavigation-list.mod-level3 > .subnavigation-list-item { position: relative; margin-left: 28.75px; margin-left: 2.875rem; } @media screen and (max-width: 68.75em) { .subnavigation-list.mod-level3 > .subnavigation-list-item { margin-left: 21.5625px; margin-left: 2.15625rem; } } .subnavigation-list.mod-level3 > .subnavigation-list-item:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 2px; width: 0.2rem; background-color: #e0e0e0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1) , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1) , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1) , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1) , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1) , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .subnavigation-list.mod-level3 > .subnavigation-list-item:first-child:before { content: ""; position: absolute; top: 11.5px; top: 1.15rem; } .subnavigation-list.mod-level3 > .subnavigation-list-item:last-child:before { content: ""; position: absolute; bottom: 11.5px; bottom: 1.15rem; } .subnavigation-list.mod-level3 > .subnavigation-list-item.selected:before { background-color: #8CC83C; } .subnavigation-list-item { display: block; } .subnavigation-list-item.selected > .subnavigation-list { display: block; } .subnavigation-list-item.selected > .subnavigation-list-item-link { font-weight: 700; } .subnavigation-list-item.selected:hover > .subnavigation-list-item-list { color: #4d5054; } .subnavigation-list-item-link { display: block; color: #4d5054; font-size: 14px; font-size: 1.4rem; -webkit-transition: color + 0.12s ease-in-out; -webkit-transition: color + 0.12s ease-in-out; -moz-transition: color + 0.12s ease-in-out; -o-transition: color + 0.12s ease-in-out; transition: color + 0.12s ease-in-out; padding: 11.5px; padding: 1.15rem; border-radius: 2px; } @media screen and (max-width: 68.75em) { .subnavigation-list-item-link { font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 68.75em) { .subnavigation-list-item-link { padding: 8.625px; padding: 0.8625rem; } } .subnavigation-list-item-link.mod-level1 { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; } @media screen and (max-width: 68.75em) { .subnavigation-list-item-link.mod-level1 { font-size: 14px; font-size: 1.4rem; } } .subnavigation-list-item-link.mod-level2 { font-size: 16px; font-size: 1.6rem; } @media screen and (max-width: 68.75em) { .subnavigation-list-item-link.mod-level2 { font-size: 13px; font-size: 1.3rem; } } .subnavigation-list-item-link.mod-level3 { font-size: 16px; font-size: 1.6rem; padding: 6px 0 6px 10px; } @media screen and (max-width: 68.75em) { .subnavigation-list-item-link.mod-level3 { font-size: 13px; font-size: 1.3rem; } } .section-thirdsubnavigation { background-color: #dadada; padding-top: 23px; padding-top: 2.3rem; padding-bottom: 23px; padding-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-thirdsubnavigation { padding-top: 17.25px; padding-top: 1.725rem; padding-bottom: 17.25px; padding-bottom: 1.725rem; } } .thirdsubnavigation-list-item { display: inline-block; margin: 2.875px; margin: 0.2875rem; } .thirdsubnavigation-list-item.selected > .thirdsubnavigation-list-item-link { background-color: #8CC83C; border: 1px solid #8CC83C; color: #f9f9f9; -webkit-transition: background-color + 0.12s ease-in-out , border-color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out , border-color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out , border-color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out , border-color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out , border-color + 0.12s ease-in-out; } .thirdsubnavigation-list-item.selected:hover > .thirdsubnavigation-list-item-list { background-color: #78AB33; border: 1px solid #78AB33; } .thirdsubnavigation-list-item-link { display: inline-block; color: #4d5054; font-size: 16px; font-size: 1.6rem; -webkit-transition: color + 0.12s ease-in-out; -webkit-transition: color + 0.12s ease-in-out; -moz-transition: color + 0.12s ease-in-out; -o-transition: color + 0.12s ease-in-out; transition: color + 0.12s ease-in-out; padding: 11.5px; padding: 1.15rem; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 2px; } @media screen and (max-width: 68.75em) { .thirdsubnavigation-list-item-link { font-size: 13px; font-size: 1.3rem; } } @media screen and (max-width: 68.75em) { .thirdsubnavigation-list-item-link { padding: 8.625px; padding: 0.8625rem; } } .quick-search-block { position: absolute; width: 100%; top: 110px; } .quick-search-block .container { text-align: right; padding-right: 6rem; } .quicksearch.mod-extra .quicksearch-form { position: relative; display: block; padding-right: 23px; padding-right: 2.3rem; } .quicksearch.mod-extra .quicksearch-form-term { width: 100%; padding: 11.5px; padding: 1.15rem; display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 14px; line-height: 1.4rem; color: #abaaaa; background-color: #e0e0e0; outline: 0; border: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: center; } @media screen and (max-width: 68.75em) { .quicksearch.mod-extra .quicksearch-form-term { font-size: 13px; font-size: 1.3rem; } } .quicksearch.mod-extra .quicksearch-form .submitlike { background-color: #8CC83C; background-image: url("/images/svg/search-white.svg"); background-size: 50%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; display: block; z-index: 50; width: 46px; width: 4.6rem; top: 0; right: 0; bottom: 0; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; display: inline-block; vertical-align: top; cursor: pointer; } .quicksearch.mod-extra .quicksearch-form .quicksearch-form-term:focus { -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); text-align: left; color: #4d5054; } .quicksearch.mod-menu { position: relative; display: inline-block; vertical-align: top; text-align: right; width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; } @media screen and (max-width: 68.75em) { .quicksearch.mod-menu { display: none; } } .quicksearch.mod-menu .quicksearch-form { position: relative; display: block; z-index: 50; width: 100%; height: 100%; } .quicksearch.mod-menu .quicksearch-form-term { position: absolute; z-index: 51; top: -7000px; top: -700rem; left: 50%; width: 230px; width: 23rem; padding: 11.5px; padding: 1.15rem; display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 14px; line-height: 1.4rem; color: #abaaaa; background-color: #FFF; outline: 0; border: 0; border-radius: 4px; text-align: center; -webkit-transform: translateY(-5px) translateX(-50%); -moz-transform: translateY(-5px) translateX(-50%); -ms-transform: translateY(-5px) translateX(-50%); transform: translateY(-5px) translateX(-50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.55s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -webkit-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -moz-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -o-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; } @media screen and (max-width: 68.75em) { .quicksearch.mod-menu .quicksearch-form-term { font-size: 13px; font-size: 1.3rem; } } @media screen and (max-width: 75em) { .quicksearch.mod-menu .quicksearch-form-term { -webkit-transform: translateY(-5px) translateX(-85%); -moz-transform: translateY(-5px) translateX(-85%); -ms-transform: translateY(-5px) translateX(-85%); transform: translateY(-5px) translateX(-85%); } } .quicksearch.mod-menu .quicksearch-form .submitlike { background-color: #FFF; border-radius: 50%; background-image: url("/images/svg/search.svg"); background-size: 50%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; display: block; z-index: 50; top: 0; right: 0; bottom: 0; left: 0; display: inline-block; vertical-align: top; cursor: pointer; } .quicksearch.mod-menu .quicksearch-form .submitlike:before { content: ""; position: absolute; background-color: transparent; top: -7000px; top: -700rem; left: 50%; width: 300%; height: 23px; height: 2.3rem; -webkit-transform: translateY(-5px) translateX(-50%); -moz-transform: translateY(-5px) translateX(-50%); -ms-transform: translateY(-5px) translateX(-50%); transform: translateY(-5px) translateX(-50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.55s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -webkit-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -moz-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -o-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; } .quicksearch.mod-menu .quicksearch-form .submitlike:after { content: ""; position: absolute; top: -7000px; top: -700rem; left: 50%; border: 11.5px solid #FFF; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; -webkit-transform: translateY(-5px) translateX(-50%); -moz-transform: translateY(-5px) translateX(-50%); -ms-transform: translateY(-5px) translateX(-50%); transform: translateY(-5px) translateX(-50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.55s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -webkit-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -moz-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -o-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; } .quicksearch.mod-menu .quicksearch-form .quicksearch-form-term:focus { top: calc(100% + 22px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) translateX(-50%); -moz-transform: translateY(0px) translateX(-50%); -ms-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); text-align: left; color: #4d5054; } @media screen and (max-width: 75em) { .quicksearch.mod-menu .quicksearch-form .quicksearch-form-term:focus { -webkit-transform: translateY(0px) translateX(-85%); -moz-transform: translateY(0px) translateX(-85%); -ms-transform: translateY(0px) translateX(-85%); transform: translateY(0px) translateX(-85%); } } .quicksearch.mod-menu .quicksearch-form .quicksearch-form-term:focus ~ .submitlike:before { -webkit-transform: translateY(0px) translateX(-50%); -moz-transform: translateY(0px) translateX(-50%); -ms-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .quicksearch.mod-menu .quicksearch-form .quicksearch-form-term:focus ~ .submitlike:after { -webkit-transform: translateY(0px) translateX(-50%); -moz-transform: translateY(0px) translateX(-50%); -ms-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .quicksearch.mod-menu .quicksearch-form:hover .quicksearch-form-term { top: calc(100% + 22px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) translateX(-50%); -moz-transform: translateY(0px) translateX(-50%); -ms-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } @media screen and (max-width: 75em) { .quicksearch.mod-menu .quicksearch-form:hover .quicksearch-form-term { -webkit-transform: translateY(0px) translateX(-85%); -moz-transform: translateY(0px) translateX(-85%); -ms-transform: translateY(0px) translateX(-85%); transform: translateY(0px) translateX(-85%); } } .quicksearch.mod-menu .quicksearch-form:hover .submitlike:before { -webkit-transform: translateY(0px) translateX(-50%); -moz-transform: translateY(0px) translateX(-50%); -ms-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .quicksearch.mod-menu .quicksearch-form:hover .submitlike:after { -webkit-transform: translateY(0px) translateX(-50%); -moz-transform: translateY(0px) translateX(-50%); -ms-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); top: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end 0s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: top 0s step-end 0s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } .resultbox-page { display: block; margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .resultbox-page { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .resultbox-page-name { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; } @media screen and (max-width: 68.75em) { .resultbox-page-name { font-size: 14px; font-size: 1.4rem; } } .resultbox-page-type { font-size: 16px; font-size: 1.6rem; float: right; color: #abaaaa; } @media screen and (max-width: 68.75em) { .resultbox-page-type { font-size: 13px; font-size: 1.3rem; } } .langnav { display: inline-block; } .langnav.mod-second { background-color: #f9f9f9; position: absolute; top: -7000px; top: -700rem; left: 0; padding-top: 35px; padding-top: 3.5rem; padding-bottom: 11.5px; padding-bottom: 1.15rem; -webkit-transform: translateY(-15px) scale(0.95); -moz-transform: translateY(-15px) scale(0.95); -ms-transform: translateY(-15px) scale(0.95); transform: translateY(-15px) scale(0.95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: top 0s step-end 0.4s , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0s step-end 0.4s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .langnav.mod-second.is-open { display: block; top: 100%; top: 0; -webkit-transform: translateY(0px) scale(1); -moz-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: top 0s step-end , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0s step-end , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .langnav-item.mod-first { position: relative; font-family: 'zerowidthspacesmedium'; } @media screen and (max-width: 68.75em) { .langnav-item.mod-first { padding-right: 17.25px; padding-right: 1.725rem; } } .langnav-item.mod-second { text-align: left; } .langnav-item-link { display: inline-block; vertical-align: top; text-align: left; padding: 0px 11.5px; padding: 0px 1.15rem; } .langnav-item-link.mod-first { color: #8CC83C; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 15px; font-size: 1.5rem; position: relative; z-index: 50; font-family: 'zerowidthspacesmedium'; } @media screen and (max-width: 68.75em) { .langnav-item-link.mod-first { font-size: 12.5px; font-size: 1.25rem; } } .langnav-item-link.mod-first.is-open { color: #8CC83C; } .langnav-item-link.mod-first.is-open .langnav-item-link-icon svg path { stroke: #94E825; stroke-dashoffset: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; -webkit-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; -moz-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; -o-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; } .langnav-item-link.mod-second { display: block; width: 180px; width: 18rem; font-family: 'zerowidthspacesmedium'; } .langnav-item-link.mod-second:active, .langnav-item-link.mod-second:hover { background-color: #f9f9f9; color: #8CC83C; } .langnav-item-link.mod-second:active .langnav-item-link-icon svg path, .langnav-item-link.mod-second:hover .langnav-item-link-icon svg path { stroke: #94E825; stroke-dashoffset: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; -webkit-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; -moz-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; -o-transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; transition: stroke 0.5s ease-in-out , stroke-dashoffset 0.5s ease-in-out , opacity 0.12s ease-in-out; } .langnav-item-link.mod-second:active .langnav-item-link-text, .langnav-item-link.mod-second:hover .langnav-item-link-text { color: #94E825; } .langnav-item-link.mod-second:active .langnav-item-link-icon { background-color: #94E825; } .langnav-item-link.mod-second:active .langnav-item-link-icon svg path { stroke: #f9f9f9; -webkit-transition: stroke 0.05s ease; -webkit-transition: stroke 0.05s ease; -moz-transition: stroke 0.05s ease; -o-transition: stroke 0.05s ease; transition: stroke 0.05s ease; } .langnav-item-link-icon { display: inline-block; vertical-align: middle; position: relative; width: 24px; width: 2.4rem; height: 24px; height: 2.4rem; border-radius: 50%; background-color: transparent; -webkit-transition: background-color 0.05s ease; -webkit-transition: background-color 0.05s ease; -moz-transition: background-color 0.05s ease; -o-transition: background-color 0.05s ease; transition: background-color 0.05s ease; } .langnav-item-link-icon svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); fill: transparent; stroke: #8CC83C; stroke-width: 12px; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.55); -moz-transform: translateY(-50%) translateX(-50%) scale(0.55); -ms-transform: translateY(-50%) translateX(-50%) scale(0.55); transform: translateY(-50%) translateX(-50%) scale(0.55); } .langnav-item-link-icon svg path { stroke-width: 12px; stroke-dasharray: 700px; stroke-dashoffset: 701px; stroke-linecap: round; transition: stroke-dashoffset 0.8s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: stroke 0.2s ease , stroke-dashoffset 0.2s ease , opacity 0.2s ease; -webkit-transition: stroke 0.2s ease , stroke-dashoffset 0.2s ease , opacity 0.2s ease; -moz-transition: stroke 0.2s ease , stroke-dashoffset 0.2s ease , opacity 0.2s ease; -o-transition: stroke 0.2s ease , stroke-dashoffset 0.2s ease , opacity 0.2s ease; transition: stroke 0.2s ease , stroke-dashoffset 0.2s ease , opacity 0.2s ease; } .langnav-item-link-text { display: inline-block; vertical-align: middle; color: #8CC83C; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 15px; font-size: 1.5rem; padding-left: 11.5px; padding-left: 1.15rem; color: #94E825; background-color: #f9f9f9; padding: 5.75px 11.5px; padding: 0.575rem 1.15rem; height: 37px; height: 3.7rem; } @media screen and (max-width: 68.75em) { .langnav-item-link-text { font-size: 12.5px; font-size: 1.25rem; } } .langnav-item-dropdown { display: inline-block; vertical-align: middle; width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; position: relative; cursor: pointer; } .langnav-item-dropdown.mod-first { position: relative; z-index: 50; } .langnav-item-dropdown svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%) scale(0.35); -moz-transform: translateY(-50%) translateX(-50%) scale(0.35); -ms-transform: translateY(-50%) translateX(-50%) scale(0.35); transform: translateY(-50%) translateX(-50%) scale(0.35); } @media screen and (max-width: 68.75em) { .langnav-item-dropdown svg { -webkit-transform: translateY(-50%) translateX(-50%) scale(0.45); -moz-transform: translateY(-50%) translateX(-50%) scale(0.45); -ms-transform: translateY(-50%) translateX(-50%) scale(0.45); transform: translateY(-50%) translateX(-50%) scale(0.45); } } .article-footer-container { margin: 0 auto; max-width: 1200px; max-width: 120rem; padding-left: 46px; padding-left: 4.6rem; font-family: 'zerowidthspacesmedium'; } @media screen and (max-width: 68.75em) { .article-footer-container { padding-left: 34.5px; padding-left: 3.45rem; } } @media screen and (max-width: 68.75em) { .article-footer-container { padding-left: 23px; padding-left: 2.3rem; padding-right: 23px; padding-right: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .article-footer-container { padding-left: 17.25px; padding-left: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .article-footer-container { padding-right: 17.25px; padding-right: 1.725rem; } } .section-ph { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; width: calc(17% - 23px); margin-right: 23px; margin-right: 2.3rem; } @media screen and (max-width: 68.75em) { .section-ph { margin-right: 17.25px; margin-right: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-ph { display: none; } } @media screen and (max-width: 68.75em) { .section-ph { width: calc(25% - 34.5px); } } .section-footer { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; width: calc(83% - 23px); margin-right: 23px; margin-right: 2.3rem; padding-top: 23px; padding-top: 2.3rem; } @media screen and (max-width: 68.75em) { .section-footer { margin-right: 17.25px; margin-right: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-footer { padding-top: 17.25px; padding-top: 1.725rem; } } @media screen and (max-width: 68.75em) { .section-footer { width: calc(100%); margin-right: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-footer { margin-right: 0; } } @media screen and (max-width: 68.75em) { .section-footer { width: calc(100%); } } .section-cta { margin-top: 46px; margin-top: 4.6rem; margin-bottom: 92px; margin-bottom: 9.2rem; } @media screen and (max-width: 68.75em) { .section-cta { margin-top: 34.5px; margin-top: 3.45rem; } } @media screen and (max-width: 68.75em) { .section-cta { margin-bottom: 69px; margin-bottom: 6.9rem; } } @media screen and (max-width: 68.75em) { .section-cta { margin-top: 23px; margin-top: 2.3rem; margin-bottom: 23px; margin-bottom: 2.3rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-cta { margin-top: 17.25px; margin-top: 1.725rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .section-cta { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .cta { margin-bottom: 23px; margin-bottom: 2.3rem; padding: 34.5px; padding: 3.45rem; padding-right: 46px; padding-right: 4.6rem; display: inline-block; font-family: 'zerowidthspacesmedium'; border-left: 10px solid #8CC83C; position: relative; width: 100%; max-width: 700px; max-width: 70rem; } @media screen and (max-width: 68.75em) { .cta { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 68.75em) { .cta { padding: 25.875px; padding: 2.5875rem; } } @media screen and (max-width: 68.75em) { .cta { padding: 23px; padding: 2.3rem; padding-right: 46px; padding-right: 4.6rem; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .cta { padding: 17.25px; padding: 1.725rem; } } @media screen and (max-width: 37.5em) { .cta { width: 100%; } } @media screen and (max-width: 30em) { .cta { text-align: center; } } .cta:before, .cta:after { content: ""; position: absolute; background-color: #f9f9f9; left: 100%; height: 50%; width: 70px; width: 7rem; } @media screen and (max-width: 37.5em) { .cta:before, .cta:after { display: none; } } .cta:before { top: 0; transform-origin: 0% 100%; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); transform: skew(15deg); } .cta:after { bottom: 0; transform-origin: 0% 0%; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); } .cta-image { width: 150px; width: 15rem; display: inline-block; vertical-align: top; } @media screen and (max-width: 30em) { .cta-image { width: 100%; max-width: 150px; max-width: 15rem; margin: 0 auto; margin-bottom: 23px; margin-bottom: 2.3rem; } } @media screen and (max-width: 30em) and (max-width: 68.75em) { .cta-image { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .cta-image-element { width: 100%; height: auto; } .cta-text { margin-bottom: 11.5px; margin-bottom: 1.15rem; width: calc(100% - 150px); display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 500; padding-left: 34.5px; padding-left: 3.45rem; } @media screen and (max-width: 68.75em) { .cta-text { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } @media screen and (max-width: 68.75em) { .cta-text { font-size: 13px; font-size: 1.3rem; } } @media screen and (max-width: 68.75em) { .cta-text { padding-left: 25.875px; padding-left: 2.5875rem; } } @media screen and (max-width: 30em) { .cta-text { width: 100%; padding-left: 0; } } .cta-text-header { margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .cta-text-header { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .cta-text-header-heading { font-size: 28px; font-size: 2.8rem; line-height: 1.25; font-weight: 700; color: #8CC83C; } @media screen and (max-width: 68.75em) { .cta-text-header-heading { font-size: 19px; font-size: 1.9rem; } } .cta-text-paragraph { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .cta-text-paragraph { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .cta-text-paragraph { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .cta-text-button { margin-top: 17.25px; margin-top: 1.725rem; position: relative; background-color: #8CC83C; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; color: #FFF; font-weight: 400; display: inline-block; padding: 5px 8px 5px 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } @media screen and (max-width: 68.75em) { .cta-text-button { margin-top: 12.9375px; margin-top: 1.29375rem; } } @media screen and (max-width: 68.75em) { .cta-text-button { font-size: 13px; font-size: 1.3rem; } } .cta-text-button:after { -webkit-transition: border-left 0.3s; -webkit-transition: border-left 0.3s; -moz-transition: border-left 0.3s; -o-transition: border-left 0.3s; transition: border-left 0.3s; content: ""; border-top: 15px solid transparent; border-bottom: 16px solid transparent; border-left: 14px solid #8CC83C; position: absolute; right: -14px; top: 0; } @media screen and (max-width: 68.75em) { .cta-text-button:after { content: ""; border-top: 13px solid transparent; border-bottom: 14px solid transparent; border-left: 12px solid #8CC83C; position: absolute; right: -12px; top: 0; } } .cta-text-button:hover { color: #FFF; background-color: #70a030; } .cta-text-button:hover:after { border-left: 14px solid #70a030; } @media screen and (max-width: 68.75em) { .cta-text-button:hover:after { border-left: 12px solid #70a030; } } .section-rss { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-rss { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .section-rss .container { max-width: 700px; max-width: 70rem; margin-top: 46px; margin-top: 4.6rem; margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-rss .container { margin-top: 34.5px; margin-top: 3.45rem; margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .rss-link { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; background-color: transparent; color: #8CC83C; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; } @media screen and (max-width: 68.75em) { .rss-link { font-size: 12.5px; font-size: 1.25rem; } } .rss-link:visited { background-color: transparent; color: #8CC83C; } .rss-link:focus { background-color: transparent; color: #78AB33; } .rss-link:hover { background-color: transparent; color: #78AB33; } .rss-link:active { background-color: transparent; color: #78AB33; } .section-tag .container { max-width: 700px; max-width: 70rem; } .section-tag-heading { font-size: 18px; font-size: 1.8rem; line-height: 35px; line-height: 3.5rem; font-weight: 400; color: #eeeeee; margin-right: 5px; margin-right: 0.5rem; display: inline-block; } @media screen and (max-width: 68.75em) { .section-tag-heading { font-size: 14px; font-size: 1.4rem; } } .tag { display: inline-block; position: relative; font-family: 'Open Sans', sans-serif; } .tag:not(:last-of-type) { margin-right: 23px; margin-right: 2.3rem; } @media screen and (max-width: 68.75em) { .tag:not(:last-of-type) { margin-right: 17.25px; margin-right: 1.725rem; } } .tag:not(:last-of-type):before { content: ","; position: absolute; top: 0; right: -23px; font-size: 18px; font-size: 1.8rem; line-height: 35px; line-height: 3.5rem; font-weight: 400; color: #eeeeee; width: 11.5px; width: 1.15rem; height: auto; pointer-events: none; } @media screen and (max-width: 68.75em) { .tag:not(:last-of-type):before { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 50em) { .tag:not(:last-of-type):before { right: -11.5px; text-align: center; } } .tag-keyword { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; background-color: transparent; color: #8CC83C; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -webkit-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -moz-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; -o-transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; transition: background-color + 0.12s ease-in-out , color + 0.12s ease-in-out; position: relative; z-index: 100; } @media screen and (max-width: 68.75em) { .tag-keyword { font-size: 12.5px; font-size: 1.25rem; } } .tag-keyword:visited { background-color: transparent; color: #8CC83C; } .tag-keyword:focus { background-color: transparent; color: #78AB33; } .tag-keyword:hover { background-color: transparent; color: #78AB33; } .tag-keyword:active { background-color: transparent; color: #78AB33; } .tag.mod-tooltip:after { content: ""; position: absolute; width: 100%; height: 10px; height: 1rem; bottom: 0; left: 0; right: 0; border-bottom: 1px dotted rgba(140, 200, 60, 0.5); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .tag.mod-tooltip .tag-tooltip { display: block; display: none; position: absolute; top: -9999px; left: 0; width: 300px; width: 30rem; z-index: 200; background-color: #393939; color: #f9f9f9; font-size: 14px; font-size: 1.4rem; padding: 23px; padding: 2.3rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: top 0s step-end 0.5s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s; -webkit-transition: top 0s step-end 0.5s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s; -moz-transition: top 0s step-end 0.5s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s; -o-transition: top 0s step-end 0.5s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s; transition: top 0s step-end 0.5s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.14s; } @media screen and (max-width: 68.75em) { .tag.mod-tooltip .tag-tooltip { font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 68.75em) { .tag.mod-tooltip .tag-tooltip { padding: 17.25px; padding: 1.725rem; } } .tag.mod-tooltip .tag-tooltip:after { content: ""; display: block; position: absolute; left: 50px; left: 5rem; top: calc(-0.8em + 1px); width: 0px; height: 0px; background-color: transparent; border-left: 0.8em solid transparent; border-right: 0.8em solid transparent; border-top: 0em solid transparent; border-bottom: 0.8em solid #393939; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .tag.mod-tooltip .tag-tooltip-paragraph { margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .tag.mod-tooltip .tag-tooltip-paragraph { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .tag.mod-tooltip .tag-tooltip-readmore { color: #f9f9f9; text-decoration: underline; } @media screen and (min-width: 68.75em) { .tag.mod-tooltip:hover { border-color: #8cc83c; } .tag.mod-tooltip:hover:after { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; } .tag.mod-tooltip:hover .tag-tooltip { top: 2em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: top 0s step-end 0s , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0s; -webkit-transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0s; -moz-transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0s; -o-transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0s; transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0s; } } .section-some .container { max-width: 700px; max-width: 70rem; } .section-some-heading { font-size: 18px; font-size: 1.8rem; line-height: 35px; line-height: 3.5rem; font-weight: 400; color: #eeeeee; margin-right: 11.5px; margin-right: 1.15rem; display: inline-block; vertical-align: top; } @media screen and (max-width: 68.75em) { .section-some-heading { font-size: 14px; font-size: 1.4rem; } } .section-some .some { display: inline-block; vertical-align: top; } .section-some .some-icon { width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; display: inline-block; vertical-align: top; position: relative; border-radius: 15px; margin-right: 11.5px; margin-right: 1.15rem; background-color: #dddddd; -webkit-transition: background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -webkit-transition: background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -moz-transition: background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); -o-transition: background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); transition: background-color 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17); } @media screen and (max-width: 68.75em) { .section-some .some-icon { margin-right: 8.625px; margin-right: 0.8625rem; } } .section-some .some-icon:hover.mod-facebook { background-color: #3b5998; } .section-some .some-icon:hover.mod-twitter { background-color: #00aced; } .section-some .some-icon:hover.mod-linkedin-user { background-color: #007bb6; } .section-some .some-icon:hover.mod-google { background-color: #dd4b39; } .section-some .some-icon svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 51; fill: #f9f9f9; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.55); -moz-transform: translateY(-50%) translateX(-50%) scale(0.55); -ms-transform: translateY(-50%) translateX(-50%) scale(0.55); transform: translateY(-50%) translateX(-50%) scale(0.55); } .section-action-carousel { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-action-carousel { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .section-documentSlider { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .section-documentSlider { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .documentSlider { position: relative; padding: 23px; padding: 2.3rem; padding-top: 90px; padding-top: 9rem; } .documentSlider .desced { margin: 0 11px; margin: 0 1.1rem; background-color: #f9f9f9; padding: 23px; padding: 2.3rem; padding-top: 56px; padding-top: 5.6rem; } .documentSlider li { background-color: #f9f9f9; border-right: 5.75px solid; } .documentSlider .documentSlide { padding: 23px; padding: 2.3rem; } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide { padding: 17.25px; padding: 1.725rem; } } .documentSlider .documentSlide h2 { font-size: 16px; font-size: 1.6rem; font-weight: 700; color: #8CC83C; font-family: 'PT Sans', sans-serif; margin-top: 11.5px; margin-top: 1.15rem; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide h2 { font-size: 13px; font-size: 1.3rem; } } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide h2 { margin-top: 8.625px; margin-top: 0.8625rem; } } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide h2 { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .documentSlider .documentSlide p { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; font-size: 14px; font-size: 1.4rem; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide p { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide p { font-size: 12px; font-size: 1.2rem; } } @media screen and (max-width: 68.75em) { .documentSlider .documentSlide p { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .documentSlider .flex-direction-nav { position: absolute; top: 0; left: 0; right: 0; height: 56px; height: 5.6rem; } .documentSlider .flex-prev { top: 11px; top: 1.1rem; left: auto; right: 56px; right: 5.6rem; background-image: url("/images/svg/arrow-left-primary.svg"); background-position: 50% 50%; background-size: auto 70%; margin: 0; width: 45px; width: 4.5rem; height: 45px; height: 4.5rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity + 0.12s ease-in-out; -webkit-transition: opacity + 0.12s ease-in-out; -moz-transition: opacity + 0.12s ease-in-out; -o-transition: opacity + 0.12s ease-in-out; transition: opacity + 0.12s ease-in-out; } .documentSlider .flex-prev:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=70); opacity: 0.7; } .documentSlider .flex-next { top: 11px; top: 1.1rem; left: auto; right: 0px; background-image: url("/images/svg/arrow-right-primary.svg"); background-position: 50% 50%; background-size: auto 70%; margin: 0; width: 45px; width: 4.5rem; height: 45px; height: 4.5rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity + 0.12s ease-in-out; -webkit-transition: opacity + 0.12s ease-in-out; -moz-transition: opacity + 0.12s ease-in-out; -o-transition: opacity + 0.12s ease-in-out; transition: opacity + 0.12s ease-in-out; } .documentSlider .flex-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=70); opacity: 0.7; } .section-staff .content-header { margin-bottom: 46px; margin-bottom: 4.6rem; } @media screen and (max-width: 68.75em) { .section-staff .content-header { margin-bottom: 34.5px; margin-bottom: 3.45rem; } } .staff-list-item { margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .staff-list-item { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } @media screen and (max-width: 37.5em) { .staff-list-item-text { text-align: center !important; } } .staff-list-item-text-heading { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.2em; font-weight: 600; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .staff-list-item-text-heading { font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 68.75em) { .staff-list-item-text-heading { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .staff-list-item-text-paragraph { margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .staff-list-item-text-paragraph { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } @media screen and (max-width: 37.5em) { .staff-list-item-text-paragraph .eiroskaa { position: relative; padding: 11.5px 46px; padding: 1.15rem 4.6rem; background-color: #8CC83C; color: #FFF; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-block; border-radius: 15px; -webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .staff-list-item-text-paragraph .eiroskaa:hover { color: #f9f9f9; background-color: #70a030; } } @media screen and (max-width: 37.5em) and (max-width: 50em) { .staff-list-item-text-paragraph .eiroskaa { padding: 11.5px 11.5px; padding: 1.15rem 1.15rem; } } @media screen and (max-width: 37.5em) and (max-width: 30em) { .staff-list-item-text-paragraph .eiroskaa { width: 100%; } } @media screen and (max-width: 37.5em) { .staff-list-item-image { text-align: center !important; } } .staff-list-item-image img { width: 100%; height: auto; max-width: 150px; max-width: 15rem; margin: 0 auto; } .staff-profile { font-family: 'zerowidthspacesmedium'; } .staff-profile-heading { font-family: 'PT Sans', sans-serif; color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 31px; font-size: 3.1rem; line-height: 1.1em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; } @media screen and (max-width: 68.75em) { .staff-profile-heading { font-size: 20.5px; font-size: 2.05rem; } } .staff-profile-image { width: 30%; display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; } .staff-profile-image img { width: 100%; height: auto; border-radius: 15px; } .staff-profile-content { width: 70%; display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; padding-left: 23px; padding-left: 2.3rem; } @media screen and (max-width: 68.75em) { .staff-profile-content { padding-left: 17.25px; padding-left: 1.725rem; } } .staff-profile-content-title { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .staff-profile-content-title { font-size: 16.5px; font-size: 1.65rem; } } @media screen and (max-width: 68.75em) { .staff-profile-content-title { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .staff-profile-content-info { margin-bottom: 5.75px; margin-bottom: 0.575rem; } @media screen and (max-width: 68.75em) { .staff-profile-content-info { margin-bottom: 4.3125px; margin-bottom: 0.43125rem; } } .scroll { background-size: auto 65%; background-repeat: no-repeat; background-position: 50% 50%; background-color: #abaaaa; width: 70px; width: 7rem; height: 70px; height: 7rem; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; } @media screen and (max-width: 68.75em) { .scroll { width: 50px; width: 5rem; height: 50px; height: 5rem; } } @media screen and (max-width: 50em) { .scroll { display: none; } } .scroll.mod-up, .scroll.mod-down { position: absolute; z-index: 100; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .scroll.mod-top, .scroll.mod-up { background-image: url("/images/svg/scroll-up.svg"); } .scroll.mod-up { top: 46px; top: 4.6rem; left: 50%; } .scroll.mod-down { background-image: url("/images/svg/scroll-down.svg"); bottom: 46px; bottom: 4.6rem; left: 50%; } .scroll.mod-primary { background-color: #8CC83C; } .scroll.mod-primary-light { background-color: #78AB33; } .scroll.mod-gray-dark { background-color: #4d5054; } .scroll.mod-gray-transparent { background-color: rgba(224, 224, 224, 0.5); } @media screen and (max-width: 50em) { .scroll.mod-show-mobile { display: block; } } .secnavigation { position: relative; z-index: 100; text-align: right; } @media screen and (max-width: 68.75em) { .secnavigation { display: none; } } .secnavigation-list { display: inline-block; vertical-align: top; position: relative; text-align: right !important; } .secnavigation-list .item { display: inline-block; vertical-align: top; position: relative; width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; } .secnavigation-list .item.mod-search { margin-left: 17.25px; margin-left: 1.725rem; } @media screen and (max-width: 68.75em) { .secnavigation-list .item.mod-search { margin-left: 0px; } } .secnavigation-list .item:after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #e0e0e0; -moz-box-shadow: 0 0 0 2px #e0e0e0; box-shadow: 0 0 0 2px #e0e0e0; pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.4s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } .secnavigation-list .item:not(:last-child) { margin-right: 11.5px; margin-right: 1.15rem; } .secnavigation-list .item-icon svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .secnavigation-list .item-content { position: absolute; top: -7000px; top: -700rem; right: -46px; right: -4.6rem; background-color: #e0e0e0; border-radius: 4px; padding: 34.5px; padding: 3.45rem; width: 330px; width: 33rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: top 0s step-end 0.55s , -webkit-transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -webkit-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -moz-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; -o-transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; transition: top 0s step-end 0.55s , transform 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s , opacity 0.35s cubic-bezier(0.76, -0.16, 0.19, 1.17) 0.2s; } @media screen and (max-width: 68.75em) { .secnavigation-list .item-content { padding: 25.875px; padding: 2.5875rem; } } .secnavigation-list .item-content:after { content: ""; position: absolute; top: -23px; top: -2.3rem; right: 46px; right: 4.6rem; border: 11.5px solid #e0e0e0; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } .secnavigation-list .item-content-heading { font-size: 22px; font-size: 2.2rem; line-height: 1.3; text-align: center; margin-bottom: 23px; margin-bottom: 2.3rem; } @media screen and (max-width: 68.75em) { .secnavigation-list .item-content-heading { font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width: 68.75em) { .secnavigation-list .item-content-heading { margin-bottom: 17.25px; margin-bottom: 1.725rem; } } .secnavigation-list .item.mod-open:after, .secnavigation-list .item:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .secnavigation-list .item.mod-open .item-content, .secnavigation-list .item:hover .item-content { top: calc(100% + 22px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: top 0s step-end 0s , -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -o-transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; transition: top 0s step-end 0s , transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s , opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } .content .section-tag-heading { display: inline-block; } @media screen and (max-width: 50em) { .content .section-tag-heading { display: inline-block !important; } } .content .blog-post-image { float: right; padding: 10px 0px 10px 20px; } @media screen and (max-width: 50em) { .content .blog-post-image { float: right; padding-top: 0px; } } @media screen and (max-width: 37.5em) { .content .blog-post-image { padding: 0px 0px 10px 0px; } .content .blog-post-image img { width: 100%; } } .content .blog-info { width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; display: table; padding: 15px 0px 15px 0px; margin-bottom: 20px; } .content .blog-info .blogger_image { display: table-cell; width: 12%; vertical-align: middle; padding-right: 15px; } @media screen and (max-width: 50em) { .content .blog-info .blogger_image { padding-right: 15px; } } @media screen and (max-width: 37.5em) { .content .blog-info .blogger_image { display: block; display: none; text-align: center; width: 100%; } .content .blog-info .blogger_image img { width: 130px; height: 130px; } } .content .blog-info .blogger_data { display: table-cell; font-family: "zerowidthspacesmedium"; text-align: left; } .blogger_data .blogger_data_left { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(33.33333% - 30.66667px); margin: 0 23px; margin: 0 2.3rem; margin-left: 0; } @media screen and (max-width: 68.75em) { .blogger_data .blogger_data_left { width: calc(33.33333% - 15.33333px); margin: 0 11.5px; margin: 0 1.15rem; margin-left: 0; } } @media screen and (max-width: 68.75em) { .blogger_data .blogger_data_left { width: 100%; margin-left: 0; margin-right: 0; } .blogger_data .blogger_data_left:nth-of-type(n + 2) { margin-top: 23px; } } .blogger_data .blogger_data_right { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(66.66667% - 15.33333px); margin: 0 23px; margin: 0 2.3rem; margin-right: 0; } @media screen and (max-width: 68.75em) { .blogger_data .blogger_data_right { width: calc(66.66667% - 7.66667px); margin: 0 11.5px; margin: 0 1.15rem; margin-right: 0; } } @media screen and (max-width: 68.75em) { .blogger_data .blogger_data_right { width: 100%; margin-left: 0; margin-right: 0; } .blogger_data .blogger_data_right:nth-of-type(n + 2) { margin-top: 23px; } } @media screen and (max-width: 37.5em) { .content .blog-info .blogger_data { display: block; width: 100%; } .content .blog-info .blogger_data li { text-align: left; } } @media screen and (max-width: 37.5em) { .content .blog-info .blogger_data .blogger_data_left li { display: inline; } } @media screen and (max-width: 37.5em) { .content .blog-info .blogger_data .blogger_data_right { margin-top: 10px; } } .commentcount { float: right; color: #fff; background-color: #8CC83C; border-radius: 6px; padding: 5px 15px; margin-left: 20px; margin-bottom: 20px; font-size: 18px; position: relative; } .commentcount span { color: white; } .commentcount:after { content: ""; position: absolute; top: 32px; left: 12px; display: block; height: 1px; width: 1px; border: 8px solid transparent; border-top: 8px solid; } .post-list-hr { border: 1px solid #e0e0e0; } .blog-post { padding: 40px 0px 45px 0px; border-bottom: 1px solid #e0e0e0; width: 100%; } .blog-container { width: 100%; font-family: "zerowidthspacesmedium"; text-align: left; } .blog-container .blog-image { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(25% - 34.5px); margin: 0 23px; margin: 0 2.3rem; margin-left: 0; } @media screen and (max-width: 68.75em) { .blog-container .blog-image { width: calc(25% - 17.25px); margin: 0 11.5px; margin: 0 1.15rem; margin-left: 0; } } @media screen and (max-width: 68.75em) { .blog-container .blog-image { width: 100%; margin-left: 0; margin-right: 0; } .blog-container .blog-image:nth-of-type(n + 2) { margin-top: 23px; } } .blog-container .blog-content { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(75% - 11.5px); margin: 0 23px; margin: 0 2.3rem; margin-right: 0; } @media screen and (max-width: 68.75em) { .blog-container .blog-content { width: calc(75% - 5.75px); margin: 0 11.5px; margin: 0 1.15rem; margin-right: 0; } } @media screen and (max-width: 68.75em) { .blog-container .blog-content { width: 100%; margin-left: 0; margin-right: 0; } .blog-container .blog-content:nth-of-type(n + 2) { margin-top: 23px; } } @media screen and (max-width: 68.75em) { .blog-container { font-family: "zerowidthspacesmedium"; text-align: left; } .blog-container .blog-image { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(100% - 0px); margin-left: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .blog-container .blog-image { width: calc(100% - 0px); margin-left: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .blog-container .blog-image { width: 100%; margin-left: 0; margin-right: 0; } .blog-container .blog-image:nth-of-type(n + 2) { margin-top: 23px; } } @media screen and (max-width: 68.75em) { .blog-container .blog-content { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(100% - 0px); margin-top: 46px; margin-left: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .blog-container .blog-content { width: calc(100% - 0px); margin-top: 23px; margin-left: 0; } } @media screen and (max-width: 68.75em) and (max-width: 68.75em) { .blog-container .blog-content { width: 100%; margin-left: 0; margin-right: 0; } .blog-container .blog-content:nth-of-type(n + 2) { margin-top: 23px; } } @media screen and (max-width: 50em) { .blog-container { font-family: "zerowidthspacesmedium"; text-align: left; } .blog-container .blog-image { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(100% - 0px); margin-left: 0; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .blog-container .blog-image { width: calc(100% - 0px); margin-left: 0; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .blog-container .blog-image { width: 100%; margin-left: 0; margin-right: 0; } .blog-container .blog-image:nth-of-type(n + 2) { margin-top: 23px; } } @media screen and (max-width: 50em) { .blog-container .blog-content { font-family: 'Open Sans', sans-serif; display: inline-block; text-align: left; vertical-align: top; width: calc(100% - 0px); margin-top: 46px; margin-left: 0; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .blog-container .blog-content { width: calc(100% - 0px); margin-top: 23px; margin-left: 0; } } @media screen and (max-width: 50em) and (max-width: 68.75em) { .blog-container .blog-content { width: 100%; margin-left: 0; margin-right: 0; } .blog-container .blog-content:nth-of-type(n + 2) { margin-top: 23px; } } .blog-container .blog-image img { width: 100%; max-width: 200px; } @media screen and (max-width: 68.75em) { .blog-container .blog-image { display: inline-block; text-align: center; } } @media screen and (max-width: 50em) { .blog-container .blog-image { text-align: center; margin-bottom: 2.4rem; } } .blog-container .blog-image img { border-radius: 50%; } @media screen and (max-width: 68.75em) { .blog-container .blog-content { display: inline-block; } } .blog-container .blog-content small { font-size: 0.8em; } .blog-container .blog-content .blog-ingress { padding: 0px 0px 10px 0px; } .blog-container .blog-content .section-tag-heading { display: inline-block; } @media screen and (max-width: 50em) { .blog-container .blog-content .section-tag-heading { display: inline-block !important; } } .blog-container .blog-content .blog-keywords { float: right; padding: 10px 0px 10px 0px; } .blog-container .blog-content .blog-keywords a { font-style: italic; } @media screen and (max-width: 68.75em) { .blog-container .blog-content .blog-keywords { float: left; width: 100%; } } @media screen and (max-width: 50em) { .pakolinenkenta { float: none !important; margin: 10px 0px 10px 0px; } } #comments .comment { margin: 20px 0px 20px 0px; } #comments .comment_text { background-color: #e0e0e0; border-radius: 15px; padding: 15px 15px 15px 15px; } #comments .comment.one .comment_info { display: inline-block; width: 30%; text-align: right; padding-left: 0; padding-right: 35px; background: transparent url(/images/style/comment_two_arrow.png) no-repeat top right; } @media screen and (max-width: 37.5em) { #comments .comment.one .comment_info { display: block; text-align: left; background-image: none; padding: 0px 0px 10px 0px; width: 100%; } } #comments .comment.one .comment_text { display: inline-block; width: 70%; } @media screen and (max-width: 37.5em) { #comments .comment.one .comment_text { text-align: left; width: 100%; } } #comments .comment.two .comment_info { display: inline-block; float: right; width: 30%; } @media screen and (max-width: 37.5em) { #comments .comment.two .comment_info { float: none; display: block; text-align: left; background-image: none; padding: 0px 0px 10px 0px; width: 100%; } } #comments .comment.two .comment_text { display: inline-block; background-color: #e6e9e9; width: 70%; text-align: right; } @media screen and (max-width: 50em) { #comments .comment.two .comment_text { text-align: left; width: 100%; } } /* chart starts */ .chart-graph svg, .chart-graph vml { display: block; position: absolute !important; left: 0; top: 0; max-height: 100%; height: 100%; width: 100%; } .chart-graph-table { margin-top: 25px; width: 100%; /*table-layout: fixed;*/ } .chart-graph-table td { padding: 0; white-space: nowrap; } .chart-graph-cell { border-left: 1px solid #555; border-bottom: 1px solid #555; vertical-align: bottom; } .chart-graph > .donut, .chart-graph > .pie { padding-top: 100%; position: relative; } .chart-graph > .bar-y, .chart-graph > .line { padding-top: 50%; position: relative; } .chart-graph-y { height: 100%; vertical-align: top; } .chart-graph-y, .chart-graph-corner { width: 1px; } .chart-graph-table td.chart-graph-label-y { font-size: 1.2em; width: 1px; padding-right: 10px; vertical-align: middle; text-align: center; /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); transform: rotate(-90deg);*/ } .chart-graph-table td.chart-graph-label-x { font-size: 1.2em; height: 1px; padding-top: 10px; vertical-align: middle; text-align: center; } td.chart-symbol-number { text-align: center; padding: 20px 0; font-size: 1.2em; } table.chart-symbol-table { margin-top: 25px; width: auto; } td.chart-symbol-number span { display: block; margin: 0 auto; font-size: 3em; padding: 20px 0; font-weight: bold; } td.chart-y-point { position: relative; text-align: right; padding-right: 10px; } td.chart-x-point { position: relative; padding-top: 10px; text-align: center; vertical-align: top; } td.chart-x-point > div, td.chart-y-point > div { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } td.chart-y-point-number { vertical-align: top; } td.chart-y-point-number > div { margin-top: -16px; } td.chart-x-point-number { text-align: left; } td.chart-x-point-number > div { margin-left: -8px; } td.chart-x-point-number > div.chart-x-point-last { position: absolute; right: 0; top: 0; padding-top: 10px; margin-left: 0px; } td.chart-y-point-number > div.chart-y-point-last { position: absolute; bottom: -8px; right: 0; padding-right: 10px; margin-top: 0px; } .chart .chart-info-y-block, .chart .chart-info { display: table; margin-bottom: 10px; } .chart .chart-info-y-block .left, .chart .chart-info .left { display: table-cell; vertical-align: middle; } .chart .chart-info-y-block .left span.chart-color-box, .chart .chart-info .left span.chart-color-box { width: 18px; float: left; margin: 0 10px 0 0; height: 18px; background: gray; border-radius: 4px; } .chart .chart-info-y-block .right, .chart .chart-info .right { display: table-cell; vertical-align: middle; } .chart .chart-info-y-block .right h6, .chart .chart-info .right h6 { display: table-cell; color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; vertical-align: middle; margin-left: 30px; margin-right: 30px; margin-bottom: 10px; } .chart .chart-info-y-block .right h6 b, .chart .chart-info .right h6 b { font-weight: bold; } @media screen and (max-width: 68.75em) { .chart .chart-info-y-block .right h6, .chart .chart-info .right h6 { font-size: 12.5px; font-size: 1.25rem; } } .chart .chart-info-y-block { display: inline-block !important; margin-right: 20px; } .chart-inner > .row { margin-bottom: 25px; } .chart-labels { margin-top: 25px; } .chart-labels span.chart-color-box:first-child + h6 { margin-top: 0; } .chart-title { color: #4d5054; font-family: 'PT Sans', sans-serif; font-size: 23px; font-size: 2.3rem; line-height: 1.3em; letter-spacing: 0em; font-weight: 400; margin-left: -1.8px; margin-left: -0.18rem; margin: 30px 0 0 0; line-height: 30px; } @media screen and (max-width: 68.75em) { .chart-title { font-size: 16.5px; font-size: 1.65rem; } } .kuvaus { color: #4d5054; font-family: 'Open Sans', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 11.5px; margin-bottom: 1.15rem; } @media screen and (max-width: 68.75em) { .kuvaus { font-size: 12.5px; font-size: 1.25rem; } } @media screen and (max-width: 68.75em) { .kuvaus { margin-bottom: 8.625px; margin-bottom: 0.8625rem; } } .chart .donut, .chart .pie { max-width: 340px; } .chart-donut-info { width: 55%; float: left; } .chart-donut { width: 45%; float: right; margin-top: 15px; } .chart { font-size: 0.7em; } @media screen and (min-width: 0em) { .chart .col-xs-1 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-2 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-3 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-4 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-5 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-6 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-7 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-8 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-9 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-10 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-11 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 0em) { .chart .col-xs-12 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-1 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-2 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-3 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-4 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-5 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-6 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-7 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-8 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-9 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-10 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-11 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 50em) { .chart .col-sm-12 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-1 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-2 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-3 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-4 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-5 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-6 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-7 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-8 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-9 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-10 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-11 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 62.5em) { .chart .col-md-12 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-1 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-2 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-3 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-4 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-5 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-6 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-7 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-8 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-9 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-10 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-11 { width: 100%; float: left; margin-left: 15%; } } @media screen and (min-width: 75em) { .chart .col-lg-12 { width: 100%; float: left; margin-left: 15%; } } .chart .row:after { content: ""; display: block; clear: both; } @media screen and (max-width: 50em) { .col-sm-4, .chart-donut-info { width: 40%; display: inline-block; vertical-align: top; } .col-sm-8, .chart-donut { width: 60%; display: inline-block; vertical-align: top; } } @media screen and (max-width: 37.5em) { .col-sm-4, .chart-donut-info { width: 100%; } .col-sm-8, .chart-donut { width: 100%; } } .donut-tooltip { display: block; color: black; } .vv_tooltip { background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); color: #333; padding: 25px; padding: 2.5rem; z-index: 200; font-family: 'PT Sans',sans-serif; max-width: 250px; max-width: 25rem; } .vip { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .vip.mod-first { padding-right: 46px; padding-right: 4.6rem; } .vip.mod-second { padding-left: 46px; padding-left: 4.6rem; padding-right: 92px; padding-right: 9.2rem; } .vip-nav { position: relative; } .vip-nav.mod-1 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 68.75em) { .vip-nav.mod-1 { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-right: 46px; padding-right: 4.6rem; } } .vip-nav.mod-1 > .vip-nav-item { display: inline-block; vertical-align: top; position: relative; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .vip-nav.mod-1 > .vip-nav-item > .vip-nav-item-link { font-size: 15px; font-size: 1.5rem; color: #f9f9f9; font-weight: 700; letter-spacing: 0.02em; position: relative; display: block; text-transform: uppercase; } @media screen and (max-width: 68.75em) { .vip-nav.mod-1 > .vip-nav-item > .vip-nav-item-link { font-size: 12.5px; font-size: 1.25rem; } } .vip-nav.mod-1 > .vip-nav-item > .vip-nav-item-link.mod-current { color: #94E825; } .vip-nav.mod-1 > .vip-nav-item > .vip-nav-item-link.mod-current:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } .vip-nav.mod-level-2 > .vip-nav-item > .vip-nav-item-link { font-size: 15px; font-size: 1.5rem; color: #e0e0e0; font-weight: 400; letter-spacing: 0.02em; position: relative; display: block; padding: 2.875px 0px; padding: 0.2875rem 0px; } @media screen and (max-width: 68.75em) { .vip-nav.mod-level-2 > .vip-nav-item > .vip-nav-item-link { font-size: 12.5px; font-size: 1.25rem; } } .vip-nav.mod-level-2 > .vip-nav-item > .vip-nav-item-link:hover, .vip-nav.mod-level-2 > .vip-nav-item > .vip-nav-item-link.mod-current { cursor: pointer; cursor: hand; color: #94E825; } .vip-nav.mod-level-2 > .vip-nav-item > .vip-nav-item-link:hover:after, .vip-nav.mod-level-2 > .vip-nav-item > .vip-nav-item-link.mod-current:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$valuef)"; filter: alpha(opacity=100); opacity: 1; } .vip-nav.mod-level-3 { display: none; } img[data-action="zoom"] { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .zoom-img, .zoom-img-wrap { position: relative; z-index: 666; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } img.zoom-img { cursor: pointer; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; } .zoom-overlay { z-index: 420; background: rgba(249, 249, 249, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .zoom-overlay-open .zoom-overlay { filter: "alpha(opacity=100)"; opacity: 1; } /*# sourceMappingURL=public_public.css.map */