/* Minification failed. Returning unminified contents. (7898,24): run-time error CSS1039: Token not allowed after unary operator: '-vh' */ @charset "UTF-8"; /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Config # Grid # Helpers # Base # Layout # Plugins # Print Styles # Components --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Config --------------------------------------------------------------*/ @import url("http://hello.myfonts.net/count/398cb7"); body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 1em; line-height: 1.35; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } a { text-decoration: none; } a:focus, a:hover, a:active { outline: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 0; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; word-wrap: break-word; } q { quotes: none; } q::before, q::after { content: ''; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } nav ul, nav ol, ul, li { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button, input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; } button[disabled], input[disabled] { cursor: default; } input[type='text'], input[type='email'], input[type='password'], input[type='search'], textarea { -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } input, textarea, select { outline: none; } table { border-collapse: collapse; border-spacing: 0; border-color: transparent; } td { vertical-align: top; } /*-------------------------------------------------------------- # Grid --------------------------------------------------------------*/ .container { width: 100%; padding-right: 7.5px; padding-left: 7.5px; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 576px) { .container { max-width: 540px; } } @media only screen and (min-width: 768px) { .container { max-width: 720px; } } @media only screen and (min-width: 992px) { .container { max-width: 960px; } } @media only screen and (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 7.5px; padding-left: 7.5px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -7.5px; margin-left: -7.5px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 7.5px; padding-left: 7.5px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media only screen and (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media only screen and (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media only screen and (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media only screen and (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media only screen and (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media only screen and (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media only screen and (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media only screen and (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media only screen and (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media only screen and (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media only screen and (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media only screen and (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /*-------------------------------------------------------------- # Helpers --------------------------------------------------------------*/ @font-face { font-family: 'svgicons'; src: url("../assets/fonts/svgicons.woff2") format("woff2"), url("../assets/fonts/svgicons.woff") format("woff"), url("../assets/fonts/svgicons.ttf") format("truetype"); } .font-ico-arrow-circle-fill-brown:before, .font-ico-arrow-circle-fill:before, .font-ico-arrow-down:before, .font-ico-back:before, .font-ico-chevron-down:before, .font-ico-chevron:before, .font-ico-close:before, .font-ico-date:before, .font-ico-double-arrow:before, .font-ico-download:before, .font-ico-fb:before, .font-ico-in:before, .font-ico-letter:before, .font-ico-long-arrow-right:before, .font-ico-mail:before, .font-ico-next:before, .font-ico-outlook:before, .font-ico-pdf:before, .font-ico-play:before, .font-ico-search:before, .font-ico-share:before, .font-ico-tw:before, .font-ico-web:before, .font-ico-world:before { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; } [class*='font-ico'] { display: inline-block; } .font-ico-arrow-circle-fill-brown:before { content: ""; } .font-ico-arrow-circle-fill:before { content: ""; } .font-ico-arrow-down:before { content: ""; } .font-ico-back:before { content: ""; } .font-ico-chevron-down:before { content: ""; } .font-ico-chevron:before { content: ""; } .font-ico-close:before { content: ""; } .font-ico-date:before { content: ""; } .font-ico-double-arrow:before { content: ""; } .font-ico-download:before { content: ""; } .font-ico-fb:before { content: ""; } .font-ico-in:before { content: ""; } .font-ico-letter:before { content: ""; } .font-ico-long-arrow-right:before { content: ""; } .font-ico-mail:before { content: ""; } .font-ico-next:before { content: ""; } .font-ico-outlook:before { content: ""; } .font-ico-pdf:before { content: ""; } .font-ico-play:before { content: ""; } .font-ico-search:before { content: ""; } .font-ico-share:before { content: ""; } .font-ico-tw:before { content: ""; } .font-ico-web:before { content: ""; } .font-ico-world:before { content: ""; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix::before, .slick-track::before, .clearfix::after, .slick-track::after { content: ''; display: table; } .clearfix::after, .slick-track::after { clear: both; } .hide { display: none; } .show { display: block; } .clear { clear: both; } .no-margin { margin: 0; } .fleft { float: left; } .fright { float: right; } .centered { text-align: center; } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .has-cover { background-size: cover; background-repeat: no-repeat; background-position: center center; } .cover-img { min-width: 1000%; min-height: 1000%; max-width: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.1); transform: translate(-50%, -50%) scale(0.1); } .flex-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-bottom { margin-top: auto; } .show-mobile { display: none; } @media only screen and (max-width: 767.98px) { .show-mobile { display: block; } } .show-tablet { display: none; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .show-tablet { display: block; } } .show-touch { display: none; } @media only screen and (max-width: 991.98px) { .show-touch { display: block; } } @media only screen and (max-width: 991.98px) { .show-desktop { display: none; } } @media only screen and (max-width: 767.98px) { .hidden-mobile { display: none; } } .bg-black { background-color: #000; } .color-black { color: #000; } .bg-white { background-color: #fff; } .color-white { color: #fff; } .bg-orange { background-color: #f1592a; } .color-orange { color: #f1592a; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @-webkit-keyframes mouse-scroll { 0% { opacity: 0; } 25% { opacity: .25; } 50% { opacity: .5; } 75% { opacity: .75; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 25% { opacity: .25; } 50% { opacity: .5; } 75% { opacity: .75; } 100% { opacity: 1; } } @-webkit-keyframes button-line-left { 0% { border-left: 3px solid transparent; } 100% { border-left: 3px solid #009fdf; } } @keyframes button-line-left { 0% { border-left: 3px solid transparent; } 100% { border-left: 3px solid #009fdf; } } @-webkit-keyframes button-line-right { 0% { border-right: 3px solid transparent; } 100% { border-right: 3px solid #00ab84; } } @keyframes button-line-right { 0% { border-right: 3px solid transparent; } 100% { border-right: 3px solid #00ab84; } } @-webkit-keyframes button-line-left-white { 0% { border-left: 3px solid transparent; } 100% { border-left: 3px solid #fff; } } @keyframes button-line-left-white { 0% { border-left: 3px solid transparent; } 100% { border-left: 3px solid #fff; } } @-webkit-keyframes button-line-right-white { 0% { border-right: 3px solid transparent; } 100% { border-right: 3px solid #fff; } } @keyframes button-line-right-white { 0% { border-right: 3px solid transparent; } 100% { border-right: 3px solid #fff; } } @-webkit-keyframes shadow { 0% { -webkit-box-shadow: none; box-shadow: none; } 100% { -webkit-box-shadow: 0 11px 9px -4px #c9c8c7; box-shadow: 0 11px 9px -4px #c9c8c7; } } @keyframes shadow { 0% { -webkit-box-shadow: none; box-shadow: none; } 100% { -webkit-box-shadow: 0 11px 9px -4px #c9c8c7; box-shadow: 0 11px 9px -4px #c9c8c7; } } @-webkit-keyframes shadow-white { 0% { -webkit-box-shadow: none; box-shadow: none; } 100% { -webkit-box-shadow: 0 7px 6px -6px #fff; box-shadow: 0 7px 6px -6px #fff; } } @keyframes shadow-white { 0% { -webkit-box-shadow: none; box-shadow: none; } 100% { -webkit-box-shadow: 0 7px 6px -6px #fff; box-shadow: 0 7px 6px -6px #fff; } } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /** * @license * MyFonts Webfont Build ID 3771575, 2019-06-10T11:17:40-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FuturaStd-Light by Linotype * URL: https://www.myfonts.com/fonts/linotype/futura/pro-light/ * * Webfont: FuturaStd-Book by Linotype * URL: https://www.myfonts.com/fonts/linotype/futura/pro-book/ * * Webfont: FuturaStd-Bold by Linotype * URL: https://www.myfonts.com/fonts/linotype/futura/pro-bold/ * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3771575 * Licensed pageviews: 250,000 * Webfonts copyright: Copyright © 2013 Monotype Imaging Inc. All rights reserved. * * © 2019 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: "Futura"; src: url("../assets/fonts/398CB7_0_0.woff2") format("woff2"), url("../assets/fonts/398CB7_0_0.woff") format("woff"), url("../assets/fonts/398CB7_0_0.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Futura"; src: url("../assets/fonts/398CB7_1_0.woff2") format("woff2"), url("../assets/fonts/398CB7_1_0.woff") format("woff"), url("../assets/fonts/398CB7_1_0.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Futura"; src: url("../assets/fonts/398CB7_2_0.woff2") format("woff2"), url("../assets/fonts/398CB7_2_0.woff") format("woff"), url("../assets/fonts/398CB7_2_0.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Freight"; src: url("../assets/fonts/1889a419-eeac-4e0b-9751-217b3ca96b66.woff2") format("woff2"), url("../assets/fonts/61eabd92-21fd-414c-b5e7-efa565901b0a.woff") format("woff"), url("../assets/fonts/b8169db8-49b5-4693-9284-ebd98208175c.ttf") format("truetype"); font-weight: 700; font-style: normal; } .rte h1, .rte h2, .rte h3, .rte h5, .rte h6, h1, h2, h3, h4, h5, h6 { font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-weight: 700; color: #27251f; } h2, .h2 { font-size: 46px; line-height: 50px; letter-spacing: 2px; margin-bottom: 30px; } @media only screen and (max-width: 991.98px) { h2, .h2 { font-size: 36px; letter-spacing: 1.57px; line-height: 39px; } } @media only screen and (max-width: 767.98px) { h2, .h2 { font-size: 30px; line-height: 33px; margin-bottom: 20px; } } .h2-line { position: relative; margin-bottom: 25px; margin-top: 40px; } .h2-line::before { content: ''; display: block; height: 2px; background-color: #00ab84; width: 100px; left: -117px; position: absolute; top: 26px; } @media only screen and (max-width: 991.98px) { .h2-line { margin-top: 33px; margin-bottom: 20px; } .h2-line::before { width: 20px; top: 19px; left: -24px; } } @media only screen and (max-width: 767.98px) { .h2-line { margin-top: 20px; } .h2-line::before { top: 19px; } } h3 { color: #27251f; font-size: 30px; line-height: 36px; letter-spacing: 0.5px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { h3 { font-size: 26px; line-height: 29px; } } h4 { color: #27251f; font-size: 24px; line-height: 28px; font-family: "Futura", Arial, Helvetica, sans-serif; letter-spacing: 0.5px; font-weight: 500; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { h4 { font-size: 20px; line-height: 23px; } } .rte p a { color: #009fdf; } .rte blockquote { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 30px 0; } .rte ul { padding-left: 20px; } .rte ol { padding-left: 20px; } .rte ul li { list-style-type: disc; } .rte ol li { list-style-type: decimal; } .rte ol, .rte ul { margin-bottom: 25px; } .rte ol li, .rte ul li { font-size: 17px; letter-spacing: 0.5px; font-weight: 400; line-height: 32px; margin-bottom: 10px; } .rte ol > ol, .rte ol ul, .rte ul > ol, .rte ul ul { margin: 10px 0 0; } .rte li a { color: #009fdf; } .rte .link-arrow { margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .rte ol, .rte ul { margin-bottom: 25px; } .rte ol li, .rte ul li { font-size: 15px; letter-spacing: 0; line-height: 25px; } } img { max-width: 100%; } .link-arrow { font-size: 17px; letter-spacing: 0.5px; line-height: 23px; font-weight: 400; color: #009fdf; position: relative; display: block; } .link-arrow::before { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; font-size: 14px; font-weight: 300; display: inline-block; width: 20px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .link-arrow { padding-left: 0; } .link-arrow::before { position: inherit; top: 1px; line-height: 23px; margin-right: 8px; } } @media not all and (min-resolution: 0.001dpcm) { .link-arrow::before { top: 4px; } } @media only screen and (max-width: 767.98px) { .link-arrow { font-size: 15px; letter-spacing: 0; line-height: 23px; } .link-arrow::before { font-size: 12px; } } .download-link { display: block; font-size: 17px; line-height: 23px; letter-spacing: 0.5px; font-weight: 400; color: #009fdf; padding-left: 30px; position: relative; } .download-link::before { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; display: inline-block; content: ""; width: 20px; font-size: 14px; } @media only screen and (max-width: 767.98px) { .download-link { font-size: 15px; letter-spacing: 0; line-height: 19px; } } .outlook-link { display: block; font-size: 17px; line-height: 23px; letter-spacing: 0.5px; font-weight: 400; color: #009fdf; padding-left: 30px; position: relative; } .outlook-link::before { display: inline-block; font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; position: absolute; left: 0; top: 0; font-size: 23px; } @media only screen and (max-width: 767.98px) { .outlook-link { font-size: 15px; line-height: 19px; letter-spacing: 0; } } .subtitle { font-size: 15px; line-height: 20px; letter-spacing: 2px; color: #00ab84; text-transform: uppercase; margin-bottom: 10px; font-family: "Futura", Arial, Helvetica, sans-serif; font-weight: 500; } @media only screen and (max-width: 991.98px) { .subtitle { font-size: 13px; line-height: 17px; margin-bottom: 5px; letter-spacing: 1px; } } .title { font-size: 46px; line-height: 50px; letter-spacing: 2px; margin-bottom: 20px; } @media only screen and (max-width: 991.98px) { .title { font-size: 36px; line-height: 39px; } } @media only screen and (max-width: 767.98px) { .title { font-size: 30px; line-height: 33px; margin-bottom: 5px; letter-spacing: 1.3px; } } .paragraph { display: block; font-size: 17px; line-height: 28px; letter-spacing: 0.5px; font-weight: 400; margin-bottom: 30px; color: #5d5c57; } @media only screen and (max-width: 767.98px) { .paragraph { font-size: 15px; line-height: 25px; letter-spacing: 0; } } .white-color { color: #fff; } .white-color .underline { background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px); } @media only screen and (max-width: 767.98px) { .dark-bg .btn-white { -webkit-box-shadow: 0 0 14px 0 #c9c8c7; box-shadow: 0 0 14px 0 #c9c8c7; color: #27251f; } .dark-bg .btn-white::after { border-color: #009fdf; border-left: 0; } .dark-bg .btn-white::before { border-color: #00ab84; } .dark-bg .white-color { color: #27251f; } } .underline { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; background-image: linear-gradient(transparent calc(100% - 1px), #009fdf 1px); background-repeat: no-repeat; width: calc(100%); background-size: 0 100%; display: inline; -webkit-transition: background-size .5s ease-in-out; transition: background-size .5s ease-in-out; } @media only screen and (min-width: 1025px) { .no-touch .underline:hover { background-size: 100% 100%; } } @media only screen and (min-width: 1025px) { .no-touch .underline:hover { background-size: 100% 100%; } } .intro { font-size: 22px; line-height: 34px; letter-spacing: 0.5px; font-weight: 400; margin-bottom: 30px; } @media only screen and (max-width: 1199.98px) { .intro { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 767.98px) { .intro { font-size: 16px; line-height: 24px; letter-spacing: 0; margin-bottom: 20px; } } p { font-size: 17px; line-height: 28px; font-weight: 400; letter-spacing: 0.5px; margin-bottom: 25px; } @media only screen and (max-width: 767.98px) { p { font-size: 15px; line-height: 25px; letter-spacing: 0; margin-bottom: 20px; } } iframe { border: 0; } .tab-hover { position: relative; } .tab-hover::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 1px; background-color: currentColor; min-width: 0; -webkit-transition: .5s ease; transition: .5s ease; } .link { color: #009fdf; min-width: 135px; text-align: right; margin-left: 10px; display: block; } .link::before { content: ""; font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; display: inline-block; margin-right: 10px; position: relative; top: 2px; } @media only screen and (max-width: 767.98px) { .link { text-align: left; margin-left: 0; margin-bottom: 15px; display: inline-block; } } body { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 14px; color: #5d5c57; padding-top: 120px; } body.cookies-show { padding-top: 0; } .loaded body { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } body.body-padding { padding-top: 120px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { body { padding-top: 100px; } } @media only screen and (max-width: 767.98px) { body { padding-top: 70px; } } .top-margin { margin-top: 40px; } @media only screen and (max-width: 1199.98px) { .top-margin { margin-top: 33px; } } @media only screen and (max-width: 767.98px) { .top-margin { margin-top: 0; } } .separator-line { height: 2px; width: 100%; background-color: #00ab84; } .wrap { margin: 0 auto; max-width: 1405px; padding: 0 20px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .wrap { padding: 0 25px; } } @media only screen and (max-width: 767.98px) { .wrap--financial { padding: 0 26px; } } .wrap--header { max-width: 1676px; } @media only screen and (max-width: 1199.98px) { .wrap--header { padding: 0 30px; } } @media only screen and (max-width: 767.98px) { .wrap--header { padding: 0 26px; } } .scroll-disabled { position: fixed; width: 100%; height: 100%; overflow-y: scroll; } .disclaimer-page { margin: 80px auto 50px; } .disclaimer-page .disclaimer__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 100px; } .disclaimer-page .disclaimer__accept, .disclaimer-page .disclaimer__decline { margin: 0 20px; } @media only screen and (max-width: 767.98px) { .disclaimer-page .disclaimer__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; } .disclaimer-page .disclaimer__buttons .disclaimer__accept, .disclaimer-page .disclaimer__buttons .disclaimer__decline { margin: 20px 0; } } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ a, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } button, input[type='button'], input[type='submit'] { background: none; border: 0; cursor: pointer; outline: none; padding: 0; } .btn { background-color: transparent; display: inline-block; color: #27251f; font-size: 14px; line-height: 18px; letter-spacing: 2px; font-weight: 500; padding: 25px; text-align: center; position: relative; text-transform: uppercase; min-width: 240px; } .loaded .btn { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .btn::after, .btn::before { content: ''; position: absolute; display: block; width: 30px; height: 30px; -webkit-transition: .5s ease-out; transition: .5s ease-out; } .btn::after { border-top: 3px solid #009fdf; border-right: 3px solid #009fdf; left: calc(100% - 27px); top: 0; -webkit-transform-origin: right; transform-origin: right; } .btn::before { border-bottom: 3px solid #00ab84; border-left: 3px solid #00ab84; bottom: 0; left: 0; } @media only screen and (min-width: 1025px) { .no-touch .btn:hover { text-decoration: underline; } @supports not (-ms-ime-align: auto) { .no-touch .btn:hover { text-decoration: none; -webkit-animation: shadow 300ms linear; animation: shadow 300ms linear; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .no-touch .btn:hover:not(.white-color) { mix-blend-mode: multiply; } .no-touch .btn:hover::after, .no-touch .btn:hover::before { width: 100%; } .no-touch .btn:hover::after { left: 0; -webkit-animation: button-line-left 300ms linear; animation: button-line-left 300ms linear; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .no-touch .btn:hover::before { right: 0; -webkit-animation: button-line-right 300ms linear; animation: button-line-right 300ms linear; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { @supports not (-ms-ime-align: auto) { .btn:hover { -webkit-animation: initial; animation: initial; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-delay: 2s; animation-delay: 2s; } .btn:hover::after, .btn:hover::before { width: 0; } .btn:hover::after { left: calc(100% - 20px); -webkit-animation: none; animation: none; -webkit-transform-origin: left; transform-origin: left; } .btn:hover::before { right: auto; -webkit-animation: none; animation: none; } @media only screen and (min-width: 1025px) { .no-touch .btn:hover { font-size: 40px; background-color: #009fdf; -webkit-animation: none; animation: none; } .no-touch .btn:hover::after, .no-touch .btn:hover::before { width: 20px; } .no-touch .btn:hover::after { left: calc(100% - 20px); -webkit-animation: none; animation: none; } .no-touch .btn:hover::before { right: auto; -webkit-animation: none; animation: none; } } } } @media only screen and (max-width: 991.98px) { .btn { -webkit-box-shadow: 0 0 14px 0 #c9c8c7; box-shadow: 0 0 14px 0 #c9c8c7; padding: 20px 15px; font-size: 12px; line-height: 15px; } .btn::after, .btn::before { border-width: 5px; } .btn::after { left: calc(100% - 25px); top: -5px; } .btn::before { bottom: -5px; left: -5px; } } @media only screen and (max-width: 575.98px) { .btn { display: block; margin: 0 auto; } } .btn-white { background-color: transparent; display: inline-block; color: #fff; font-size: 14px; line-height: 17px; letter-spacing: 2px; font-weight: 500; padding: 20px 50px; text-align: center; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; position: relative; text-transform: uppercase; } .btn-white::after, .btn-white::before { content: ''; position: absolute; display: block; width: 27px; height: 27px; -webkit-transition: .5s ease-out; transition: .5s ease-out; } .btn-white::after { border-top: 3px solid #fff; border-right: 3px solid #fff; border-left: 3px solid transparent; left: calc(100% - 26px); top: 0; -webkit-transform-origin: right; transform-origin: right; } .btn-white::before { border-bottom: 3px solid #fff; border-left: 3px solid #fff; bottom: 0; left: 0; } @media only screen and (min-width: 1025px) { .no-touch .btn-white:hover { text-decoration: underline; } @supports not (-ms-ime-align: auto) { .no-touch .btn-white:hover { text-decoration: none; /*animation: shadow-white 300ms linear; animation-delay: 200ms; animation-fill-mode: forwards;*/ } .no-touch .btn-white:hover::after, .no-touch .btn-white:hover::before { width: 100%; } .no-touch .btn-white:hover::after { left: 0; -webkit-animation: button-line-left-white 300ms linear; animation: button-line-left-white 300ms linear; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .no-touch .btn-white:hover::before { right: 0; -webkit-animation: button-line-right-white 300ms linear; animation: button-line-right-white 300ms linear; -webkit-animation-delay: 500ms; animation-delay: 500ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } } @media only screen and (max-width: 991.98px) { .btn-white { -webkit-box-shadow: 0 0 14px 0 #fff; box-shadow: 0 0 14px 0 #fff; } .btn-white::after { left: calc(100% - 25px); top: -2px; } .btn-white::before { bottom: -2px; left: -2px; } } @media only screen and (max-width: 767.98px) { .btn-white { padding: 20px 30px; font-size: 12px; line-height: 15px; } } @media only screen and (max-width: 575.98px) { .btn-white { display: block; } } .white-color { color: #fff; } @media only screen and (min-width: 1025px) { .no-touch .white-color:hover { -webkit-animation: none; animation: none; } } input, textarea { background: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #000; height: 25px; padding: 0 10px; font-family: "Futura", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 21px; letter-spacing: 1px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #93928f; } input::-moz-placeholder, textarea::-moz-placeholder { color: #93928f; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #93928f; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #93928f; } input::placeholder, textarea::placeholder { color: #93928f; } input[required] { background-color: #fff; } input[type='search']::-ms-clear { display: none; width: 0; height: 0; } input[type='search']::-ms-reveal { display: none; width: 0; height: 0; } input[type='checkbox'] { position: relative; top: 7px; } input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { display: none; } .test { width: 100%; } .contact-wrap { padding-bottom: 100px; } @media only screen and (max-width: 767.98px) { .contact-wrap { padding-bottom: 50px; } } .contact-wrap__deatils { margin-bottom: 40px; } .contact-wrap__strong { display: block; font-weight: 500; } .contact-wrap__item { margin-bottom: 20px; } .contact-wrap__link { font-weight: 400; word-break: break-all; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ .slick-slider { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; display: block; position: relative; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { display: block; left: 0; position: relative; top: 0; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: 0; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } @media only screen and (max-width: 991.98px) { .slick-slide .brands__abs-img { display: none; } } .slick-arrow.slick-hidden { display: none; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 1px; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-items .selectric-scroll li:first-child { display: none; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* * jQuery Basic Table * Author: Jerry Low */ table.bt { margin-bottom: 0; } table.bt thead, table.bt tbody th { display: none; } table.bt tbody tr { display: block; margin-bottom: 30px; border-top: 2px solid #c9c8c7; background-color: #f4f4f4; } table.bt tbody tr:last-of-type td { padding-bottom: 0; } table.bt tfoot th, table.bt tfoot td { border: none; display: block; width: 100%; } table.bt tbody td { border: none; display: block; width: 100%; border-bottom: 1px solid #c9c8c7; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } table.bt tfoot td { border-bottom: 1px solid #c9c8c7; } table.bt tfoot th::before, table.bt tfoot td::before { content: attr(data-th) ""; display: inline-block; width: 49%; color: #00ab84; border-bottom: 1px solid #c9c8c7; } table.bt tbody td::before { content: attr(data-th) ""; display: inline-block; width: 50%; color: #00ab84; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; line-height: 22px; padding: 15px 10px 15px 15px; } table.bt tfoot th.bt-hide, table.bt tfoot td.bt-hide { display: none; } table.bt tbody td.bt-hide { display: none; } table.bt tbody td .bt-content { width: 50%; padding: 15px 15px 15px 10px; background-color: #fff; font-size: 16px; } .bt-wrapper.active { max-height: 310px; overflow: auto; -webkit-overflow-scrolling: touch; } table.bt.bt--no-header tfoot td::before, table.bt.bt--no-header tbody td::before { display: none; } [data-aos^='fade'][data-aos^='fade'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-aos='fade-up'] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos='fade-down'] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos='fade-right'] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos='fade-left'] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos='fade-up-right'] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos='fade-up-left'] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos='fade-down-right'] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos='fade-down-left'] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } [data-aos='zoom-in'] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos='zoom-in-up'] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos='zoom-in-down'] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos='zoom-in-right'] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos='zoom-in-left'] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos='zoom-out'] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos='zoom-out-up'] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos='zoom-out-down'] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos='zoom-out-right'] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos='zoom-out-left'] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^='slide'][data-aos^='slide'] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-aos='slide-up'] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos='slide-down'] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos='slide-right'] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos='slide-left'] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^='flip'][data-aos^='flip'] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos='flip-left'] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos='flip-right'] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos='flip-up'] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos='flip-down'] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { -webkit-transition-duration: 100ms; transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { -webkit-transition-delay: 100ms; transition-delay: 100ms; } body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { -webkit-transition-duration: 150ms; transition-duration: 150ms; } body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { -webkit-transition-delay: 150ms; transition-delay: 150ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { -webkit-transition-duration: 200ms; transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { -webkit-transition-delay: 200ms; transition-delay: 200ms; } body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { -webkit-transition-duration: 250ms; transition-duration: 250ms; } body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { -webkit-transition-delay: 250ms; transition-delay: 250ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { -webkit-transition-duration: 300ms; transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { -webkit-transition-delay: 300ms; transition-delay: 300ms; } body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { -webkit-transition-duration: 350ms; transition-duration: 350ms; } body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { -webkit-transition-delay: 350ms; transition-delay: 350ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { -webkit-transition-duration: 400ms; transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { -webkit-transition-delay: 400ms; transition-delay: 400ms; } body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { -webkit-transition-duration: 450ms; transition-duration: 450ms; } body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { -webkit-transition-delay: 450ms; transition-delay: 450ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { -webkit-transition-duration: 500ms; transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { -webkit-transition-delay: 500ms; transition-delay: 500ms; } body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { -webkit-transition-duration: 550ms; transition-duration: 550ms; } body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { -webkit-transition-delay: 550ms; transition-delay: 550ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { -webkit-transition-duration: 600ms; transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { -webkit-transition-delay: 600ms; transition-delay: 600ms; } body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { -webkit-transition-duration: 650ms; transition-duration: 650ms; } body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { -webkit-transition-delay: 650ms; transition-delay: 650ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { -webkit-transition-duration: 700ms; transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { -webkit-transition-delay: 700ms; transition-delay: 700ms; } body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { -webkit-transition-duration: 750ms; transition-duration: 750ms; } body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { -webkit-transition-delay: 750ms; transition-delay: 750ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { -webkit-transition-duration: 800ms; transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { -webkit-transition-delay: 800ms; transition-delay: 800ms; } body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { -webkit-transition-duration: 850ms; transition-duration: 850ms; } body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { -webkit-transition-delay: 850ms; transition-delay: 850ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { -webkit-transition-duration: 900ms; transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { -webkit-transition-delay: 900ms; transition-delay: 900ms; } body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { -webkit-transition-duration: 950ms; transition-duration: 950ms; } body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { -webkit-transition-delay: 950ms; transition-delay: 950ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { -webkit-transition-duration: 1000ms; transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { -webkit-transition-delay: 1000ms; transition-delay: 1000ms; } body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { -webkit-transition-duration: 1050ms; transition-duration: 1050ms; } body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { -webkit-transition-duration: 1100ms; transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { -webkit-transition-duration: 1150ms; transition-duration: 1150ms; } body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { -webkit-transition-delay: 1150ms; transition-delay: 1150ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { -webkit-transition-duration: 1200ms; transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { -webkit-transition-duration: 1250ms; transition-duration: 1250ms; } body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { -webkit-transition-delay: 1250ms; transition-delay: 1250ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { -webkit-transition-duration: 1300ms; transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { -webkit-transition-delay: 1300ms; transition-delay: 1300ms; } body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { -webkit-transition-duration: 1350ms; transition-duration: 1350ms; } body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { -webkit-transition-delay: 1350ms; transition-delay: 1350ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { -webkit-transition-duration: 1400ms; transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { -webkit-transition-delay: 1400ms; transition-delay: 1400ms; } body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { -webkit-transition-duration: 1450ms; transition-duration: 1450ms; } body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { -webkit-transition-delay: 1450ms; transition-delay: 1450ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { -webkit-transition-duration: 1500ms; transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { -webkit-transition-duration: 1550ms; transition-duration: 1550ms; } body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { -webkit-transition-delay: 1550ms; transition-delay: 1550ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { -webkit-transition-duration: 1600ms; transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { -webkit-transition-duration: 1650ms; transition-duration: 1650ms; } body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { -webkit-transition-delay: 1650ms; transition-delay: 1650ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { -webkit-transition-duration: 1700ms; transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { -webkit-transition-delay: 1700ms; transition-delay: 1700ms; } body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { -webkit-transition-duration: 1750ms; transition-duration: 1750ms; } body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { -webkit-transition-delay: 1750ms; transition-delay: 1750ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { -webkit-transition-duration: 1800ms; transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { -webkit-transition-delay: 1800ms; transition-delay: 1800ms; } body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { -webkit-transition-duration: 1850ms; transition-duration: 1850ms; } body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { -webkit-transition-delay: 1850ms; transition-delay: 1850ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { -webkit-transition-duration: 1900ms; transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { -webkit-transition-delay: 1900ms; transition-delay: 1900ms; } body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { -webkit-transition-duration: 1950ms; transition-duration: 1950ms; } body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { -webkit-transition-delay: 1950ms; transition-delay: 1950ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { -webkit-transition-duration: 2000ms; transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { -webkit-transition-duration: 2050ms; transition-duration: 2050ms; } body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { -webkit-transition-delay: 2050ms; transition-delay: 2050ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { -webkit-transition-duration: 2100ms; transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { -webkit-transition-delay: 2100ms; transition-delay: 2100ms; } body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { -webkit-transition-duration: 2150ms; transition-duration: 2150ms; } body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { -webkit-transition-delay: 2150ms; transition-delay: 2150ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { -webkit-transition-duration: 2200ms; transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { -webkit-transition-delay: 2200ms; transition-delay: 2200ms; } body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { -webkit-transition-duration: 2250ms; transition-duration: 2250ms; } body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { -webkit-transition-delay: 2250ms; transition-delay: 2250ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { -webkit-transition-duration: 2300ms; transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { -webkit-transition-delay: 2300ms; transition-delay: 2300ms; } body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { -webkit-transition-duration: 2350ms; transition-duration: 2350ms; } body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { -webkit-transition-delay: 2350ms; transition-delay: 2350ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { -webkit-transition-duration: 2400ms; transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; } body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { -webkit-transition-duration: 2450ms; transition-duration: 2450ms; } body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { -webkit-transition-delay: 2450ms; transition-delay: 2450ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { -webkit-transition-duration: 2500ms; transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { -webkit-transition-delay: 2500ms; transition-delay: 2500ms; } body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { -webkit-transition-duration: 2550ms; transition-duration: 2550ms; } body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { -webkit-transition-delay: 2550ms; transition-delay: 2550ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { -webkit-transition-duration: 2600ms; transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { -webkit-transition-delay: 2600ms; transition-delay: 2600ms; } body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { -webkit-transition-duration: 2650ms; transition-duration: 2650ms; } body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { -webkit-transition-delay: 2650ms; transition-delay: 2650ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { -webkit-transition-duration: 2700ms; transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { -webkit-transition-delay: 2700ms; transition-delay: 2700ms; } body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { -webkit-transition-duration: 2750ms; transition-duration: 2750ms; } body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { -webkit-transition-delay: 2750ms; transition-delay: 2750ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { -webkit-transition-duration: 2800ms; transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { -webkit-transition-delay: 2800ms; transition-delay: 2800ms; } body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { -webkit-transition-duration: 2850ms; transition-duration: 2850ms; } body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { -webkit-transition-delay: 2850ms; transition-delay: 2850ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { -webkit-transition-duration: 2900ms; transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { -webkit-transition-delay: 2900ms; transition-delay: 2900ms; } body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { -webkit-transition-duration: 2950ms; transition-duration: 2950ms; } body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { -webkit-transition-delay: 2950ms; transition-delay: 2950ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { -webkit-transition-duration: 3000ms; transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { -webkit-transition-delay: 0; transition-delay: 0; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { -webkit-transition-delay: 3000ms; transition-delay: 3000ms; } body[data-aos-easing='linear'] [data-aos], [data-aos][data-aos][data-aos-easing='linear'] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing='ease'] [data-aos], [data-aos][data-aos][data-aos-easing='ease'] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing='ease-in'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in'] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1); transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing='ease-out'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out'] { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing='ease-in-out'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out'] { -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing='ease-in-back'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-back'] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing='ease-out-back'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-back'] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing='ease-in-out-back'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-back'] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing='ease-in-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-sine'] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing='ease-out-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-sine'] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing='ease-in-out-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-sine'] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing='ease-in-quad'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-quad'] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing='ease-out-quad'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-quad'] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing='ease-in-out-quad'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-quad'] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing='ease-in-cubic'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-cubic'] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing='ease-out-cubic'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-cubic'] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing='ease-in-out-cubic'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-cubic'] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing='ease-in-quart'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-quart'] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing='ease-out-quart'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-quart'] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing='ease-in-out-quart'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-quart'] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /*-------------------------------------------------------------- # Print Styles --------------------------------------------------------------*/ @media print { body { background: #fff; color: #000; margin: 0; padding: 0; text-align: left; } a:link, a:visited { background: #fff; color: #000; text-decoration: underline; } a:not([href='javascript:;']):after { content: "[" attr(href) "]"; } h1, h2, h3, h4, h5, h6 { background: none; color: #000; } .temp { display: none; } } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ .is-beta { position: absolute; left: 0; top: 0; z-index: 100; } .is-beta__container { position: fixed; left: 0; top: 0; z-index: 1; width: 90px; height: 75px; overflow: hidden; } .is-beta__label { width: 150px; margin-top: 2px; margin-left: -48px; padding: 8px; background-color: #c1d72e; font-size: 18px; font-weight: 900; color: #fff; text-transform: uppercase; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } @media only screen and (min-width: 1025px) { .no-touch .is-beta__label:hover { background-color: #9eb022; } } .is-beta__close { width: 80px; height: 80px; background-color: #fff; } .is-beta__close span { position: relative; display: block; width: 26px; height: 26px; margin: 0 auto; background-color: #c1d72e; border-radius: 50%; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; } .is-beta__close span::before, .is-beta__close span::after { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 16px; background-color: #fff; border-radius: 2px; } .is-beta__close span::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .is-beta__close span::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } @media only screen and (min-width: 1025px) { .no-touch .is-beta__close:hover span { background-color: #9eb022; } } @media only screen and (max-width: 767.98px) { .is-beta__close { width: 40px; height: 40px; } } .is-beta__cta { margin-top: 35px; padding: 14px 25px; background-color: #0061ad; font-size: 18px; font-weight: 700; color: #fff; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; } @media only screen and (min-width: 1025px) { .no-touch .is-beta__cta:hover { background-color: #00447a; } } @media only screen and (max-width: 767.98px) { .is-beta__cta { margin-top: 10px; padding: 8px 24px; font-size: 14px; } } .is-beta__content-container { display: none; position: fixed; left: 0; top: 0; z-index: 2; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); } .is-beta__content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 930px; width: calc(100% - 40px); background-color: #fff; border: 2px solid #c1d72e; } .is-beta__content-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 2px; background-color: #c1d72e; } .is-beta__content-body { padding: 40px 30px; } .is-beta__content-body h4 { margin-bottom: 15px; font-size: 32px; font-weight: 700; letter-spacing: -0.3px; } .is-beta__content-body p { margin-bottom: 15px; font-size: 18px; line-height: 1.5; } @media only screen and (max-width: 767.98px) { .is-beta__content-body { padding: 20px; } .is-beta__content-body h4 { font-size: 24px; } .is-beta__content-body p { font-size: 16px; } } .is-beta__content-title { margin-right: auto; padding-left: 30px; font-size: 40px; font-weight: 700; line-height: 1; letter-spacing: 0.5px; } @media only screen and (max-width: 767.98px) { .is-beta__content-title { padding-left: 20px; font-size: 20px; } } .is-beta__content-logo { max-width: 130px; max-height: 35px; margin-right: 30px; margin-bottom: -10px; } @media only screen and (max-width: 767.98px) { .is-beta__content-logo { max-width: 80px; margin-right: 20px; margin-bottom: -6px; } } .header { padding: 10px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 11; background-color: #fff; } .loaded .header { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } @media only screen and (max-width: 991.98px) { .loaded .header { -webkit-transition: 0.3s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.3s cubic-bezier(0.475, 0.425, 0, 0.995); } } .header--home .header__logo--black { display: block; } .header--home .header__logo--white { display: none; } .header--home .nav__link, .header--home .nav__share-price { color: #27251f; } .header--home .header__nav-toggle-line { background-color: #27251f; } .header-black { background-color: #27251f; } .header-black .header__nav-toggle-line { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .header-black .nav__link { color: #fff; } .header-black .nav__share-price { color: #fff; } .header-black .header__logo--black { display: none; } .header-black .header__logo--white { display: block; } .header__logo--white { display: block; } .header__nav { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; padding-right: 70px; } @media only screen and (max-width: 991.98px) { .header__nav { padding-right: 50px; } } .header__scrolling { background: #fff; } .header__scrolling .header__nav-toggle-line { background-color: #27251f; -webkit-box-shadow: none; box-shadow: none; } .header__scrolling .nav__link { color: #27251f; } .header__scrolling .nav__share-price { color: #27251f; } .header__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100px; } .loaded .header__container { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } @media only screen and (max-width: 1199.98px) { .header__container { min-height: 80px; } } @media only screen and (max-width: 767.98px) { .header__container { min-height: 50px; } } .header__main { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 15px; max-width: 230px; } @media only screen and (max-width: 1199.98px) { .header__main { margin-top: 11px; } } @media only screen and (max-width: 767.98px) { .header__main { margin-top: 18px; } } .header__logo { max-width: 230px; width: 100%; } @media only screen and (max-width: 1199.98px) { .header__logo { width: 170px; } } @media only screen and (max-width: 767.98px) { .header__logo { max-width: 120px; } } .header-icon { position: relative; top: 4px; } @media only screen and (max-width: 991.98px) { .header-icon { top: 3px; } } .nav__item { margin-left: 41px; display: inline-block; } @media only screen and (max-width: 991.98px) { .nav__item { display: none; } .nav__item.nav__item--search { display: block; } } .nav__list { display: inline-block; } .nav__link { color: #27251f; font-size: 18px; display: block; } .loaded .nav__link { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } @media only screen and (min-width: 1025px) { .no-touch .nav__link:hover { color: #009fdf; } } .nav__share-price { color: #27251f; display: inline-block; text-transform: uppercase; margin-bottom: 13px; } @media only screen and (max-width: 1199.98px) { .nav__share-price { margin-bottom: 10px; } } @media only screen and (max-width: 767.98px) { .nav__share-price { display: none; } } .nav__share-price-link { color: #27251f; font-weight: 500; letter-spacing: -0.1px; font-size: 12px; text-transform: uppercase; } .nav__share-price-value { color: #27251f; font-weight: 700; letter-spacing: -0.7px; font-size: 10px; text-transform: uppercase; } .nav__currency { font-size: 10px; } .nav__share-link { color: #fff; } .nav__submenu--wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1199.98px) { .nav__submenu--wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 30px; } } @media only screen and (max-width: 767.98px) { .nav__submenu--wrap { padding: 0 26px; } } @media only screen and (min-width: 1200px) { .nav__back-btn-container { display: none; } } .nav__back-btn { display: none; position: relative; padding: 0; margin-bottom: 12px; padding-left: 24px; left: 0; z-index: 10; text-align: left; color: #000; font-size: 18px; font-weight: 400; line-height: 23px; letter-spacing: 0.5px; background-color: #fff; } .nav__back-btn::before { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); color: #000; font-size: 14px; } .loaded .nav__back-btn::before { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (max-width: 1199.98px) { .nav__back-btn { display: block; padding-left: 25px; } .nav__back-btn::before { -webkit-transform: translateY(-55%) rotate(180deg); transform: translateY(-55%) rotate(180deg); } } @media only screen and (max-width: 767.98px) { .nav__back-btn { display: block; padding-left: 22px; font-size: 14px; line-height: 22px; letter-spacing: 2px; } .nav__back-btn::before { left: -3px; } } .header__nav-toggle { width: 25px; height: 25px; display: inline-block; position: absolute; top: 50%; right: 0; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .loaded .header__nav-toggle { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } .header__nav-toggle-line { width: 100%; height: 3px; background-color: #27251f; position: absolute; top: 50%; left: 0; } .loaded .header__nav-toggle-line { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } .header__nav-toggle-line--top { margin-top: -8px; } .header__nav-toggle-line--middle { margin-top: 0; } .header__nav-toggle-line--bottom { margin-top: 8px; } .header__nav-toggle--opened { background-color: #fff; } .header__nav-toggle--opened .header__nav-toggle-line--top { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header__nav-toggle--opened .header__nav-toggle-line--middle { width: 0; } .header__nav-toggle--opened .header__nav-toggle-line--bottom { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header__contact { background-color: #f4f4f4; min-height: 400px; padding-top: 31px; padding-left: 115px; padding-bottom: 50px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .header__contact { padding-left: 30px; } } @media only screen and (max-width: 991.98px) { .header__contact { display: none; } } .header__menu { background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .loaded .header__menu { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } .header__menu.header__menu--open .header__nav-list { opacity: 1; pointer-events: initial; visibility: visible; } @media only screen and (max-width: 1199.98px) { .header__menu .nav__submenu--open { pointer-events: none !important; } .header__menu .header__menu-sublist.nav__sublist--open { pointer-events: none !important; } .header__menu.header__menu--open .nav__submenu--open { pointer-events: initial !important; } .header__menu.header__menu--open .nav__submenu--open .nav__sublist--open { pointer-events: initial !important; } } @media only screen and (max-width: 991.98px) { .header__menu { width: 100%; } .header__menu.header__menu--open::before { display: none; } } .header__menu-wrap { margin-top: 47px; padding-right: 40px; } .header__actions { padding-left: 40px; margin-top: 15px; position: relative; } .header__actions::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #c9c8c7; display: block; } @media only screen and (max-width: 1199.98px) { .header__actions { padding-right: 24px; padding-left: 0; margin-top: 24px; } .header__actions::before { display: none; } } @media only screen and (max-width: 767.98px) { .header__actions { max-height: 29px; margin-top: 0; } } .header__actions-item { margin-left: 18px; display: inline-block; } .header__actions-item .header-icon { font-size: 23px; } .header__actions-item:first-of-type { margin-left: 0; } @media only screen and (max-width: 1199.98px) { .header__actions-item { margin-left: 24px; } .header__actions-item .header-icon { font-size: 23px; } } @media only screen and (max-width: 767.98px) { .header__actions-item { margin-left: 15px; } } .header__dark-overlay { display: none; } .header__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .loaded .header__nav-list { -webkit-transition: 0.3s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.3s cubic-bezier(0.475, 0.425, 0, 0.995); } @media only screen and (max-width: 1199.98px) { .header__nav-list { opacity: 0; pointer-events: none; visibility: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 100px; left: 0; right: 0; background-color: #fff; padding-top: 55px; padding-bottom: 100vh; } } @media only screen and (max-width: 767.98px) { .header__nav-list { top: 70px; padding-top: 13px; } } .header__nav-item { display: block; padding-left: 48px; padding-bottom: 31px; } .header__nav-item.has-children .header__nav-link::before { display: block; } @media only screen and (min-width: 1025px) { .no-touch .header__nav-item:hover .nav__submenu { opacity: 1; visibility: visible; display: block; -webkit-transform: translateX(0); transform: translateX(0); pointer-events: initial; } .no-touch .header__nav-item:hover .header__nav-link::after { width: 100%; } } @media only screen and (max-width: 1350px) and (min-width: 1200px) { .header__nav-item { padding-left: 35px; } .header__nav-item .header__nav-link::before { right: -6px; } } @media only screen and (max-width: 1199.98px) { .header__nav-item { padding-left: 31px; padding-bottom: 0; } } @media only screen and (max-width: 767.98px) { .header__nav-item { padding-left: 26px; } } .nav__submenu { position: absolute; left: 0; right: 0; width: 100%; top: 110px; visibility: visible; display: block; background: #fff; z-index: 2; pointer-events: none; opacity: 0; padding: 72px 0 109px; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .nav__submenu::after { position: absolute; left: -150px; bottom: 0; content: ''; height: 90%; width: 180px; z-index: 1; display: block; } .nav__submenu::before { position: absolute; left: 0; bottom: 0; content: ''; background-color: #c9c8c7; height: 95%; width: 1px; display: block; } .loaded .nav__submenu { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } @media only screen and (min-width: 1200px) { .nav__submenu .row { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .nav__submenu::before { display: none; } } @media only screen and (max-width: 1199.98px) { .nav__submenu { padding: 57px 0 109px; top: 0; } } @media only screen and (max-width: 767.98px) { .nav__submenu { padding: 13px 0 109px; } } .nav__submenu--open { width: 100%; opacity: 1; pointer-events: initial; } .header__menu-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 25px; } @media only screen and (min-width: 1200px) { .header__menu-list { max-width: 697px; width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .header__menu-list { height: auto; } } @media only screen and (max-width: 991.98px) { .header__menu-list { padding-bottom: 100px; min-height: 100vh; height: auto; } } @media only screen and (min-width: 1200px) and (max-width: 1350px) { .header__menu-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .header__nav-link { display: inline-block; position: relative; color: #000; font-size: 16px; font-weight: 400; letter-spacing: 0.4px; } .header__nav-link::before { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; position: absolute; right: -10px; top: 62%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); color: #009fdf; font-size: 8px; display: none; } .loaded .header__nav-link::before { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .header__nav-link::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 1px; background-color: #000; -webkit-transition: width 0.3s ease-in; transition: width 0.3s ease-in; } @media only screen and (max-width: 1199.98px) { .header__nav-link { padding: 0; margin-bottom: 25px; font-size: 18px; color: #009fdf; line-height: 23px; } .header__nav-link::before { content: ""; font-size: 14px; right: -25px; top: 50%; } } @media only screen and (max-width: 767.98px) { .header__nav-link { font-size: 16px; line-height: 22px; letter-spacing: 0.6px; } } .header__icon { display: none; cursor: pointer; } .header__menu-list-item { display: block; width: 100%; } @media only screen and (min-width: 1025px) { .no-touch .header__menu-list-item:hover .header__menu-list-link::before { width: calc(100% - 40px); } .no-touch .header__menu-list-item:hover .header__menu-sublist { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .header__menu-list-link { font-size: 18px; line-height: 23px; font-weight: 400; letter-spacing: 0.5px; color: #009fdf; position: relative; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; padding: 12px 20px; display: inline-block; } .header__menu-list-link::before { content: ''; width: 0; height: 1px; background-color: #009fdf; position: absolute; bottom: 5px; left: 20px; -webkit-transition: width 0.3s ease-in; transition: width 0.3s ease-in; } @media only screen and (max-width: 1199.98px) { .header__menu-list-link { padding: 13px 43px 11px 0; display: inline-block; line-height: 20px; } } @media only screen and (max-width: 767.98px) { .header__menu-list-link { padding: 13px 43px 8px 0; font-size: 16px; letter-spacing: 0.4px; } } .header__menu-sublist { padding: 72px 0 109px 110px; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); position: absolute; right: 0; top: 0; width: 30.9%; height: 100%; background-color: #fff; z-index: 3; } .header__menu-sublist::after { position: absolute; left: -120px; bottom: 0; content: ''; height: 90%; width: 139px; z-index: 2; display: block; } .header__menu-sublist::before { position: absolute; left: 0; top: 72px; content: ''; background-color: #c9c8c7; height: calc(100% - 182px); width: 1px; display: block; } .loaded .header__menu-sublist { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } .header__menu-sublist.nav__sublist--open { pointer-events: initial; visibility: visible; opacity: 1; } @media only screen and (max-width: 1199.98px) { .header__menu-sublist { width: 100%; z-index: 20; padding: 57px 30px 0; -webkit-transform: translateX(0); transform: translateX(0); } .header__menu-sublist::before { display: none; } } @media only screen and (max-width: 767.98px) { .header__menu-sublist { padding: 13px 26px 0; } } @media only screen and (min-width: 1025px) { .no-touch .header__menu-sublist-item:hover .header__menu-sublist-link::after { width: calc(100% - 40px); } } .header__menu-sublist-link { font-size: 18px; line-height: 16px; font-weight: 500; letter-spacing: 0.7px; color: #009fdf; position: relative; -webkit-transition: color 0.3s cubic-bezier(0.475, 0.425, 0, 0.995); transition: color 0.3s cubic-bezier(0.475, 0.425, 0, 0.995); padding: 15px 20px; display: inline-block; word-break: break-word; } .header__menu-sublist-link::after { content: ''; position: absolute; bottom: 5px; left: 20px; width: 0; height: 1px; background-color: #009fdf; -webkit-transition: width 0.3s ease-in; transition: width 0.3s ease-in; } .loaded .header__menu-sublist-link { -webkit-transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); transition: 0.6s cubic-bezier(0.475, 0.425, 0, 0.995); } @media only screen and (max-width: 1199.98px) { .header__menu-sublist-link { padding: 12px 0; } } @media only screen and (max-width: 767.98px) { .header__menu-sublist-link { padding: 13px 0 12px; letter-spacing: -0.1px; } } .header__menu-title { font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: 0.88px; color: #009fdf; margin-bottom: 26px; margin-left: 26px; } @media only screen and (max-width: 1199.98px) { .header__menu-title { margin-bottom: 0; padding: 11px 0 12px; padding-left: 0; margin-left: 7px; font-size: 18px; } } @media only screen and (max-width: 767.98px) { .header__menu-title { margin-bottom: 0; padding: 12px 0 11px; padding-left: 0; margin-left: 7px; font-size: 16px; } } .header__sub-back { font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: 0.88px; text-transform: uppercase; color: #5d5c57; margin-bottom: 26px; margin-left: 26px; display: block; } @media only screen and (max-width: 1199.98px) { .header__sub-back { display: none; margin-bottom: 0; padding: 22px 0; padding-left: 20px; margin-left: 0; } } .header__menu-list-link--has-children { position: relative; } .header__menu-list-link--has-children::after { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; position: absolute; right: -10px; color: #009fdf; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; } .loaded .header__menu-list-link--has-children::after { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (min-width: 1025px) { .no-touch .header__menu-list-link--has-children:hover::after { color: #009fdf; } } @media only screen and (max-width: 1199.98px) { .header__menu-list-link--has-children::after { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; position: absolute; right: 15px; color: #009fdf; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 17px; } .loaded .header__menu-list-link--has-children::after { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } } .header__contact-list { margin-bottom: 20px; } .header__main-title { font-size: 30px; font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; line-height: 36px; letter-spacing: 0.5px; color: #27251f; font-weight: 700; margin-bottom: 45px; } .header__text { margin-bottom: 0; } @media only screen and (min-width: 1025px) { .no-touch .header__text:hover .header__item-link { color: rgba(93, 92, 87, 0.8); } .no-touch .header__text:hover .header__item-link::before { width: 100%; } } @media only screen and (max-width: 991.98px) { .header__text { font-size: 16px; } } @media only screen and (max-width: 767.98px) { .header__text { font-size: 14px; } } .header__item-link { color: #5d5c57; position: relative; } .header__item-link::before { content: ''; background-color: #5d5c57; display: block; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; } .loaded .header__item-link::before { -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .nav__search-form { opacity: 0; visibility: hidden; position: absolute; top: -22px; right: 92px; border: 1px solid #5d5c57; background-color: #fff; padding: 20px; padding-right: 40px; } .loaded .nav__search-form { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } .nav__search-form .nav__input { border: 0; width: 0; background: transparent; } .loaded .nav__search-form .nav__input { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } @media only screen and (max-width: 1199.98px) { .nav__search-form { margin-right: 0; } } @media only screen and (min-width: 1200px) { .nav__item--toggle { display: none; visibility: hidden; } } .loaded .nav__item--search-active { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } .nav__item--search-active .nav__search-form { position: absolute; opacity: 1; visibility: visible; padding: 20px; display: inline-block; z-index: 20; } .loaded .nav__item--search-active .nav__search-form { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } .nav__item--search-active .nav__input { position: relative; width: 320px; } .loaded .nav__item--search-active .nav__input { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } .nav__item--search-active .nav__link--search { color: #009fdf; } @media only screen and (max-width: 1199.98px) { .nav__item--search-active .nav__search-form { margin-right: 0; } } @media only screen and (max-width: 991.98px) { .nav__item--search-active { border: 0; } .nav__item--search-active .nav__link--search { color: #009fdf; } } @media only screen and (max-width: 767.98px) { .nav__item--search-active .nav__input { width: calc(100vw - 42px); } .nav__item--search-active .nav__search-form { top: 49px; right: -26px; } } .nav__link--search { display: inline-block; } .loaded .nav__link--search { -webkit-transition: 0.6s ease-out; transition: 0.6s ease-out; } .nav__link--submit { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .nav__link--search-hidden { opacity: 0; visibility: hidden; } .page-info { max-width: 388px; } @media only screen and (max-width: 1199.98px) { .page-info { display: none; } } .page-info__title { font-size: 62px; font-weight: 600; line-height: 69px; letter-spacing: 0.2px; margin-bottom: 22px; padding-top: 4px; } .page-info__desc { font-size: 18px; font-weight: 400; line-height: 32.5px; letter-spacing: 0.25px; margin-bottom: 40px; } .page-info__cta.link-arrow { letter-spacing: 0.8px; } .footer__top { padding: 37px 0; background-color: #f4f4f4; color: #fff; } @media only screen and (max-width: 767.98px) { .footer__top { padding: 20px 0 40px; } } .footer__logo { display: block; margin-bottom: 31px; width: 209px; } @media only screen and (max-width: 767.98px) { .footer__logo { width: 144px; } } .footer__links { -webkit-columns: 2; -moz-columns: 2; columns: 2; border-top: 1px solid #c9c8c7; padding: 14px 15px 0 0; } @media only screen and (max-width: 767.98px) { .footer__links { -webkit-columns: 1; -moz-columns: 1; columns: 1; padding-right: 0; margin-bottom: 20px; } } .footer__address { border-top: 1px solid #c9c8c7; padding-top: 20px; } @media only screen and (max-width: 767.98px) { .footer__address { border-top: 0; padding-top: 0; } } .footer__adress-text { font-size: 16px; line-height: 22px; letter-spacing: 1px; color: #5d5c57; } @media only screen and (max-width: 767.98px) { .footer__adress-text { margin-bottom: 20px; } } .footer__subtitle { margin: 11px 0 30px; } @media only screen and (max-width: 767.98px) { .footer__subtitle { margin: 22px 0 15px; } } .footer__link { margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .footer__link { margin-bottom: 20px; } } .footer__bottom { padding: 16px 0; background-color: #5d5c57; color: #c9c8c7; } .footer__bottom > .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 991.98px) { .footer__bottom > .wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .footer__bottom-lists { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 991.98px) { .footer__bottom-lists { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 20px; } } @media only screen and (max-width: 767.98px) { .footer__bottom-lists { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin-top: 30px; } } .footer__bottom-list { margin-right: 17px; position: relative; } .footer__bottom-list::after { content: ''; position: absolute; top: 1px; right: -9px; width: 1px; height: 75%; background-color: #fff; } .footer__bottom-list:last-of-type::after { display: none; } @media only screen and (max-width: 767.98px) { .footer__bottom-list { margin: 0 0 16px; width: 100%; } .footer__bottom-list::after { display: none; } } .footer__bottom-link { color: #c9c8c7; } @media only screen and (min-width: 1025px) { .no-touch .footer__bottom-link:hover { text-decoration: underline; } } @media only screen and (max-width: 767.98px) { .footer__bottom-link { font-size: 18px; line-height: 21px; } } .footer__paragraph { font-size: 14px; line-height: 20px; margin-bottom: 0; } @media only screen and (max-width: 767.98px) { .footer__paragraph { text-align: center; } } .footer__signup-title { font-size: 18px; line-height: 21px; letter-spacing: 1px; border-top: 1px solid #c9c8c7; padding-top: 15px; color: #5d5c57; } .footer__input-in { height: 52px; border: 1px solid #c9c8c7; position: relative; padding-right: 50px; } .footer__input { height: 50px; width: 100%; border: 0; } .footer__input-btn { width: 50px; height: 50px; background-color: #009fdf; color: #fff; position: absolute; right: 0; top: 0; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .footer__input-btn::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .no-touch .footer__input-btn:hover { background-color: #00ab84; } } .banner { height: 425px; padding: 75px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background-color: #27251f; } .banner.has-cover { margin-top: -100px; padding: 165px 0 65px; height: 702px; } .banner > .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .banner.banner--landing { height: 600px; } .banner.banner--landing.has-cover { height: 700px; } @media only screen and (max-width: 991.98px) { .banner.banner--landing { height: auto; min-height: 344px; } .banner.banner--landing.has-cover { height: auto; min-height: 444px; } } @media only screen and (max-width: 767.98px) { .banner.banner--landing { min-height: auto; } .banner.banner--landing.has-cover { min-height: auto; } } @media only screen and (max-width: 991.98px) { .banner { height: 344px; padding: 50px 0; } .banner.has-cover { height: 568px; margin-top: -65px; padding: 120px 0 50px; } } @media only screen and (max-width: 767.98px) { .banner { height: auto; padding: 60px 0 30px; } .banner.has-cover { height: auto; } } .banner--overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(35%, white), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, white 35%, rgba(255, 255, 255, 0) 100%); } @media only screen and (max-width: 991.98px) { .banner--overlay { background: -webkit-gradient(linear, left top, right top, color-stop(35%, white), to(rgba(255, 255, 255, 0.2))); background: linear-gradient(90deg, white 35%, rgba(255, 255, 255, 0.2) 100%); } } @media only screen and (max-width: 767.98px) { .banner--overlay { background: rgba(255, 255, 255, 0.6); } } .banner--home { height: calc(100vh - 120px) !important; margin-top: 0; padding: 0; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .banner--home { height: calc(100vh - 100px) !important; } } @media only screen and (max-width: 767.98px) { .banner--home { height: calc((var(--vh, 1vh) * 100) - 70px) !important; } } .banner--home .slick-slide:nth-of-type(1) .banner__title, .banner--home .slick-slide:nth-of-type(1) .banner__paragraph, .banner--home .slick-slide:nth-of-type(1) .banner__btn-wrap { -webkit-transition: opacity 0.8s ease-in; transition: opacity 0.8s ease-in; opacity: 0 !important; } .banner--home .slick-slide:nth-of-type(1) .banner__title.appear, .banner--home .slick-slide:nth-of-type(1) .banner__paragraph.appear, .banner--home .slick-slide:nth-of-type(1) .banner__btn-wrap.appear { opacity: 1 !important; } .banner--home .banner__container { width: 100%; margin-top: -120px; padding-top: 120px; height: 100vh; } .banner--home .banner__container .slick-list, .banner--home .banner__container .slick-track { height: 100%; } .banner--home .banner__container .slick-dots { position: absolute; right: 64px; bottom: 111px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 0; } .banner--home .banner__container .slick-dots li { margin-top: 11px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .banner--home .banner__container { margin-top: -100px !important; padding-top: 100px; } } @media only screen and (max-width: 767.98px) { .banner--home .banner__container { margin-top: -70px; height: calc(100% + 70px); } } .banner--home .banner--overlay { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); } .banner--home .banner__content { width: 100%; min-height: calc(100vh - 100px); position: relative; overflow: hidden; } @media only screen and (max-width: 1199.98px) { .banner--home .banner__content .wrap { padding: 0 31px; } .banner--home .banner__content .banner__btn { margin-left: 3px; } } @media only screen and (max-width: 767.98px) { .banner--home .banner__content { height: 100%; min-height: 100%; } .banner--home .banner__content .wrap { padding: 0 26px; } } .banner--home .slick-active .banner__bg { -webkit-animation: 5s bg ease-in-out; animation: 5s bg ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media only screen and (max-width: 1199.98px) { .banner--home .slick-active .banner__bg { -webkit-animation: 7s bg ease-in-out; animation: 7s bg ease-in-out; } } .banner--home .banner__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1.1); transform: scale(1.1); } .banner--home .banner__paragraph { color: #fff; font-size: 20px; font-weight: 400; line-height: 34px; letter-spacing: 1px; max-width: 600px; margin-bottom: 30px; } .banner--home .banner__title { font-size: 96px; font-weight: 600; line-height: 92px; letter-spacing: 2px; color: #fff; margin-bottom: 6px; } .banner--home .banner__btn { margin-top: 0; } @media only screen and (max-width: 991.98px) { .banner--home .banner__container { margin-top: -60px; } .banner--home .banner__title { font-size: 60px; line-height: 66px; letter-spacing: 2px; margin-left: 0; margin-bottom: 6px; } .banner--home .banner__paragraph { font-size: 20px; font-weight: 400; line-height: 34px; letter-spacing: 1px; margin-bottom: 32px; } .banner--home .banner__btn { -webkit-box-shadow: none; box-shadow: none; padding: 18px 40px; line-height: 18px; letter-spacing: 2px; } .banner--home .banner__container .slick-dots { bottom: 115px; right: 31px; } } @media only screen and (min-width: 768px) { .banner--home .banner__bg--mobile { display: none; } } @media only screen and (max-width: 767.98px) { .banner--home .banner__container { padding-top: 70px; margin-top: -70px; } .banner--home .banner__container .slick-dots { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; bottom: 27px; right: 26px; } .banner--home .banner__container .slick-dots li { margin-top: 0; } .banner--home .banner__bg { display: none; } .banner--home .banner__bg--mobile { display: block; } .banner--home .banner__content { min-height: calc(100vh - 70px); } .banner--home .banner__title { font-size: 37px; font-weight: 600; line-height: 43px; letter-spacing: 2px; } .banner--home .banner__paragraph { font-size: 16px; font-weight: 400; line-height: 23px; letter-spacing: 1px; margin-bottom: 22px; } .banner--home .banner__btn { padding: 18px 20px; font-weight: 450; } .banner--home .scroll-btn { display: block; } .banner--home .scroll-btn::after { height: 10px; } } .banner--home-shrinked { height: auto !important; } .banner--home-shrinked .banner__content { min-height: 100%; height: 100%; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .banner--home-shrinked .scroll-btn { display: none; } .banner--home-shrinked .banner__subtitle { text-align: center; } .banner--home-shrinked .banner__paragraph { font-size: 26px; line-height: 36px; letter-spacing: 0.5px; margin-bottom: 0; color: #fff; text-align: center; margin: 0 auto; max-width: 100% !important; } .banner--home-shrinked .banner__title { font-size: 72px; font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; line-height: 77px; margin-bottom: 20px; letter-spacing: 1.9px; color: #fff; text-align: center; } .banner--home-shrinked .banner__btn { font-size: 16px; font-weight: 500; letter-spacing: 4px; line-height: 20px; padding: 25px 45px; margin-top: 50px; } .banner--home-shrinked .banner__btn-wrap { text-align: center; } .banner--home-shrinked .banner__holder--home { margin: 0 auto; } .banner--home-shrinked .banner__container { height: auto !important; } .banner--home-shrinked .slick-slide > div { height: 100%; } @media only screen and (min-width: 1200px) { .banner--home-shrinked { margin-top: -70px !important; padding: 0; overflow: hidden !important; min-height: 670px !important; } .banner--home-shrinked .banner__holder { padding-bottom: 40px; max-width: 902px; } .banner--home-shrinked .slick-dots { bottom: 30% !important; } .banner--home-shrinked .banner__holder--home { padding-top: 100px; } } @media only screen and (max-width: 1199.98px) { .banner--home-shrinked .banner__subtitle { font-size: 13px; line-height: 17px; letter-spacing: 1px; margin-bottom: 10px; } .banner--home-shrinked .banner__paragraph { letter-spacing: 0.9px; } .banner--home-shrinked .banner__btn { font-size: 14px; letter-spacing: 1px; line-height: 15px; } .banner--home-shrinked .btn { -webkit-box-shadow: 0 0 14px 0 #c9c8c7; box-shadow: 0 0 14px 0 #c9c8c7; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .banner--home-shrinked { min-height: 568px !important; margin-top: -65px !important; } .banner--home-shrinked .banner__paragraph { font-size: 20px; line-height: 30px; width: 84%; } .banner--home-shrinked .banner__title { font-size: 52px; line-height: 55px; letter-spacing: 1.4px; margin-bottom: 10px; } .banner--home-shrinked .banner__holder--home { padding: 80px 0 30px; } } @media only screen and (max-width: 767.98px) { .banner--home-shrinked { margin-top: -135px; padding: 65px 0 0; } .banner--home-shrinked .banner__container { margin-top: 0; } .banner--home-shrinked .banner__paragraph { font-size: 17px; line-height: 27px; } .banner--home-shrinked .banner__title { font-size: 38px; line-height: 42px; letter-spacing: 1px; } .banner--home-shrinked .banner__holder--home { padding: 40px 0 55px; } .banner--home-shrinked .slick-dots { bottom: 20px !important; } .banner--home-shrinked .banner__btn { padding: 20px 15px; } } .banner--align-left .banner__content { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .banner--align-left .banner__holder--home { margin: 0; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .banner--align-left .banner__subtitle, .banner--align-left .banner__title, .banner--align-left .banner__paragraph, .banner--align-left .banner__btn-wrap { text-align: start; } .banner--align-left .banner__paragraph { margin: 0; } .banner--centered .banner__holder { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 80%; } .banner--centered > .wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767.98px) { .banner--centered .banner__holder { width: 100%; } } .banner__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .banner__iframe { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 177.77vh; height: 56.25vw; min-width: 100%; min-height: 100%; } .banner__subtitle { font-size: 15px; line-height: 20px; letter-spacing: 2px; margin-bottom: 18px; color: #00ab84; text-transform: uppercase; } @media only screen and (max-width: 991.98px) { .banner__subtitle { font-size: 13px; line-height: 17px; letter-spacing: 1px; margin-bottom: 10px; } } .banner__title { font-size: 72px; font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; line-height: 77px; margin-bottom: 20px; letter-spacing: 1.9px; color: #fff; } @media only screen and (max-width: 991.98px) { .banner__title { font-size: 52px; line-height: 55px; letter-spacing: 1.4px; margin-bottom: 10px; } } @media only screen and (max-width: 767.98px) { .banner__title { font-size: 38px; line-height: 42px; letter-spacing: 1px; } } .banner__paragraph { font-size: 26px; line-height: 36px; letter-spacing: 0.5px; margin-bottom: 0; color: #fff; } @media only screen and (max-width: 991.98px) { .banner__paragraph { font-size: 20px; line-height: 30px; letter-spacing: 0.9px; } } @media only screen and (max-width: 767.98px) { .banner__paragraph { font-size: 17px; line-height: 27px; } } .banner__holder { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 902px; width: 100%; } @media only screen and (max-width: 991.98px) { .banner__holder { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1050px) { .banner__holder { max-width: 90%; } } .banner__holder--home { max-width: 850px; text-align: left; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding-top: 23.3vh; } .banner__holder--home .banner__btn { color: #fff; } @media only screen and (min-width: 990px) and (max-height: 900px) { .banner__holder--home { -webkit-transform: scale(0.9); transform: scale(0.9); } } @media only screen and (min-width: 990px) and (max-height: 850px) { .banner__holder--home { padding-top: 12vh; -webkit-transform: scale(0.8); transform: scale(0.8); } } @media only screen and (min-width: 990px) and (max-height: 700px) { .banner__holder--home { padding-top: 3vh; -webkit-transform: scale(0.7); transform: scale(0.7); } } @media only screen and (min-width: 990px) and (max-height: 600px) { .banner__holder--home { padding-top: 0; margin-top: -20px; } } @media only screen and (max-width: 991.98px) { .banner__holder--home { max-width: 645px; margin-top: 0; min-height: inherit; padding-top: 93px; } } @media only screen and (max-width: 767.98px) { .banner__holder--home { padding-top: 45px; } } .banner__btn { font-size: 16px; font-weight: 500; letter-spacing: 4px; line-height: 20px; padding: 25px 45px; margin-top: 50px; } @media only screen and (max-width: 991.98px) { .banner__btn { font-size: 14px; letter-spacing: 1px; line-height: 15px; } } @media only screen and (max-width: 767.98px) { .banner__btn { padding: 20px 15px; margin-bottom: 10px; } } @-webkit-keyframes bg { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes bg { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 33px; } .slick-dots li { width: 16px; height: 16px; border-radius: 50%; background-color: #fff; font-size: 0; margin: 0 5px; cursor: pointer; } @media only screen and (min-width: 1025px) { .no-touch .slick-dots li:hover { background-color: #00ab84; } } .slick-dots li.slick-active { background-color: #00ab84; } @media only screen and (max-width: 991.98px) { .slick-dots { padding-right: 0; } .slick-dots li { margin: 0 5px; } } @media only screen and (max-width: 767.98px) { .slick-dots { margin-top: 10px; } } .next-slide, .prev-slide { position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; cursor: pointer; color: #c9c8c7; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; z-index: 1; } @media only screen and (min-width: 1025px) { .no-touch .next-slide:hover, .no-touch .prev-slide:hover { color: #009fdf; } } .next-slide { right: 0; } .prev-slide { left: 0; } @media only screen and (max-width: 991.98px) { .round-arrow { width: 86px; height: 86px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); font-size: 20px; z-index: 1; color: #fff; top: 50%; margin-top: -33px; } .round-arrow.next-slide { right: -66px; } .round-arrow.prev-slide { left: -66px; } .round-arrow .font-ico-next { position: absolute; left: 20px; top: 33px; color: #fff; font-size: 20px; } .round-arrow .font-ico-back { position: absolute; right: 20px; top: 32px; color: #fff; font-size: 20px; } } @media only screen and (max-width: 767.98px) { .round-arrow { top: 15%; margin-top: 0; } } .one-image .slick-arrow { display: none !important; } .one-image .caption-slider__caption-in { padding: 16px 30px 37px; } .scroll-btn { font-size: 90px; color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; padding: 10px 10px 0; } .scroll-btn::after { content: ''; display: block; position: relative; width: 1px; height: 50px; background-color: #fff; bottom: 0; right: -49%; } @media only screen and (min-width: 1025px) { .no-touch .scroll-btn:hover .scroll-btn__mouse { -webkit-transform: translateX(0) scale(1.2); transform: translateX(0) scale(1.2); } } .scroll-btn__arrow { display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: -5px 0 8px 3px; width: 10px; height: 10px; -webkit-animation: mouse-scroll .5s infinite; animation: mouse-scroll .5s infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .scroll-btn__arrow--sec { margin-top: -10px; } .scroll-btn__mouse { height: 30px; width: 16px; border-radius: 14px; -webkit-transform: none; transform: none; border: 1px solid #fff; margin-bottom: 6px; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; display: block; } .scroll-btn__wheel { height: 4px; width: 2px; display: block; margin: 5px auto; background: #fff; position: relative; border: 2px solid #fff; border-radius: 8px; -webkit-animation: mouse-wheel 1s linear infinite; animation: mouse-wheel 1s linear infinite; } .scroll-btn--dark { color: #c9c8c7; } .scroll-btn--dark::after { background-color: #c9c8c7; } .scroll-btn--dark .scroll-btn__arrow { border-color: #c9c8c7; } .scroll-btn--dark .scroll-btn__mouse { border-color: #c9c8c7; } .scroll-btn--dark .scroll-btn__wheel { background-color: #c9c8c7; border-color: #c9c8c7; } .statistics { position: relative; padding: 110px 0 180px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199.98px) { .statistics { padding: 80px 0 140px; } } @media only screen and (max-width: 991.98px) { .statistics { padding: 80px 0 90px; } } @media only screen and (max-width: 767.98px) { .statistics { padding: 50px 0; } } .statistics__subtitle { margin-bottom: 25px; } @media only screen and (max-width: 767.98px) { .statistics__subtitle { margin-bottom: 15px; } } .statistics__title { margin-bottom: 10px; } .statistics__paragraph { color: #5d5c57; } .statistics__number { font-size: 76px; line-height: 91px; margin-bottom: 11px; font-weight: 700; display: block; color: #00ab84; } @media only screen and (max-width: 1400px) and (min-width: 992px) { .statistics__number { font-size: 50px; line-height: 60px; } } @media only screen and (max-width: 991.98px) { .statistics__number { font-size: 54px; line-height: 51px; } } @media only screen and (max-width: 420px) { .statistics__number { font-size: 40px; line-height: 46px; } } .statistics__percent { font-size: 50px; line-height: 50px; width: 300px; } @media only screen and (max-width: 1400px) and (min-width: 992px) { .statistics__percent { font-size: 46px; line-height: 50px; } } @media only screen and (max-width: 991.98px) { .statistics__percent { font-size: 50px; line-height: 51px; } } @media only screen and (max-width: 420px) { .statistics__percent { font-size: 36px; line-height: 40px; } } .statistics__details { display: block; font-size: 16px; line-height: 24px; letter-spacing: 0.89px; text-transform: uppercase; opacity: .5; border-top: 1px solid #27251f; padding-top: 24px; } @media only screen and (max-width: 767.98px) { .statistics__details { font-size: 14px; line-height: 17px; } } .statistics__holder { position: relative; } .statistics__holder::after, .statistics__holder::before { content: ''; position: absolute; display: block; width: 107px; height: 107px; } .statistics__holder::after { border-top: 10px solid #009fdf; border-right: 10px solid #009fdf; right: 15px; top: 0; } .statistics__holder::before { border-bottom: 10px solid #00ab84; border-left: 10px solid #00ab84; bottom: 0; left: 15px; } @media only screen and (max-width: 991.98px) { .statistics__holder::after { right: -20px; top: -43px; } .statistics__holder::before { bottom: -50px; left: -20px; } } @media only screen and (max-width: 767.98px) { .statistics__holder::after, .statistics__holder::before { display: none; } } .statistics__row { margin: 100px 0 60px; padding: 0 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 991.98px) { .statistics__row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 80px 0 10px; } } @media only screen and (max-width: 767.98px) { .statistics__row { margin: 30px 0; padding: 0; } } .statistics__col { width: 20%; padding: 0 7.5px; } @media only screen and (max-width: 991.98px) { .statistics__col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 33.33333333333333%; margin-bottom: 50px; } } @media only screen and (max-width: 767.98px) { .statistics__col { width: 50%; margin-bottom: 25px; } } .statistics__text { font-size: 20px; line-height: 32px; } @media only screen and (max-width: 767.98px) { .statistics__text { margin-top: -30px; margin-bottom: 40px; padding: 0 30px; } } .brands { padding: 71px 42px 150px; background-color: #5d5c57; color: #fff; position: relative; } @media only screen and (max-width: 991.98px) { .brands { overflow: hidden; padding: 50px 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .brands__top { padding: 0 50px; } } .brands__subtitle { margin-bottom: 10px; } .brands__title { margin-bottom: 8px; } .brands__paragraph { margin-bottom: 30px; } .brands__slider { margin-bottom: 75px; -webkit-box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.4); box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.4); } .brands__slider .slick-slide { padding-top: 25px; } .brands__slider .slick-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px; } .brands__slider .font-ico-back, .brands__slider .font-ico-next { font-size: 38px; } @media only screen and (min-width: 1550px) { .brands__slider .next-slide { right: -75px; } .brands__slider .prev-slide { left: -75px; } } @media only screen and (max-width: 991.98px) { .brands__slider .round-arrow { margin-top: 0; } .brands__slider .font-ico-back, .brands__slider .font-ico-next { font-size: 20px; } .brands__slider .slick-slide { padding-top: 0; } .brands__slider .slick-dots { margin-top: 30px; } } @media only screen and (max-width: 767.98px) { .brands__slider .round-arrow { top: 100px; } .brands__slider .slick-dots { margin-top: 30px; } } .brands__slide { min-height: 600px; padding: 40px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .brands__slide { min-height: 430px; padding-top: 17px; } } @media only screen and (max-width: 991.98px) { .brands__slide { min-height: 460px; padding-top: 17px; background-position: 0 center; } } @media only screen and (max-width: 767.98px) { .brands__slide { padding: 20px; min-height: 400px; -webkit-box-shadow: 2px 32px 24px 0 #fff; box-shadow: 2px 32px 24px 0 #fff; background-color: #fff; } } .brands__bitmap { display: block; margin-bottom: 29px; max-height: 120px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .brands__bitmap { max-width: 72px; margin-bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .brands__bitmap { max-width: 72px; margin-bottom: 20px; } } @media only screen and (max-width: 767.98px) { .brands__bitmap { margin: 0 auto 20px; } } .brands__slide-title { font-size: 26px; line-height: 34px; color: #00ab84; letter-spacing: 0.74px; margin-bottom: 18px; } @media only screen and (max-width: 991.98px) { .brands__slide-title { font-size: 24px; line-height: 30px; } } @media only screen and (max-width: 767.98px) { .brands__slide-title { font-size: 20px; line-height: 23px; margin-bottom: 20px; } } .brands__slide-text { font-size: 20px; line-height: 32px; font-weight: 300; margin-bottom: 30px; color: #5d5c57; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .brands__slide-text { font-size: 17px; margin-bottom: 20px; } } @media only screen and (max-width: 991.98px) { .brands__slide-text { font-size: 17px; margin-bottom: 20px; } } @media only screen and (max-width: 767.98px) { .brands__slide-text { font-size: 18px; line-height: 25px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .brands__slide-in .offset-lg-5 { margin-left: 50%; -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50% 1; max-width: 50%; } .brands__slide-in .link-arrow { font-size: 17px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .brands__slide-in .link-arrow { font-size: 17px; } } @media only screen and (max-width: 767.98px) { .brands__slide-in .link-arrow { padding-left: 20px; } } .brands__abs-img { position: absolute; right: 17px; top: -20px; max-width: 300px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .brands__abs-img { display: none !important; } } @media only screen and (max-width: 991.98px) { .brands__abs-img { display: none; } } .split-cols { padding: 80px 0; overflow: hidden; } @media only screen and (max-width: 767.98px) { .split-cols { padding: 0; } .split-cols > .wrap { padding: 0; } } .split-cols__slider .slick-dots li { background-color: #c9c8c7; } .split-cols__slider .slick-dots li.slick-active { background-color: #00ab84; } .split-cols__slider .prev-slide { z-index: 2; } @media only screen and (max-width: 767.98px) { .split-cols__slider { padding-bottom: 50px; } .split-cols__slider .round-arrow { top: 195px; } .split-cols__slider .next-slide { right: -46px; } .split-cols__slider .prev-slide { left: -46px; } } .split-cols__row { padding: 20px 40px; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } @media only screen and (min-width: 1200px) { .split-cols__row { padding: 20px 90px; } } @media only screen and (max-width: 991.98px) { .split-cols__row { padding: 20px; } .split-cols__row .col-md-7 { width: 50%; max-width: 62%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .split-cols__row .col-md-5 { width: 38%; max-width: 38%; } } @media only screen and (max-width: 767.98px) { .split-cols__row { padding: 0; } .split-cols__row .col-md-7 { width: 100%; max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .split-cols__row .col-md-5 { width: 100%; max-width: 100%; } } .split-cols__item { min-height: 500px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767.98px) { .split-cols__item { min-height: auto; } } .split-cols__item--text { padding: 66px 68px 45px; background: linear-gradient(-229.64deg, #000 -1180%, #fff 100%); -webkit-box-shadow: -6px 0 28px 0 rgba(0, 0, 0, 0.2); box-shadow: -6px 0 28px 0 rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767.98px) { .split-cols__item--text { padding: 20px; background: #fff; -webkit-box-shadow: none; box-shadow: none; } } .split-cols__item--img { padding: 50px 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 991.98px) { .split-cols__item--img { top: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @media only screen and (max-width: 767.98px) { .split-cols__item--img { padding: 0; } } .split-cols__img-holder { height: 400px; min-height: 400px; background-position: top center; } @media only screen and (max-width: 767.98px) { .split-cols__img-holder { padding-bottom: 56%; height: auto; } } .split-cols__paragraph { margin-bottom: 35px; max-width: 446px; } .split-cols__title { max-width: 446px; margin-bottom: 25px; } .events { padding: 100px 0 130px; } @media only screen and (max-width: 991.98px) { .events { padding: 50px 0; } } .events__item { padding: 39px 30px; min-height: 430px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .events__item .subtitle { margin-bottom: 30px; } @media only screen and (min-width: 1200px) { .events__item { padding: 39px 51px; } } @media only screen and (max-width: 991.98px) { .events__item { padding: 30px 60px; margin-bottom: 30px; min-height: 340px; } } @media only screen and (max-width: 767.98px) { .events__item { padding: 20px; } .events__item .subtitle { margin-bottom: 18px; } } .news { border: 1px solid #c9c8c7; } @media only screen and (max-width: 991.98px) { .news { display: block; } } @media only screen and (max-width: 767.98px) { .news { padding: 20px; } } .news__lists { border-top: 1px solid #c9c8c7; } @media only screen and (min-width: 992px) { .news__lists { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0; height: 100%; } } .news__item { display: block; border-bottom: 1px solid #c9c8c7; padding: 12px 0; } .news__item:last-child { border: 0; } .news__date { display: block; font-size: 14px; line-height: 17px; letter-spacing: 2.3px; color: #93928f; margin-bottom: 6px; font-weight: 500; } .news__link { font-size: 17px; line-height: 23px; letter-spacing: 0.5px; font-weight: 400; color: #009fdf; word-break: break-word; } @media only screen and (max-width: 767.98px) { .news__link { font-size: 15px; letter-spacing: 0; } } .results__link { margin-top: auto; width: auto; } .financial-cal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px solid #c9c8c7; } @media only screen and (max-width: 991.98px) { .financial-cal { margin-bottom: 30px; display: block; } } .financial-cal__date { width: 100%; border-top: 1px solid #c9c8c7; padding: 30px 0; margin-top: 50px; position: relative; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto 0; vertical-align: top; } @media only screen and (max-width: 991.98px) { .financial-cal__date { height: auto; } } @media only screen and (max-width: 767.98px) { .financial-cal__date { display: block; } } .financial-cal__holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 992px) { .financial-cal__holder { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } } @media only screen and (max-width: 767.98px) { .financial-cal__holder { display: block; } } @media only screen and (max-width: 575.98px) { .financial-cal__holder { position: unset; -webkit-transform: unset; transform: unset; } } .financial-cal__day { font-size: 96px; line-height: 96px; color: #00ab84; } @media only screen and (max-width: 575.98px) { .financial-cal__day { font-size: 70px; line-height: 70px; } } .finacial-cal__month { display: block; font-size: 16px; line-height: 19px; letter-spacing: 2px; text-transform: uppercase; } .financial-cal__title { font-size: 26px; line-height: 33px; color: #009fdf; letter-spacing: 1px; margin-left: 25px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .financial-cal__title { max-width: 300px; } } @media only screen and (max-width: 767.98px) { .financial-cal__title { position: relative; left: unset; font-size: 20px; margin-left: 0; display: block; margin-top: 20px; } } @media only screen and (max-width: 575.98px) { .financial-cal__title { font-size: 22px; line-height: 25px; } } .financial-cal__links { margin-top: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; border-top: 1px solid #c9c8c7; } @media only screen and (max-width: 575.98px) { .financial-cal__links { display: block; } .financial-cal__links .results__link:nth-child(2) { margin-top: 26px; } } .news__link-box { border-top: 1px solid #c9c8c7; margin-top: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; } .accordion { position: relative; padding: 30px 0; } @media only screen and (max-width: 991.98px) { .accordion { margin-bottom: 30px; } } .accordion a { color: #009fdf; } .accordion__head { cursor: pointer; } .accordion__head.open .accordion__title { color: #00ab84; } .accordion__head.open .accordion__title::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #c9c8c7; } .accordion__title { font-size: 22px; line-height: 27px; font-weight: 500; display: block; position: relative; color: #009fdf; padding: 25px 54px 25px 27px; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; border-top: 1px solid #c9c8c7; } .accordion__title::after { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; color: #009fdf; position: absolute; font-size: 16px; right: 26px; top: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 9px; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (min-width: 1025px) { .no-touch .accordion__title:hover { background-color: #fff; color: #00ab84; -webkit-box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.15); border-color: transparent; } } @media only screen and (max-width: 767.98px) { .accordion__title { padding: 15px 35px 15px 0; font-size: 16px; } .accordion__title::after { right: 0; } } .accordion__item:last-of-type { border-bottom: 1px solid #c9c8c7; } .accordion__content { display: none; padding: 6px 109px 11px 27px; } @media only screen and (max-width: 991.98px) { .accordion__content { padding: 20px 54px 11px 0; } } @media only screen and (max-width: 767.98px) { .accordion__content { padding: 10px 0; } } .breadcrumbs { padding: 20px 0; position: relative; } @media only screen and (max-width: 767.98px) { .breadcrumbs { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumbs--share { padding-left: 50px; } } .breadcrumbs__item { display: inline-block; font-size: 12px; text-transform: uppercase; color: #93928f; letter-spacing: 3px; padding-bottom: 2px; } .breadcrumbs__link { color: #009fdf; margin-right: 3px; outline: none; background-image: linear-gradient(transparent calc(100% - 1px), #009fdf 1px); background-repeat: no-repeat; width: calc(100%); background-size: 0 100%; display: inline; -webkit-transition: background-size .5s ease-in-out; transition: background-size .5s ease-in-out; } @media only screen and (min-width: 1025px) { .no-touch .breadcrumbs__link:hover { background-size: 100% 100%; } } @media only screen and (min-width: 1025px) { .no-touch .breadcrumbs__link:hover { background-size: 100% 100%; } } .quote { padding: 60px 0; } .quote__in { text-align: center; padding: 25px 130px; position: relative; } .quote__in::after, .quote__in::before { content: ''; position: absolute; display: block; width: 80px; height: 80px; } .quote__in::after { border-top: 15px solid #009fdf; border-right: 15px solid #009fdf; right: 15px; top: 0; } .quote__in::before { border-bottom: 15px solid #00ab84; border-left: 15px solid #00ab84; bottom: 0; left: 15px; } @media only screen and (max-width: 991.98px) { .quote__in { padding: 50px; } .quote__in::after, .quote__in::before { width: 64px; height: 64px; border-width: 15px; } .quote__in::after { right: 0; top: -51px; } .quote__in::before { bottom: -22px; left: 0; } } @media only screen and (max-width: 767.98px) { .quote__in { padding: 30px; } .quote__in::after { top: -15px; } .quote__in::before { bottom: -14px; } } .quote__text { font-size: 33px; line-height: 43px; margin-bottom: 50px; color: #27251f; font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; } @media only screen and (max-width: 991.98px) { .quote__text { font-size: 30px; line-height: 40px; margin-bottom: 30px; } } @media only screen and (max-width: 767.98px) { .quote__text { font-size: 23px; line-height: 33px; } } .quote__name { font-size: 16px; line-height: 19px; color: #00ab84; } .related-box { margin: 20px 0 80px; } .related-box h3 { margin-bottom: 40px; } @media only screen and (max-width: 767.98px) { .related-box { margin: 20px 0; } } .related-box__wrap { border-top: 1px solid #c9c8c7; padding-top: 30px; } .related-box__holder { height: 187px; background-color: #27251f; margin-bottom: 15px; position: relative; overflow: hidden; } .related-box__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } @media only screen and (max-width: 991.98px) { .related-box__in { margin-bottom: 40px; padding: 0 15px; } } @media only screen and (max-width: 767.98px) { .related-box__in { margin-bottom: 30px; padding: 0; } } .table { padding: 30px 0; } @media only screen and (max-width: 767.98px) { .table { padding: 20px 0; } } @media only screen and (max-width: 767.98px) { .table__wrap { width: calc(100% + 15px); overflow-x: auto; } } table { width: 100%; } table tr { border-bottom: 1px solid #c9c8c7; } table th, table td { color: #5d5c57; text-align: left; font-size: 15px; letter-spacing: 0.5px; font-weight: 400; line-height: 22px; border: 0 !important; } table th { color: #00ab84; letter-spacing: 0.5px; font-weight: 500; padding: 18px 20px; background-color: #f4f4f4; } table thead { border-top: 1px solid #c9c8c7; border-bottom: 2px solid #c9c8c7; } table tr:first-child { border-top: 1px solid #c9c8c7; border-bottom: 2px solid #c9c8c7; } table tr:first-child td { color: #00ab84; letter-spacing: 0.5px; font-weight: 500; padding: 18px 20px; background-color: #f4f4f4; } table tbody tr:last-of-type td { padding-bottom: 12px; } table td { padding: 20px; vertical-align: middle; } @media only screen and (max-width: 767.98px) { table th, table td { font-size: 15px; letter-spacing: 0; } table th { min-width: 120px; } } .table-info { font-size: 14px; font-family: "Futura", Arial, Helvetica, sans-serif; color: #27251f; padding: 10px 0; display: none; } .table-info .font-ico-long-arrow-right { font-size: 12px; padding-left: 8px; position: relative; top: 2px; } @media only screen and (max-width: 767.98px) { .table-info { display: block; } } .banner-slider { position: relative; overflow: hidden; } .banner-slider__img { height: 450px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; color: #fff; position: relative; } @media only screen and (min-width: 1600px) { .banner-slider__img { height: 600px; } } @media only screen and (max-width: 767.98px) { .banner-slider__img { height: 220px; } } .banner-slider__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(160%, #000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 160%); } .banner-slider__overlay + .wrap { position: relative; z-index: 1; } .banner-slider__holder { position: absolute; right: 0; bottom: 10px; width: 40%; } @media only screen and (min-width: 2000px) { .banner-slider__holder { left: 53%; width: 100%; right: auto; } } @media only screen and (max-width: 991.98px) { .banner-slider__holder { width: 50%; bottom: 30px; right: 0; left: auto; } } @media only screen and (max-width: 767.98px) { .banner-slider__holder { position: relative; width: 100%; margin-top: 65px; } .banner-slider__holder::before { content: ''; display: block; position: absolute; left: -20px; right: -20px; bottom: 0; top: 42%; background-color: #00ab84; } } .banner-slider__content { max-width: 480px; } @media only screen and (max-width: 991.98px) { .banner-slider__content { padding-right: 25px; max-width: 50%; } } @media only screen and (max-width: 767.98px) { .banner-slider__content { max-width: 100%; padding-right: 0; } .banner-slider__content .subtitle { color: #00ab84; } } .banner-slider__subtitle { margin-bottom: 1px; } .banner-slider__title { margin-bottom: 32px; } .banner-slider__bottom { padding: 20px 0 125px; background-color: #00ab84; position: relative; } @media only screen and (max-width: 767.98px) { .banner-slider__bottom { padding: 15px 0; background-color: #fff; } } .double-slider { padding-bottom: 15px; } .double-slider .slick-slide { width: 300px; margin-right: 20px; position: relative; background-color: #fff; } .double-slider .slick-slide::after { content: ''; display: block; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .double-slider .slick-slide.slick-current::after { display: none; } @media only screen and (min-width: 1200px) { .double-slider .slick-slide { width: 445px; } } @media only screen and (max-width: 991.98px) { .double-slider .slick-slide { width: 400px; } } @media only screen and (max-width: 991.98px) { .double-slider .slick-slide { width: 330px; margin-right: 15px; } } @media only screen and (max-width: 767.98px) { .double-slider { -webkit-box-shadow: -20px 60px 44px 0 rgba(0, 0, 0, 0.2); box-shadow: -20px 60px 44px 0 rgba(0, 0, 0, 0.2); padding-bottom: 0; margin-bottom: 20px; } .double-slider .slick-slide { width: 100%; margin-right: 0; } } .double-slider__slide { color: #000; padding: 40px 35px 50px; position: relative; min-height: 375px; } .double-slider__slide::after { content: ''; display: block; height: 14px; background-color: #009fdf; position: absolute; top: 0; right: 0; left: 0; } @media only screen and (max-width: 991.98px) { .double-slider__slide { min-height: 420px; } } @media only screen and (max-width: 767.98px) { .double-slider__slide { padding: 35px 20px 20px; min-height: 280px; } } @media only screen and (max-width: 575.98px) { .double-slider__slide { min-height: 340px; } } .double-slider__title { border-bottom: 1px solid #979797; padding-bottom: 31px; margin-bottom: 21px; } .double-slider__indent { padding: 0 35px; } @media only screen and (max-width: 1199.98px) { .double-slider__indent { padding: 0; } } .double-slider__subtitle { margin-bottom: 17px; } .double-slider__link { bottom: 36px; position: absolute; padding-left: 20px; } .banner-slider__progress { max-width: 320px; padding: 10px; overflow: hidden; position: relative; margin-left: 90px; } @media only screen and (max-width: 1199.98px) { .banner-slider__progress { max-width: calc(100% - 170px); } } @media only screen and (max-width: 767.98px) { .banner-slider__progress { width: 100%; max-width: 100%; padding: 10px 0; margin: 0 auto; } } .banner-slider__progress-dashed { position: absolute; left: 0; right: 0; height: 1px; top: 34px; -webkit-transform: translate(0, 0); transform: translate(0, 0); border-top: 1px dashed #fff; } .banner-slider__draggable { width: 40px; height: 40px; border-radius: 50%; position: relative; left: 0; -webkit-transition: .5s ease; transition: .5s ease; margin: 5px; overflow: visible; } .banner-slider__draggable.is-dragging { -webkit-transition: none; transition: none; } .banner-slider__draggable::before { content: ''; display: block; width: 1000px; height: 2px; background-color: #fff; position: absolute; left: -1000px; top: 19px; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 2; } .banner-slider__draggable::after { content: ''; display: block; min-width: 50px; min-height: 50px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .banner-slider__draggable.change-arrow .font-ico-long-arrow-right::before { content: ""; font-size: 18px; } .banner-slider__draggable.rotate-arrow .font-ico-long-arrow-right { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .banner-slider__draggable .font-ico-long-arrow-right { color: #009fdf; position: absolute; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; background-color: #fff; z-index: 5; -webkit-transition: .5s ease; transition: .5s ease; } .banner-slider__draggable .font-ico-long-arrow-right::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1025px) { .no-touch .banner-slider__draggable:hover::after { min-width: 60px; min-height: 60px; } .no-touch .banner-slider__draggable:hover .font-ico-long-arrow-right { background-color: #00ab84; color: #fff; } .no-touch .banner-slider__draggable:hover .font-ico-long-arrow-right::before { content: ""; font-size: 18px; } } .prev-slide-drag { left: 0; } .next-slide-drag { left: 425px; } @media only screen and (max-width: 1199.98px) { .next-slide-drag { right: 35px; left: unset; } } .prev-slide-drag, .next-slide-drag { position: absolute; bottom: -45px; color: #fff; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.8px; text-transform: uppercase; cursor: pointer; } .prev-slide-drag.slick-disabled, .next-slide-drag.slick-disabled { opacity: 0.5; } .search { margin-top: 40px; } .search__title { margin-bottom: 35px; } @media only screen and (max-width: 767.98px) { .search__title { margin-bottom: 20px; } } .search__intro { margin-bottom: 40px; } .search-results__wrapper { padding-bottom: 100px; } @media only screen and (max-width: 767.98px) { .search-results__wrapper { padding-bottom: 50px; } } .search-results { border-bottom: 1px solid #c9c8c7; margin-bottom: 20px; } .search-results__title { font-size: 24px; line-height: 27px; } .search-results__link { color: #009fdf; } .search-results__info { margin-top: 50px; } .search-results__btn { margin-top: 30px; } .people { margin-top: 60px; margin-bottom: 120px; } @media only screen and (max-width: 991.98px) { .people { margin-top: 30px; margin-bottom: 30px; } } @media only screen and (max-width: 767.98px) { .people { margin-top: 30px; margin-bottom: 0; padding: 0; } } .people-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .people-item { width: calc(33.333% - 10px); margin-right: 15px; margin-bottom: 55px; cursor: pointer; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } @media only screen and (min-width: 992px) { .people-item:nth-child(3n) { margin-right: 0; } .people-item:hover { opacity: 0.7; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .people-item { width: calc(50% - 7.5px); } .people-item:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 767.98px) { .people-item { width: 100%; margin-right: 0; margin-bottom: 40px; } .people-item:last-child { margin-bottom: 20px; } } .people-item__img-wrap { position: relative; overflow: hidden; padding-top: 100%; margin-bottom: 10px; } .people-item__img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } .people-item__name, .people-item__job { display: block; letter-spacing: .5px; line-height: 1.2; } .people-item__name { margin-bottom: 4px; font-size: 30px; font-family: Freight; color: #27251f; } @media only screen and (max-width: 767.98px) { .people-item__name { font-size: 26px; } } .people-item__job { display: block; font-size: 20px; } @media only screen and (max-width: 767.98px) { .people-item__job { font-size: 18px; } } .people-item__hidden { display: none; padding-right: 20px; } @media only screen and (max-width: 767.98px) { .people-item__hidden { padding-right: 0; } } .pop-up { display: none; } .pop-up .people-item { width: 100%; cursor: auto; } .pop-up .people-item:hover { opacity: 1; } .pop-up .people-item__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pop-up .people-item__hidden { display: block; } .pop-up .people-item__visible { width: 390px; margin-right: 60px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .pop-up .people-item__name { font-size: 46px; margin-bottom: 0; line-height: 50px; } .pop-up .people-item__job { font-size: 26px; line-height: 33px; color: #00ab84; } @media only screen and (max-width: 1199.98px) { .pop-up .people-item__visible { width: 250px; margin-right: 45px; } .pop-up .pop-up__content-inner { overflow: auto; position: relative; z-index: 1; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .pop-up .pop-up__content-inner { height: calc(80vh - 90px); } } @media only screen and (max-width: 767.98px) { .pop-up .pop-up__content-inner { height: 100%; } .pop-up .people-item { padding-top: 60px; } .pop-up .people-item__inner { display: block; } .pop-up .pop-up__content { top: 0; bottom: 0; left: 0; right: 0; max-height: none; max-width: none; -webkit-transform: none; transform: none; padding: 0; } .pop-up .people-item__visible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .pop-up .people-item__headings { position: fixed; top: 0; width: 100%; padding: 4px 25px; background-color: #fff; z-index: 998; } .pop-up .people-item__name { font-size: 26px; } .pop-up .people-item__job { font-size: 18px; color: #5d5c57; } .pop-up .rte { padding: 10px 25px 40px; } .pop-up p { line-height: 27px; font-size: 18px; } .pop-up .intro { font-size: 20px; } } .pop-up__content-inner { overflow: auto; } @media only screen and (max-width: 991.98px) { .pop-up__content-inner { margin-bottom: 20px; } } .pop-up__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1135px; max-height: 740px; padding: 55px 55px 55px 50px; background-color: #fff; z-index: 999; } @media only screen and (max-width: 1199.98px) { .pop-up__content { max-width: 90%; padding: 50px 45px 40px 35px; max-height: 80vh; } } .pop-up__overlay { background-color: #27251f; opacity: 0.9; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 998; } .pop-up__icon { position: absolute; right: 19px; top: 22px; color: #009fdf; font-size: 20px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } @media only screen and (min-width: 992px) { .pop-up__icon:hover { opacity: 0.7; } } @media only screen and (max-width: 767.98px) { .pop-up__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; background: #009fdf; color: #fff; top: 0; right: 0; z-index: 999; } } .pop-up__icon-prev, .pop-up__icon-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 42px; cursor: pointer; color: #fff; } .pop-up__icon-prev.disabled, .pop-up__icon-next.disabled { pointer-events: none; opacity: .4; } @media only screen and (max-width: 991.98px) { .pop-up__icon-prev, .pop-up__icon-next { font-size: 35px; } } @media only screen and (max-width: 767.98px) { .pop-up__icon-prev, .pop-up__icon-next { z-index: 99; top: 240px; background: rgba(0, 0, 0, 0.4); height: 86px; width: 86px; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pop-up__icon-prev::before, .pop-up__icon-next::before { position: absolute; } } .pop-up__icon-prev { left: -90px; } @media only screen and (max-width: 991.98px) { .pop-up__icon-prev { left: -35px; } } @media only screen and (max-width: 767.98px) { .pop-up__icon-prev { left: -43px; } .pop-up__icon-prev::before { right: 9px; } } .pop-up__icon-next { right: -90px; } @media only screen and (max-width: 991.98px) { .pop-up__icon-next { right: -35px; } } @media only screen and (max-width: 767.98px) { .pop-up__icon-next { right: -43px; } .pop-up__icon-next::before { left: 9px; } } .popup-visible { overflow: hidden; } .pop-up__tablet-scroll { display: none; font-size: 14px; line-height: 20px; font-family: "Futura", Arial, Helvetica, sans-serif; color: #27251f; position: fixed; bottom: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 100%; padding: 10px; background-color: #fff; z-index: 10; } .pop-up__tablet-scroll .font-ico-long-arrow-right { font-size: 12px; padding-left: 8px; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: -2px; } @media only screen and (max-width: 991.98px) { .pop-up__tablet-scroll { display: block; } } .people-item__images { display: block; font-size: 0; margin-top: 50px; } @media only screen and (max-width: 767.98px) { .people-item__images { text-align: center; margin-top: 30px; } } .people-item__image-holder { display: inline-block; width: 33.333%; margin-bottom: 20px; } @media only screen and (max-width: 991.98px) { .people-item__image-holder { width: 50%; } } .people-item__image { max-width: 105px; width: 100%; } @media only screen and (max-width: 991.98px) { .people-item__image { width: 100%; } } .iframe { padding: 20px 0; } @media only screen and (max-width: 991.98px) { .iframe { padding: 30px 0; } } @media only screen and (max-width: 767.98px) { .iframe { overflow: hidden; padding: 20px 0; } .iframe > .wrap { padding: 0; } } .iframe__holder { position: relative; max-width: 100%; padding-bottom: 56.25%; -webkit-box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.2); background-color: #27251f; margin-bottom: 40px; } @media only screen and (max-width: 767.98px) { .iframe__holder { margin-bottom: 20px; } } .iframe__in { display: none; position: absolute; top: 0; left: 0; border: 0; width: calc(100% + 2px) !important; height: calc(100% + 2px) !important; } .iframe__caption { padding: 0 185px 0 120px; } @media only screen and (max-width: 991.98px) { .iframe__caption { padding: 0 90px 0 60px; } } @media only screen and (max-width: 767.98px) { .iframe__caption { padding: 0 20px; } } .iframe__caption-in { padding: 20px 30px; background-color: #f4f4f4; } .iframe__text { font-size: 16px; line-height: 19px; letter-spacing: 1px; margin-bottom: 0; } .iframe__btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 90px; line-height: 1px; color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5); overflow: visible; -webkit-transition: .5s ease; transition: .5s ease; } @media only screen and (min-width: 1025px) { .no-touch .iframe__btn:hover { color: #009fdf; } } @media only screen and (max-width: 767.98px) { .iframe__btn { font-size: 58px; } } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .iframe__btn { text-shadow: none; width: 94px; height: 94px; } } } #iframeid { margin-top: 50px; } @media only screen and (max-width: 767.98px) { #iframeid { margin-top: 25px; } } .tabs { padding: 30px 0; } .tabs .tabs__content:last-of-type .tabs__click-btn { border-bottom: 1px solid #009fdf; } .tabs .tabs__content:last-of-type .tabs__click-btn.open { border-bottom: 0; } .tabs__content { display: none; padding-top: 50px; } .tabs__content.open { display: block; } .tabs__content.open .tabs__inner { display: block; } @media only screen and (max-width: 767.98px) { .tabs__content { display: block; padding-top: 0; } } @media only screen and (max-width: 767.98px) { .tabs__inner { display: none; padding-top: 30px; } .tabs__inner.open { display: block; } } .tabs__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767.98px) { .tabs__list { display: none; } } .tabs__item { display: block; font-size: 24px; line-height: 27px; letter-spacing: 0.5px; font-weight: 500; padding: 15px; width: 20%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; cursor: pointer; color: #009fdf; border-bottom: 1px solid #c9c8c7; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (min-width: 1025px) { .no-touch .tabs__item:hover { background-color: #f4f4f4; } } @media only screen and (min-width: 768px) { .tabs__item.open { color: #93928f; border: 1px solid #c9c8c7; border-bottom: 0; } } @media only screen and (max-width: 767.98px) { .tabs__item { width: 100%; } } .tabs__click-btn { display: none; border-top: 1px solid #009fdf; border-right: 1px solid #009fdf; border-left: 1px solid #009fdf; color: #93928f; font-size: 20px; line-height: 23px; letter-spacing: 0.5px; padding: 20px 50px 20px 30px; width: 100%; position: relative; } .tabs__click-btn::after { font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; color: #009fdf; position: absolute; right: 32px; top: 22px; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .tabs__click-btn.open { border-bottom: 0; } .tabs__click-btn.open::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 767.98px) { .tabs__click-btn { display: block; } } .tabs__mobile { display: none; padding: 15px 19px; width: 100%; border: 1px solid #009fdf; color: #93928f; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0.5px; line-height: 24px; text-align: left; position: relative; } .tabs__mobile.tab-opened .font-ico-arrow-down { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .tabs__mobile .font-ico-arrow-down { position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%) rotate(0); transform: translate(0, -50%) rotate(0); -webkit-transition: .5s ease; transition: .5s ease; color: #009fdf; font-size: 16px; } @media only screen and (max-width: 767.98px) { .tabs__mobile { display: block; } } @media only screen and (max-width: 991.98px) { .caption-slider { margin-bottom: 20px; overflow: hidden; } .caption-slider > .wrap { padding: 0; } } @media only screen and (max-width: 767.98px) { .caption-slider { margin-bottom: 20px; } } .caption-slider__arrow { width: 57px; height: 57px; background-color: #fff; z-index: 1; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; top: 45%; } .caption-slider__arrow.prev-slide { left: 50px; } .caption-slider__arrow.next-slide { right: 50px; } @media only screen and (min-width: 1025px) { .no-touch .caption-slider__arrow:hover { background-color: #009fdf; color: #fff; } } @media only screen and (max-width: 991.98px) { .caption-slider__arrow.prev-slide { left: 0; } .caption-slider__arrow.next-slide { right: 0; } } @media only screen and (max-width: 767.98px) { .caption-slider__arrow { width: 50px; height: 50px; top: calc(100% - 105px); } } .caption-slider__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .caption-slider__holder-img { position: relative; z-index: 2; padding: 60px; } @media only screen and (max-width: 991.98px) { .caption-slider__holder-img { padding: 0; } } .caption-slider__img { width: 100%; -webkit-box-shadow: -2px 20px 42px -6px rgba(0, 0, 0, 0.4); box-shadow: -2px 20px 42px -6px rgba(0, 0, 0, 0.4); padding-bottom: 56%; } @media only screen and (max-width: 991.98px) { .caption-slider__img { -webkit-box-shadow: none; box-shadow: none; } } .caption-slider__in { position: relative; left: -60px; width: calc(100% + 120px); } @media only screen and (max-width: 991.98px) { .caption-slider__in { left: 0; width: 100%; } } .caption-slider__caption { padding: 0 20% 0 175px; position: relative; top: -60px; } @media only screen and (max-width: 991.98px) { .caption-slider__caption { padding: 0; top: 0; } } .caption-slider__caption-in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 20px 15px 15px; background-color: #f4f4f4; } @media only screen and (max-width: 991.98px) { .caption-slider__caption-in { -webkit-box-shadow: inset 0 20px 23px -7px rgba(0, 0, 0, 0.3); box-shadow: inset 0 20px 23px -7px rgba(0, 0, 0, 0.3); width: 100%; } } @media only screen and (max-width: 767.98px) { .caption-slider__caption-in { padding: 45px 15px 15px; } } .caption-slider__caption-text { font-size: 16px; line-height: 19px; margin-bottom: 0; width: 30%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .caption-slider--small { padding: 0; } .caption-slider--small .caption-slider__in { left: -37px; width: calc(100% + 74px); } .caption-slider--small .caption-slider__holder-img { padding: 0 37px; } .caption-slider--small .caption-slider__img { -webkit-box-shadow: -1px 13px 30px -4px rgba(0, 0, 0, 0.4); box-shadow: -1px 13px 30px -4px rgba(0, 0, 0, 0.4); } .caption-slider--small .caption-slider__caption { top: auto; padding: 0 37px 0 100px; } .caption-slider--small .caption-slider__arrow { top: 40%; } .caption-slider--small .caption-slider__arrow.prev-slide { left: 30px; } .caption-slider--small .caption-slider__arrow.next-slide { right: 30px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .caption-slider--small { overflow: visible; } .caption-slider--small .caption-slider__img { -webkit-box-shadow: -2px 12px 40px -12px rgba(0, 0, 0, 0.4); box-shadow: -2px 12px 40px -12px rgba(0, 0, 0, 0.4); } .caption-slider--small .caption-slider__caption-in { -webkit-box-shadow: none; box-shadow: none; } } @media only screen and (max-width: 991.98px) { .caption-slider--small .caption-slider__caption { padding: 0 37px; } } @media only screen and (max-width: 767.98px) { .caption-slider--small .caption-slider__in { left: 0; width: 100%; } .caption-slider--small .caption-slider__holder-img { padding: 0; } .caption-slider--small .caption-slider__img { -webkit-box-shadow: -1px -11px 18px -4px rgba(0, 0, 0, 0.4); box-shadow: -1px -11px 18px -4px rgba(0, 0, 0, 0.4); } .caption-slider--small .caption-slider__caption { padding: 0; } .caption-slider--small .caption-slider__arrow { top: calc(100% - 105px); } .caption-slider--small .caption-slider__arrow.prev-slide { left: 0; } .caption-slider--small .caption-slider__arrow.next-slide { right: 0; } } .counter { margin-right: 40px; } @media only screen and (max-width: 767.98px) { .counter { margin-right: 10px; } } .counter__currently { font-size: 44px; line-height: 44px; font-weight: 300; color: #00ab84; } .counter__sum { font-size: 20px; font-weight: 300; top: -0.8em; position: relative; right: 3px; } .text-slider { overflow: hidden; padding: 30px 0; } @media only screen and (max-width: 767.98px) { .text-slider { padding: 20px0; } .text-slider > .wrap { padding: 0; } } @media only screen and (max-width: 767.98px) { .text-slider__text { padding: 0 20px; } } .download { background: #f4f4f4; margin-bottom: 100px; } @media only screen and (max-width: 767.98px) { .download { -webkit-box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.2); margin-bottom: 50px; } } .download--green { position: relative; } @media only screen and (min-width: 768px) { .download--green { background: #00ab84; } } @media only screen and (max-width: 767.98px) { .download--green::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40px; background-color: #00ab84; z-index: 10; } .download--green .download__in { padding-top: 70px; } } .download__title { margin-bottom: 30px; } @media only screen and (max-width: 767.98px) { .download__title { margin-bottom: 17px; } } .download__in { position: relative; padding: 40px 20px; top: 35px; background-color: #fff; -webkit-box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 32px 24px 0 rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767.98px) { .download__in { background: #f4f4f4; padding: 40px 0 0; -webkit-box-shadow: none; box-shadow: none; top: auto; } .download__in > .row .offset-lg-1 { border-bottom: 1px solid #c9c8c7; } } .download__item { padding: 20px 0; border-bottom: 1px solid #c9c8c7; } .download__item:last-of-type { border-bottom: 0; } @media only screen and (min-width: 992px) { .download__item .link-arrow { padding-left: 30px; } } @media only screen and (max-width: 767.98px) { .download__item { padding: 24px 0; } .download__item .link-arrow { padding-left: 30px; } } .video { margin-top: 60px; position: relative; padding: 50px 0 110px; background-color: rgba(244, 244, 244, 0.5); } @media only screen and (max-width: 767.98px) { .video { margin-top: 20px; overflow: hidden; padding: 22px 0; } .video > .wrap { padding: 0; } } .video .btn { margin-bottom: 20px; } @media only screen and (max-width: 767.98px) { .video__top { padding: 0 20px; } } .primary-carousel { position: relative; overflow: hidden; background-color: #5d5c57; padding: 50px 0 160px; } @media only screen and (max-width: 767.98px) { .primary-carousel { padding: 36px 0; } .primary-carousel .slick-dots { margin-top: 20px; } } @media only screen and (max-width: 767.98px) { .primary-carousel__subtitle { margin-bottom: 3px; } } .primary-carousel__title { color: #fff; } @media only screen and (max-width: 767.98px) { .primary-carousel__title { margin-bottom: 5px; } } .primary-carousel__top-paragraph { color: #fff; margin-bottom: 30px; } @media only screen and (max-width: 767.98px) { .primary-carousel__top-paragraph { margin-bottom: 20px; } } .primary-carousel__in { margin-bottom: 30px; } .primary-carousel__in .next-slide { right: -100px; } .primary-carousel__in .prev-slide { left: -100px; } @media only screen and (max-width: 991.98px) { .primary-carousel__in .next-slide { right: -66px; } .primary-carousel__in .prev-slide { left: -66px; } } @media only screen and (max-width: 767.98px) { .primary-carousel__in .next-slide, .primary-carousel__in .prev-slide { top: 195px; } } .primary-carousel__slide { color: #fff; } .primary-carousel__slide--graph { padding: 20px; } .primary-carousel__slide--graph .flex-col { position: relative; } .primary-carousel__slide--graph .primary-carousel__holder { height: 100%; width: 100%; position: absolute; } .primary-carousel__slide--graph .primary-carousel__text { min-height: 507px; } @media only screen and (max-width: 767.98px) { .primary-carousel__slide--graph { padding: 0; } .primary-carousel__slide--graph .primary-carousel__holder { min-height: auto; height: auto; padding-bottom: 50%; } .primary-carousel__slide--graph .primary-carousel__text { min-height: 390px; padding: 53% 20px 20px; } } .primary-carousel__holder { min-height: 421px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background-position: center center; background-size: cover; background-repeat: no-repeat; } .primary-carousel__holder.primary-carousel__holder--out { left: -20px; top: -20px; bottom: -20px; background-size: contain; width: 100%; } @media only screen and (max-width: 767.98px) { .primary-carousel__holder { height: auto; min-height: auto; } .primary-carousel__holder.primary-carousel__holder--out { left: 0; top: 0; bottom: 0; position: inherit; padding-bottom: 50%; margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .primary-carousel__holder { position: relative; } } .primary-carousel__text { min-height: 421px; padding: 70px 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1024px) and (min-width: 992px) { .primary-carousel__text { padding: 40px; } } @media only screen and (max-width: 991.98px) { .primary-carousel__text { padding: 40px; } } @media only screen and (max-width: 767.98px) { .primary-carousel__text { padding: 13px 30px 30px; min-height: 250px; } } .primary-carousel__title-slide { font-size: 26px; line-height: 29px; color: #00ab84; letter-spacing: 1px; font-weight: 500; } @media only screen and (max-width: 767.98px) { .primary-carousel__title-slide { font-size: 20px; line-height: 23px; } } .primary-carousel__paragraph { color: #5d5c57; } .primary-carousel__graph { position: absolute; top: 50%; left: -20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; } @media only screen and (max-width: 991.98px) { .primary-carousel__graph { left: 20px; } } @media only screen and (max-width: 767.98px) { .primary-carousel__graph { left: auto; top: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); position: relative; max-width: 200px; margin: 0 auto; } } .subnav { background-color: #00ab84; height: 76px; padding: 27px 0 45px; overflow: hidden; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .subnav > .wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 991.98px) { .subnav { position: relative; padding-top: 20px; height: 60px; } } .subnav--sticky { position: fixed; left: 0; right: 0; top: 100px; z-index: 10; } .subnav--sticky .subnav__btn { border: 0; } .subnav--sticky .subnav__btn--open { top: -18px; } @media only screen and (max-width: 991.98px) { .subnav--sticky { top: 61px; } } .subnav--open { overflow: visible; height: auto; background-color: #f4f4f4; -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.1), 2px 12px 24px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.1), 2px 12px 24px 0 rgba(0, 0, 0, 0.2); border-top: 6px solid #00ab84; min-height: 63px; } .subnav--open .subnav__second { display: block; } .subnav--open .subnav__link { color: #009fdf; } .subnav--open .subnav__link .underline { background-image: linear-gradient(transparent calc(100% - 2px), #009fdf 2px); } .subnav--open .subnav__title { color: #5d5c57; } .subnav--open .subnav__btn::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg); transform: translateX(-50%) translateY(-50%) rotate(180deg); } @media only screen and (max-width: 991.98px) { .subnav--open { bottom: 0; } .subnav--open .subnav__item { width: 100%; margin-right: 0; } } .subnav__title { position: relative; left: 20px; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 100px; min-width: 120px; } @media only screen and (max-width: 991.98px) { .subnav__title { font-size: 18px; width: 230px; } } .subnav__second { display: none; padding: 20px 0 0 30px; } .subnav__second-item { margin-bottom: 10px; display: block; } .subnav__second-link { display: block; font-size: 17px; line-height: 23px; letter-spacing: 0.5px; color: #5d5c57; position: relative; padding-left: 20px; } .subnav__second-link::before { content: '-'; display: block; position: absolute; left: 0; top: 0; } .subnav__second-link .underline { background-image: linear-gradient(transparent calc(100% - 2px), #5d5c57 2px); } .subnav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 0 50px 0 0; max-width: 100%; min-width: 80%; } @media only screen and (max-width: 991.98px) { .subnav__list { padding: 0; top: 50px; overflow: auto; height: calc(100vh - 130px); -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } } @media only screen and (max-width: 767.98px) { .subnav__list { width: calc(100vw - 40px); } } .subnav__item { margin: 0 5% 26px 0; } .subnav__link { font-size: 17px; line-height: 23px; letter-spacing: 1px; color: #fff; } .subnav__link .underline { background-image: linear-gradient(transparent calc(100% - 2px), #fff 2px); } .subnav__btn { width: 50px; height: 50px; background-color: rgba(39, 37, 31, 0.1); border: 1px solid rgba(255, 255, 255, 0.6); position: absolute; right: 20px; top: -12px; color: #fff; cursor: pointer; z-index: 1; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .subnav__btn::after { display: inline-block; font-family: 'svgicons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; display: block; line-height: 1; content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (min-width: 1025px) { .no-touch .subnav__btn:hover { background-color: #fff; color: #00ab84; } } .subnav__btn--open { background-color: #00ab84; } .subnav__btn--open::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg); transform: translateX(-50%) translateY(-50%) rotate(180deg); } @media only screen and (min-width: 1025px) { .no-touch .subnav__btn--open:hover { background-color: #5d5c57; color: #fff; } } .subnav__touch-btn { position: absolute; content: ''; display: block; top: 0; bottom: 0; right: 0; left: 0; cursor: pointer; } @media only screen and (max-width: 991.98px) { .subnav__touch-btn { display: none; } } .progress { max-width: 330px; margin: 0 auto; } .progress__text { display: block; font-size: 16px; line-height: 19px; letter-spacing: 1px; margin-bottom: 10px; } .progress__in { height: 2px; margin-bottom: 20px; overflow: hidden; background-color: #c9c8c7; border-radius: 4px; } .progress__success { background-color: #00ab84; } .report-box { margin-top: 60px; margin-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .report-box { margin: 30px 0; } } @media only screen and (max-width: 767.98px) { .report-box { margin-top: 0; margin-bottom: 15px; } .report-box .wrap { padding: 0; } .report-box .download-link::before { top: 2px; } } .report-box__container { max-width: 1135px; margin: 0 auto 3px; padding: 47px 47px 88px; position: relative; min-height: 424px; } .report-box__container .underline { width: auto; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .report-box__container { min-height: 263px; padding: 32px 36px 55px; margin: 0 auto 10px; } } @media only screen and (max-width: 767.98px) { .report-box__container { padding: 34px 25px; margin-bottom: 11px; min-height: 523px; } } .report-box__title { font-size: 16px; line-height: 36px; font-weight: 400; margin-bottom: 2px; letter-spacing: 1px; color: #00ab84; text-transform: uppercase; font-family: "Futura", Arial, Helvetica, sans-serif; } @media only screen and (max-width: 767.98px) { .report-box__title { font-size: 18px; margin-bottom: -2px; letter-spacing: 1px; } } .report-box__subtitle { color: #27251f; font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 46px; letter-spacing: 2px; line-height: 50px; max-width: 320px; margin-bottom: 52px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .report-box__subtitle { line-height: 40px; } } @media only screen and (max-width: 767.98px) { .report-box__subtitle { line-height: 45px; letter-spacing: 2px; margin-bottom: 15px; } } .report-box__link { position: absolute; bottom: 53px; left: 47px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .report-box__link { padding-left: 20px; bottom: 20px; left: 34px; } } @media only screen and (max-width: 767.98px) { .report-box__link { font-size: 17px; position: relative; bottom: 0; padding-left: 23px; left: 0; } } .report-box__footnote { font-size: 20px; line-height: 32px; text-align: center; letter-spacing: 0.5px; color: #5d5c57; } @media only screen and (max-width: 767.98px) { .report-box__footnote { padding: 0 30px; } } .tabs-select { margin-bottom: 185px; } @media only screen and (max-width: 991.98px) { .tabs-select { margin-bottom: 10px; } .tabs-select .btn { margin-bottom: 50px; } } .tabs-select__wrap-content { margin-bottom: 78px; } @media only screen and (max-width: 991.98px) { .tabs-select__wrap-content { margin-bottom: 30px; } } @media only screen and (max-width: 767.98px) { .tabs-select__wrap-content { margin-bottom: 4px; } } .tabs-select__content { display: none; } .tabs-select__content.tabs-select__content--active { display: block; } .tabs-select__content ul { margin-top: -40px; } .tabs-select__content li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #c9c8c7; } @media only screen and (max-width: 767.98px) { .tabs-select__content ul { margin-top: 30px; margin-bottom: 45px; border-top: 2px solid #c9c8c7; } .tabs-select__content li { display: block; } } .tabs-select__buttons { margin: 0 0 43px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767.98px) { .tabs-select__buttons { margin: -20px 0 43px; display: none; } } .tabs-select__btn { color: #009fdf; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 1.2px; line-height: 24px; padding: 15px 10px; border-width: 1px; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #c9c8c7; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 -1px; } @media only screen and (min-width: 1025px) { .no-touch .tabs-select__btn:hover { text-decoration: underline; } @supports not (-ms-high-contrast: none) { .no-touch .tabs-select__btn:hover { text-decoration: none; } .no-touch .tabs-select__btn:hover .tab-hover::before { min-width: 100%; } } } @media only screen and (min-width: 768px) { .tabs-select__btn.tabs-select__btn--active { color: #93928f; border-top-color: #c9c8c7; border-left-color: #c9c8c7; border-right-color: #c9c8c7; border-bottom-color: transparent; } } @media only screen and (max-width: 767.98px) { .tabs-select__btn { font-size: 20px; display: block; width: 100%; margin: 0; } } .tabs-select__td { min-width: 160px; } .tabs-select__td a { color: #009fdf; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.4px; line-height: 23px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .5s ease; transition: .5s ease; } @media only screen and (min-width: 1025px) { .no-touch .tabs-select__td a:hover { color: #007daf; } } .tabs-select__td .font-ico-pdf { font-size: 30px; margin-right: 5px; } .tabs-select__td .font-ico-web { font-size: 30px; } @media only screen and (max-width: 1199.98px) { .tabs-select__td { min-width: 110px; padding: 10px; } } @media only screen and (max-width: 991.98px) { .tabs-select__td { min-width: 90px; } } .tabs-select__wrap-load { text-align: center; } .tabs-select__results { margin-bottom: 13px; color: #5d5c57; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 1px; line-height: 22px; } .tabs-select__progress { margin: 0 auto 37px; max-width: 330px; height: 2px; background-color: #c9c8c7; position: relative; } @media only screen and (max-width: 767.98px) { .tabs-select__progress { margin: 0 auto 24px; } } .tabs-select__line { margin: 0 auto; width: 25%; height: 2px; background-color: #00ab84; position: absolute; left: 0; } .tabs-select__mobile { display: none; padding: 15px 19px; margin-bottom: 20px; width: 100%; border: 1px solid #009fdf; color: #93928f; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0.5px; line-height: 24px; text-align: left; position: relative; } .tabs-select__mobile.tab-opened .font-ico-arrow-down { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .tabs-select__mobile .font-ico-arrow-down { position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%) rotate(0); transform: translate(0, -50%) rotate(0); -webkit-transition: .5s ease; transition: .5s ease; color: #009fdf; font-size: 16px; } @media only screen and (max-width: 767.98px) { .tabs-select__mobile { display: block; } } .news-page__date { color: #5d5c57; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; letter-spacing: 0.5px; line-height: 22px; padding: 30px 17px; min-width: 180px; } .news-page__date + a { padding: 30px 17px; } @media only screen and (max-width: 767.98px) { .news-page__date { padding: 15px 0; display: block; width: 100%; font-size: 15px; letter-spacing: 0; } } .news-page__desc { color: #009fdf; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; letter-spacing: 0.5px; line-height: 23px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media only screen and (max-width: 767.98px) { .news-page__desc { padding: 0 0 15px; display: block; width: 100%; font-size: 15px; letter-spacing: 0; } } .financial.tabs-select .pagination { margin-top: 46px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .pagination { margin-top: 24px; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .pagination { margin-top: 0; } } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .pagination__btn .icon { top: 9px; } } .financial.tabs-select .news-page__date { min-width: 110px; padding: 13px 0 12px 12px; font-size: 12px; line-height: 18px; color: #00ab84; font-weight: 700; letter-spacing: -0.3px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .news-page__date { padding: 3px 0 0; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .news-page__date { padding: 3px 0 22px; font-size: 11px; } } .financial.tabs-select .news-page__day { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 48px; font-weight: 600; line-height: 56px; letter-spacing: 0; text-align: center; color: #00ab84; } @media only screen and (min-width: 1200px) { .financial.tabs-select .news-page__day { font-size: 42px; letter-spacing: 3.5px; line-height: 1; } } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .news-page__day { font-size: 28px; line-height: 38px; text-align: left; } } .financial.tabs-select .news-page__month { text-align: center; white-space: nowrap; } @media only screen and (min-width: 1200px) { .financial.tabs-select .news-page__month { letter-spacing: 1.1px; font-size: 15px; } } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .news-page__month { text-align: left; font-size: 14px; letter-spacing: 0.6px; line-height: 22px; } } .financial.tabs-select .news-page__info { width: 100%; padding-left: 52px; } @media only screen and (min-width: 1200px) { .financial.tabs-select .news-page__info { padding-right: 92px; padding-top: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .news-page__info { padding-right: 14px; padding-left: 10px; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .news-page__info { padding-left: 0; padding-bottom: 22px; } } .financial.tabs-select .news-page__buttons-container { min-width: 215px; } @media only screen and (min-width: 1200px) { .financial.tabs-select .news-page__buttons-container { min-width: 226px; padding-top: 12px; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .news-page__buttons-container { min-width: 176px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 2px; } } .financial.tabs-select .news-page__view.link { text-align: left; color: #000; font-weight: 700; margin-bottom: 21px; font-size: 13px; letter-spacing: -0.3px; } .financial.tabs-select .news-page__view.link::before { content: ""; color: #009fdf; margin-right: 5px; font-size: 12px; } @media only screen and (max-width: 767.98px) { .financial.tabs-select .news-page__view { margin-bottom: 17px; display: block; } } .financial.tabs-select .news-page__calendar.link { text-align: left; color: #000; font-weight: 700; font-size: 13px; letter-spacing: -0.3px; } .financial.tabs-select .news-page__calendar.link::before { content: ""; color: #009fdf; margin-right: 5px; font-size: 12px; } @media only screen and (max-width: 767.98px) { .financial.tabs-select .news-page__calendar { display: block; margin-bottom: 2px; } } .financial.tabs-select .news-page__title-desc { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 700; line-height: 22px; letter-spacing: -0.35px; text-align: left; color: #222; margin-bottom: 0; } .financial.tabs-select .news-page__desc { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0.05px; text-align: left; color: #222; } @media only screen and (min-width: 1200px) { .financial.tabs-select .news-page__desc { margin-bottom: 0; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .news-page__desc { padding-bottom: 0; margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__wrap-content { margin-top: 33px; border-top: 1px solid #bbb; } } .financial.tabs-select .tabs-select__mobile { border-color: #F8F8F8; font-size: 14px; font-weight: 400; line-height: 22px; padding: 13px 10px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__mobile { width: 100%; font-family: "Futura", Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: left; color: #009fdf; } } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__mobile { max-width: 141px; display: block; margin: 0 0 0 auto; } .financial.tabs-select .tabs-select__mobile .tabs-select__text { font-size: 12px; color: #009fdf; } .financial.tabs-select .tabs-select__mobile .font-ico-arrow-down { font-size: 13px; top: 50%; right: 13px; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .tabs-select__mobile { margin: 0; max-width: unset; } .financial.tabs-select .tabs-select__mobile.tab-opened { border-bottom: 0; } } .financial.tabs-select .tabs-select__wrap { position: relative; } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__wrap { margin-bottom: 35px; } } .financial.tabs-select .tabs-select__title { font-family: "Futura", Arial, Helvetica, sans-serif; display: inline-block; font-size: 14px; font-weight: 700; line-height: 28px; letter-spacing: -0.72px; color: #27251f; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__title { position: absolute; left: 2px; top: 11px; margin-bottom: 0; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .tabs-select__title { margin-bottom: 8px; } } .financial.tabs-select .tabs-select__content ul li { padding: 9px 0 56px; border-bottom: 1px solid #bbb; } .financial.tabs-select .tabs-select__content ul li:nth-last-child(1) { border-bottom: 0; } @media only screen and (min-width: 1200px) { .financial.tabs-select .tabs-select__content ul li { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__content { margin-top: 39px; } .financial.tabs-select .tabs-select__content ul li { padding: 20px 0 11px; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .tabs-select__content { border-top: 0; margin-top: 31px; margin-bottom: 0; } .financial.tabs-select .tabs-select__content ul { margin-bottom: 0; margin-top: 31px; border-top: 1px solid #bbb; } .financial.tabs-select .tabs-select__content ul li { padding: 20px 0 35px; } } .financial.tabs-select .tabs-select__buttons { border: 0; -webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right; justify-content: right; position: relative; } .financial.tabs-select .tabs-select__buttons::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: #bbb; } @media only screen and (min-width: 1200px) { .financial.tabs-select .tabs-select__buttons { margin: 0 0 41px; } } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__buttons { display: none; max-width: 141px; margin-left: auto; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #F8F8F8; border-bottom: 1px solid #F8F8F8; border-left: 1px solid #F8F8F8; } .financial.tabs-select .tabs-select__buttons::after { content: initial; } } @media only screen and (max-width: 767.98px) { .financial.tabs-select .tabs-select__buttons { border-top: 0; max-width: unset; } } .financial.tabs-select .tabs-select__btn { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height: 33px; letter-spacing: 0; margin: 0 0 0 75px; padding: 0 0 14px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border: 0; position: relative; color: #000; text-transform: uppercase; } .financial.tabs-select .tabs-select__btn .tab-hover::before { display: none; } .financial.tabs-select .tabs-select__btn::after { content: ''; position: absolute; bottom: 0; left: -7px; height: 3px; width: calc(100% + 18px); background-color: #009fdf; display: none; z-index: 7; } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__btn { display: block; max-width: 141px; width: 100%; padding: 15px 19px; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: 0; text-align: left; padding-left: 10px; margin: 0; } } .financial.tabs-select .tabs-select__btn--active { color: #009fdf; } .financial.tabs-select .tabs-select__btn--active::after { display: block; } @media only screen and (max-width: 1199.98px) { .financial.tabs-select .tabs-select__btn--active::after { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .financial.tabs-select { max-width: 81.62%; margin: 0 auto; } } @media only screen and (min-width: 1200px) { .financial.tabs-select { padding: 0 7.5px; margin-bottom: 165px; } } .results .h2-line { margin-top: 30px; margin-bottom: 50px; } .results tr:first-child { border-top: 0; border-bottom: 1px solid #c9c8c7; } .results tr:first-child td { background-color: transparent; color: #5d5c57; text-align: left; font-size: 17px; letter-spacing: 0.5px; font-weight: 300; line-height: 22px; } .results .row .report-box { margin-top: 0; margin-bottom: 50px; } .results .row .report-box .wrap { padding: 0; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .results .row .report-box { margin-bottom: 50px; } } @media only screen and (max-width: 767.98px) { .results .h2-line { margin-bottom: 15px; } .results .row .report-box { min-width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 15px; } } .share { position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; right: 0; } @media only screen and (max-width: 991.98px) { .share { top: inherit; bottom: -65px; -webkit-transform: none; transform: none; } .share.share--down { bottom: -130px; } } .share--open { -webkit-box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.2); box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.2); background-color: #fff; } .share--open .share__dropdown { display: block; } .share__btn { width: 61px; height: 61px; background-color: #009fdf; color: #fff; position: relative; cursor: pointer; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; -webkit-box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.2); box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.2); } .share__btn::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; } @media only screen and (min-width: 1025px) { .no-touch .share__btn:hover { background-color: #fff; color: #009fdf; } } .share__btn--open { background-color: #fff; color: #009fdf; -webkit-box-shadow: none; box-shadow: none; } .share__btn--open::after { content: ''; display: block; background-color: #fff; height: 4px; position: absolute; bottom: -4px; left: 0; right: 0; } @media only screen and (min-width: 1025px) { .no-touch .share__btn--open:hover { background-color: #009fdf; color: #fff; } } .share__item { background-color: #fff; color: #fff; cursor: pointer; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (min-width: 1025px) { .no-touch .share__item:hover { background-color: #009fdf; } .no-touch .share__item:hover .share__icon { color: #fff; } } .share__icon { padding: 23px 23px 24px 22px; color: #009fdf; } .share__dropdown { display: none; position: absolute; top: 61px; background-color: #fff; -webkit-box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.2); box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.2); } .share__dropdown--open { display: block; } .share-wrap { padding: 60px 0; } @media only screen and (max-width: 767.98px) { .share-wrap { padding: 40px 0; } } .share-wrap__img-holder { padding: 35px; min-height: 336px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #fff; width: 100%; } @media only screen and (max-width: 767.98px) { .share-wrap__img-holder { margin-bottom: 30px; min-height: 306px; padding: 20px; } } .share-wrap__img-title { color: #fff; } .share-wrap__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 35px; border: 1px solid #c9c8c7; width: 100%; } @media only screen and (max-width: 767.98px) { .share-wrap__box { min-height: 250px; padding: 20px; } } .share-wrap__iframe { margin-bottom: 20px; } .sitemap { padding-top: 50px; } @media only screen and (max-width: 767.98px) { .sitemap { padding-top: 30px; } } .sitemap__item { margin-bottom: 100px; } @media only screen and (max-width: 767.98px) { .sitemap__item { margin-bottom: 20px; } } @media only screen and (max-width: 767.98px) { .sitemap__item--first { border-bottom: 1px solid #c9c8c7; } } .sitemap__link { font-size: 21px; line-height: 27px; margin-bottom: 13px; } @media only screen and (max-width: 767.98px) { .sitemap__link { font-size: 18px; line-height: 21px; } } .sitemap__sublink { color: #5d5c57; margin-bottom: 20px; } .sitemap__sublink .underline { background-image: linear-gradient(transparent calc(100% - 1px), #5d5c57 1px); } @media only screen and (max-width: 767.98px) { .sitemap__sublink { margin-bottom: 20px; } } .sitemap__list { border-top: 1px solid #c9c8c7; padding-top: 18px; margin-bottom: 50px; padding-left: 20px; } .sitmap__list-third { padding-left: 33px; margin-bottom: 20px; } .sitemap__sublink-third { display: block; font-size: 17px; line-height: 23px; letter-spacing: 0.5px; color: #93928f; margin-bottom: 10px; } @media only screen and (max-width: 767.98px) { .sitemap__sublink-third { font-size: 15px; letter-spacing: 0; } } .contact-wrap__item .contact__info--phone { color: #5d5c57; } @media only screen and (min-width: 1025px) { .no-touch .contact-wrap__item .contact__info--phone:hover { color: #009fdf; } } .contact-wrap .umbraco-forms-caption { display: none; } .contact-wrap .umbraco-forms-field-wrapper { padding-bottom: 25px; position: relative; } @media only screen and (max-width: 767.98px) { .contact-wrap .umbraco-forms-field-wrapper .g-recaptcha { max-width: 100% !important; width: 80%; } .contact-wrap .umbraco-forms-field-wrapper iframe { max-width: 100% !important; width: 100% !important; } } .contact-wrap .umbraco-forms-indicator { display: none; } .contact-wrap .umbraco-forms-submitmessage { font-size: 22px; color: #00ab84; margin-left: 115px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .contact-wrap .umbraco-forms-submitmessage { margin-left: 0; } } @media only screen and (max-width: 991.98px) { .contact-wrap .umbraco-forms-submitmessage { margin-left: 0; } } .contact-wrap .umbraco-forms-form { background-color: #f4f4f4; padding: 25px 35px; max-width: 675px; width: 100%; margin-left: 8.33333%; } .contact-wrap .umbraco-forms-form fieldset { margin-bottom: 0 !important; padding: 0; } .contact-wrap .umbraco-forms-form .field-validation-error { padding-top: 10px; display: block; } @media only screen and (max-width: 991.98px) { .contact-wrap .umbraco-forms-form { margin: 0; } } @media only screen and (max-width: 767.98px) { .contact-wrap .umbraco-forms-form { padding: 25px 5px; max-width: 100%s; } } .contact-wrap input[type='text'] { height: 60px; max-width: 100% !important; width: 100%; border: 1px solid #c9c8c7; background-color: #fff; } .contact-wrap input[type='checkbox'] { position: relative; top: 7px; } .contact-wrap input[type='file'] { height: 60px; width: 100%; padding-left: 45px; padding-top: 20px; background: transparent; font-size: 18px; line-height: 32px; color: #93928f; font-weight: 400; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .contact-wrap input[type='file'] { margin-left: 40px; } } } @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .contact-wrap input[type='file'] { margin-left: 20px; } } .contact-wrap input[type='file']::-webkit-file-upload-button { visibility: hidden; } .contact-wrap input[type='file']:active { outline: 0; } .contact-wrap input[type='file']::before { position: absolute; left: 0; top: 0; content: 'Choose file...'; color: #fff; font-size: 17px; letter-spacing: 0.5px; font-weight: 400; display: inline-block; height: 60px; line-height: 60px; max-width: 148px; width: 100%; background-color: #009fdf; border: 0; padding: 0 20px; outline: none; white-space: nowrap; text-align: center; -webkit-user-select: none; cursor: pointer; } @media only screen and (min-width: 1025px) { .no-touch .contact-wrap input[type='file']:hover::before { -webkit-animation: shadow 300ms linear; animation: shadow 300ms linear; border-color: #000; text-decoration: none; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media only screen and (max-width: 991.98px) { .contact-wrap input[type='file'] { padding-left: 30px; } } .contact-wrap input[type='submit'] { height: 60px; max-width: 180px; width: 100%; font-weight: 600; background-color: #00ab84; color: #fff; } @media only screen and (max-width: 991.98px) { .contact-wrap input[type='submit'] { max-width: 100%; } } .contact-wrap select, .contact-wrap option { width: 100%; height: 60px; } .contact-wrap .umbraco-forms-label { font-size: 17px; line-height: 30px; letter-spacing: 0.5px; font-weight: 400; color: #5d5c57; margin-bottom: 5px; } .contact-wrap .umbraco-forms-form input.text, .contact-wrap .umbraco-forms-form textarea { max-width: 100% !important; width: 100% !important; border: 1px solid #c9c8c7; margin: 0; font-weight: 400; color: #93928f; } .contact-wrap .umbraco-forms-form input.text:focus, .contact-wrap .umbraco-forms-form textarea:focus { border-color: #009fdf !important; } .contact-wrap .umbraco-forms-form input.text { padding: 0 15px; } .contact-wrap .umbraco-forms-form textarea { padding: 15px; } .contact-wrap .selectric { height: 60px; width: 100%; border: 1px solid #c9c8c7; } .contact-wrap .selectric .label { height: 60px; line-height: 60px; font-size: 18px; font-weight: 400; color: #93928f; } .contact-wrap .selectric .button { height: 56px; width: 58px; } .contact-wrap .selectric .button::after { border: 6px solid transparent; border-top-color: #93928f; border-bottom: 0; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (max-width: 991.98px) { .contact-wrap .selectric { max-width: 100%; } } .contact-wrap .selectric-items li { color: #009fdf; } @media only screen and (min-width: 1025px) { .no-touch .contact-wrap .selectric-items li:hover { background: rgba(0, 171, 132, 0.1); } } .contact-wrap .selectric-items li.highlighted { background: rgba(0, 171, 132, 0.1) !important; } .contact-wrap .selectric-items li.selected { background: rgba(0, 171, 132, 0.1) !important; } .contact-wrap .selectric-open .button::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .uploadcvandorcoverlatter { overflow: hidden; } .alternating { overflow: hidden; } .disclaimer { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(39, 37, 31, 0.9); z-index: 10000; } .disclaimer__wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 1135px; background-color: #fff; z-index: 999; padding: 76px 115px; } @media only screen and (max-width: 1199.98px) { .disclaimer__wrap { width: 90%; padding: 50px 45px 40px 35px; } } @media only screen and (max-width: 767.98px) { .disclaimer__wrap { padding: 50px 15px 40px; } } .disclaimer__content { max-height: 600px; overflow-y: auto; } @media only screen and (max-width: 1199.98px) { .disclaimer__content { max-height: 75vh; } } .disclaimer__logo { max-width: 256px; width: 100%; } .disclaimer__logo-holder { width: 100%; margin-bottom: 58px; } .disclaimer__content-box { background-color: #f4f4f4; display: block; padding: 34px 46px 64px; } @media only screen and (max-width: 767.98px) { .disclaimer__content-box { padding: 34px 10px 64px; } } .disclaimer__text-box { padding-bottom: 15px; } .disclaimer__text-box p, .disclaimer__text-box li { font-size: 20px; line-height: 36px; letter-spacing: 0.42px; font-weight: 500; } .disclaimer__text-box p { margin-bottom: 20px; } .disclaimer__text-box ul { padding-left: 20px; } .disclaimer__text-box li { list-style-type: disc; margin-bottom: 10px; } .disclaimer__accept-btn { background-color: #00ab84; color: #fff; padding: 0 15px; height: 60px; text-transform: initial; letter-spacing: 1px; font-size: 20px; line-height: 32px; font-weight: 500; font-family: "Futura", Arial, Helvetica, sans-serif; border: 0; margin-right: 20px; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } .disclaimer__accept-btn::after { display: none; } .disclaimer__accept-btn::before { display: none; } @media only screen and (min-width: 1025px) { .no-touch .disclaimer__accept-btn:hover { background-color: rgba(0, 171, 132, 0.9); } .no-touch .disclaimer__accept-btn:hover::after { display: none; } .no-touch .disclaimer__accept-btn:hover::before { display: none; } } @media only screen and (max-width: 767.98px) { .disclaimer__accept-btn { height: unset; } } .disclaimer__decline-btn { color: #5d5c57; font-size: 22px; letter-spacing: 0.42px; line-height: 36px; font-weight: 500; } .disclaimer__decline-btn span { padding-left: 10px; position: relative; } .disclaimer__decline-btn span::before { content: ''; background-color: #5d5c57; position: absolute; right: 0; bottom: 0; width: calc(100% - 10px); height: 1px; display: block; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } @media only screen and (min-width: 1025px) { .no-touch .disclaimer__decline-btn span:hover::before { width: 0; } } @media only screen and (max-width: 767.98px) { .disclaimer__decline-btn { margin: 19px auto; display: block; text-align: center; } } .investors-downloads { width: 100%; position: relative; margin-bottom: 105px; } .investors-downloads::before { content: ''; width: 100%; height: 280px; background: #f4f4f4; position: absolute; top: 0; left: 0; } .investors-downloads .underline { font-weight: 500; } .investors-downloads .download-link, .investors-downloads .link-arrow { padding-left: 3px; font-size: 20px; line-height: 24px; } .investors-downloads .download-link::before, .investors-downloads .link-arrow::before { top: 5px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads { margin-bottom: 90px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .investors-downloads .link-arrow { padding-left: 0; } .investors-downloads .link-arrow::before { top: 0; } } @media only screen and (max-width: 767.98px) { .investors-downloads { margin-bottom: 100px; } .investors-downloads .link-arrow::before { top: 7px; } } .investors-downloads__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; top: 30px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads__container { top: 37px; } } @media only screen and (max-width: 1199.98px) { .investors-downloads__container { display: block; } } @media only screen and (max-width: 767.98px) { .investors-downloads__container { top: 47px; } } .investors-downloads__links { background: linear-gradient(220.36deg, #000 -518.72%, #fff 50.51%); -webkit-box-shadow: 2px 32px 24px rgba(0, 0, 0, 0.2); box-shadow: 2px 32px 24px rgba(0, 0, 0, 0.2); width: 914px; margin-right: 14px; padding: 55px 115px 71px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads__links { width: 100%; margin-bottom: 55px; padding: 40px 66px 11px; } } @media only screen and (max-width: 767.98px) { .investors-downloads__links { width: 100%; padding: 27px 22px; margin-bottom: 45px; } } .investors-downloads__box { background: linear-gradient(220.36deg, #000 -518.72%, #fff 50.51%); -webkit-box-shadow: 2px 32px 24px rgba(0, 0, 0, 0.2); box-shadow: 2px 32px 24px rgba(0, 0, 0, 0.2); max-width: 445px; width: 100%; padding: 57px 25px 115px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads__box { max-width: 100%; padding: 51px 33px; min-height: 414px; } } @media only screen and (max-width: 767.98px) { .investors-downloads__box { max-width: 100%; padding: 53px 31px 100px; } } .investors-downloads__downloads-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads__downloads-container { -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; } } @media only screen and (max-width: 767.98px) { .investors-downloads__downloads-container { display: block; padding: 0 12px; } } .investors-downloads__list { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 10px); -ms-flex: 0 0 calc(50% - 10px); flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads__list { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 70px); -ms-flex: 0 0 calc(50% - 70px); flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 70px); max-width: calc(50% - 70px); } .investors-downloads__list:first-child { margin-right: 75px; } } @media only screen and (max-width: 767.98px) { .investors-downloads__list { max-width: 100%; } .investors-downloads__list:nth-child(2) { border-top: 1px solid #c9c8c7; } } .investors-downloads__item { padding: 22px 0; } .investors-downloads__item:not(:last-child) { border-bottom: 1px solid #c9c8c7; } .investors-downloads__title { margin-bottom: 25px; letter-spacing: 1.5px; } @media only screen and (max-width: 1199.98px) { .investors-downloads__title { font-size: 46px; line-height: 50px; letter-spacing: 2px; margin-bottom: 9px; } } @media only screen and (max-width: 767.98px) { .investors-downloads__title { margin-bottom: 14px; } } .investors-downloads__box-title { margin-bottom: 20px; } @media only screen and (max-width: 1199.98px) { .investors-downloads__box-title { font-size: 46px; line-height: 50px; letter-spacing: 2px; margin-bottom: 20px; } } @media only screen and (max-width: 767.98px) { .investors-downloads__box-title { margin-bottom: 8px; } } .investors-downloads__text { font-size: 20px; line-height: 32px; } .investors-downloads__pretitle { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 26px; line-height: 33px; font-weight: 400; color: #00ab84; letter-spacing: 0; } .investors-downloads__box-link { position: absolute; left: 27px; bottom: 58px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .investors-downloads__box-link { left: 29px; bottom: 32px; } } @media only screen and (max-width: 767.98px) { .investors-downloads__box-link { left: 30px; bottom: 30px; } } .cards { width: 100%; margin-bottom: 87px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .cards { margin-bottom: 50px; } } @media only screen and (max-width: 1199.98px) { .cards .download-link { padding-left: 22px; } .cards .download-link::before { font-size: 13px; top: 1px; } } @media only screen and (max-width: 767.98px) { .cards { margin-bottom: 35px; } } .cards__container { max-width: 1135px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767.98px) { .cards__container { display: block; } } .cards__item { padding: 40px 40px 88px; -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 7.5px); -ms-flex: 0 0 calc(50% - 7.5px); flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 7.5px); max-width: calc(50% - 7.5px); border: 1px solid #c9c8c7; margin-bottom: 15px; min-height: 496px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .cards__item { min-height: 305px; padding: 13px 25px 65px; } } @media only screen and (max-width: 767.98px) { .cards__item { max-width: 100%; min-height: 305px; padding: 13px 13px 70px; } } .cards__title { color: #27251f; margin-bottom: 80px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .cards__title { margin-bottom: 63px; } } @media only screen and (max-width: 767.98px) { .cards__title { margin-bottom: 35px; } } @media only screen and (max-width: 1199.98px) { .cards__title { font-size: 25px; line-height: 25px; } } .cards__main-title { color: #27251f; max-width: 80%; padding-left: 5px; } @media only screen and (max-width: 1199.98px) { .cards__main-title { font-size: 28px; line-height: 30px; } } @media only screen and (max-width: 767.98px) { .cards__main-title { max-width: 100%; padding-left: 0; } } .cards__pretitle { font-size: 18px; line-height: 36px; color: #00ab84; font-family: "Futura", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 0.2px; margin-bottom: -3px; } @media only screen and (max-width: 1199.98px) { .cards__pretitle { margin-bottom: 3px; } } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .cards__pretitle { font-size: 12px; line-height: 25px; letter-spacing: 1px; margin-bottom: 0; } } @media only screen and (max-width: 767.98px) { .cards__pretitle { font-size: 12px; line-height: 20px; letter-spacing: 1px; } } .cards__link { position: absolute; bottom: 48px; left: 40px; max-width: 70%; font-size: 18px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .cards__link { left: 25px; } } @media only screen and (max-width: 1199.98px) { .cards__link { font-size: 14px; line-height: 16px; bottom: 30px; max-width: calc(100% - 50px); } } @media only screen and (max-width: 767.98px) { .cards__link { left: 12px; line-height: 18px; max-width: calc(100% - 30px); } } .cards__item--image { border: 0; } .cards__item--image .cards__title, .cards__item--image .cards__main-title { color: #fff; position: relative; } .cards__item--image .cards__pretitle { position: relative; } .cards__item--image::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(39, 37, 31, 0.7)), to(rgba(39, 37, 31, 0.7))); background: linear-gradient(0deg, rgba(39, 37, 31, 0.7), rgba(39, 37, 31, 0.7)); } .ccc-notify-text h3, .ccc-notify-text p { font-family: "Futura", Arial, Helvetica, sans-serif; } #ccc .ccc-notify-button { background-color: #fff !important; border: 0 !important; border-radius: 0 !important; -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; } #ccc .ccc-notify-button span { color: #00ab84 !important; background: none !important; } @media only screen and (min-width: 1025px) { .no-touch #ccc .ccc-notify-button:hover { background-color: #000 !important; } .no-touch #ccc .ccc-notify-button:hover span { color: #fff !important; } } #ccc #ccc-title, #ccc .ccc-intro, #ccc #ccc-necessary-title, #ccc #ccc-necessary-description, #ccc .optional-cookie-header { font-family: "Futura", Arial, Helvetica, sans-serif; } #ccc .optional-cookie span { font-family: "Futura", Arial, Helvetica, sans-serif; } #ccc #ccc-statement .ccc-statement-description, #ccc #ccc-statement .ccc-statement-name { color: #fff !important; } #ccc #ccc-statement .ccc-link { font-weight: 700; } @media only screen and (min-width: 1025px) { .no-touch #ccc #ccc-statement .ccc-link:hover { text-decoration: underline; } } .upcoming { width: 100%; } @media only screen and (max-width: 767.98px) { .upcoming { margin-top: 20px; } } .upcoming__title { font-family: "Futura", Arial, Helvetica, sans-serif; display: block; width: 100%; font-size: 15px; font-weight: 700; line-height: 28px; letter-spacing: -0.72px; color: #27251f; margin-left: 7.5px; margin-bottom: 18px; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .upcoming__title { max-width: 81.62%; margin: 0 auto 18px; } } @media only screen and (max-width: 767.98px) { .upcoming__title { margin-left: 0; } } .upcoming__events { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px 100px 0; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .upcoming__events { margin: 0 0 49px; } } @media only screen and (max-width: 767.98px) { .upcoming__events { margin: 0 0 40px; } } .upcoming__event { max-width: calc(100% / 3); padding: 0 7.5px 15px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .upcoming__event { max-width: 81.62%; margin: 0 auto 30px; padding: 0; } } @media only screen and (max-width: 1199.98px) { .upcoming__event { height: auto !important; } } @media only screen and (max-width: 767.98px) { .upcoming__event { max-width: 100%; margin: 0 auto 20px; padding: 0; } } .upcoming__container { -webkit-box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08); position: relative; height: 100%; } .upcoming__month { display: block; width: 100%; padding: 14px 0; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 400; line-height: 34px; letter-spacing: 0; text-align: center; color: #fff; background-color: #00ab84; margin-bottom: 30px; } .upcoming__day { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 43px; font-weight: 400; line-height: 76px; letter-spacing: -2px; text-align: center; color: #00ab84; display: block; } .upcoming__desc { padding: 0 35px 97px; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: 0; text-align: center; color: #222; margin-bottom: 0; max-width: 516px; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .upcoming__desc { letter-spacing: 0.05px; } } @media only screen and (max-width: 767.98px) { .upcoming__desc { padding-bottom: 133px; } } .upcoming__buttons { padding: 0 35px 31px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: absolute; bottom: 0; left: 0; } .upcoming__buttons a { font-weight: 400; color: #000; } .upcoming__buttons a::before { color: #009fdf; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .upcoming__buttons { max-width: 257px; padding: 0 0 31px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (max-width: 767.98px) { .upcoming__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .upcoming__buttons--centered { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .upcoming__view.link { text-align: left; min-width: initial; margin-left: 0; line-height: 22px; font-size: 14px; letter-spacing: -0.3px; font-weight: 700; } .upcoming__view.link::before { content: ""; } @media only screen and (max-width: 767.98px) { .upcoming__view { margin-bottom: 12px; } } .upcoming__calendar.link { text-align: left; min-width: initial; margin-left: 0; font-size: 13px; letter-spacing: -0.3px; font-weight: 700; line-height: 22px; } .upcoming__calendar.link::before { content: ""; margin-right: 9px; } @media only screen and (max-width: 767.98px) { .upcoming__calendar { margin-bottom: 0; } } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 162px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 768px) and (max-width: 1199.98px) { .pagination { margin-top: 0; margin-bottom: 84px; } } @media only screen and (max-width: 767.98px) { .pagination { margin-top: 0; margin-bottom: 62px; } } ul.pagination__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0; } ul.pagination__list li { padding: 0 !important; } @media only screen and (max-width: 767.98px) { ul.pagination__list { margin-top: 0 !important; margin-bottom: 0; border: 0 !important; } } .pagination__btn { position: relative; font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: 0; color: #27251f; } .pagination__btn .icon { font-size: 12px; position: absolute; top: 50%; color: #009fdf; } .pagination__prev { margin-right: 30px; } .pagination__prev .icon { left: -22px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .pagination__next .icon { right: -22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pagination__item { margin-right: 28px; border: 0 !important; } .pagination__link { font-family: "Futura", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0; text-align: left; color: #646464; } .pagination__link--active { color: #009fdf; font-weight: 700; } .pagination__link--disabled { color: #bbb; pointer-events: none; } .pagination__link--disabled .icon { color: #bbb; } .interactive-infographic { width: 100%; min-height: 100vh; background-color: #f4f4f4; padding: 80px 0; overflow: hidden; -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1366px) and (min-width: 1024px) { .interactive-infographic { padding: 70px 0 40px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic { min-height: auto; } } @media only screen and (max-width: 1024px) { .interactive-infographic { display: block; } } @media only screen and (max-width: 767.98px) { .interactive-infographic { padding: 30px 0; min-height: auto; } } .interactive-infographic__container { max-width: 1175px; padding: 0 20px; margin: 0 auto; } .interactive-infographic__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; position: relative; } .interactive-infographic__initial-description-wrap { max-height: 1000px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__initial-description-wrap { max-width: 590px; -webkit-transition: max-height 2s ease-out; transition: max-height 2s ease-out; } .interactive-infographic__initial-description-wrap.initial-description-max-height { max-height: 200px; -webkit-transition: max-height 1s ease-out 0.9s; transition: max-height 1s ease-out 0.9s; } } .interactive-infographic__initial-description { -webkit-transition: 0.4s ease 0.1s; transition: 0.4s ease 0.1s; } .interactive-infographic__initial-description.hide-top { -webkit-transform: translateY(calc(-150% - 140px)); transform: translateY(calc(-150% - 140px)); } @media only screen and (min-width: 2000px) { .interactive-infographic__initial-description.hide-top { -webkit-transform: translateY(calc(-320% - 140px)); transform: translateY(calc(-320% - 140px)); } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__weel-wrap { margin: 50px auto 40px; } } @media only screen and (max-width: 1024px) { .interactive-infographic__weel-wrap { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .interactive-infographic__weel-wrap.center-top { -webkit-transform: translateY(-100px); transform: translateY(-100px); } } @media only screen and (max-width: 767.98px) { .interactive-infographic__weel-wrap { margin: 0 auto 40px; } } .interactive-infographic__weel { display: block; width: 481px; height: 486px; position: absolute; left: 50%; top: calc(100% - 486px + 40px); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 2; -webkit-transition: 0.4s ease-in-out 0.1s; transition: 0.4s ease-in-out 0.1s; } .interactive-infographic__weel.center-wheel { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.4s ease-in-out 0.1s; transition: 0.4s ease-in-out 0.1s; } .interactive-infographic__weel.center-left { bottom: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .interactive-infographic__weel.center-right { right: 25%; -webkit-transform: translate(18%, -50%); transform: translate(18%, -50%); } @media only screen and (max-width: 1366px) and (min-width: 1024px) { .interactive-infographic__weel.center-right { right: 25%; left: calc(100% - 169px); -webkit-transform: translate(-169px, -50%); transform: translate(-169px, -50%); } } @media only screen and (max-width: 1366px) and (min-width: 768px) { .interactive-infographic__weel { width: 338px; height: 338px; top: calc(100% - 338px + 20px); } } @media only screen and (max-width: 1024px) { .interactive-infographic__weel { position: static; left: auto; top: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width: 767.98px) { .interactive-infographic__weel { width: 268px; height: 268px; -webkit-transition: 0.4s ease-in-out 0.4s; transition: 0.4s ease-in-out 0.4s; } } .interactive-infographic__back { position: absolute; top: 0; right: 0; color: #fff; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .interactive-infographic__back.show-button { visibility: visible; opacity: 1; } .interactive-infographic__back.product-gray { color: #5d5c57; } .interactive-infographic__back.product-gray .interactive-infographic__back-text { background-image: linear-gradient(transparent calc(100% - 1px), #5d5c57 1px); } .interactive-infographic__back .font-ico-long-arrow-right { font-size: 13px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-right: 5px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__back { right: 15px; } } @media only screen and (max-width: 767.98px) { .interactive-infographic__back .font-ico-long-arrow-right { margin-right: 8px; } } .interactive-infographic__back-text { font-size: 20px; line-height: 23px; letter-spacing: 0.5px; background-image: linear-gradient(transparent calc(100% - 1px), #009fdf 1px); background-repeat: no-repeat; width: calc(100%); background-size: 0 100%; display: inline; -webkit-transition: background-size .5s ease-in-out; transition: background-size .5s ease-in-out; background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px); -webkit-transition: background-size .25s ease-in-out; transition: background-size .25s ease-in-out; } @media only screen and (min-width: 1025px) { .no-touch .interactive-infographic__back-text:hover { background-size: 100% 100%; } } @media only screen and (max-width: 767.98px) { .interactive-infographic__back-text { font-size: 15px; line-height: 25px; } } .interactive-infographic__title { font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-weight: 600 !important; font-size: 46px; line-height: 55px; letter-spacing: 2px; color: #5d5c57 !important; margin-bottom: 10px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__title { font-size: 36px; line-height: 43px; } } @media only screen and (max-width: 767.98px) { .interactive-infographic__title { font-size: 30px; line-height: 36px; } } .interactive-infographic__text { font-family: "Freight", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 20px; line-height: 34px; color: #5d5c57; letter-spacing: 0.45px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .interactive-infographic__text { font-size: 15px; line-height: 25px; } } .interactive-infographic__tag { color: #009fdf; } .interactive-infographic__animation { -webkit-transition: margin-bottom 0.4s ease-in-out; transition: margin-bottom 0.4s ease-in-out; } @media only screen and (max-width: 1024px) { .interactive-infographic__animation { width: 100%; } .interactive-infographic__animation.reduce-bottom-space { margin-bottom: -100px; } } .interactive-infographic__animation-title, .interactive-infographic__animation-text, .interactive-infographic__animation-item, .interactive-infographic__list-name { color: #fff !important; } .is-product .interactive-infographic__animation-title, .is-product .interactive-infographic__animation-text, .is-product .interactive-infographic__animation-item, .is-product .interactive-infographic__list-name { color: #5d5c57 !important; } .is-product .interactive-infographic__animation-item::before { background-color: #5d5c57 !important; } .interactive-infographic__animation-title { font-weight: 600 !important; margin-bottom: 10px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__animation-title { font-size: 36px; line-height: 43px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__animation-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767.98px) { .interactive-infographic__animation-list { text-align: start; } } .interactive-infographic__list-name { font-family: "Futura", Arial, Helvetica, sans-serif; display: inline-block; font-size: 16px; line-height: 20px; letter-spacing: 2px; margin-bottom: 15px; text-transform: uppercase; } .interactive-infographic__animation-text { font-size: 20px; line-height: 34px; margin-bottom: 40px; letter-spacing: 0.45px; } @media only screen and (max-width: 767.98px) { .interactive-infographic__animation-text { font-size: 14px; line-height: 25px; margin-bottom: 30px; } } .interactive-infographic__animation-item { position: relative; padding-left: 15px; font-size: 20px !important; line-height: 34px !important; letter-spacing: 0.45px !important; margin-bottom: 15px !important; list-style-type: none !important; } .interactive-infographic__animation-item::before { display: inline-block; content: ''; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; position: absolute; left: -20px; top: 9px; } @media only screen and (max-width: 1024px) { .interactive-infographic__animation-item { display: inline-block; } } @media only screen and (max-width: 767.98px) { .interactive-infographic__animation-item { font-size: 15px !important; line-height: 25px !important; display: block; padding-left: 8px; } .interactive-infographic__animation-item::before { width: 12px; height: 12px; top: 6px; } } .interactive-infographic__animation-people { -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } .interactive-infographic__animation-people:hover { fill-opacity: 1; } .interactive-infographic__animation-people:hover ~ .interactive-infographic__people-inner { stroke: #fff; fill-opacity: 1; } .interactive-infographic__animation-people:hover ~ .interactive-infographic__people-inner-text { fill: #fff; fill-opacity: 1; } .interactive-infographic__animation-people.no-touch-fill-inside { pointer-events: none; fill-opacity: 1; } .interactive-infographic__animation-people.no-touch-fill-inside ~ .interactive-infographic__people-inner { stroke: #fff; fill-opacity: 1; } .interactive-infographic__animation-people.no-touch-fill-inside ~ .interactive-infographic__people-inner-text { fill: #fff; fill-opacity: 1; } .interactive-infographic__animation-planet { -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } .interactive-infographic__animation-planet:hover { fill-opacity: 1; } .interactive-infographic__animation-planet:hover ~ .interactive-infographic__planet-inner { stroke: #fff; fill-opacity: 1; } .interactive-infographic__animation-planet:hover ~ .interactive-infographic__planet-inner-text { fill: #fff; fill-opacity: 1; } .interactive-infographic__animation-planet.no-touch-fill-inside { pointer-events: none; fill-opacity: 1; } .interactive-infographic__animation-planet.no-touch-fill-inside ~ .interactive-infographic__planet-inner { stroke: #fff; fill-opacity: 1; } .interactive-infographic__animation-planet.no-touch-fill-inside ~ .interactive-infographic__planet-inner-text { fill: #fff; fill-opacity: 1; } .interactive-infographic__animation-product { -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; } .interactive-infographic__animation-product:hover { fill-opacity: 0.2; } .interactive-infographic__animation-product.no-touch-fill-inside { pointer-events: none; fill-opacity: 0.2; } .interactive-infographic__product-inner-text { pointer-events: none; } .interactive-infographic__animation-purpose { -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; -webkit-animation: 1.2s infinite alternate lightning; animation: 1.2s infinite alternate lightning; } .interactive-infographic__animation-purpose:hover { fill-opacity: 1; } .interactive-infographic__animation-purpose:hover ~ .interactive-infographic__purpose-inner { stroke: #fff; fill-opacity: 1; } .interactive-infographic__animation-purpose:hover ~ .interactive-infographic__purpose-inner-text { fill: #fff; fill-opacity: 1; } .interactive-infographic__animation-purpose.no-touch-fill-inside { pointer-events: none; fill-opacity: 1; } .interactive-infographic__animation-purpose.no-touch-fill-inside ~ .interactive-infographic__purpose-inner { stroke: #fff; fill-opacity: 1; } .interactive-infographic__animation-purpose.no-touch-fill-inside ~ .interactive-infographic__purpose-inner-text { fill: #fff; fill-opacity: 1; } @-webkit-keyframes lightning { from { fill-opacity: 0.5; } to { fill-opacity: 1; } } @keyframes lightning { from { fill-opacity: 0.5; } to { fill-opacity: 1; } } .remove-animation { -webkit-animation: none !important; animation: none !important; } .interactive-infographic__people-inner, .interactive-infographic__people-inner-text, .interactive-infographic__planet-inner, .interactive-infographic__planet-inner-text, .interactive-infographic__product-inner, .interactive-infographic__planet-inner-text, .interactive-infographic__purpose-inner, .interactive-infographic__purpose-inner-text { -webkit-transition: 0.3s ease; transition: 0.3s ease; pointer-events: none; } @media only screen and (max-width: 1024px) { .interactive-infographic__animation-text-wrap { height: 0; position: relative; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .interactive-infographic__animation-text-wrap.center-top { -webkit-transform: translateY(-100px); transform: translateY(-100px); } } .interactive-infographic__animation-text-inner { text-align: initial; position: absolute; top: -200%; right: 0; max-width: 450px; -webkit-transition: 0.9s ease-in-out 0.4s; transition: 0.9s ease-in-out 0.4s; } .interactive-infographic__animation-text-inner.text-transition-without-delay { -webkit-transition: 0.9s ease-in-out; transition: 0.9s ease-in-out; } .interactive-infographic__animation-text-inner.text-transition-delay { -webkit-transition: 0.9s ease-in-out 0.3s; transition: 0.9s ease-in-out 0.3s; } .interactive-infographic__animation-text-inner.text-transition-mobile-visibile { -webkit-animation: 2s alternate visibilityShowAnimation; animation: 2s alternate visibilityShowAnimation; } .interactive-infographic__animation-text-inner.center-inner-text { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 1366px) and (min-width: 1024px) { .interactive-infographic__animation-text-inner { max-width: 505px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .interactive-infographic__animation-text-inner { -webkit-transform: translateY(300%); transform: translateY(300%); } .interactive-infographic__animation-text-inner.text-transition-delay { -webkit-transition: 0.5s ease-in-out 0.4s; transition: 0.5s ease-in-out 0.4s; } } @media only screen and (max-width: 1024px) { .interactive-infographic__animation-text-inner { text-align: center; top: auto; bottom: 0; right: 0 !important; left: 0 !important; margin: 0 auto; max-width: 586px; } .interactive-infographic__animation-text-inner.center-inner-text { top: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @media only screen and (max-width: 767.98px) { .interactive-infographic__animation-text-inner { -webkit-transform: translateY(200%); transform: translateY(200%); } } @-webkit-keyframes visibilityShowAnimation { from { opacity: 0; visibility: 0; } to { opacity: 1; visibility: 1; } } @keyframes visibilityShowAnimation { from { opacity: 0; visibility: 0; } to { opacity: 1; visibility: 1; } } .interactive-infographic--animation-text-inner-left { left: 0; right: auto; } @media only screen and (max-width: 1024px) { .interactive-infographic--animation-text-inner-left { left: auto; } } .interactive-infographic__go-top-button { display: none; } @media only screen and (max-width: 767.98px) { .interactive-infographic__go-top-button { display: block; margin: 0 auto; } .interactive-infographic__go-top-button .font-ico-arrow-circle-fill, .interactive-infographic__go-top-button .font-ico-arrow-circle-fill-brown { color: #fff; pointer-events: none; font-size: 27px; } .interactive-infographic__go-top-button .font-ico-arrow-circle-fill-brown { color: #5d5c57; } } @supports (-webkit-touch-callout: none) { .interactive-infographic__animation-item::before { top: 4.5px !important; } .interactive-infographic__go-top-button { width: 28px; } } /*# sourceMappingURL=style.min.css.map */