/*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ @import url("https://use.typekit.net/ufu3fut.css"); *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } img { height: auto; } a.img-link { display: block; } html { font-family: "Montserrat", Helvetica, sans-serif; color: #242424; line-height: 1.6; font-size: 16px; background: #F9F9F9; background-repeat: no-repeat; min-height: 100vh; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; background: black; } .video-wrapper iframe, .video-wrapper video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .row.full-width { padding: 0; max-width: 100%; } .container { width: 100%; } .row { box-sizing: border-box; margin: 0 auto; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; max-width: 1400px; padding: 0 16px; } @media only screen and (min-width: 71rem) { .row { padding: 0 48px; } } .row-fluid { box-sizing: border-box; margin: 0 auto; padding: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; } .row.reverse { flex-direction: row-reverse; } @media only screen and (min-width: 31.3125rem) { .row-reverse-sm { flex-direction: row-reverse; } } @media only screen and (min-width: 60.0625rem) { .row-reverse-md { flex-direction: row-reverse; } } .row.natural-height { align-items: flex-start; } .row.flex-column { flex-direction: column; } .col { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 16px; } .col.reverse { flex-direction: column-reverse; } .first { order: -1; } .last { order: 1; } .align-start { align-self: flex-start; } .align-end { align-self: flex-end; } .align-center { align-self: center; } .align-baseline { align-self: baseline; } .align-stretch { align-self: stretch; } .col-xs { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs { padding: 0 16px; } } .col-xs-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-1 { padding: 0 16px; } } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-2 { padding: 0 16px; } } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-3 { padding: 0 16px; } } .col-xs-offset-3 { margin-left: 25%; } .col-xs-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-4 { padding: 0 16px; } } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-5 { padding: 0 16px; } } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-6 { padding: 0 16px; } } .col-xs-offset-6 { margin-left: 50%; } .col-xs-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-7 { padding: 0 16px; } } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-8 { padding: 0 16px; } } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-9 { padding: 0 16px; } } .col-xs-offset-9 { margin-left: 75%; } .col-xs-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-10 { padding: 0 16px; } } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-11 { padding: 0 16px; } } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-xs-12 { padding: 0 16px; } } .col-xs-offset-12 { margin-left: 100%; } .row.start-xs { justify-content: flex-start; } .row.center-xs { justify-content: center; } .row.end-xs { justify-content: flex-end; } .row.top-xs { align-items: flex-start; } .row.middle-xs { align-items: center; } .row.bottom-xs { align-items: flex-end; } .row.around-xs { justify-content: space-around; } .row.between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 31.3125rem) { .col-sm { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-1 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-2 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-3 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-4 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-5 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-6 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-7 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-8 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-9 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-10 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-11 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 31.3125rem) { .col-sm-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 31.3125rem) and (min-width: 60.0625rem) { .col-sm-12 { padding: 0 16px; } } @media only screen and (min-width: 31.3125rem) { .col-sm-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 31.3125rem) { .row.start-sm { justify-content: flex-start; } } @media only screen and (min-width: 31.3125rem) { .row.center-sm { justify-content: center; } } @media only screen and (min-width: 31.3125rem) { .row.end-sm { justify-content: flex-end; } } @media only screen and (min-width: 31.3125rem) { .row.top-sm { align-items: flex-start; } } @media only screen and (min-width: 31.3125rem) { .row.middle-sm { align-items: center; } } @media only screen and (min-width: 31.3125rem) { .row.bottom-sm { align-items: flex-end; } } @media only screen and (min-width: 31.3125rem) { .row.around-sm { justify-content: space-around; } } @media only screen and (min-width: 31.3125rem) { .row.between-sm { justify-content: space-between; } } @media only screen and (min-width: 31.3125rem) { .first-sm { order: -1; } } @media only screen and (min-width: 31.3125rem) { .last-sm { order: 1; } } @media only screen and (min-width: 60.0625rem) { .col-md { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-1 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 60.0625rem) { .col-md-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-2 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 60.0625rem) { .col-md-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-3 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 60.0625rem) { .col-md-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-4 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 60.0625rem) { .col-md-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-5 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 60.0625rem) { .col-md-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-6 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 60.0625rem) { .col-md-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-7 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 60.0625rem) { .col-md-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-8 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 60.0625rem) { .col-md-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-9 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 60.0625rem) { .col-md-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-10 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 60.0625rem) { .col-md-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-11 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 60.0625rem) { .col-md-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 60.0625rem) and (min-width: 60.0625rem) { .col-md-12 { padding: 0 16px; } } @media only screen and (min-width: 60.0625rem) { .col-md-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 60.0625rem) { .row.start-md { justify-content: flex-start; } } @media only screen and (min-width: 60.0625rem) { .row.center-md { justify-content: center; } } @media only screen and (min-width: 60.0625rem) { .row.end-md { justify-content: flex-end; } } @media only screen and (min-width: 60.0625rem) { .row.top-md { align-items: flex-start; } } @media only screen and (min-width: 60.0625rem) { .row.middle-md { align-items: center; } } @media only screen and (min-width: 60.0625rem) { .row.bottom-md { align-items: flex-end; } } @media only screen and (min-width: 60.0625rem) { .row.around-md { justify-content: space-around; } } @media only screen and (min-width: 60.0625rem) { .row.between-md { justify-content: space-between; } } @media only screen and (min-width: 60.0625rem) { .first-md { order: -1; } } @media only screen and (min-width: 60.0625rem) { .last-md { order: 1; } } @media only screen and (min-width: 71rem) { .col-lg { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-1 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-2 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-3 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 71rem) { .col-lg-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-4 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-5 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-6 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 71rem) { .col-lg-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-7 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-8 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-9 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 71rem) { .col-lg-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-10 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 71rem) { .col-lg-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-11 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 71rem) { .col-lg-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 71rem) and (min-width: 60.0625rem) { .col-lg-12 { padding: 0 16px; } } @media only screen and (min-width: 71rem) { .col-lg-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 71rem) { .row.start-lg { justify-content: flex-start; } } @media only screen and (min-width: 71rem) { .row.center-lg { justify-content: center; } } @media only screen and (min-width: 71rem) { .row.end-lg { justify-content: flex-end; } } @media only screen and (min-width: 71rem) { .row.top-lg { align-items: flex-start; } } @media only screen and (min-width: 71rem) { .row.middle-lg { align-items: center; } } @media only screen and (min-width: 71rem) { .row.bottom-lg { align-items: flex-end; } } @media only screen and (min-width: 71rem) { .row.around-lg { justify-content: space-around; } } @media only screen and (min-width: 71rem) { .row.between-lg { justify-content: space-between; } } @media only screen and (min-width: 71rem) { .first-lg { order: -1; } } @media only screen and (min-width: 71rem) { .last-lg { order: 1; } } @media only screen and (min-width: 120.0625rem) { .col-xl { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-1 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-1 { margin-left: 8.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-2 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-2 { margin-left: 16.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-3 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-3 { margin-left: 25%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-4 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-4 { margin-left: 33.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-5 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-5 { margin-left: 41.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-6 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-6 { margin-left: 50%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-7 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-7 { margin-left: 58.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-8 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-8 { margin-left: 66.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-9 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-9 { margin-left: 75%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-10 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-10 { margin-left: 83.3333333333%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-11 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-11 { margin-left: 91.6666666667%; } } @media only screen and (min-width: 120.0625rem) { .col-xl-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 0 8px; } } @media only screen and (min-width: 120.0625rem) and (min-width: 60.0625rem) { .col-xl-12 { padding: 0 16px; } } @media only screen and (min-width: 120.0625rem) { .col-xl-offset-12 { margin-left: 100%; } } @media only screen and (min-width: 120.0625rem) { .row.start-xl { justify-content: flex-start; } } @media only screen and (min-width: 120.0625rem) { .row.center-xl { justify-content: center; } } @media only screen and (min-width: 120.0625rem) { .row.end-xl { justify-content: flex-end; } } @media only screen and (min-width: 120.0625rem) { .row.top-xl { align-items: flex-start; } } @media only screen and (min-width: 120.0625rem) { .row.middle-xl { align-items: center; } } @media only screen and (min-width: 120.0625rem) { .row.bottom-xl { align-items: flex-end; } } @media only screen and (min-width: 120.0625rem) { .row.around-xl { justify-content: space-around; } } @media only screen and (min-width: 120.0625rem) { .row.between-xl { justify-content: space-between; } } @media only screen and (min-width: 120.0625rem) { .first-xl { order: -1; } } @media only screen and (min-width: 120.0625rem) { .last-xl { order: 1; } } .col-gutter-lr { padding: 0 0 8px; } @media only screen and (min-width: 60.0625rem) { .col-gutter-lr { padding: 0 16px; } } .col-no-gutter { padding: 0; } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(../../scss/#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(/images/leaflet-maps-plugin-images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(/images/leaflet-maps-plugin-images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(/images/leaflet-maps-plugin-images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } /*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0deg, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-slider { position: static; display: flex; } .flickity-slider .carousel-cell { position: static; width: 100%; } .flickity-button { width: 30px; height: 30px; position: relative; left: initial !important; } .flickity-button svg.flickity-button-icon { display: none; } .flickity-button:disabled { opacity: 1; pointer-events: none; } .flickity-button:after { content: ""; display: block; position: absolute; fill: #1C1933; width: 50%; height: 50%; top: 25%; left: 25%; } .flickity-button.next:after { background: url(/images/icons/arrow-right.svg) no-repeat center; background-size: 100%; } .flickity-button.previous:after { background: url(/images/icons/arrow-left-ss.svg) no-repeat center; background-size: 100%; } .flickity-button:hover { cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0px 0 0 rgba(0, 0, 0, 0); } /** =================== MONTSERRAT =================== **/ /** Montserrat Thin **/ @font-face { font-family: "Montserrat"; font-weight: 100; font-style: normal; src: url("/fonts/monserrat/Montserrat-Thin.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Thin.woff") format("woff"); } /** Montserrat Thin-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 100; font-style: italic; src: url("/fonts/monserrat/Montserrat-ThinItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-ThinItalic.woff") format("woff"); } /** Montserrat ExtraLight **/ @font-face { font-family: "Montserrat"; font-weight: 200; font-style: normal; src: url("/fonts/monserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-ExtraLight.woff") format("woff"); } /** Montserrat ExtraLight-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 200; font-style: italic; src: url("/fonts/monserrat/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-ExtraLightItalic.woff") format("woff"); } /** Montserrat Light **/ @font-face { font-family: "Montserrat"; font-weight: 300; font-style: normal; src: url("/fonts/monserrat/Montserrat-Light.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Light.woff") format("woff"); } /** Montserrat Light-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 300; font-style: italic; src: url("/fonts/monserrat/Montserrat-LightItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-LightItalic.woff") format("woff"); } /** Montserrat Regular **/ @font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; src: url("/fonts/monserrat/Montserrat-Regular.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Regular.woff") format("woff"); } /** Montserrat Regular-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 400; font-style: italic; src: url("/fonts/monserrat/Montserrat-Italic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Italic.woff") format("woff"); } /** Montserrat Medium **/ @font-face { font-family: "Montserrat"; font-weight: 500; font-style: normal; src: url("/fonts/monserrat/Montserrat-Medium.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Medium.woff") format("woff"); } /** Montserrat Medium-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 500; font-style: italic; src: url("/fonts/monserrat/Montserrat-MediumItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-MediumItalic.woff") format("woff"); } /** Montserrat SemiBold **/ @font-face { font-family: "Montserrat"; font-weight: 600; font-style: normal; src: url("/fonts/monserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-SemiBold.woff") format("woff"); } /** Montserrat SemiBold-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 600; font-style: italic; src: url("/fonts/monserrat/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-SemiBoldItalic.woff") format("woff"); } /** Montserrat Bold **/ @font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; src: url("/fonts/monserrat/Montserrat-Bold.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Bold.woff") format("woff"); } /** Montserrat Bold-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 700; font-style: italic; src: url("/fonts/monserrat/Montserrat-BoldItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-BoldItalic.woff") format("woff"); } /** Montserrat ExtraBold **/ @font-face { font-family: "Montserrat"; font-weight: 800; font-style: normal; src: url("/fonts/monserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-ExtraBold.woff") format("woff"); } /** Montserrat ExtraBold-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 800; font-style: italic; src: url("/fonts/monserrat/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-ExtraBoldItalic.woff") format("woff"); } /** Montserrat Black **/ @font-face { font-family: "Montserrat"; font-weight: 900; font-style: normal; src: url("/fonts/monserrat/Montserrat-Black.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-Black.woff") format("woff"); } /** Montserrat Black-Italic **/ @font-face { font-family: "Montserrat"; font-weight: 900; font-style: italic; src: url("/fonts/monserrat/Montserrat-BlackItalic.woff2") format("woff2"), url("/fonts/monserrat/Montserrat-BlackItalic.woff") format("woff"); } em, i { font-style: italic; } strong, b { font-weight: 700; } .rich-text h1 { font-weight: 700; font-size: 1.875rem; line-height: 2.0625rem; margin-top: 2rem; } @media only screen and (min-width: 60.0625rem) { .rich-text h1 { font-weight: 700; font-size: 2.875rem; line-height: 3rem; } } .rich-text h2 { font-weight: 700; font-size: 1.3125rem; line-height: 1.5rem; margin-top: 2rem; } @media only screen and (min-width: 31.3125rem) { .rich-text h2 { font-weight: 700; font-size: 1.5rem; line-height: 1.6875rem; } } @media only screen and (min-width: 60.0625rem) { .rich-text h2 { font-weight: 700; font-size: 1.6875rem; line-height: 1.875rem; } } @media only screen and (min-width: 71rem) { .rich-text h2 { font-weight: 700; font-size: 1.6875rem; line-height: 1.875rem; } } .rich-text h3 { font-weight: 700; font-size: 1.6875rem; line-height: 1.875rem; margin-top: 2rem; } .rich-text h4 { font-weight: 700; font-size: 1.5rem; line-height: 1.6875rem; margin-top: 2rem; } .rich-text h5, .rich-text h6 { font-weight: 700; font-size: 1.3125rem; line-height: 1.5rem; margin-top: 2rem; } .rich-text > *, .rich-text > div > * { margin: 1rem 0; } .rich-text > * h1, .rich-text > * h2, .rich-text > * h3, .rich-text > * h4, .rich-text > * h5, .rich-text > * h6, .rich-text > div > * h1, .rich-text > div > * h2, .rich-text > div > * h3, .rich-text > div > * h4, .rich-text > div > * h5, .rich-text > div > * h6 { margin-top: 2rem; } .rich-text > *:last-child, .rich-text > div > *:last-child { margin-bottom: 0; } .rich-text > *:first-child, .rich-text > div > *:first-child { margin-top: 0; } .rich-text a:not(.btn) { text-decoration: underline; color: #EE1D24; } .rich-text a:not(.btn):hover { text-decoration: none; } .terms { font-size: 0.8rem; color: rgb(91, 91, 91); margin-top: 2rem; padding-top: 2rem; border-top: 1px dotted rgb(91, 91, 91); } .terms h1, .terms h2, .terms h3, .terms h4, .terms h5, .terms h6 { font-weight: 800; text-transform: uppercase; font-size: 1.5rem; line-height: 1.6875rem; } .terms > * { margin: 1rem 0; } .terms > *:last-child { margin-bottom: 0; } .terms > *:first-child { margin-top: 0; } .chev-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .chev-right:after { content: ""; width: 0.8rem; height: 0.8rem; -webkit-transform: rotate(45deg) translateY(-8px); -moz-transform: rotate(45deg) translateY(-8px); -ms-transform: rotate(45deg) translateY(-8px); transform: rotate(45deg) translateY(-8px); margin-left: 10px; border: 3px solid #1C1933; border-left: 0; border-bottom: 0; } .chev-down { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .chev-down:after { content: ""; width: 0.8rem; height: 0.8rem; -webkit-transform: rotate(45deg) translateY(-8px); -moz-transform: rotate(45deg) translateY(-8px); -ms-transform: rotate(45deg) translateY(-8px); transform: rotate(45deg) translateY(-8px); border: 3px solid #1C1933; border-left: 0; border-top: 0; } .heading-bold { font-size: 1rem; font-weight: 700; margin-bottom: 0.75rem; display: block; } .heading.xxxs { font-weight: 800; text-transform: uppercase; font-size: 1.125rem; line-height: 1.3125rem; } .heading.xxs { font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; line-height: 1.5rem; } .heading.xs { font-weight: 800; text-transform: uppercase; font-size: 1.5rem; line-height: 1.6875rem; } .heading.sm { font-weight: 800; text-transform: uppercase; font-size: 1.6875rem; line-height: 1.875rem; } .heading.md { font-weight: 800; text-transform: uppercase; font-size: 1.875rem; line-height: 2.0625rem; } .heading.lg { font-weight: 800; text-transform: uppercase; font-size: 1.875rem; line-height: 2.0625rem; } @media only screen and (min-width: 60.0625rem) { .heading.lg { font-weight: 800; text-transform: uppercase; font-size: 2.875rem; line-height: 3rem; } } .heading.xl { font-weight: 800; text-transform: uppercase; font-size: 2.875rem; line-height: 3rem; } @media only screen and (min-width: 60.0625rem) { .heading.xl { font-weight: 800; text-transform: uppercase; } } .heading.xxl { font-weight: 800; text-transform: uppercase; font-size: 2.875rem; line-height: 3rem; } @media only screen and (min-width: 60.0625rem) { .heading.xxl { font-weight: 800; text-transform: uppercase; } } .sub-heading.sm { font-weight: 600; text-transform: uppercase; font-size: 0.8125rem; line-height: 0.9375rem; letter-spacing: 0.01875rem; } .sub-heading.md { font-weight: 600; text-transform: uppercase; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.03125rem; } .sub-heading.xs { font-weight: 600; text-transform: uppercase; font-size: 0.75rem; line-height: 0.9375rem; letter-spacing: 0.0125rem; } .sub-heading strong, .sub-heading b { font-weight: 600; } .p.xs { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; } .p.sm { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .p.md { font-size: 1rem; line-height: 1.5rem; } .p.lg { font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 60.0625rem) { .p.lg { font-size: 1.125rem; line-height: 1.6875rem; letter-spacing: -0.00625rem; } } .p.xl { font-size: 1rem; line-height: 1.5rem; } @media only screen and (min-width: 60.0625rem) { .p.xl { font-size: 1.3125rem; line-height: 1.875rem; letter-spacing: -0.015625rem; } } .text-sm { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } .text-tn { font-size: 0.8125rem; line-height: 1.125rem; } u { text-decoration: underline; } .rich-text ul, .rich-text ol, .rich-text dl { list-style-position: outside; padding-left: 1rem; } .rich-text ul { list-style-type: disc; } .rich-text ol { list-style-type: decimal; } .rich-text legend { font-weight: bold; } .rich-text sup { vertical-align: super; font-size: 50%; } .rich-text sub { vertical-align: sub; font-size: 50%; } .rich-text .small { font-size: 0.8rem; } @media only screen and (min-width: 31.3125rem) { .rich-text .lead { font-size: 1.1rem; } } @media only screen and (min-width: 60.0625rem) { .rich-text .lead { font-size: 1.2rem; } } .rich-text a { color: #EE1D24; } .title { font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; line-height: 1.5rem; margin-bottom: 1rem; } @media only screen and (min-width: 31.3125rem) { .title { font-weight: 800; text-transform: uppercase; font-size: 1.875rem; line-height: 2.0625rem; } } .sm-center { text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 60.0625rem) { .sm-center { text-align: left; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .show-hide-list .item { margin-bottom: 1rem; } .show-hide-list .content { overflow: hidden; height: 0px; opacity: 0; transition: all 0.2s ease; } .show-hide-list .trigger { cursor: pointer; display: inline-flex; } .show-hide-list .trigger:after { transition: all 0.2s ease; content: ""; margin-left: 1rem; width: 0.5rem; height: 0.5rem; position: relative; top: 0.5rem; border: 2px solid #ccc; display: inline-flex; border-top: 0; border-left: 0; transform: rotate(45deg); } .show-hide-list li.active .trigger:after { top: 0.8rem; transform: rotate(-135deg); } .show-hide-list li.active .content { opacity: 1; padding: 1rem 0; height: auto; } .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .lg-only { display: none; } @media only screen and (min-width: 71rem) { .lg-only { display: initial; } } .txt-center { text-align: center; } .rich-text a span.btn, .rich-text .btn { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: #EE1D24; color: white; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.5625rem 0.9375rem; line-height: 0.75rem; font-size: 0.625rem; margin-top: 1rem !important; text-decoration: none !important; } @media only screen and (min-width: 31.3125rem) { .rich-text a span.btn, .rich-text .btn { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: #EE1D24; color: white; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.8125rem 1.125rem; line-height: 0.9375rem; font-size: 0.8125rem; } } .rich-text .btn a { text-decoration: none !important; display: block; } .share-wrapper button { text-transform: uppercase; font-size: 0.9rem; font-weight: 500; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .share-wrapper button i { display: block; width: 1rem; height: 1rem; background: url(/images/icons/share-icon.svg); background-size: contain; content: ""; margin-right: 0.4rem; background-repeat: no-repeat; } .main-nav { padding: 2.4rem 2rem; position: fixed; text-transform: uppercase; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; transform: translateX(-100%); transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); padding-top: 6rem; height: 100vh; background-color: #f9f9f9; overflow-y: auto; } @media only screen and (min-width: 60.0625rem) { .main-nav { position: static; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: none; background-color: transparent; padding: 0; transform: translateX(0); height: auto; overflow: hidden; } } .main-nav a { color: black; font-weight: 900; font-size: 1.5rem; padding: 1rem 0; display: block; color: #EE1D24; } @media only screen and (min-width: 60.0625rem) { .main-nav a { font-size: 1rem; color: black; padding: 0.3rem 0.6rem; margin-left: 1rem; font-weight: 600; } } .search-trigger { background: #eee url(/images/icons/search-red-icon.svg) no-repeat center; background-size: 50%; width: 2.5rem; height: 2.5rem; border-radius: 0.3125rem; cursor: pointer; } @media only screen and (min-width: 60.0625rem) { .search-trigger { display: none; } } @media only screen and (min-width: 60.0625rem) { html.hide-search .search-trigger { display: block; margin-left: 0.5rem; } } html.hide-search .template-block-search { display: none; } .main-menu-trigger { cursor: pointer; background-color: #eee; position: relative; z-index: 1001; width: 2.5rem; height: 2.5rem; border-radius: 0.3125rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-menu-trigger i, .main-menu-trigger:before, .main-menu-trigger:after { display: block; content: ""; height: 0.1875rem; width: 1.625rem; background-color: #EE1D24; position: absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .main-menu-trigger:before { top: 12px; } .main-menu-trigger i { top: 18px; } .main-menu-trigger:after { top: 24px; } @media only screen and (min-width: 60.0625rem) { .main-menu-trigger { display: none; } } @media only screen and (max-width: 60rem) { html.main-menu-open { overflow: hidden; } html.main-menu-open body { overflow: hidden; } html.main-menu-open header { position: fixed; top: 0; width: 100%; z-index: 1000; } html.main-menu-open header .inner:before { content: ""; width: 100%; height: 6rem; left: 0; background-color: #f9f9f9; position: fixed; z-index: 1000; } html.main-menu-open .main-menu-trigger:after { transform: rotate(-45deg); top: 1.2rem; } html.main-menu-open .main-menu-trigger:before { transform: rotate(45deg); top: 1.2rem; } html.main-menu-open .main-menu-trigger i { opacity: 0; } html.main-menu-open .main-nav { transform: translateX(0); } } /* ============================================================================= Forms ========================================================================== */ form:not(.search-wrapper) input:-webkit-autofill, form:not(.search-wrapper) input:-webkit-autofill:hover, form:not(.search-wrapper) input:-webkit-autofill:focus, form:not(.search-wrapper) input:-webkit-autofill:active { box-shadow: 0 0 0px 1000px white inset !important; background: #fff; } form:not(.search-wrapper) .field-validation-valid { display: none; margin: 0; } form:not(.search-wrapper) .field-validation-valid[style^="display: inline;"] { display: inline-block !important; } form:not(.search-wrapper) .field-validation-valid, form:not(.search-wrapper) .field-validation-error { display: inline-block; padding: 7px 0; color: #FF0000; font-size: 0.8rem; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.62; } form:not(.search-wrapper) input[type=text], form:not(.search-wrapper) input[type=tel], form:not(.search-wrapper) input[type=number], form:not(.search-wrapper) input[type=password], form:not(.search-wrapper) input[type=email], form:not(.search-wrapper) input[type=search], form:not(.search-wrapper) input[type=date], form:not(.search-wrapper) textarea { display: block; width: 100%; padding: 1.125rem; font-size: 1rem; border-radius: 0.1875rem; font-weight: normal; line-height: 1; letter-spacing: -0.00125rem; color: black; -webkit-appearance: none; appearance: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; border: 1px solid #005E5A; font-family: "Montserrat", Helvetica, sans-serif; background-color: #fff; } form:not(.search-wrapper) input[type=text]:focus, form:not(.search-wrapper) input[type=tel]:focus, form:not(.search-wrapper) input[type=number]:focus, form:not(.search-wrapper) input[type=password]:focus, form:not(.search-wrapper) input[type=email]:focus, form:not(.search-wrapper) input[type=search]:focus, form:not(.search-wrapper) input[type=date]:focus, form:not(.search-wrapper) textarea:focus { background-color: #fff; box-shadow: 0 0 0 0.1875rem #EE1D24, 0rem 0.1875rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.1); } form:not(.search-wrapper) input[type=text].input-validation-error, form:not(.search-wrapper) input[type=tel].input-validation-error, form:not(.search-wrapper) input[type=number].input-validation-error, form:not(.search-wrapper) input[type=password].input-validation-error, form:not(.search-wrapper) input[type=email].input-validation-error, form:not(.search-wrapper) input[type=search].input-validation-error, form:not(.search-wrapper) input[type=date].input-validation-error, form:not(.search-wrapper) textarea.input-validation-error { border-color: #FF0000; } form:not(.search-wrapper) input[type=text].input-validation-error:focus, form:not(.search-wrapper) input[type=tel].input-validation-error:focus, form:not(.search-wrapper) input[type=number].input-validation-error:focus, form:not(.search-wrapper) input[type=password].input-validation-error:focus, form:not(.search-wrapper) input[type=email].input-validation-error:focus, form:not(.search-wrapper) input[type=search].input-validation-error:focus, form:not(.search-wrapper) input[type=date].input-validation-error:focus, form:not(.search-wrapper) textarea.input-validation-error:focus { background-color: #fff; box-shadow: 0 0 0 0.1875rem #FF0000, 0rem 0.1875rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.1); } form:not(.search-wrapper) input[type=text]:focus-visible, form:not(.search-wrapper) input[type=tel]:focus-visible, form:not(.search-wrapper) input[type=number]:focus-visible, form:not(.search-wrapper) input[type=password]:focus-visible, form:not(.search-wrapper) input[type=email]:focus-visible, form:not(.search-wrapper) input[type=search]:focus-visible, form:not(.search-wrapper) input[type=date]:focus-visible, form:not(.search-wrapper) textarea:focus-visible { border: 1px solid #005E5A; } form:not(.search-wrapper) input[type=text]::-webkit-input-placeholder, form:not(.search-wrapper) input[type=tel]::-webkit-input-placeholder, form:not(.search-wrapper) input[type=number]::-webkit-input-placeholder, form:not(.search-wrapper) input[type=password]::-webkit-input-placeholder, form:not(.search-wrapper) input[type=email]::-webkit-input-placeholder, form:not(.search-wrapper) input[type=search]::-webkit-input-placeholder, form:not(.search-wrapper) input[type=date]::-webkit-input-placeholder, form:not(.search-wrapper) textarea::-webkit-input-placeholder { color: #AFAFAF; } form:not(.search-wrapper) input[type=text]:-moz-placeholder, form:not(.search-wrapper) input[type=tel]:-moz-placeholder, form:not(.search-wrapper) input[type=number]:-moz-placeholder, form:not(.search-wrapper) input[type=password]:-moz-placeholder, form:not(.search-wrapper) input[type=email]:-moz-placeholder, form:not(.search-wrapper) input[type=search]:-moz-placeholder, form:not(.search-wrapper) input[type=date]:-moz-placeholder, form:not(.search-wrapper) textarea:-moz-placeholder { color: #AFAFAF; } form:not(.search-wrapper) input[type=text]::-moz-placeholder, form:not(.search-wrapper) input[type=tel]::-moz-placeholder, form:not(.search-wrapper) input[type=number]::-moz-placeholder, form:not(.search-wrapper) input[type=password]::-moz-placeholder, form:not(.search-wrapper) input[type=email]::-moz-placeholder, form:not(.search-wrapper) input[type=search]::-moz-placeholder, form:not(.search-wrapper) input[type=date]::-moz-placeholder, form:not(.search-wrapper) textarea::-moz-placeholder { color: #AFAFAF; } form:not(.search-wrapper) input[type=text]:-ms-input-placeholder, form:not(.search-wrapper) input[type=tel]:-ms-input-placeholder, form:not(.search-wrapper) input[type=number]:-ms-input-placeholder, form:not(.search-wrapper) input[type=password]:-ms-input-placeholder, form:not(.search-wrapper) input[type=email]:-ms-input-placeholder, form:not(.search-wrapper) input[type=search]:-ms-input-placeholder, form:not(.search-wrapper) input[type=date]:-ms-input-placeholder, form:not(.search-wrapper) textarea:-ms-input-placeholder { color: #AFAFAF; } form:not(.search-wrapper) fieldset { border: 0; padding: 0; margin: 0; } form:not(.search-wrapper) fieldset > div:last-child { margin-bottom: 0; } form:not(.search-wrapper) .field-validation-valid { display: none; } form:not(.search-wrapper) .select-wrapper { position: relative; } form:not(.search-wrapper) .select-wrapper:after { content: ""; display: block; border: #EE1D24 0.125rem solid; position: absolute; width: 0.8rem; height: 0.8rem; transform-origin: center; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) translateX(0px); -moz-transform: rotate(45deg) translateX(0px); -ms-transform: rotate(45deg) translateX(0px); transform: rotate(45deg) translateX(0px); position: absolute; right: 1rem; z-index: 100; top: 1.3rem; pointer-events: none; } form:not(.search-wrapper) .select-wrapper select { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; z-index: 99; padding: 1.375rem 1.125rem; font-size: 1rem; border-radius: 0.1875rem; font-weight: normal; line-height: 1; letter-spacing: -0.00125rem; color: black; position: relative; -webkit-appearance: none; appearance: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; border: 1px solid #005E5A; font-family: "Montserrat", Helvetica, sans-serif; background-color: #fff; min-height: 3.75rem; padding: 0.7rem 2rem 0.7rem 0.7rem; } form:not(.search-wrapper) .select-wrapper select:focus { background-color: #fff; box-shadow: 0 0 0 0.1875rem #EE1D24, 0rem 0.1875rem 0.375rem 0.1875rem rgba(0, 0, 0, 0.1); } form:not(.search-wrapper) select { font-size: 1rem; color: #333; } form:not(.search-wrapper) textarea { height: auto; min-height: 10rem; -webkit-appearance: none; appearance: none; line-height: 1.4; resize: vertical; } form:not(.search-wrapper) input[type=submit], form:not(.search-wrapper) button { -webkit-appearance: none; appearance: none; cursor: pointer; } form:not(.search-wrapper) legend { display: block; font-weight: 600; } form:not(.search-wrapper) label, form:not(.search-wrapper) .label { font-size: 1rem; color: #1C1933; font-weight: 600; } form:not(.search-wrapper) .form-field { margin: 1.3125rem 0; } form:not(.search-wrapper) .form-field.checkbox .umbraco-forms-label { display: none; } @media only screen and (min-width: 31.3125rem) { form:not(.search-wrapper) .form-field-2x { display: -ms-flexbox; display: -webkit-flex; display: flex; } form:not(.search-wrapper) .form-field-2x .form-field { flex: 1; margin: 0; } form:not(.search-wrapper) .form-field-2x .form-field:first-child { margin-right: 1rem; } form:not(.search-wrapper) .form-field-2x .form-field:last-child { margin-left: 1rem; } } form:not(.search-wrapper) .heading { margin-bottom: 1.3125rem; } form:not(.search-wrapper) .checkbox-wrapper { display: grid; grid-template-columns: 1rem auto; gap: 0.8rem; cursor: pointer; align-items: flex-start; } form:not(.search-wrapper) .checkbox-wrapper label { font-weight: 700; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } form:not(.search-wrapper) .checkbox-wrapper input[type=checkbox] { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -ms-appearance: checkbox !important; -o-appearance: checkbox !important; appearance: checkbox !important; margin-top: 0.25rem; } form:not(.search-wrapper) .radio-wrapper { display: grid; grid-template-columns: 1rem auto; gap: 0.8rem; cursor: pointer; align-items: flex-start; } form:not(.search-wrapper) .radio-wrapper label { font-weight: 700; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; } form:not(.search-wrapper) .radio-wrapper input[type=radio] { -webkit-appearance: radio !important; -moz-appearance: radio !important; -ms-appearance: radio !important; -o-appearance: radio !important; appearance: radio !important; margin-top: 0.25rem; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } /* Firefox */ input[type=number] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .umbraco-forms-container.col-xs-12 { padding: 0 1rem; } .umbraco-forms-container.col-xs-12:first-child { padding-left: 0; } .umbraco-forms-container.col-xs-12:last-child { padding-right: 0; } .recaptchav3withscore { overflow: hidden; } .form-nav { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 31.3125rem) { .form-nav { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .form-nav a { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 1rem 0; } @media only screen and (min-width: 31.3125rem) { .form-nav a { margin: 0 1rem 0 0; } } .form-success, .form-failure { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; padding: 1rem; margin-bottom: 1.3125rem; border-radius: 0.1875rem; } .form-success { background: rgba(255, 192, 203, 0.05); color: pink; border: 1px solid pink; } .form-failure { background: rgba(255, 0, 0, 0.05); color: #FF0000; border: 1px solid #FF0000; } .umbraco-forms-fieldset .umbraco-forms-container { flex: 1; } .umbraco-forms-fieldset .form-field:first-child { margin-top: 0; } .umbraco-forms-fieldset label:not(.form-control) { display: block; margin-bottom: 0.2rem; } .umbraco-forms-fieldset label.form-control { font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: 0.009375rem; margin: 0.4rem 0; } .umbraco-forms-fieldset .field-validation-valid { display: none; } .umbraco-forms-fieldset .form-hgroup h2 { font-weight: 800; text-transform: uppercase; font-size: 1.6875rem; line-height: 1.875rem; } .umbraco-forms-fieldset .form-hgroup p { font-size: 1rem; line-height: 1.5rem; } .umbraco-forms-fieldset .umbraco-forms-tooltip { display: block; margin: 0.3rem 0 0.6rem 0; } header.main-header { margin-bottom: 2rem; } header.main-header .inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 3rem; width: 100%; padding: 1rem 0.5rem; } @media only screen and (min-width: 60.0625rem) { header.main-header .inner { padding: 2rem 0.5rem; } header.main-header .inner .main-nav { flex: 1; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } header.main-header .row { max-width: 2000px; } header.main-header a.main-logo { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1001; } header.main-header a.main-logo img { object-fit: contain; height: 2.7rem; width: 8rem; } @media only screen and (min-width: 71rem) { header.main-header a.main-logo img { height: 3.5rem; width: 10rem; } } footer.main-footer { background-color: white; padding: 1.6rem; font-size: 0.8rem; } footer.main-footer .social-title { text-transform: uppercase; font-weight: 800; margin-right: 0.5rem; } footer.main-footer a { color: black; display: block; padding: 0.5rem 0; } @media only screen and (min-width: 60.0625rem) { footer.main-footer a { padding: 0 0.5rem; } } @media only screen and (min-width: 60.0625rem) { footer.main-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } footer.main-footer > div { display: -ms-flexbox; display: -webkit-flex; display: flex; } } .comp-banner { position: relative; color: white; } .comp-banner picture { display: block; width: 100%; } .comp-banner picture img { width: 100%; display: block; } .comp-breadcrumbs { font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0.0125rem; margin: 0 0 1rem 0; } .comp-breadcrumbs ul { display: block; text-align: left; } .comp-breadcrumbs ul li { display: inline-block; } .comp-breadcrumbs ul li:last-child { display: none; } .comp-breadcrumbs ul li:last-child:after { display: none; } .comp-breadcrumbs ul li:last-child a { text-decoration: none; pointer-events: none; } .comp-breadcrumbs ul li:after { content: "/"; display: inline-block; padding: 0 0 0 0.4rem; } .comp-breadcrumbs ul a { display: inline-block; } .comp-breadcrumbs ul a:hover { opacity: 0.8; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 5000; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; padding: 1rem; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ /* Modal Content */ /* Add Animation */ /* The Close Button */ } .modal .modal-content { border-radius: 10px; overflow: hidden; color: black; position: relative; background-color: #f9f9f9; margin: auto; padding: 3rem; width: 500px; max-width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; text-align: center; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .modal .share-close { cursor: pointer; color: white; position: absolute; right: 1rem; top: 1rem; height: 25px; width: 25px; } .modal .share-close svg { fill: #EE1D24; } .modal .social-links { margin: 2rem 0 0 0; } .modal .social-links ul { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal .social-links ul li { padding: 0.4rem; background-color: rgba(255, 255, 255, 0.2); margin: 0.1rem; border-radius: 0.2rem; } .modal .social-links ul a { margin: 0; background-size: contain; width: 2rem; height: 2rem; display: block; background-repeat: no-repeat; background-position: center; margin: 0 0.5rem; } .modal .social-links ul a:hover { opacity: 0.8; } .modal .social-links ul a .hidden { visibility: hidden; width: 0; height: 0; overflow: hidden; } .modal .social-links ul a.ico-pinterest { background-image: url(/images/icons/pinter-ico.svg); } .modal .social-links ul a.ico-twitt { background-image: url(/images/icons/x-icon.svg); } .modal .social-links ul a.ico-faceb { background-image: url(/images/icons/fbook-ico.svg); } .modal .social-links ul a.ico-email { background-image: url(/images/icons/email-ico2.svg); } .modal .close:hover, .modal .close:focus { color: #000; text-decoration: none; cursor: pointer; } .modal .modal-header { color: white; } .modal .modal-header h2 { font-weight: 800; text-transform: uppercase; font-size: 1.6875rem; line-height: 1.875rem; color: #EE1D24; text-align: center; } .app-wrapper { margin-bottom: 6rem; } main#main-content { position: relative; z-index: 0; margin-top: 3rem; } html.search-open .template-block-search { display: block; } .template-block-search { display: none; } @media only screen and (min-width: 60.0625rem) { .template-block-search { display: block; } } .template-block-search label { color: #EE1D24; text-align: center; font-weight: 700; width: 100%; display: block; font-weight: 800; text-transform: uppercase; font-size: 1.6875rem; line-height: 1.875rem; margin-bottom: 2rem; } @media only screen and (min-width: 60.0625rem) { .template-block-search label { font-weight: 800; text-transform: uppercase; font-size: 2.875rem; line-height: 3rem; } } .template-block-search form { background-color: white; border: 3px solid #e9e6e6; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; border-radius: 3rem; overflow: hidden; } .template-block-search form input { flex: 1; height: 3rem; padding: 1rem; } @media only screen and (min-width: 60.0625rem) { .template-block-search form input { height: 4rem; } } .template-block-search form button { height: 3rem; width: 3rem; min-width: 3rem; background: rgb(237, 32, 39) url(/images/icons/search-icon.svg) no-repeat center; border-radius: 100%; border: 3px solid white; background-size: 50%; } @media only screen and (min-width: 60.0625rem) { .template-block-search form button { height: 4rem; width: 4rem; min-width: 4rem; } } .comp-search .search-header { padding: 2rem; background-color: #F7F7F7; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); border-radius: 1rem 1rem 0 0; } @media only screen and (min-width: 60.0625rem) { .comp-search .search-header { padding: 2rem 4rem; } } .comp-search .search-header h1 { color: #EE1D24; margin: 0; } .comp-search .search-header h1 span { color: black; text-transform: lowercase; } .comp-search .item { background-color: white; padding: 2rem; margin: 0.4rem 0; } .comp-search .item h3.no-transform { font-weight: 600; font-size: 1.2rem; margin-bottom: 1rem; } @media only screen and (min-width: 60.0625rem) { .comp-search .item { padding: 2rem 4rem; } } .comp-search .item:last-child { border-radius: 0 0 1rem 1rem; } .comp-search .item .more { font-weight: 600; color: #EE1D24; text-decoration: none; } .template-network-status .template-block-network-status { display: none; } .template-troubleshooting .comp-rich-text-trouble-shooting { margin: 3rem 0; } .template-troubleshooting .comp-rich-text-trouble-shooting .title { color: #EE1D24; } .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper { background-color: white; border-radius: 1rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); } .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper .wizzard-header { background-color: #F7F7F7; border-radius: 1rem 1rem 0 0; padding: 2.4rem 2rem; } .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper .wizzard-header > * { margin: 0; } @media only screen and (min-width: 60.0625rem) { .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper .wizzard-header { padding: 2.4rem 4rem; } } .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper .navigation { background-color: #F7F7F7; border-radius: 0 0 1rem 1rem; padding: 1.6rem 2rem; } @media only screen and (min-width: 60.0625rem) { .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper .navigation { padding: 1.6rem 4rem; } } .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper [class*=block-] { padding: 0 2rem; } @media only screen and (min-width: 60.0625rem) { .template-troubleshooting .comp-rich-text-trouble-shooting .content-wrapper [class*=block-] { padding: 0 4rem; } } .bc-share { margin-bottom: 1rem !important; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1rem; } .bc-share .comp-breadcrumbs { margin: 0; } .bc-share > div:not(.share-wrapper) { flex: 1; } .comp-img picture { display: block; } .comp-img picture img { display: block; } .comp-faqs-list { margin: 3rem 0; } .comp-faqs-list .title { color: #EE1D24; } .comp-faqs-list .content-wrapper { background-color: white; border-radius: 1rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1); padding: 2.4rem 2rem; } @media only screen and (min-width: 60.0625rem) { .comp-faqs-list .content-wrapper { padding: 4rem; } } @media only screen and (min-width: 60.0625rem) { .comp-faqs-list .content-wrapper .items-wrapper.cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 2rem; } } .comp-faqs-list .content-wrapper .items-wrapper .items { flex: 1; } .comp-faqs-list .content-wrapper .items-wrapper .items .item { font-weight: 600; display: block; margin: 1.4rem 0; } .comp-faqs-list .content-wrapper .items-wrapper .items .item:last-child { margin: 0; } .comp-category .title { color: #EE1D24; } .comp-category-featured .item { margin: 1rem 0; } .comp-category-list .items { display: grid; grid-gap: 0.5rem; grid-template-columns: repeat(1, minmax(0, 1fr)); } @media only screen and (min-width: 31.3125rem) { .comp-category-list .items { grid-gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media only screen and (min-width: 71rem) { .comp-category-list .items { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (min-width: 60.0625rem) { .comp-category-list.border .content-wrapper { padding: 4rem; border: 2px solid white; border-radius: 1rem; background-color: #EEEEEE; } } .comp-category-featured .title, .comp-category-list .title { color: #EE1D24; margin-bottom: 2rem; } .comp-category-featured .item, .comp-category-list .item { border: 4px solid #eee; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; background-color: white; color: black; font-weight: 800; text-transform: uppercase; min-height: 4rem; border-radius: 1rem; text-align: center; padding: 1rem; } @media only screen and (min-width: 31.3125rem) { .comp-category-featured .item, .comp-category-list .item { min-height: 7rem; line-height: 1.3; } } @media only screen and (min-width: 60.0625rem) { .comp-category-featured .item, .comp-category-list .item { font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; line-height: 1.5rem; min-height: 10rem; line-height: 1.3; } } .comp-category-featured .item:hover, .comp-category-list .item:hover { color: #EE1D24; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); } .comp-category-featured .item { min-height: 15rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); } .comp-category-featured .item > div { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comp-category-featured .item > div i { width: 0.9rem; height: 0.9rem; transform: rotate(45deg); margin-left: 0.7rem; border: 3px solid white; border-bottom: 0; border-left: 0; } .comp-category-featured .item.has-image { color: white; border-color: white; } .comp-faqs-list { margin: 3rem 0; } .comp-faqs-list .title { color: #EE1D24; } .comp-faqs-list .content-wrapper { background-color: white; border-radius: 1rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1); padding: 2.4rem 2rem; } @media only screen and (min-width: 60.0625rem) { .comp-faqs-list .content-wrapper { padding: 4rem; } } @media only screen and (min-width: 60.0625rem) { .comp-faqs-list .content-wrapper .items-wrapper.cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 2rem; } } .comp-faqs-list .content-wrapper .items-wrapper .items { flex: 1; } .comp-faqs-list .content-wrapper .items-wrapper .items .item { font-weight: 600; display: block; margin: 1.4rem 0; } .comp-faqs-list .content-wrapper .items-wrapper .items .item:last-child { margin: 0; } .comp-rich-text { margin: 3rem 0; } .comp-rich-text .title { color: #EE1D24; } .comp-rich-text p { margin-bottom: 1rem; } .comp-rich-text .content-wrapper { background-color: white; padding: 2.4rem 2rem; border-radius: 1rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 60.0625rem) { .comp-rich-text .content-wrapper { padding: 4rem; } } .comp-rich-text .content-wrapper .color-red { color: #FF0000; } .comp-rich-text .content-wrapper .color-green { color: #6dac33; } .comp-rich-text .content-wrapper .large-text { font-size: 1.4rem; } .comp-rich-text .content-wrapper h2 { font-weight: 800; font-size: 1.6rem; } .comp-rich-text .content-wrapper h3 { font-weight: 800; font-size: 1.4rem; } .comp-rich-text .content-wrapper h4 { font-weight: 800; font-size: 1.2rem; } .comp-rich-text .content-wrapper h5 { font-weight: 800; font-size: 1rem; } .comp-wizard .steps { padding: 0 2rem; } @media only screen and (min-width: 60.0625rem) { .comp-wizard .steps { padding: 0 4rem; } } .comp-wizard .step { display: none; padding: 1rem 0; min-height: 10rem; } .comp-wizard .step > div > * { margin: 2rem 0; } .comp-wizard .step.active { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .comp-wizard.end .navigation .step-next, .comp-wizard.end.challenge .navigation .step-next { pointer-events: none; opacity: 0; } .comp-wizard.end .step-count, .comp-wizard.end.challenge .step-count { display: none; } .comp-wizard.start .navigation .step-prev { pointer-events: none; opacity: 0; } .comp-wizard.challenge .navigation .step-next { pointer-events: none; opacity: 0.3; } .comp-wizard .result { display: none; } .comp-wizard .result.active { display: block; } .comp-wizard label { display: block; } .comp-wizard .channel-list p { font-weight: 800; text-transform: uppercase; font-size: 1.125rem; line-height: 1.3125rem; margin-bottom: 1rem; } .comp-wizard .channel-list .checkbox-wrapper { margin: 0.5rem 0; } .comp-wizard .channel-list .column-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; } .comp-wizard .channel-list .column-wrapper .column:first-child { margin-right: 2rem; } .comp-wizard .navigation { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .comp-wizard .navigation button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: #EE1D24; color: white; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.8125rem 1.125rem; line-height: 0.9375rem; font-size: 0.8125rem; } .comp-wizard .navigation button.step-prev { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: #EE1D24; color: white; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.8125rem 1.125rem; line-height: 0.9375rem; font-size: 0.8125rem; font-weight: 800; background-color: white; color: #EE1D24; border: 1px solid #EE1D24; } .comp-wizard .navigation .step-count { font-weight: 900; } .comp-wizard .navigation .step-count .current-step { color: #EE1D24; } .block-template-network-tabs { display: block; } .block-template-network-tabs .tab-content { background: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1); margin-bottom: 1rem; position: relative; } @media only screen and (min-width: 60.0625rem) { .block-template-network-tabs .tab-content { display: none; } } .block-template-network-tabs .tab-content .mobile-tab-trigger { cursor: pointer; width: 100%; } @media only screen and (min-width: 60.0625rem) { .block-template-network-tabs .tab-content .mobile-tab-trigger { display: none; } } .block-template-network-tabs .tab-content .rich-text { display: none; } @media only screen and (min-width: 60.0625rem) { .block-template-network-tabs .tab-content .rich-text { display: block; } } @media only screen and (min-width: 60.0625rem) { .block-template-network-tabs .tab-content { min-height: 40rem; padding: 4rem; border-radius: 0 0 1rem 1rem; margin: 0; } } .block-template-network-tabs .tab-content.tab-content-active { display: block; } .block-template-network-tabs .tab-content.tab-mobile-content-active .tab-status i { top: 5px; transform: rotate(-135deg); } .block-template-network-tabs .tab-content.tab-mobile-content-active .rich-text { display: block; margin-top: 1rem; } .block-template-network-tabs .tab { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 1rem; width: 100%; } @media only screen and (min-width: 60.0625rem) { .block-template-network-tabs .tab { display: grid; } } .block-template-network-tabs .tab button { background-color: white; padding: 1.5rem 1.5rem 1.5rem 1.5rem; position: relative; border-radius: 1rem 1rem 0 0; min-height: 5rem; cursor: pointer; } .block-template-network-tabs .tab button.active { box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.1); display: block; z-index: 2; } .block-template-network-tabs .tab button.active:after { left: 0; right: 0; content: ""; height: 3rem; background-color: white; display: block; position: absolute; } .template-block-network-status .red .tab-title:before, .template-block-network-status .red .item-title:before, .block-template-network-tabs .red .tab-title:before, .block-template-network-tabs .red .item-title:before { background-color: red; } .template-block-network-status .red .tab-status, .template-block-network-status .red .item-status, .block-template-network-tabs .red .tab-status, .block-template-network-tabs .red .item-status { color: red; } .template-block-network-status .orange .tab-title:before, .template-block-network-status .orange .item-title:before, .block-template-network-tabs .orange .tab-title:before, .block-template-network-tabs .orange .item-title:before { background-color: orange; } .template-block-network-status .orange .tab-status, .template-block-network-status .orange .item-status, .block-template-network-tabs .orange .tab-status, .block-template-network-tabs .orange .item-status { color: orange; } .template-block-network-status .green .tab-title:before, .template-block-network-status .green .item-title:before, .block-template-network-tabs .green .tab-title:before, .block-template-network-tabs .green .item-title:before { background-color: green; } .template-block-network-status .green .tab-status, .template-block-network-status .green .item-status, .block-template-network-tabs .green .tab-status, .block-template-network-tabs .green .item-status { color: green; } .template-block-network-status .tab-title, .template-block-network-status .item-title, .block-template-network-tabs .tab-title, .block-template-network-tabs .item-title { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 1rem; border-bottom: 0.25rem solid #D6D6D6; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .tab-title, .template-block-network-status .item-title, .block-template-network-tabs .tab-title, .block-template-network-tabs .item-title { border-bottom: 0.3125rem solid #D6D6D6; } } .template-block-network-status .tab-title:before, .template-block-network-status .item-title:before, .block-template-network-tabs .tab-title:before, .block-template-network-tabs .item-title:before { content: ""; display: block; min-width: 1rem; background-color: red; margin-right: 0.5rem; height: 1rem; border-radius: 100%; } .template-block-network-status .tab-title span, .template-block-network-status .item-title span, .block-template-network-tabs .tab-title span, .block-template-network-tabs .item-title span { display: block; } .template-block-network-status .item-title span, .block-template-network-tabs .item-title span { font-weight: 800; text-transform: uppercase; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .item-title span, .block-template-network-tabs .item-title span { font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; line-height: 1.5rem; } } .template-block-network-status .tab-title span, .block-template-network-tabs .tab-title span { font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; line-height: 1.5rem; } .template-block-network-status .tab-status, .template-block-network-status .item-status, .block-template-network-tabs .tab-status, .block-template-network-tabs .item-status { margin-top: 1rem; font-weight: 700; line-height: 1.3; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .tab-status, .template-block-network-status .item-status, .block-template-network-tabs .tab-status, .block-template-network-tabs .item-status { font-size: 1.2rem; } } .template-block-network-status .tab-status.tab-status, .template-block-network-status .item-status.tab-status, .block-template-network-tabs .tab-status.tab-status, .block-template-network-tabs .item-status.tab-status { display: -ms-flexbox; display: -webkit-flex; display: flex; } .template-block-network-status .tab-status.tab-status span, .template-block-network-status .item-status.tab-status span, .block-template-network-tabs .tab-status.tab-status span, .block-template-network-tabs .item-status.tab-status span { flex: 1; } .template-block-network-status .tab-status.tab-status i, .template-block-network-status .item-status.tab-status i, .block-template-network-tabs .tab-status.tab-status i, .block-template-network-tabs .item-status.tab-status i { width: 0.8rem; position: relative; height: 0.8rem; transform: rotate(45deg); border: 3px solid #6B6B6B; border-top: 0; border-left: 0; } .template-block-network-status { padding: 6rem 0; background-color: white; } .template-block-network-status .heading { font-weight: 800; text-transform: uppercase; font-size: 1.5rem; line-height: 1.6875rem; text-align: center; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .heading { font-weight: 800; text-transform: uppercase; font-size: 1.875rem; line-height: 2.0625rem; } } .template-block-network-status .content-wrapper > * { margin-bottom: 3rem; } .template-block-network-status .content-wrapper > *:last-child { margin-bottom: 0; } .template-block-network-status .items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 1px; background-color: #D6D6D6; width: 100%; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .items { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .items { grid-gap: 3rem; background: none; } } .template-block-network-status .items .item { position: relative; background-color: white; } .template-block-network-status .items .item:nth-child(1) { padding-right: 1rem; padding-bottom: 1rem; } .template-block-network-status .items .item:nth-child(2) { padding-left: 1rem; padding-bottom: 1rem; } .template-block-network-status .items .item:nth-child(3) { padding-right: 1rem; padding-top: 1rem; } .template-block-network-status .items .item:nth-child(4) { padding-left: 1rem; padding-top: 1rem; } .template-block-network-status .items .item > * { margin-bottom: 1rem; } .template-block-network-status .items .item > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .items .item { background-color: none; padding: 0 !important; } .template-block-network-status .items .item:after { content: ""; position: absolute; top: 0; bottom: 0; right: -1.5rem; width: 1px; background-color: #D6D6D6; } .template-block-network-status .items .item:last-child:after { background: none; } } .template-block-network-status .items .item .item-desc { display: none; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .items .item .item-desc { display: block; } } .template-block-network-status .items .item .item-link { text-decoration: underline; } .template-block-network-status .nb { text-align: center; font-size: 0.9rem; } .template-block-network-status .nb > div { margin: auto; display: inline-block; } @media only screen and (min-width: 60.0625rem) { .template-block-network-status .nb > div { background-color: #F1F1F1; padding: 0.6rem 2rem; border-radius: 2rem; } } .template-block-network-status .cta-wrapper { text-align: center; } .template-block-network-status .cta-wrapper a { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: #EE1D24; color: white; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.8125rem 1.125rem; line-height: 0.9375rem; font-size: 0.8125rem; } .block-contact { background-color: #1D1D1D; color: white; padding: 6rem 0; } @media only screen and (min-width: 60.0625rem) { .block-contact { text-align: center; } } .block-contact .heading { font-weight: 800; text-transform: uppercase; font-size: 1.5rem; line-height: 1.6875rem; text-align: center; } @media only screen and (min-width: 60.0625rem) { .block-contact .heading { font-weight: 800; text-transform: uppercase; font-size: 1.875rem; line-height: 2.0625rem; } } .block-contact .title { font-weight: 800; text-transform: uppercase; font-size: 1.125rem; line-height: 1.3125rem; margin-bottom: 0.3rem; } @media only screen and (min-width: 60.0625rem) { .block-contact .title { font-weight: 800; text-transform: uppercase; font-size: 1.3125rem; line-height: 1.5rem; } } .block-contact .items { display: grid; margin-top: 4rem; color: white; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 1rem; } @media only screen and (min-width: 60.0625rem) { .block-contact .items { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .block-contact .items i { min-width: 4rem; height: 4rem; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; background-color: rgba(255, 255, 255, 0.1); border-radius: 100%; margin: 0 1rem 0 0; } @media only screen and (min-width: 60.0625rem) { .block-contact .items i { min-width: 6rem; height: 6rem; } } @media only screen and (min-width: 60.0625rem) { .block-contact .items i { margin: 0 0 1rem 0; } } .block-contact .items .item { display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: rgba(255, 255, 255, 0.1); -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0.5rem; padding: 1rem; } @media only screen and (min-width: 60.0625rem) { .block-contact .items .item { background: none; padding: 0; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .block-contact .items .item.email i { background: rgba(255, 255, 255, 0.1) url(/images/icons/email-ico.svg) no-repeat center; background-size: 50%; } .block-contact .items .item.chat i { background: rgba(255, 255, 255, 0.1) url(/images/icons/messenger-ico.svg) no-repeat center; background-size: 50%; } .block-contact .items .item.phone i { background: rgba(255, 255, 255, 0.1) url(/images/icons/phone-ico.svg) no-repeat center; background-size: 30%; } .block-form .form-button { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: #EE1D24; color: white; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.8125rem 1.125rem; line-height: 0.9375rem; font-size: 0.8125rem; } .block-form .prev-forms-form { background: transparent; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; align-items: center; border-radius: 0.3125rem; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; font-weight: 600; margin: 0; text-transform: uppercase; background: white; color: #EE1D24; cursor: pointer; border: none; letter-spacing: 0.03rem; padding: 0.8125rem 1.125rem; line-height: 0.9375rem; font-size: 0.8125rem; border: 1px solid #EE1D24; } .block-form .form-title { margin-bottom: 1rem; font-weight: 800; text-transform: uppercase; font-size: 1.5rem; line-height: 1.6875rem; } @media only screen and (min-width: 60.0625rem) { .block-form .form-title { font-weight: 800; text-transform: uppercase; font-size: 1.6875rem; line-height: 1.875rem; } } .content-wrapper { overflow: hidden; } .content-wrapper [class*=block-] { margin: 2rem 0; } .content-wrapper [class*=block-]:last-child { margin-bottom: 0; } .content-wrapper .block-image .inner { background-color: #F8F8F8; } .content-wrapper .block-image a { display: block; } .content-wrapper .block-image a img { display: block; } .content-wrapper .block-video .inner { background-color: #F8F8F8; } .content-wrapper figcaption { padding: 1rem; font-weight: 600; font-size: 0.8rem; } .row-grid { display: grid; margin: 0 auto; max-width: 1400px; } @media only screen and (max-width: 60rem) { .row-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; padding: 0 calc(16px + (16px / 2)); } } @media only screen and (min-width: 60.0625rem) { .row-grid { gap: 32px; padding: 0 calc(32px + (16px / 2)); grid-template-columns: repeat(12, 1fr); } } @media only screen and (min-width: 71rem) { .row-grid { gap: 32px; padding: 0 calc(48px + (32px / 2)); grid-template-columns: repeat(12, 1fr); } } .grid-item-auto { grid-column: auto auto; } .meta-info, .hidden-data { display: none; } @media only screen and (max-width: 60rem) { .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } } @media only screen and (max-width: 60rem) { .grid-item-sm-1 { grid-column: span 1; } .grid-item-sm-2 { grid-column: span 2; } .grid-item-sm-3 { grid-column: span 3; } .grid-item-sm-4 { grid-column: span 4; } } @media only screen and (min-width: 60.0625rem) { .grid-item-md-1 { grid-column: span 1; } .grid-item-md-2 { grid-column: span 2; } .grid-item-md-3 { grid-column: span 3; } .grid-item-md-4 { grid-column: span 4; } .grid-item-md-5 { grid-column: span 5; } .grid-item-md-6 { grid-column: span 6; } .grid-item-md-7 { grid-column: span 7; } .grid-item-md-8 { grid-column: span 8; } .grid-item-md-9 { grid-column: span 9; } .grid-item-md-10 { grid-column: span 10; } .grid-item-md-11 { grid-column: span 11; } .grid-item-md-12 { grid-column: span 12; } } @media only screen and (min-width: 71rem) { .grid-item-lg-1 { grid-column: span 1; } .grid-item-lg-2 { grid-column: span 2; } .grid-item-lg-3 { grid-column: span 3; } .grid-item-lg-4 { grid-column: span 4; } .grid-item-lg-5 { grid-column: span 5; } .grid-item-lg-6 { grid-column: span 6; } .grid-item-lg-7 { grid-column: span 7; } .grid-item-lg-8 { grid-column: span 8; } .grid-item-lg-9 { grid-column: span 9; } .grid-item-lg-10 { grid-column: span 10; } .grid-item-lg-11 { grid-column: span 11; } .grid-item-lg-12 { grid-column: span 12; } }