.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\e646"; } .icon-canyin:before { content: "\e61d"; } .icon-player:before { content: "\e610"; } .icon-team:before { content: "\e63e"; } .icon-shangchang:before { content: "\e6d8"; } .icon-dianzan:before { content: "\e60c"; } .icon-search:before { content: "\e619"; } .icon-mail:before { content: "\e602"; } .icon-wuyebaoxiu:before { content: "\e6af"; } .icon-youzheng:before { content: "\e6cc"; } .icon-others:before { content: "\e7bc"; } .icon-tese:before { content: "\e61c"; } .icon-wechat:before { content: "\e631"; } .icon-arrow-right:before { content: "\e61b"; } .icon-scan:before { content: "\e614"; } .icon-fuli:before { content: "\e685"; } .icon-rencai:before { content: "\e63c"; } .icon-user:before { content: "\e617"; } .icon-youxiang:before { content: "\e66a"; } .icon-chuanzhen:before { content: "\e686"; } .icon-baoxian:before { content: "\e895"; } .icon-wangzhi:before { content: "\e607"; } .icon-jianzhu:before { content: "\e60d"; } .icon-ditu:before { content: "\e615"; } .icon-hunjia:before { content: "\e632"; } .icon-gongcheng_bak:before { content: "\e757"; } .icon-bed:before { content: "\e618"; } .icon-footer-user:before { content: "\e625"; } .icon-rencai1:before { content: "\e6e8"; } .icon-dianhua:before { content: "\e6c8"; } .icon-tuandui:before { content: "\e64e"; } .icon-tel:before { content: "\e6a2"; } .icon-footer-wechat:before { content: "\e65e"; } .icon-arrow-left:before { content: "\e896"; } .icon-logo:before { content: "\e626"; } .icon-gongcheng-bak-2:before { content: "\e628"; } .icon-gongcheng:before { content: "\e62b"; } .din-medium { font-family: din-medium, sans-serif } @media (max-width:767px) { .din-medium { font-family: Microsoft YaHei, sans-serif } } @media (max-width:767px) { .chanpinbantu-line { display: none !important } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { -webkit-text-size-adjust: 100%; line-height: 1; box-sizing: border-box } *, :after, :before { box-sizing: inherit } main { display: block } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; text-decoration: none; color: inherit } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; margin: 0; line-height: 1 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden], template { display: none } table { border-collapse: collapse; border-spacing: 0 } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none } body, dd, dl, h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0 } ol, ul { padding: 0; list-style: none } h1, h2, h3, h4, h5, h6 { font-weight: 400 } body, html { overflow-x: hidden !important } .flex { display: flex } .inline-flex { display: inline-flex } .flex-space { flex-grow: 1 } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-column { flex-direction: column } .flex-column-reverse { flex-direction: column-reverse } .flex-nowrap { flex-wrap: nowrap } .flex-wrap { flex-wrap: wrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-start { justify-content: flex-start } .justify-content-end { justify-content: flex-end } .justify-content-center { justify-content: center } .justify-content-between { justify-content: space-between } .justify-content-around { justify-content: space-around } .align-items-start { align-items: flex-start } .align-items-end { align-items: flex-end } .align-items-center { align-items: center } .align-items-baseline { align-items: baseline } .align-items-stretch { align-items: stretch } .align-content-start { align-content: flex-start } .align-content-end { align-content: flex-end } .align-content-center { align-content: center } .align-content-between { align-content: space-between } .align-content-around { align-content: space-around } .align-content-stretch { align-content: stretch } .align-self-start { align-self: start } .align-self-end { align-self: end } .align-self-center { align-self: center } .align-self-baseline { align-self: baseline } .align-self-stretch { align-self: stretch } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } @media (min-width:0px) { .flex-xs-row { flex-direction: row } .flex-xs-row-reverse { flex-direction: row-reverse } .flex-xs-column { flex-direction: column } .flex-xs-column-reverse { flex-direction: column-reverse } .flex-xs-nowrap { flex-wrap: nowrap } .flex-xs-wrap { flex-wrap: wrap } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-xs-start { justify-content: flex-start } .justify-content-xs-end { justify-content: flex-end } .justify-content-xs-center { justify-content: center } .justify-content-xs-between { justify-content: space-between } .justify-content-xs-around { justify-content: space-around } .align-items-xs-start { align-items: flex-start } .align-items-xs-end { align-items: flex-end } .align-items-xs-center { align-items: center } .align-items-xs-baseline { align-items: baseline } .align-items-xs-stretch { align-items: stretch } .align-content-xs-start { align-content: flex-start } .align-content-xs-end { align-content: flex-end } .align-content-xs-center { align-content: center } .align-content-xs-between { align-content: space-between } .align-content-xs-around { align-content: space-around } .align-content-xs-stretch { align-content: stretch } .align-self-xs-start { align-self: start } .align-self-xs-end { align-self: end } .align-self-xs-center { align-self: center } .align-self-xs-baseline { align-self: baseline } .align-self-xs-stretch { align-self: stretch } .order-xs-0 { order: 0 } .order-xs-1 { order: 1 } .order-xs-2 { order: 2 } .order-xs-3 { order: 3 } .order-xs-4 { order: 4 } .order-xs-5 { order: 5 } .order-xs-6 { order: 6 } .order-xs-7 { order: 7 } .order-xs-8 { order: 8 } .order-xs-9 { order: 9 } .order-xs-10 { order: 10 } .order-xs-11 { order: 11 } .order-xs-12 { order: 12 } } @media (min-width:768px) { .flex-sm-row { flex-direction: row } .flex-sm-row-reverse { flex-direction: row-reverse } .flex-sm-column { flex-direction: column } .flex-sm-column-reverse { flex-direction: column-reverse } .flex-sm-nowrap { flex-wrap: nowrap } .flex-sm-wrap { flex-wrap: wrap } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-sm-start { justify-content: flex-start } .justify-content-sm-end { justify-content: flex-end } .justify-content-sm-center { justify-content: center } .justify-content-sm-between { justify-content: space-between } .justify-content-sm-around { justify-content: space-around } .align-items-sm-start { align-items: flex-start } .align-items-sm-end { align-items: flex-end } .align-items-sm-center { align-items: center } .align-items-sm-baseline { align-items: baseline } .align-items-sm-stretch { align-items: stretch } .align-content-sm-start { align-content: flex-start } .align-content-sm-end { align-content: flex-end } .align-content-sm-center { align-content: center } .align-content-sm-between { align-content: space-between } .align-content-sm-around { align-content: space-around } .align-content-sm-stretch { align-content: stretch } .align-self-sm-start { align-self: start } .align-self-sm-end { align-self: end } .align-self-sm-center { align-self: center } .align-self-sm-baseline { align-self: baseline } .align-self-sm-stretch { align-self: stretch } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } } @media (min-width:992px) { .flex-md-row { flex-direction: row } .flex-md-row-reverse { flex-direction: row-reverse } .flex-md-column { flex-direction: column } .flex-md-column-reverse { flex-direction: column-reverse } .flex-md-nowrap { flex-wrap: nowrap } .flex-md-wrap { flex-wrap: wrap } .flex-md-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-md-start { justify-content: flex-start } .justify-content-md-end { justify-content: flex-end } .justify-content-md-center { justify-content: center } .justify-content-md-between { justify-content: space-between } .justify-content-md-around { justify-content: space-around } .align-items-md-start { align-items: flex-start } .align-items-md-end { align-items: flex-end } .align-items-md-center { align-items: center } .align-items-md-baseline { align-items: baseline } .align-items-md-stretch { align-items: stretch } .align-content-md-start { align-content: flex-start } .align-content-md-end { align-content: flex-end } .align-content-md-center { align-content: center } .align-content-md-between { align-content: space-between } .align-content-md-around { align-content: space-around } .align-content-md-stretch { align-content: stretch } .align-self-md-start { align-self: start } .align-self-md-end { align-self: end } .align-self-md-center { align-self: center } .align-self-md-baseline { align-self: baseline } .align-self-md-stretch { align-self: stretch } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } } @media (min-width:1280px) { .flex-lg-row { flex-direction: row } .flex-lg-row-reverse { flex-direction: row-reverse } .flex-lg-column { flex-direction: column } .flex-lg-column-reverse { flex-direction: column-reverse } .flex-lg-nowrap { flex-wrap: nowrap } .flex-lg-wrap { flex-wrap: wrap } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-lg-start { justify-content: flex-start } .justify-content-lg-end { justify-content: flex-end } .justify-content-lg-center { justify-content: center } .justify-content-lg-between { justify-content: space-between } .justify-content-lg-around { justify-content: space-around } .align-items-lg-start { align-items: flex-start } .align-items-lg-end { align-items: flex-end } .align-items-lg-center { align-items: center } .align-items-lg-baseline { align-items: baseline } .align-items-lg-stretch { align-items: stretch } .align-content-lg-start { align-content: flex-start } .align-content-lg-end { align-content: flex-end } .align-content-lg-center { align-content: center } .align-content-lg-between { align-content: space-between } .align-content-lg-around { align-content: space-around } .align-content-lg-stretch { align-content: stretch } .align-self-lg-start { align-self: start } .align-self-lg-end { align-self: end } .align-self-lg-center { align-self: center } .align-self-lg-baseline { align-self: baseline } .align-self-lg-stretch { align-self: stretch } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } } @media (min-width:1440px) { .flex-xl-row { flex-direction: row } .flex-xl-row-reverse { flex-direction: row-reverse } .flex-xl-column { flex-direction: column } .flex-xl-column-reverse { flex-direction: column-reverse } .flex-xl-nowrap { flex-wrap: nowrap } .flex-xl-wrap { flex-wrap: wrap } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-xl-start { justify-content: flex-start } .justify-content-xl-end { justify-content: flex-end } .justify-content-xl-center { justify-content: center } .justify-content-xl-between { justify-content: space-between } .justify-content-xl-around { justify-content: space-around } .align-items-xl-start { align-items: flex-start } .align-items-xl-end { align-items: flex-end } .align-items-xl-center { align-items: center } .align-items-xl-baseline { align-items: baseline } .align-items-xl-stretch { align-items: stretch } .align-content-xl-start { align-content: flex-start } .align-content-xl-end { align-content: flex-end } .align-content-xl-center { align-content: center } .align-content-xl-between { align-content: space-between } .align-content-xl-around { align-content: space-around } .align-content-xl-stretch { align-content: stretch } .align-self-xl-start { align-self: start } .align-self-xl-end { align-self: end } .align-self-xl-center { align-self: center } .align-self-xl-baseline { align-self: baseline } .align-self-xl-stretch { align-self: stretch } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } } @media (min-width:1680px) { .flex-xxl-row { flex-direction: row } .flex-xxl-row-reverse { flex-direction: row-reverse } .flex-xxl-column { flex-direction: column } .flex-xxl-column-reverse { flex-direction: column-reverse } .flex-xxl-nowrap { flex-wrap: nowrap } .flex-xxl-wrap { flex-wrap: wrap } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse } .justify-content-xxl-start { justify-content: flex-start } .justify-content-xxl-end { justify-content: flex-end } .justify-content-xxl-center { justify-content: center } .justify-content-xxl-between { justify-content: space-between } .justify-content-xxl-around { justify-content: space-around } .align-items-xxl-start { align-items: flex-start } .align-items-xxl-end { align-items: flex-end } .align-items-xxl-center { align-items: center } .align-items-xxl-baseline { align-items: baseline } .align-items-xxl-stretch { align-items: stretch } .align-content-xxl-start { align-content: flex-start } .align-content-xxl-end { align-content: flex-end } .align-content-xxl-center { align-content: center } .align-content-xxl-between { align-content: space-between } .align-content-xxl-around { align-content: space-around } .align-content-xxl-stretch { align-content: stretch } .align-self-xxl-start { align-self: start } .align-self-xxl-end { align-self: end } .align-self-xxl-center { align-self: center } .align-self-xxl-baseline { align-self: baseline } .align-self-xxl-stretch { align-self: stretch } .order-xxl-0 { order: 0 } .order-xxl-1 { order: 1 } .order-xxl-2 { order: 2 } .order-xxl-3 { order: 3 } .order-xxl-4 { order: 4 } .order-xxl-5 { order: 5 } .order-xxl-6 { order: 6 } .order-xxl-7 { order: 7 } .order-xxl-8 { order: 8 } .order-xxl-9 { order: 9 } .order-xxl-10 { order: 10 } .order-xxl-11 { order: 11 } .order-xxl-12 { order: 12 } } .text-align-left { text-align: left } .text-align-center { text-align: center } .text-align-right { text-align: right } @media (min-width:0px) { .text-align-xs-left { text-align: left } .text-align-xs-center { text-align: center } .text-align-xs-right { text-align: right } } @media (min-width:768px) { .text-align-sm-left { text-align: left } .text-align-sm-center { text-align: center } .text-align-sm-right { text-align: right } } @media (min-width:992px) { .text-align-md-left { text-align: left } .text-align-md-center { text-align: center } .text-align-md-right { text-align: right } } @media (min-width:1280px) { .text-align-lg-left { text-align: left } .text-align-lg-center { text-align: center } .text-align-lg-right { text-align: right } } @media (min-width:1440px) { .text-align-xl-left { text-align: left } .text-align-xl-center { text-align: center } .text-align-xl-right { text-align: right } } @media (min-width:1680px) { .text-align-xxl-left { text-align: left } .text-align-xxl-center { text-align: center } .text-align-xxl-right { text-align: right } } .text-bold { font-weight: 700 } .text-nowrap { white-space: nowrap } @media (min-width:0px) { } @media (min-width:768px) { } @media (min-width:992px) { } @media (min-width:1280px) { } @media (min-width:1440px) { } @media (min-width:1680px) { } .row { display: flex; flex-wrap: wrap } @media (min-width:0px) { .row.space-1 { margin-left: -2.5px; margin-right: -2.5px } .row.space-1>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-2 { margin-left: -2.5px; margin-right: -2.5px } .row.space-2>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-3 { margin-left: -3.75px; margin-right: -3.75px } .row.space-3>[class*=col-] { padding-left: 3.75px; padding-right: 3.75px } .row.space-4 { margin-left: -5px; margin-right: -5px } .row.space-4>[class*=col-] { padding-left: 5px; padding-right: 5px } .row.space-5 { margin-left: -6.25px; margin-right: -6.25px } .row.space-5>[class*=col-] { padding-left: 6.25px; padding-right: 6.25px } .row.space-6 { margin-left: -7.5px; margin-right: -7.5px } .row.space-6>[class*=col-] { padding-left: 7.5px; padding-right: 7.5px } .row.space-7 { margin-left: -8.75px; margin-right: -8.75px } .row.space-7>[class*=col-] { padding-left: 8.75px; padding-right: 8.75px } .row.space-8 { margin-left: -10px; margin-right: -10px } .row.space-8>[class*=col-] { padding-left: 10px; padding-right: 10px } .row.space-9 { margin-left: -11.25px; margin-right: -11.25px } .row.space-9>[class*=col-] { padding-left: 11.25px; padding-right: 11.25px } .row.space-10 { margin-left: -12.5px; margin-right: -12.5px } .row.space-10>[class*=col-] { padding-left: 12.5px; padding-right: 12.5px } .row.space-11 { margin-left: -13.75px; margin-right: -13.75px } .row.space-11>[class*=col-] { padding-left: 13.75px; padding-right: 13.75px } .row.space-12 { margin-left: -15px; margin-right: -15px } .row.space-12>[class*=col-] { padding-left: 15px; padding-right: 15px } .row.space-13 { margin-left: -16.25px; margin-right: -16.25px } .row.space-13>[class*=col-] { padding-left: 16.25px; padding-right: 16.25px } .row.space-14 { margin-left: -17.5px; margin-right: -17.5px } .row.space-14>[class*=col-] { padding-left: 17.5px; padding-right: 17.5px } .row.space-15 { margin-left: -18.75px; margin-right: -18.75px } .row.space-15>[class*=col-] { padding-left: 18.75px; padding-right: 18.75px } .row.space-16 { margin-left: -20px; margin-right: -20px } .row.space-16>[class*=col-] { padding-left: 20px; padding-right: 20px } .row.space-17 { margin-left: -21.25px; margin-right: -21.25px } .row.space-17>[class*=col-] { padding-left: 21.25px; padding-right: 21.25px } .row.space-18 { margin-left: -22.5px; margin-right: -22.5px } .row.space-18>[class*=col-] { padding-left: 22.5px; padding-right: 22.5px } .row.space-19 { margin-left: -23.75px; margin-right: -23.75px } .row.space-19>[class*=col-] { padding-left: 23.75px; padding-right: 23.75px } .row.space-20 { margin-left: -25px; margin-right: -25px } .row.space-20>[class*=col-] { padding-left: 25px; padding-right: 25px } } @media (min-width:768px) { .row.space-1 { margin-left: -2.5px; margin-right: -2.5px } .row.space-1>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-2 { margin-left: -3px; margin-right: -3px } .row.space-2>[class*=col-] { padding-left: 3px; padding-right: 3px } .row.space-3 { margin-left: -4.5px; margin-right: -4.5px } .row.space-3>[class*=col-] { padding-left: 4.5px; padding-right: 4.5px } .row.space-4 { margin-left: -6px; margin-right: -6px } .row.space-4>[class*=col-] { padding-left: 6px; padding-right: 6px } .row.space-5 { margin-left: -7.5px; margin-right: -7.5px } .row.space-5>[class*=col-] { padding-left: 7.5px; padding-right: 7.5px } .row.space-6 { margin-left: -9px; margin-right: -9px } .row.space-6>[class*=col-] { padding-left: 9px; padding-right: 9px } .row.space-7 { margin-left: -10.5px; margin-right: -10.5px } .row.space-7>[class*=col-] { padding-left: 10.5px; padding-right: 10.5px } .row.space-8 { margin-left: -12px; margin-right: -12px } .row.space-8>[class*=col-] { padding-left: 12px; padding-right: 12px } .row.space-9 { margin-left: -13.5px; margin-right: -13.5px } .row.space-9>[class*=col-] { padding-left: 13.5px; padding-right: 13.5px } .row.space-10 { margin-left: -15px; margin-right: -15px } .row.space-10>[class*=col-] { padding-left: 15px; padding-right: 15px } .row.space-11 { margin-left: -16.5px; margin-right: -16.5px } .row.space-11>[class*=col-] { padding-left: 16.5px; padding-right: 16.5px } .row.space-12 { margin-left: -18px; margin-right: -18px } .row.space-12>[class*=col-] { padding-left: 18px; padding-right: 18px } .row.space-13 { margin-left: -19.5px; margin-right: -19.5px } .row.space-13>[class*=col-] { padding-left: 19.5px; padding-right: 19.5px } .row.space-14 { margin-left: -21px; margin-right: -21px } .row.space-14>[class*=col-] { padding-left: 21px; padding-right: 21px } .row.space-15 { margin-left: -22.5px; margin-right: -22.5px } .row.space-15>[class*=col-] { padding-left: 22.5px; padding-right: 22.5px } .row.space-16 { margin-left: -24px; margin-right: -24px } .row.space-16>[class*=col-] { padding-left: 24px; padding-right: 24px } .row.space-17 { margin-left: -25.5px; margin-right: -25.5px } .row.space-17>[class*=col-] { padding-left: 25.5px; padding-right: 25.5px } .row.space-18 { margin-left: -27px; margin-right: -27px } .row.space-18>[class*=col-] { padding-left: 27px; padding-right: 27px } .row.space-19 { margin-left: -28.5px; margin-right: -28.5px } .row.space-19>[class*=col-] { padding-left: 28.5px; padding-right: 28.5px } .row.space-20 { margin-left: -30px; margin-right: -30px } .row.space-20>[class*=col-] { padding-left: 30px; padding-right: 30px } } @media (min-width:992px) { .row.space-1 { margin-left: -2.5px; margin-right: -2.5px } .row.space-1>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-2 { margin-left: -3.5px; margin-right: -3.5px } .row.space-2>[class*=col-] { padding-left: 3.5px; padding-right: 3.5px } .row.space-3 { margin-left: -5.25px; margin-right: -5.25px } .row.space-3>[class*=col-] { padding-left: 5.25px; padding-right: 5.25px } .row.space-4 { margin-left: -7px; margin-right: -7px } .row.space-4>[class*=col-] { padding-left: 7px; padding-right: 7px } .row.space-5 { margin-left: -8.75px; margin-right: -8.75px } .row.space-5>[class*=col-] { padding-left: 8.75px; padding-right: 8.75px } .row.space-6 { margin-left: -10.5px; margin-right: -10.5px } .row.space-6>[class*=col-] { padding-left: 10.5px; padding-right: 10.5px } .row.space-7 { margin-left: -12.25px; margin-right: -12.25px } .row.space-7>[class*=col-] { padding-left: 12.25px; padding-right: 12.25px } .row.space-8 { margin-left: -14px; margin-right: -14px } .row.space-8>[class*=col-] { padding-left: 14px; padding-right: 14px } .row.space-9 { margin-left: -15.75px; margin-right: -15.75px } .row.space-9>[class*=col-] { padding-left: 15.75px; padding-right: 15.75px } .row.space-10 { margin-left: -17.5px; margin-right: -17.5px } .row.space-10>[class*=col-] { padding-left: 17.5px; padding-right: 17.5px } .row.space-11 { margin-left: -19.25px; margin-right: -19.25px } .row.space-11>[class*=col-] { padding-left: 19.25px; padding-right: 19.25px } .row.space-12 { margin-left: -21px; margin-right: -21px } .row.space-12>[class*=col-] { padding-left: 21px; padding-right: 21px } .row.space-13 { margin-left: -22.75px; margin-right: -22.75px } .row.space-13>[class*=col-] { padding-left: 22.75px; padding-right: 22.75px } .row.space-14 { margin-left: -24.5px; margin-right: -24.5px } .row.space-14>[class*=col-] { padding-left: 24.5px; padding-right: 24.5px } .row.space-15 { margin-left: -26.25px; margin-right: -26.25px } .row.space-15>[class*=col-] { padding-left: 26.25px; padding-right: 26.25px } .row.space-16 { margin-left: -28px; margin-right: -28px } .row.space-16>[class*=col-] { padding-left: 28px; padding-right: 28px } .row.space-17 { margin-left: -29.75px; margin-right: -29.75px } .row.space-17>[class*=col-] { padding-left: 29.75px; padding-right: 29.75px } .row.space-18 { margin-left: -31.5px; margin-right: -31.5px } .row.space-18>[class*=col-] { padding-left: 31.5px; padding-right: 31.5px } .row.space-19 { margin-left: -33.25px; margin-right: -33.25px } .row.space-19>[class*=col-] { padding-left: 33.25px; padding-right: 33.25px } .row.space-20 { margin-left: -35px; margin-right: -35px } .row.space-20>[class*=col-] { padding-left: 35px; padding-right: 35px } } @media (min-width:1280px) { .row.space-1 { margin-left: -2.5px; margin-right: -2.5px } .row.space-1>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-2 { margin-left: -4px; margin-right: -4px } .row.space-2>[class*=col-] { padding-left: 4px; padding-right: 4px } .row.space-3 { margin-left: -6px; margin-right: -6px } .row.space-3>[class*=col-] { padding-left: 6px; padding-right: 6px } .row.space-4 { margin-left: -8px; margin-right: -8px } .row.space-4>[class*=col-] { padding-left: 8px; padding-right: 8px } .row.space-5 { margin-left: -10px; margin-right: -10px } .row.space-5>[class*=col-] { padding-left: 10px; padding-right: 10px } .row.space-6 { margin-left: -12px; margin-right: -12px } .row.space-6>[class*=col-] { padding-left: 12px; padding-right: 12px } .row.space-7 { margin-left: -14px; margin-right: -14px } .row.space-7>[class*=col-] { padding-left: 14px; padding-right: 14px } .row.space-8 { margin-left: -16px; margin-right: -16px } .row.space-8>[class*=col-] { padding-left: 16px; padding-right: 16px } .row.space-9 { margin-left: -18px; margin-right: -18px } .row.space-9>[class*=col-] { padding-left: 18px; padding-right: 18px } .row.space-10 { margin-left: -20px; margin-right: -20px } .row.space-10>[class*=col-] { padding-left: 20px; padding-right: 20px } .row.space-11 { margin-left: -22px; margin-right: -22px } .row.space-11>[class*=col-] { padding-left: 22px; padding-right: 22px } .row.space-12 { margin-left: -24px; margin-right: -24px } .row.space-12>[class*=col-] { padding-left: 24px; padding-right: 24px } .row.space-13 { margin-left: -26px; margin-right: -26px } .row.space-13>[class*=col-] { padding-left: 26px; padding-right: 26px } .row.space-14 { margin-left: -28px; margin-right: -28px } .row.space-14>[class*=col-] { padding-left: 28px; padding-right: 28px } .row.space-15 { margin-left: -30px; margin-right: -30px } .row.space-15>[class*=col-] { padding-left: 30px; padding-right: 30px } .row.space-16 { margin-left: -32px; margin-right: -32px } .row.space-16>[class*=col-] { padding-left: 32px; padding-right: 32px } .row.space-17 { margin-left: -34px; margin-right: -34px } .row.space-17>[class*=col-] { padding-left: 34px; padding-right: 34px } .row.space-18 { margin-left: -36px; margin-right: -36px } .row.space-18>[class*=col-] { padding-left: 36px; padding-right: 36px } .row.space-19 { margin-left: -38px; margin-right: -38px } .row.space-19>[class*=col-] { padding-left: 38px; padding-right: 38px } .row.space-20 { margin-left: -40px; margin-right: -40px } .row.space-20>[class*=col-] { padding-left: 40px; padding-right: 40px } } @media (min-width:1440px) { .row.space-1 { margin-left: -2.5px; margin-right: -2.5px } .row.space-1>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-2 { margin-left: -4.5px; margin-right: -4.5px } .row.space-2>[class*=col-] { padding-left: 4.5px; padding-right: 4.5px } .row.space-3 { margin-left: -6.75px; margin-right: -6.75px } .row.space-3>[class*=col-] { padding-left: 6.75px; padding-right: 6.75px } .row.space-4 { margin-left: -9px; margin-right: -9px } .row.space-4>[class*=col-] { padding-left: 9px; padding-right: 9px } .row.space-5 { margin-left: -11.25px; margin-right: -11.25px } .row.space-5>[class*=col-] { padding-left: 11.25px; padding-right: 11.25px } .row.space-6 { margin-left: -13.5px; margin-right: -13.5px } .row.space-6>[class*=col-] { padding-left: 13.5px; padding-right: 13.5px } .row.space-7 { margin-left: -15.75px; margin-right: -15.75px } .row.space-7>[class*=col-] { padding-left: 15.75px; padding-right: 15.75px } .row.space-8 { margin-left: -18px; margin-right: -18px } .row.space-8>[class*=col-] { padding-left: 18px; padding-right: 18px } .row.space-9 { margin-left: -20.25px; margin-right: -20.25px } .row.space-9>[class*=col-] { padding-left: 20.25px; padding-right: 20.25px } .row.space-10 { margin-left: -22.5px; margin-right: -22.5px } .row.space-10>[class*=col-] { padding-left: 22.5px; padding-right: 22.5px } .row.space-11 { margin-left: -24.75px; margin-right: -24.75px } .row.space-11>[class*=col-] { padding-left: 24.75px; padding-right: 24.75px } .row.space-12 { margin-left: -27px; margin-right: -27px } .row.space-12>[class*=col-] { padding-left: 27px; padding-right: 27px } .row.space-13 { margin-left: -29.25px; margin-right: -29.25px } .row.space-13>[class*=col-] { padding-left: 29.25px; padding-right: 29.25px } .row.space-14 { margin-left: -31.5px; margin-right: -31.5px } .row.space-14>[class*=col-] { padding-left: 31.5px; padding-right: 31.5px } .row.space-15 { margin-left: -33.75px; margin-right: -33.75px } .row.space-15>[class*=col-] { padding-left: 33.75px; padding-right: 33.75px } .row.space-16 { margin-left: -36px; margin-right: -36px } .row.space-16>[class*=col-] { padding-left: 36px; padding-right: 36px } .row.space-17 { margin-left: -38.25px; margin-right: -38.25px } .row.space-17>[class*=col-] { padding-left: 38.25px; padding-right: 38.25px } .row.space-18 { margin-left: -40.5px; margin-right: -40.5px } .row.space-18>[class*=col-] { padding-left: 40.5px; padding-right: 40.5px } .row.space-19 { margin-left: -42.75px; margin-right: -42.75px } .row.space-19>[class*=col-] { padding-left: 42.75px; padding-right: 42.75px } .row.space-20 { margin-left: -45px; margin-right: -45px } .row.space-20>[class*=col-] { padding-left: 45px; padding-right: 45px } } @media (min-width:1680px) { .row.space-1 { margin-left: -2.5px; margin-right: -2.5px } .row.space-1>[class*=col-] { padding-left: 2.5px; padding-right: 2.5px } .row.space-2 { margin-left: -5px; margin-right: -5px } .row.space-2>[class*=col-] { padding-left: 5px; padding-right: 5px } .row.space-3 { margin-left: -7.5px; margin-right: -7.5px } .row.space-3>[class*=col-] { padding-left: 7.5px; padding-right: 7.5px } .row.space-4 { margin-left: -10px; margin-right: -10px } .row.space-4>[class*=col-] { padding-left: 10px; padding-right: 10px } .row.space-5 { margin-left: -12.5px; margin-right: -12.5px } .row.space-5>[class*=col-] { padding-left: 12.5px; padding-right: 12.5px } .row.space-6 { margin-left: -15px; margin-right: -15px } .row.space-6>[class*=col-] { padding-left: 15px; padding-right: 15px } .row.space-7 { margin-left: -17.5px; margin-right: -17.5px } .row.space-7>[class*=col-] { padding-left: 17.5px; padding-right: 17.5px } .row.space-8 { margin-left: -20px; margin-right: -20px } .row.space-8>[class*=col-] { padding-left: 20px; padding-right: 20px } .row.space-9 { margin-left: -22.5px; margin-right: -22.5px } .row.space-9>[class*=col-] { padding-left: 22.5px; padding-right: 22.5px } .row.space-10 { margin-left: -25px; margin-right: -25px } .row.space-10>[class*=col-] { padding-left: 25px; padding-right: 25px } .row.space-11 { margin-left: -27.5px; margin-right: -27.5px } .row.space-11>[class*=col-] { padding-left: 27.5px; padding-right: 27.5px } .row.space-12 { margin-left: -30px; margin-right: -30px } .row.space-12>[class*=col-] { padding-left: 30px; padding-right: 30px } .row.space-13 { margin-left: -32.5px; margin-right: -32.5px } .row.space-13>[class*=col-] { padding-left: 32.5px; padding-right: 32.5px } .row.space-14 { margin-left: -35px; margin-right: -35px } .row.space-14>[class*=col-] { padding-left: 35px; padding-right: 35px } .row.space-15 { margin-left: -37.5px; margin-right: -37.5px } .row.space-15>[class*=col-] { padding-left: 37.5px; padding-right: 37.5px } .row.space-16 { margin-left: -40px; margin-right: -40px } .row.space-16>[class*=col-] { padding-left: 40px; padding-right: 40px } .row.space-17 { margin-left: -42.5px; margin-right: -42.5px } .row.space-17>[class*=col-] { padding-left: 42.5px; padding-right: 42.5px } .row.space-18 { margin-left: -45px; margin-right: -45px } .row.space-18>[class*=col-] { padding-left: 45px; padding-right: 45px } .row.space-19 { margin-left: -47.5px; margin-right: -47.5px } .row.space-19>[class*=col-] { padding-left: 47.5px; padding-right: 47.5px } .row.space-20 { margin-left: -50px; margin-right: -50px } .row.space-20>[class*=col-] { padding-left: 50px; padding-right: 50px } } .row.equal-height>[class*=col-] { display: flex; align-items: stretch } .row.equal-height>[class*=col-]>:first-child { width: 100% } @media (min-width:0px) { .col-xs-1 { min-height: 1px; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xs-pull-1 { position: relative; right: 8.33333% } .col-xs-push-1 { position: relative; left: 8.33333% } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-2 { min-height: 1px; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xs-pull-2 { position: relative; right: 16.66667% } .col-xs-push-2 { position: relative; left: 16.66667% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-3 { min-height: 1px; flex: 0 0 25%; max-width: 25% } .col-xs-pull-3 { position: relative; right: 25% } .col-xs-push-3 { position: relative; left: 25% } .col-xs-offset-3 { margin-left: 25% } .col-xs-4 { min-height: 1px; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xs-pull-4 { position: relative; right: 33.33333% } .col-xs-push-4 { position: relative; left: 33.33333% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-5 { min-height: 1px; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xs-pull-5 { position: relative; right: 41.66667% } .col-xs-push-5 { position: relative; left: 41.66667% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-6 { min-height: 1px; flex: 0 0 50%; max-width: 50% } .col-xs-pull-6 { position: relative; right: 50% } .col-xs-push-6 { position: relative; left: 50% } .col-xs-offset-6 { margin-left: 50% } .col-xs-7 { min-height: 1px; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xs-pull-7 { position: relative; right: 58.33333% } .col-xs-push-7 { position: relative; left: 58.33333% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-8 { min-height: 1px; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xs-pull-8 { position: relative; right: 66.66667% } .col-xs-push-8 { position: relative; left: 66.66667% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-9 { min-height: 1px; flex: 0 0 75%; max-width: 75% } .col-xs-pull-9 { position: relative; right: 75% } .col-xs-push-9 { position: relative; left: 75% } .col-xs-offset-9 { margin-left: 75% } .col-xs-10 { min-height: 1px; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xs-pull-10 { position: relative; right: 83.33333% } .col-xs-push-10 { position: relative; left: 83.33333% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-11 { min-height: 1px; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xs-pull-11 { position: relative; right: 91.66667% } .col-xs-push-11 { position: relative; left: 91.66667% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-12 { min-height: 1px; flex: 0 0 100%; max-width: 100% } .col-xs-pull-12 { position: relative; right: 100% } .col-xs-push-12 { position: relative; left: 100% } .col-xs-offset-12 { margin-left: 100% } } @media (min-width:768px) { .col-sm-1 { min-height: 1px; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-pull-1 { position: relative; right: 8.33333% } .col-sm-push-1 { position: relative; left: 8.33333% } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-2 { min-height: 1px; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-pull-2 { position: relative; right: 16.66667% } .col-sm-push-2 { position: relative; left: 16.66667% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-3 { min-height: 1px; flex: 0 0 25%; max-width: 25% } .col-sm-pull-3 { position: relative; right: 25% } .col-sm-push-3 { position: relative; left: 25% } .col-sm-offset-3 { margin-left: 25% } .col-sm-4 { min-height: 1px; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-pull-4 { position: relative; right: 33.33333% } .col-sm-push-4 { position: relative; left: 33.33333% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-5 { min-height: 1px; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-pull-5 { position: relative; right: 41.66667% } .col-sm-push-5 { position: relative; left: 41.66667% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-6 { min-height: 1px; flex: 0 0 50%; max-width: 50% } .col-sm-pull-6 { position: relative; right: 50% } .col-sm-push-6 { position: relative; left: 50% } .col-sm-offset-6 { margin-left: 50% } .col-sm-7 { min-height: 1px; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-pull-7 { position: relative; right: 58.33333% } .col-sm-push-7 { position: relative; left: 58.33333% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-8 { min-height: 1px; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-pull-8 { position: relative; right: 66.66667% } .col-sm-push-8 { position: relative; left: 66.66667% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-9 { min-height: 1px; flex: 0 0 75%; max-width: 75% } .col-sm-pull-9 { position: relative; right: 75% } .col-sm-push-9 { position: relative; left: 75% } .col-sm-offset-9 { margin-left: 75% } .col-sm-10 { min-height: 1px; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-pull-10 { position: relative; right: 83.33333% } .col-sm-push-10 { position: relative; left: 83.33333% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-11 { min-height: 1px; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-pull-11 { position: relative; right: 91.66667% } .col-sm-push-11 { position: relative; left: 91.66667% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-12 { min-height: 1px; flex: 0 0 100%; max-width: 100% } .col-sm-pull-12 { position: relative; right: 100% } .col-sm-push-12 { position: relative; left: 100% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width:992px) { .col-md-1 { min-height: 1px; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-pull-1 { position: relative; right: 8.33333% } .col-md-push-1 { position: relative; left: 8.33333% } .col-md-offset-1 { margin-left: 8.33333% } .col-md-2 { min-height: 1px; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-pull-2 { position: relative; right: 16.66667% } .col-md-push-2 { position: relative; left: 16.66667% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-3 { min-height: 1px; flex: 0 0 25%; max-width: 25% } .col-md-pull-3 { position: relative; right: 25% } .col-md-push-3 { position: relative; left: 25% } .col-md-offset-3 { margin-left: 25% } .col-md-4 { min-height: 1px; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-pull-4 { position: relative; right: 33.33333% } .col-md-push-4 { position: relative; left: 33.33333% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-5 { min-height: 1px; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-pull-5 { position: relative; right: 41.66667% } .col-md-push-5 { position: relative; left: 41.66667% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-6 { min-height: 1px; flex: 0 0 50%; max-width: 50% } .col-md-pull-6 { position: relative; right: 50% } .col-md-push-6 { position: relative; left: 50% } .col-md-offset-6 { margin-left: 50% } .col-md-7 { min-height: 1px; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-pull-7 { position: relative; right: 58.33333% } .col-md-push-7 { position: relative; left: 58.33333% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-8 { min-height: 1px; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-pull-8 { position: relative; right: 66.66667% } .col-md-push-8 { position: relative; left: 66.66667% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-9 { min-height: 1px; flex: 0 0 75%; max-width: 75% } .col-md-pull-9 { position: relative; right: 75% } .col-md-push-9 { position: relative; left: 75% } .col-md-offset-9 { margin-left: 75% } .col-md-10 { min-height: 1px; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-pull-10 { position: relative; right: 83.33333% } .col-md-push-10 { position: relative; left: 83.33333% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-11 { min-height: 1px; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-pull-11 { position: relative; right: 91.66667% } .col-md-push-11 { position: relative; left: 91.66667% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-12 { min-height: 1px; flex: 0 0 100%; max-width: 100% } .col-md-pull-12 { position: relative; right: 100% } .col-md-push-12 { position: relative; left: 100% } .col-md-offset-12 { margin-left: 100% } } @media (min-width:1280px) { .col-lg-1 { min-height: 1px; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-pull-1 { position: relative; right: 8.33333% } .col-lg-push-1 { position: relative; left: 8.33333% } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-2 { min-height: 1px; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-pull-2 { position: relative; right: 16.66667% } .col-lg-push-2 { position: relative; left: 16.66667% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-3 { min-height: 1px; flex: 0 0 25%; max-width: 25% } .col-lg-pull-3 { position: relative; right: 25% } .col-lg-push-3 { position: relative; left: 25% } .col-lg-offset-3 { margin-left: 25% } .col-lg-4 { min-height: 1px; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-pull-4 { position: relative; right: 33.33333% } .col-lg-push-4 { position: relative; left: 33.33333% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-5 { min-height: 1px; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-pull-5 { position: relative; right: 41.66667% } .col-lg-push-5 { position: relative; left: 41.66667% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-6 { min-height: 1px; flex: 0 0 50%; max-width: 50% } .col-lg-pull-6 { position: relative; right: 50% } .col-lg-push-6 { position: relative; left: 50% } .col-lg-offset-6 { margin-left: 50% } .col-lg-7 { min-height: 1px; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-pull-7 { position: relative; right: 58.33333% } .col-lg-push-7 { position: relative; left: 58.33333% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-8 { min-height: 1px; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-pull-8 { position: relative; right: 66.66667% } .col-lg-push-8 { position: relative; left: 66.66667% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-9 { min-height: 1px; flex: 0 0 75%; max-width: 75% } .col-lg-pull-9 { position: relative; right: 75% } .col-lg-push-9 { position: relative; left: 75% } .col-lg-offset-9 { margin-left: 75% } .col-lg-10 { min-height: 1px; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-pull-10 { position: relative; right: 83.33333% } .col-lg-push-10 { position: relative; left: 83.33333% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-11 { min-height: 1px; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-pull-11 { position: relative; right: 91.66667% } .col-lg-push-11 { position: relative; left: 91.66667% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-12 { min-height: 1px; flex: 0 0 100%; max-width: 100% } .col-lg-pull-12 { position: relative; right: 100% } .col-lg-push-12 { position: relative; left: 100% } .col-lg-offset-12 { margin-left: 100% } } @media (min-width:1440px) { .col-xl-1 { min-height: 1px; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-pull-1 { position: relative; right: 8.33333% } .col-xl-push-1 { position: relative; left: 8.33333% } .col-xl-offset-1 { margin-left: 8.33333% } .col-xl-2 { min-height: 1px; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-pull-2 { position: relative; right: 16.66667% } .col-xl-push-2 { position: relative; left: 16.66667% } .col-xl-offset-2 { margin-left: 16.66667% } .col-xl-3 { min-height: 1px; flex: 0 0 25%; max-width: 25% } .col-xl-pull-3 { position: relative; right: 25% } .col-xl-push-3 { position: relative; left: 25% } .col-xl-offset-3 { margin-left: 25% } .col-xl-4 { min-height: 1px; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-pull-4 { position: relative; right: 33.33333% } .col-xl-push-4 { position: relative; left: 33.33333% } .col-xl-offset-4 { margin-left: 33.33333% } .col-xl-5 { min-height: 1px; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-pull-5 { position: relative; right: 41.66667% } .col-xl-push-5 { position: relative; left: 41.66667% } .col-xl-offset-5 { margin-left: 41.66667% } .col-xl-6 { min-height: 1px; flex: 0 0 50%; max-width: 50% } .col-xl-pull-6 { position: relative; right: 50% } .col-xl-push-6 { position: relative; left: 50% } .col-xl-offset-6 { margin-left: 50% } .col-xl-7 { min-height: 1px; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-pull-7 { position: relative; right: 58.33333% } .col-xl-push-7 { position: relative; left: 58.33333% } .col-xl-offset-7 { margin-left: 58.33333% } .col-xl-8 { min-height: 1px; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-pull-8 { position: relative; right: 66.66667% } .col-xl-push-8 { position: relative; left: 66.66667% } .col-xl-offset-8 { margin-left: 66.66667% } .col-xl-9 { min-height: 1px; flex: 0 0 75%; max-width: 75% } .col-xl-pull-9 { position: relative; right: 75% } .col-xl-push-9 { position: relative; left: 75% } .col-xl-offset-9 { margin-left: 75% } .col-xl-10 { min-height: 1px; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-pull-10 { position: relative; right: 83.33333% } .col-xl-push-10 { position: relative; left: 83.33333% } .col-xl-offset-10 { margin-left: 83.33333% } .col-xl-11 { min-height: 1px; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-pull-11 { position: relative; right: 91.66667% } .col-xl-push-11 { position: relative; left: 91.66667% } .col-xl-offset-11 { margin-left: 91.66667% } .col-xl-12 { min-height: 1px; flex: 0 0 100%; max-width: 100% } .col-xl-pull-12 { position: relative; right: 100% } .col-xl-push-12 { position: relative; left: 100% } .col-xl-offset-12 { margin-left: 100% } } @media (min-width:1680px) { .col-xxl-1 { min-height: 1px; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xxl-pull-1 { position: relative; right: 8.33333% } .col-xxl-push-1 { position: relative; left: 8.33333% } .col-xxl-offset-1 { margin-left: 8.33333% } .col-xxl-2 { min-height: 1px; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xxl-pull-2 { position: relative; right: 16.66667% } .col-xxl-push-2 { position: relative; left: 16.66667% } .col-xxl-offset-2 { margin-left: 16.66667% } .col-xxl-3 { min-height: 1px; flex: 0 0 25%; max-width: 25% } .col-xxl-pull-3 { position: relative; right: 25% } .col-xxl-push-3 { position: relative; left: 25% } .col-xxl-offset-3 { margin-left: 25% } .col-xxl-4 { min-height: 1px; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xxl-pull-4 { position: relative; right: 33.33333% } .col-xxl-push-4 { position: relative; left: 33.33333% } .col-xxl-offset-4 { margin-left: 33.33333% } .col-xxl-5 { min-height: 1px; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xxl-pull-5 { position: relative; right: 41.66667% } .col-xxl-push-5 { position: relative; left: 41.66667% } .col-xxl-offset-5 { margin-left: 41.66667% } .col-xxl-6 { min-height: 1px; flex: 0 0 50%; max-width: 50% } .col-xxl-pull-6 { position: relative; right: 50% } .col-xxl-push-6 { position: relative; left: 50% } .col-xxl-offset-6 { margin-left: 50% } .col-xxl-7 { min-height: 1px; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xxl-pull-7 { position: relative; right: 58.33333% } .col-xxl-push-7 { position: relative; left: 58.33333% } .col-xxl-offset-7 { margin-left: 58.33333% } .col-xxl-8 { min-height: 1px; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xxl-pull-8 { position: relative; right: 66.66667% } .col-xxl-push-8 { position: relative; left: 66.66667% } .col-xxl-offset-8 { margin-left: 66.66667% } .col-xxl-9 { min-height: 1px; flex: 0 0 75%; max-width: 75% } .col-xxl-pull-9 { position: relative; right: 75% } .col-xxl-push-9 { position: relative; left: 75% } .col-xxl-offset-9 { margin-left: 75% } .col-xxl-10 { min-height: 1px; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xxl-pull-10 { position: relative; right: 83.33333% } .col-xxl-push-10 { position: relative; left: 83.33333% } .col-xxl-offset-10 { margin-left: 83.33333% } .col-xxl-11 { min-height: 1px; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xxl-pull-11 { position: relative; right: 91.66667% } .col-xxl-push-11 { position: relative; left: 91.66667% } .col-xxl-offset-11 { margin-left: 91.66667% } .col-xxl-12 { min-height: 1px; flex: 0 0 100%; max-width: 100% } .col-xxl-pull-12 { position: relative; right: 100% } .col-xxl-push-12 { position: relative; left: 100% } .col-xxl-offset-12 { margin-left: 100% } } @media (min-width:0px) { .m-1 { margin: 5px } .mx-1 { margin-left: 5px; margin-right: 5px } .my-1 { margin-bottom: 5px } .mt-1, .my-1 { margin-top: 5px } .mr-1 { margin-right: 5px } .mb-1 { margin-bottom: 5px } .ml-1 { margin-left: 5px } .m-2 { margin: 5px } .mx-2 { margin-left: 5px; margin-right: 5px } .my-2 { margin-bottom: 5px } .mt-2, .my-2 { margin-top: 5px } .mr-2 { margin-right: 5px } .mb-2 { margin-bottom: 5px } .ml-2 { margin-left: 5px } .m-3 { margin: 7.5px } .mx-3 { margin-left: 7.5px; margin-right: 7.5px } .my-3 { margin-bottom: 7.5px } .mt-3, .my-3 { margin-top: 7.5px } .mr-3 { margin-right: 7.5px } .mb-3 { margin-bottom: 7.5px } .ml-3 { margin-left: 7.5px } .m-4 { margin: 10px } .mx-4 { margin-left: 10px; margin-right: 10px } .my-4 { margin-bottom: 10px } .mt-4, .my-4 { margin-top: 10px } .mr-4 { margin-right: 10px } .mb-4 { margin-bottom: 10px } .ml-4 { margin-left: 10px } .m-5 { margin: 12.5px } .mx-5 { margin-left: 12.5px; margin-right: 12.5px } .my-5 { margin-bottom: 12.5px } .mt-5, .my-5 { margin-top: 12.5px } .mr-5 { margin-right: 12.5px } .mb-5 { margin-bottom: 12.5px } .ml-5 { margin-left: 12.5px } .m-6 { margin: 15px } .mx-6 { margin-left: 15px; margin-right: 15px } .my-6 { margin-bottom: 15px } .mt-6, .my-6 { margin-top: 15px } .mr-6 { margin-right: 15px } .mb-6 { margin-bottom: 15px } .ml-6 { margin-left: 15px } .m-7 { margin: 17.5px } .mx-7 { margin-left: 17.5px; margin-right: 17.5px } .my-7 { margin-bottom: 17.5px } .mt-7, .my-7 { margin-top: 17.5px } .mr-7 { margin-right: 17.5px } .mb-7 { margin-bottom: 17.5px } .ml-7 { margin-left: 17.5px } .m-8 { margin: 20px } .mx-8 { margin-left: 20px; margin-right: 20px } .my-8 { margin-bottom: 20px } .mt-8, .my-8 { margin-top: 20px } .mr-8 { margin-right: 20px } .mb-8 { margin-bottom: 20px } .ml-8 { margin-left: 20px } .m-9 { margin: 22.5px } .mx-9 { margin-left: 22.5px; margin-right: 22.5px } .my-9 { margin-bottom: 22.5px } .mt-9, .my-9 { margin-top: 22.5px } .mr-9 { margin-right: 22.5px } .mb-9 { margin-bottom: 22.5px } .ml-9 { margin-left: 22.5px } .m-10 { margin: 25px } .mx-10 { margin-left: 25px; margin-right: 25px } .my-10 { margin-bottom: 25px } .mt-10, .my-10 { margin-top: 25px } .mr-10 { margin-right: 25px } .mb-10 { margin-bottom: 25px } .ml-10 { margin-left: 25px } .m-11 { margin: 27.5px } .mx-11 { margin-left: 27.5px; margin-right: 27.5px } .my-11 { margin-bottom: 27.5px } .mt-11, .my-11 { margin-top: 27.5px } .mr-11 { margin-right: 27.5px } .mb-11 { margin-bottom: 27.5px } .ml-11 { margin-left: 27.5px } .m-12 { margin: 30px } .mx-12 { margin-left: 30px; margin-right: 30px } .my-12 { margin-bottom: 30px } .mt-12, .my-12 { margin-top: 30px } .mr-12 { margin-right: 30px } .mb-12 { margin-bottom: 30px } .ml-12 { margin-left: 30px } .m-13 { margin: 32.5px } .mx-13 { margin-left: 32.5px; margin-right: 32.5px } .my-13 { margin-bottom: 32.5px } .mt-13, .my-13 { margin-top: 32.5px } .mr-13 { margin-right: 32.5px } .mb-13 { margin-bottom: 32.5px } .ml-13 { margin-left: 32.5px } .m-14 { margin: 35px } .mx-14 { margin-left: 35px; margin-right: 35px } .my-14 { margin-bottom: 35px } .mt-14, .my-14 { margin-top: 35px } .mr-14 { margin-right: 35px } .mb-14 { margin-bottom: 35px } .ml-14 { margin-left: 35px } .m-15 { margin: 37.5px } .mx-15 { margin-left: 37.5px; margin-right: 37.5px } .my-15 { margin-bottom: 37.5px } .mt-15, .my-15 { margin-top: 37.5px } .mr-15 { margin-right: 37.5px } .mb-15 { margin-bottom: 37.5px } .ml-15 { margin-left: 37.5px } .m-16 { margin: 40px } .mx-16 { margin-left: 40px; margin-right: 40px } .my-16 { margin-bottom: 40px } .mt-16, .my-16 { margin-top: 40px } .mr-16 { margin-right: 40px } .mb-16 { margin-bottom: 40px } .ml-16 { margin-left: 40px } .m-17 { margin: 42.5px } .mx-17 { margin-left: 42.5px; margin-right: 42.5px } .my-17 { margin-bottom: 42.5px } .mt-17, .my-17 { margin-top: 42.5px } .mr-17 { margin-right: 42.5px } .mb-17 { margin-bottom: 42.5px } .ml-17 { margin-left: 42.5px } .m-18 { margin: 45px } .mx-18 { margin-left: 45px; margin-right: 45px } .my-18 { margin-bottom: 45px } .mt-18, .my-18 { margin-top: 45px } .mr-18 { margin-right: 45px } .mb-18 { margin-bottom: 45px } .ml-18 { margin-left: 45px } .m-19 { margin: 47.5px } .mx-19 { margin-left: 47.5px; margin-right: 47.5px } .my-19 { margin-bottom: 47.5px } .mt-19, .my-19 { margin-top: 47.5px } .mr-19 { margin-right: 47.5px } .mb-19 { margin-bottom: 47.5px } .ml-19 { margin-left: 47.5px } .m-20 { margin: 50px } .mx-20 { margin-left: 50px; margin-right: 50px } .my-20 { margin-bottom: 50px } .mt-20, .my-20 { margin-top: 50px } .mr-20 { margin-right: 50px } .mb-20 { margin-bottom: 50px } .ml-20 { margin-left: 50px } } @media (min-width:768px) { .m-1 { margin: 5px } .mx-1 { margin-left: 5px; margin-right: 5px } .my-1 { margin-bottom: 5px } .mt-1, .my-1 { margin-top: 5px } .mr-1 { margin-right: 5px } .mb-1 { margin-bottom: 5px } .ml-1 { margin-left: 5px } .m-2 { margin: 6px } .mx-2 { margin-left: 6px; margin-right: 6px } .my-2 { margin-bottom: 6px } .mt-2, .my-2 { margin-top: 6px } .mr-2 { margin-right: 6px } .mb-2 { margin-bottom: 6px } .ml-2 { margin-left: 6px } .m-3 { margin: 9px } .mx-3 { margin-left: 9px; margin-right: 9px } .my-3 { margin-bottom: 9px } .mt-3, .my-3 { margin-top: 9px } .mr-3 { margin-right: 9px } .mb-3 { margin-bottom: 9px } .ml-3 { margin-left: 9px } .m-4 { margin: 12px } .mx-4 { margin-left: 12px; margin-right: 12px } .my-4 { margin-bottom: 12px } .mt-4, .my-4 { margin-top: 12px } .mr-4 { margin-right: 12px } .mb-4 { margin-bottom: 12px } .ml-4 { margin-left: 12px } .m-5 { margin: 15px } .mx-5 { margin-left: 15px; margin-right: 15px } .my-5 { margin-bottom: 15px } .mt-5, .my-5 { margin-top: 15px } .mr-5 { margin-right: 15px } .mb-5 { margin-bottom: 15px } .ml-5 { margin-left: 15px } .m-6 { margin: 18px } .mx-6 { margin-left: 18px; margin-right: 18px } .my-6 { margin-bottom: 18px } .mt-6, .my-6 { margin-top: 18px } .mr-6 { margin-right: 18px } .mb-6 { margin-bottom: 18px } .ml-6 { margin-left: 18px } .m-7 { margin: 21px } .mx-7 { margin-left: 21px; margin-right: 21px } .my-7 { margin-bottom: 21px } .mt-7, .my-7 { margin-top: 21px } .mr-7 { margin-right: 21px } .mb-7 { margin-bottom: 21px } .ml-7 { margin-left: 21px } .m-8 { margin: 24px } .mx-8 { margin-left: 24px; margin-right: 24px } .my-8 { margin-bottom: 24px } .mt-8, .my-8 { margin-top: 24px } .mr-8 { margin-right: 24px } .mb-8 { margin-bottom: 24px } .ml-8 { margin-left: 24px } .m-9 { margin: 27px } .mx-9 { margin-left: 27px; margin-right: 27px } .my-9 { margin-bottom: 27px } .mt-9, .my-9 { margin-top: 27px } .mr-9 { margin-right: 27px } .mb-9 { margin-bottom: 27px } .ml-9 { margin-left: 27px } .m-10 { margin: 30px } .mx-10 { margin-left: 30px; margin-right: 30px } .my-10 { margin-bottom: 30px } .mt-10, .my-10 { margin-top: 30px } .mr-10 { margin-right: 30px } .mb-10 { margin-bottom: 30px } .ml-10 { margin-left: 30px } .m-11 { margin: 33px } .mx-11 { margin-left: 33px; margin-right: 33px } .my-11 { margin-bottom: 33px } .mt-11, .my-11 { margin-top: 33px } .mr-11 { margin-right: 33px } .mb-11 { margin-bottom: 33px } .ml-11 { margin-left: 33px } .m-12 { margin: 36px } .mx-12 { margin-left: 36px; margin-right: 36px } .my-12 { margin-bottom: 36px } .mt-12, .my-12 { margin-top: 36px } .mr-12 { margin-right: 36px } .mb-12 { margin-bottom: 36px } .ml-12 { margin-left: 36px } .m-13 { margin: 39px } .mx-13 { margin-left: 39px; margin-right: 39px } .my-13 { margin-bottom: 39px } .mt-13, .my-13 { margin-top: 39px } .mr-13 { margin-right: 39px } .mb-13 { margin-bottom: 39px } .ml-13 { margin-left: 39px } .m-14 { margin: 42px } .mx-14 { margin-left: 42px; margin-right: 42px } .my-14 { margin-bottom: 42px } .mt-14, .my-14 { margin-top: 42px } .mr-14 { margin-right: 42px } .mb-14 { margin-bottom: 42px } .ml-14 { margin-left: 42px } .m-15 { margin: 45px } .mx-15 { margin-left: 45px; margin-right: 45px } .my-15 { margin-bottom: 45px } .mt-15, .my-15 { margin-top: 45px } .mr-15 { margin-right: 45px } .mb-15 { margin-bottom: 45px } .ml-15 { margin-left: 45px } .m-16 { margin: 48px } .mx-16 { margin-left: 48px; margin-right: 48px } .my-16 { margin-bottom: 48px } .mt-16, .my-16 { margin-top: 48px } .mr-16 { margin-right: 48px } .mb-16 { margin-bottom: 48px } .ml-16 { margin-left: 48px } .m-17 { margin: 51px } .mx-17 { margin-left: 51px; margin-right: 51px } .my-17 { margin-bottom: 51px } .mt-17, .my-17 { margin-top: 51px } .mr-17 { margin-right: 51px } .mb-17 { margin-bottom: 51px } .ml-17 { margin-left: 51px } .m-18 { margin: 54px } .mx-18 { margin-left: 54px; margin-right: 54px } .my-18 { margin-bottom: 54px } .mt-18, .my-18 { margin-top: 54px } .mr-18 { margin-right: 54px } .mb-18 { margin-bottom: 54px } .ml-18 { margin-left: 54px } .m-19 { margin: 57px } .mx-19 { margin-left: 57px; margin-right: 57px } .my-19 { margin-bottom: 57px } .mt-19, .my-19 { margin-top: 57px } .mr-19 { margin-right: 57px } .mb-19 { margin-bottom: 57px } .ml-19 { margin-left: 57px } .m-20 { margin: 60px } .mx-20 { margin-left: 60px; margin-right: 60px } .my-20 { margin-bottom: 60px } .mt-20, .my-20 { margin-top: 60px } .mr-20 { margin-right: 60px } .mb-20 { margin-bottom: 60px } .ml-20 { margin-left: 60px } } @media (min-width:992px) { .m-1 { margin: 5px } .mx-1 { margin-left: 5px; margin-right: 5px } .my-1 { margin-bottom: 5px } .mt-1, .my-1 { margin-top: 5px } .mr-1 { margin-right: 5px } .mb-1 { margin-bottom: 5px } .ml-1 { margin-left: 5px } .m-2 { margin: 7px } .mx-2 { margin-left: 7px; margin-right: 7px } .my-2 { margin-bottom: 7px } .mt-2, .my-2 { margin-top: 7px } .mr-2 { margin-right: 7px } .mb-2 { margin-bottom: 7px } .ml-2 { margin-left: 7px } .m-3 { margin: 10.5px } .mx-3 { margin-left: 10.5px; margin-right: 10.5px } .my-3 { margin-bottom: 10.5px } .mt-3, .my-3 { margin-top: 10.5px } .mr-3 { margin-right: 10.5px } .mb-3 { margin-bottom: 10.5px } .ml-3 { margin-left: 10.5px } .m-4 { margin: 14px } .mx-4 { margin-left: 14px; margin-right: 14px } .my-4 { margin-bottom: 14px } .mt-4, .my-4 { margin-top: 14px } .mr-4 { margin-right: 14px } .mb-4 { margin-bottom: 14px } .ml-4 { margin-left: 14px } .m-5 { margin: 17.5px } .mx-5 { margin-left: 17.5px; margin-right: 17.5px } .my-5 { margin-bottom: 17.5px } .mt-5, .my-5 { margin-top: 17.5px } .mr-5 { margin-right: 17.5px } .mb-5 { margin-bottom: 17.5px } .ml-5 { margin-left: 17.5px } .m-6 { margin: 21px } .mx-6 { margin-left: 21px; margin-right: 21px } .my-6 { margin-bottom: 21px } .mt-6, .my-6 { margin-top: 21px } .mr-6 { margin-right: 21px } .mb-6 { margin-bottom: 21px } .ml-6 { margin-left: 21px } .m-7 { margin: 24.5px } .mx-7 { margin-left: 24.5px; margin-right: 24.5px } .my-7 { margin-bottom: 24.5px } .mt-7, .my-7 { margin-top: 24.5px } .mr-7 { margin-right: 24.5px } .mb-7 { margin-bottom: 24.5px } .ml-7 { margin-left: 24.5px } .m-8 { margin: 28px } .mx-8 { margin-left: 28px; margin-right: 28px } .my-8 { margin-bottom: 28px } .mt-8, .my-8 { margin-top: 28px } .mr-8 { margin-right: 28px } .mb-8 { margin-bottom: 28px } .ml-8 { margin-left: 28px } .m-9 { margin: 31.5px } .mx-9 { margin-left: 31.5px; margin-right: 31.5px } .my-9 { margin-bottom: 31.5px } .mt-9, .my-9 { margin-top: 31.5px } .mr-9 { margin-right: 31.5px } .mb-9 { margin-bottom: 31.5px } .ml-9 { margin-left: 31.5px } .m-10 { margin: 35px } .mx-10 { margin-left: 35px; margin-right: 35px } .my-10 { margin-bottom: 35px } .mt-10, .my-10 { margin-top: 35px } .mr-10 { margin-right: 35px } .mb-10 { margin-bottom: 35px } .ml-10 { margin-left: 35px } .m-11 { margin: 38.5px } .mx-11 { margin-left: 38.5px; margin-right: 38.5px } .my-11 { margin-bottom: 38.5px } .mt-11, .my-11 { margin-top: 38.5px } .mr-11 { margin-right: 38.5px } .mb-11 { margin-bottom: 38.5px } .ml-11 { margin-left: 38.5px } .m-12 { margin: 42px } .mx-12 { margin-left: 42px; margin-right: 42px } .my-12 { margin-bottom: 42px } .mt-12, .my-12 { margin-top: 42px } .mr-12 { margin-right: 42px } .mb-12 { margin-bottom: 42px } .ml-12 { margin-left: 42px } .m-13 { margin: 45.5px } .mx-13 { margin-left: 45.5px; margin-right: 45.5px } .my-13 { margin-bottom: 45.5px } .mt-13, .my-13 { margin-top: 45.5px } .mr-13 { margin-right: 45.5px } .mb-13 { margin-bottom: 45.5px } .ml-13 { margin-left: 45.5px } .m-14 { margin: 49px } .mx-14 { margin-left: 49px; margin-right: 49px } .my-14 { margin-bottom: 49px } .mt-14, .my-14 { margin-top: 49px } .mr-14 { margin-right: 49px } .mb-14 { margin-bottom: 49px } .ml-14 { margin-left: 49px } .m-15 { margin: 52.5px } .mx-15 { margin-left: 52.5px; margin-right: 52.5px } .my-15 { margin-bottom: 52.5px } .mt-15, .my-15 { margin-top: 52.5px } .mr-15 { margin-right: 52.5px } .mb-15 { margin-bottom: 52.5px } .ml-15 { margin-left: 52.5px } .m-16 { margin: 56px } .mx-16 { margin-left: 56px; margin-right: 56px } .my-16 { margin-bottom: 56px } .mt-16, .my-16 { margin-top: 56px } .mr-16 { margin-right: 56px } .mb-16 { margin-bottom: 56px } .ml-16 { margin-left: 56px } .m-17 { margin: 59.5px } .mx-17 { margin-left: 59.5px; margin-right: 59.5px } .my-17 { margin-bottom: 59.5px } .mt-17, .my-17 { margin-top: 59.5px } .mr-17 { margin-right: 59.5px } .mb-17 { margin-bottom: 59.5px } .ml-17 { margin-left: 59.5px } .m-18 { margin: 63px } .mx-18 { margin-left: 63px; margin-right: 63px } .my-18 { margin-bottom: 63px } .mt-18, .my-18 { margin-top: 63px } .mr-18 { margin-right: 63px } .mb-18 { margin-bottom: 63px } .ml-18 { margin-left: 63px } .m-19 { margin: 66.5px } .mx-19 { margin-left: 66.5px; margin-right: 66.5px } .my-19 { margin-bottom: 66.5px } .mt-19, .my-19 { margin-top: 66.5px } .mr-19 { margin-right: 66.5px } .mb-19 { margin-bottom: 66.5px } .ml-19 { margin-left: 66.5px } .m-20 { margin: 70px } .mx-20 { margin-left: 70px; margin-right: 70px } .my-20 { margin-bottom: 70px } .mt-20, .my-20 { margin-top: 70px } .mr-20 { margin-right: 70px } .mb-20 { margin-bottom: 70px } .ml-20 { margin-left: 70px } } @media (min-width:1280px) { .m-1 { margin: 5px } .mx-1 { margin-left: 5px; margin-right: 5px } .my-1 { margin-bottom: 5px } .mt-1, .my-1 { margin-top: 5px } .mr-1 { margin-right: 5px } .mb-1 { margin-bottom: 5px } .ml-1 { margin-left: 5px } .m-2 { margin: 8px } .mx-2 { margin-left: 8px; margin-right: 8px } .my-2 { margin-bottom: 8px } .mt-2, .my-2 { margin-top: 8px } .mr-2 { margin-right: 8px } .mb-2 { margin-bottom: 8px } .ml-2 { margin-left: 8px } .m-3 { margin: 12px } .mx-3 { margin-left: 12px; margin-right: 12px } .my-3 { margin-bottom: 12px } .mt-3, .my-3 { margin-top: 12px } .mr-3 { margin-right: 12px } .mb-3 { margin-bottom: 12px } .ml-3 { margin-left: 12px } .m-4 { margin: 16px } .mx-4 { margin-left: 16px; margin-right: 16px } .my-4 { margin-bottom: 16px } .mt-4, .my-4 { margin-top: 16px } .mr-4 { margin-right: 16px } .mb-4 { margin-bottom: 16px } .ml-4 { margin-left: 16px } .m-5 { margin: 20px } .mx-5 { margin-left: 20px; margin-right: 20px } .my-5 { margin-bottom: 20px } .mt-5, .my-5 { margin-top: 20px } .mr-5 { margin-right: 20px } .mb-5 { margin-bottom: 20px } .ml-5 { margin-left: 20px } .m-6 { margin: 24px } .mx-6 { margin-left: 24px; margin-right: 24px } .my-6 { margin-bottom: 24px } .mt-6, .my-6 { margin-top: 24px } .mr-6 { margin-right: 24px } .mb-6 { margin-bottom: 24px } .ml-6 { margin-left: 24px } .m-7 { margin: 28px } .mx-7 { margin-left: 28px; margin-right: 28px } .my-7 { margin-bottom: 28px } .mt-7, .my-7 { margin-top: 28px } .mr-7 { margin-right: 28px } .mb-7 { margin-bottom: 28px } .ml-7 { margin-left: 28px } .m-8 { margin: 32px } .mx-8 { margin-left: 32px; margin-right: 32px } .my-8 { margin-bottom: 32px } .mt-8, .my-8 { margin-top: 32px } .mr-8 { margin-right: 32px } .mb-8 { margin-bottom: 32px } .ml-8 { margin-left: 32px } .m-9 { margin: 36px } .mx-9 { margin-left: 36px; margin-right: 36px } .my-9 { margin-bottom: 36px } .mt-9, .my-9 { margin-top: 36px } .mr-9 { margin-right: 36px } .mb-9 { margin-bottom: 36px } .ml-9 { margin-left: 36px } .m-10 { margin: 40px } .mx-10 { margin-left: 40px; margin-right: 40px } .my-10 { margin-bottom: 40px } .mt-10, .my-10 { margin-top: 40px } .mr-10 { margin-right: 40px } .mb-10 { margin-bottom: 40px } .ml-10 { margin-left: 40px } .m-11 { margin: 44px } .mx-11 { margin-left: 44px; margin-right: 44px } .my-11 { margin-bottom: 44px } .mt-11, .my-11 { margin-top: 44px } .mr-11 { margin-right: 44px } .mb-11 { margin-bottom: 44px } .ml-11 { margin-left: 44px } .m-12 { margin: 48px } .mx-12 { margin-left: 48px; margin-right: 48px } .my-12 { margin-bottom: 48px } .mt-12, .my-12 { margin-top: 48px } .mr-12 { margin-right: 48px } .mb-12 { margin-bottom: 48px } .ml-12 { margin-left: 48px } .m-13 { margin: 52px } .mx-13 { margin-left: 52px; margin-right: 52px } .my-13 { margin-bottom: 52px } .mt-13, .my-13 { margin-top: 52px } .mr-13 { margin-right: 52px } .mb-13 { margin-bottom: 52px } .ml-13 { margin-left: 52px } .m-14 { margin: 56px } .mx-14 { margin-left: 56px; margin-right: 56px } .my-14 { margin-bottom: 56px } .mt-14, .my-14 { margin-top: 56px } .mr-14 { margin-right: 56px } .mb-14 { margin-bottom: 56px } .ml-14 { margin-left: 56px } .m-15 { margin: 60px } .mx-15 { margin-left: 60px; margin-right: 60px } .my-15 { margin-bottom: 60px } .mt-15, .my-15 { margin-top: 60px } .mr-15 { margin-right: 60px } .mb-15 { margin-bottom: 60px } .ml-15 { margin-left: 60px } .m-16 { margin: 64px } .mx-16 { margin-left: 64px; margin-right: 64px } .my-16 { margin-bottom: 64px } .mt-16, .my-16 { margin-top: 64px } .mr-16 { margin-right: 64px } .mb-16 { margin-bottom: 64px } .ml-16 { margin-left: 64px } .m-17 { margin: 68px } .mx-17 { margin-left: 68px; margin-right: 68px } .my-17 { margin-bottom: 68px } .mt-17, .my-17 { margin-top: 68px } .mr-17 { margin-right: 68px } .mb-17 { margin-bottom: 68px } .ml-17 { margin-left: 68px } .m-18 { margin: 72px } .mx-18 { margin-left: 72px; margin-right: 72px } .my-18 { margin-bottom: 72px } .mt-18, .my-18 { margin-top: 72px } .mr-18 { margin-right: 72px } .mb-18 { margin-bottom: 72px } .ml-18 { margin-left: 72px } .m-19 { margin: 76px } .mx-19 { margin-left: 76px; margin-right: 76px } .my-19 { margin-bottom: 76px } .mt-19, .my-19 { margin-top: 76px } .mr-19 { margin-right: 76px } .mb-19 { margin-bottom: 76px } .ml-19 { margin-left: 76px } .m-20 { margin: 80px } .mx-20 { margin-left: 80px; margin-right: 80px } .my-20 { margin-bottom: 80px } .mt-20, .my-20 { margin-top: 80px } .mr-20 { margin-right: 80px } .mb-20 { margin-bottom: 80px } .ml-20 { margin-left: 80px } } @media (min-width:1440px) { .m-1 { margin: 5px } .mx-1 { margin-left: 5px; margin-right: 5px } .my-1 { margin-bottom: 5px } .mt-1, .my-1 { margin-top: 5px } .mr-1 { margin-right: 5px } .mb-1 { margin-bottom: 5px } .ml-1 { margin-left: 5px } .m-2 { margin: 9px } .mx-2 { margin-left: 9px; margin-right: 9px } .my-2 { margin-bottom: 9px } .mt-2, .my-2 { margin-top: 9px } .mr-2 { margin-right: 9px } .mb-2 { margin-bottom: 9px } .ml-2 { margin-left: 9px } .m-3 { margin: 13.5px } .mx-3 { margin-left: 13.5px; margin-right: 13.5px } .my-3 { margin-bottom: 13.5px } .mt-3, .my-3 { margin-top: 13.5px } .mr-3 { margin-right: 13.5px } .mb-3 { margin-bottom: 13.5px } .ml-3 { margin-left: 13.5px } .m-4 { margin: 18px } .mx-4 { margin-left: 18px; margin-right: 18px } .my-4 { margin-bottom: 18px } .mt-4, .my-4 { margin-top: 18px } .mr-4 { margin-right: 18px } .mb-4 { margin-bottom: 18px } .ml-4 { margin-left: 18px } .m-5 { margin: 22.5px } .mx-5 { margin-left: 22.5px; margin-right: 22.5px } .my-5 { margin-bottom: 22.5px } .mt-5, .my-5 { margin-top: 22.5px } .mr-5 { margin-right: 22.5px } .mb-5 { margin-bottom: 22.5px } .ml-5 { margin-left: 22.5px } .m-6 { margin: 27px } .mx-6 { margin-left: 27px; margin-right: 27px } .my-6 { margin-bottom: 27px } .mt-6, .my-6 { margin-top: 27px } .mr-6 { margin-right: 27px } .mb-6 { margin-bottom: 27px } .ml-6 { margin-left: 27px } .m-7 { margin: 31.5px } .mx-7 { margin-left: 31.5px; margin-right: 31.5px } .my-7 { margin-bottom: 31.5px } .mt-7, .my-7 { margin-top: 31.5px } .mr-7 { margin-right: 31.5px } .mb-7 { margin-bottom: 31.5px } .ml-7 { margin-left: 31.5px } .m-8 { margin: 36px } .mx-8 { margin-left: 36px; margin-right: 36px } .my-8 { margin-bottom: 36px } .mt-8, .my-8 { margin-top: 36px } .mr-8 { margin-right: 36px } .mb-8 { margin-bottom: 36px } .ml-8 { margin-left: 36px } .m-9 { margin: 40.5px } .mx-9 { margin-left: 40.5px; margin-right: 40.5px } .my-9 { margin-bottom: 40.5px } .mt-9, .my-9 { margin-top: 40.5px } .mr-9 { margin-right: 40.5px } .mb-9 { margin-bottom: 40.5px } .ml-9 { margin-left: 40.5px } .m-10 { margin: 45px } .mx-10 { margin-left: 45px; margin-right: 45px } .my-10 { margin-bottom: 45px } .mt-10, .my-10 { margin-top: 45px } .mr-10 { margin-right: 45px } .mb-10 { margin-bottom: 45px } .ml-10 { margin-left: 45px } .m-11 { margin: 49.5px } .mx-11 { margin-left: 49.5px; margin-right: 49.5px } .my-11 { margin-bottom: 49.5px } .mt-11, .my-11 { margin-top: 49.5px } .mr-11 { margin-right: 49.5px } .mb-11 { margin-bottom: 49.5px } .ml-11 { margin-left: 49.5px } .m-12 { margin: 54px } .mx-12 { margin-left: 54px; margin-right: 54px } .my-12 { margin-bottom: 54px } .mt-12, .my-12 { margin-top: 54px } .mr-12 { margin-right: 54px } .mb-12 { margin-bottom: 54px } .ml-12 { margin-left: 54px } .m-13 { margin: 58.5px } .mx-13 { margin-left: 58.5px; margin-right: 58.5px } .my-13 { margin-bottom: 58.5px } .mt-13, .my-13 { margin-top: 58.5px } .mr-13 { margin-right: 58.5px } .mb-13 { margin-bottom: 58.5px } .ml-13 { margin-left: 58.5px } .m-14 { margin: 63px } .mx-14 { margin-left: 63px; margin-right: 63px } .my-14 { margin-bottom: 63px } .mt-14, .my-14 { margin-top: 63px } .mr-14 { margin-right: 63px } .mb-14 { margin-bottom: 63px } .ml-14 { margin-left: 63px } .m-15 { margin: 67.5px } .mx-15 { margin-left: 67.5px; margin-right: 67.5px } .my-15 { margin-bottom: 67.5px } .mt-15, .my-15 { margin-top: 67.5px } .mr-15 { margin-right: 67.5px } .mb-15 { margin-bottom: 67.5px } .ml-15 { margin-left: 67.5px } .m-16 { margin: 72px } .mx-16 { margin-left: 72px; margin-right: 72px } .my-16 { margin-bottom: 72px } .mt-16, .my-16 { margin-top: 72px } .mr-16 { margin-right: 72px } .mb-16 { margin-bottom: 72px } .ml-16 { margin-left: 72px } .m-17 { margin: 76.5px } .mx-17 { margin-left: 76.5px; margin-right: 76.5px } .my-17 { margin-bottom: 76.5px } .mt-17, .my-17 { margin-top: 76.5px } .mr-17 { margin-right: 76.5px } .mb-17 { margin-bottom: 76.5px } .ml-17 { margin-left: 76.5px } .m-18 { margin: 81px } .mx-18 { margin-left: 81px; margin-right: 81px } .my-18 { margin-bottom: 81px } .mt-18, .my-18 { margin-top: 81px } .mr-18 { margin-right: 81px } .mb-18 { margin-bottom: 81px } .ml-18 { margin-left: 81px } .m-19 { margin: 85.5px } .mx-19 { margin-left: 85.5px; margin-right: 85.5px } .my-19 { margin-bottom: 85.5px } .mt-19, .my-19 { margin-top: 85.5px } .mr-19 { margin-right: 85.5px } .mb-19 { margin-bottom: 85.5px } .ml-19 { margin-left: 85.5px } .m-20 { margin: 90px } .mx-20 { margin-left: 90px; margin-right: 90px } .my-20 { margin-bottom: 90px } .mt-20, .my-20 { margin-top: 90px } .mr-20 { margin-right: 90px } .mb-20 { margin-bottom: 90px } .ml-20 { margin-left: 90px } } @media (min-width:1680px) { .m-1 { margin: 5px } .mx-1 { margin-left: 5px; margin-right: 5px } .my-1 { margin-bottom: 5px } .mt-1, .my-1 { margin-top: 5px } .mr-1 { margin-right: 5px } .mb-1 { margin-bottom: 5px } .ml-1 { margin-left: 5px } .m-2 { margin: 10px } .mx-2 { margin-left: 10px; margin-right: 10px } .my-2 { margin-bottom: 10px } .mt-2, .my-2 { margin-top: 10px } .mr-2 { margin-right: 10px } .mb-2 { margin-bottom: 10px } .ml-2 { margin-left: 10px } .m-3 { margin: 15px } .mx-3 { margin-left: 15px; margin-right: 15px } .my-3 { margin-bottom: 15px } .mt-3, .my-3 { margin-top: 15px } .mr-3 { margin-right: 15px } .mb-3 { margin-bottom: 15px } .ml-3 { margin-left: 15px } .m-4 { margin: 20px } .mx-4 { margin-left: 20px; margin-right: 20px } .my-4 { margin-bottom: 20px } .mt-4, .my-4 { margin-top: 20px } .mr-4 { margin-right: 20px } .mb-4 { margin-bottom: 20px } .ml-4 { margin-left: 20px } .m-5 { margin: 25px } .mx-5 { margin-left: 25px; margin-right: 25px } .my-5 { margin-bottom: 25px } .mt-5, .my-5 { margin-top: 25px } .mr-5 { margin-right: 25px } .mb-5 { margin-bottom: 25px } .ml-5 { margin-left: 25px } .m-6 { margin: 30px } .mx-6 { margin-left: 30px; margin-right: 30px } .my-6 { margin-bottom: 30px } .mt-6, .my-6 { margin-top: 30px } .mr-6 { margin-right: 30px } .mb-6 { margin-bottom: 30px } .ml-6 { margin-left: 30px } .m-7 { margin: 35px } .mx-7 { margin-left: 35px; margin-right: 35px } .my-7 { margin-bottom: 35px } .mt-7, .my-7 { margin-top: 35px } .mr-7 { margin-right: 35px } .mb-7 { margin-bottom: 35px } .ml-7 { margin-left: 35px } .m-8 { margin: 40px } .mx-8 { margin-left: 40px; margin-right: 40px } .my-8 { margin-bottom: 40px } .mt-8, .my-8 { margin-top: 40px } .mr-8 { margin-right: 40px } .mb-8 { margin-bottom: 40px } .ml-8 { margin-left: 40px } .m-9 { margin: 45px } .mx-9 { margin-left: 45px; margin-right: 45px } .my-9 { margin-bottom: 45px } .mt-9, .my-9 { margin-top: 45px } .mr-9 { margin-right: 45px } .mb-9 { margin-bottom: 45px } .ml-9 { margin-left: 45px } .m-10 { margin: 50px } .mx-10 { margin-left: 50px; margin-right: 50px } .my-10 { margin-bottom: 50px } .mt-10, .my-10 { margin-top: 50px } .mr-10 { margin-right: 50px } .mb-10 { margin-bottom: 50px } .ml-10 { margin-left: 50px } .m-11 { margin: 55px } .mx-11 { margin-left: 55px; margin-right: 55px } .my-11 { margin-bottom: 55px } .mt-11, .my-11 { margin-top: 55px } .mr-11 { margin-right: 55px } .mb-11 { margin-bottom: 55px } .ml-11 { margin-left: 55px } .m-12 { margin: 60px } .mx-12 { margin-left: 60px; margin-right: 60px } .my-12 { margin-bottom: 60px } .mt-12, .my-12 { margin-top: 60px } .mr-12 { margin-right: 60px } .mb-12 { margin-bottom: 60px } .ml-12 { margin-left: 60px } .m-13 { margin: 65px } .mx-13 { margin-left: 65px; margin-right: 65px } .my-13 { margin-bottom: 65px } .mt-13, .my-13 { margin-top: 65px } .mr-13 { margin-right: 65px } .mb-13 { margin-bottom: 65px } .ml-13 { margin-left: 65px } .m-14 { margin: 70px } .mx-14 { margin-left: 70px; margin-right: 70px } .my-14 { margin-bottom: 70px } .mt-14, .my-14 { margin-top: 70px } .mr-14 { margin-right: 70px } .mb-14 { margin-bottom: 70px } .ml-14 { margin-left: 70px } .m-15 { margin: 75px } .mx-15 { margin-left: 75px; margin-right: 75px } .my-15 { margin-bottom: 75px } .mt-15, .my-15 { margin-top: 75px } .mr-15 { margin-right: 75px } .mb-15 { margin-bottom: 75px } .ml-15 { margin-left: 75px } .m-16 { margin: 80px } .mx-16 { margin-left: 80px; margin-right: 80px } .my-16 { margin-bottom: 80px } .mt-16, .my-16 { margin-top: 80px } .mr-16 { margin-right: 80px } .mb-16 { margin-bottom: 80px } .ml-16 { margin-left: 80px } .m-17 { margin: 85px } .mx-17 { margin-left: 85px; margin-right: 85px } .my-17 { margin-bottom: 85px } .mt-17, .my-17 { margin-top: 85px } .mr-17 { margin-right: 85px } .mb-17 { margin-bottom: 85px } .ml-17 { margin-left: 85px } .m-18 { margin: 90px } .mx-18 { margin-left: 90px; margin-right: 90px } .my-18 { margin-bottom: 90px } .mt-18, .my-18 { margin-top: 90px } .mr-18 { margin-right: 90px } .mb-18 { margin-bottom: 90px } .ml-18 { margin-left: 90px } .m-19 { margin: 95px } .mx-19 { margin-left: 95px; margin-right: 95px } .my-19 { margin-bottom: 95px } .mt-19, .my-19 { margin-top: 95px } .mr-19 { margin-right: 95px } .mb-19 { margin-bottom: 95px } .ml-19 { margin-left: 95px } .m-20 { margin: 100px } .mx-20 { margin-left: 100px; margin-right: 100px } .my-20 { margin-bottom: 100px } .mt-20, .my-20 { margin-top: 100px } .mr-20 { margin-right: 100px } .mb-20 { margin-bottom: 100px } .ml-20 { margin-left: 100px } } .mx-auto { margin-left: auto; margin-right: auto } @media (min-width:0px) { .p-1 { padding: 5px } .px-1 { padding-left: 5px; padding-right: 5px } .py-1 { padding-bottom: 5px } .pt-1, .py-1 { padding-top: 5px } .pr-1 { padding-right: 5px } .pb-1 { padding-bottom: 5px } .pl-1 { padding-left: 5px } .p-2 { padding: 5px } .px-2 { padding-left: 5px; padding-right: 5px } .py-2 { padding-bottom: 5px } .pt-2, .py-2 { padding-top: 5px } .pr-2 { padding-right: 5px } .pb-2 { padding-bottom: 5px } .pl-2 { padding-left: 5px } .p-3 { padding: 7.5px } .px-3 { padding-left: 7.5px; padding-right: 7.5px } .py-3 { padding-bottom: 7.5px } .pt-3, .py-3 { padding-top: 7.5px } .pr-3 { padding-right: 7.5px } .pb-3 { padding-bottom: 7.5px } .pl-3 { padding-left: 7.5px } .p-4 { padding: 10px } .px-4 { padding-left: 10px; padding-right: 10px } .py-4 { padding-bottom: 10px } .pt-4, .py-4 { padding-top: 10px } .pr-4 { padding-right: 10px } .pb-4 { padding-bottom: 10px } .pl-4 { padding-left: 10px } .p-5 { padding: 12.5px } .px-5 { padding-left: 12.5px; padding-right: 12.5px } .py-5 { padding-bottom: 12.5px } .pt-5, .py-5 { padding-top: 12.5px } .pr-5 { padding-right: 12.5px } .pb-5 { padding-bottom: 12.5px } .pl-5 { padding-left: 12.5px } .p-6 { padding: 15px } .px-6 { padding-left: 15px; padding-right: 15px } .py-6 { padding-bottom: 15px } .pt-6, .py-6 { padding-top: 15px } .pr-6 { padding-right: 15px } .pb-6 { padding-bottom: 15px } .pl-6 { padding-left: 15px } .p-7 { padding: 17.5px } .px-7 { padding-left: 17.5px; padding-right: 17.5px } .py-7 { padding-bottom: 17.5px } .pt-7, .py-7 { padding-top: 17.5px } .pr-7 { padding-right: 17.5px } .pb-7 { padding-bottom: 17.5px } .pl-7 { padding-left: 17.5px } .p-8 { padding: 20px } .px-8 { padding-left: 20px; padding-right: 20px } .py-8 { padding-bottom: 20px } .pt-8, .py-8 { padding-top: 20px } .pr-8 { padding-right: 20px } .pb-8 { padding-bottom: 20px } .pl-8 { padding-left: 20px } .p-9 { padding: 22.5px } .px-9 { padding-left: 22.5px; padding-right: 22.5px } .py-9 { padding-bottom: 22.5px } .pt-9, .py-9 { padding-top: 22.5px } .pr-9 { padding-right: 22.5px } .pb-9 { padding-bottom: 22.5px } .pl-9 { padding-left: 22.5px } .p-10 { padding: 25px } .px-10 { padding-left: 25px; padding-right: 25px } .py-10 { padding-bottom: 25px } .pt-10, .py-10 { padding-top: 25px } .pr-10 { padding-right: 25px } .pb-10 { padding-bottom: 25px } .pl-10 { padding-left: 25px } .p-11 { padding: 27.5px } .px-11 { padding-left: 27.5px; padding-right: 27.5px } .py-11 { padding-bottom: 27.5px } .pt-11, .py-11 { padding-top: 27.5px } .pr-11 { padding-right: 27.5px } .pb-11 { padding-bottom: 27.5px } .pl-11 { padding-left: 27.5px } .p-12 { padding: 30px } .px-12 { padding-left: 30px; padding-right: 30px } .py-12 { padding-bottom: 30px } .pt-12, .py-12 { padding-top: 30px } .pr-12 { padding-right: 30px } .pb-12 { padding-bottom: 30px } .pl-12 { padding-left: 30px } .p-13 { padding: 32.5px } .px-13 { padding-left: 32.5px; padding-right: 32.5px } .py-13 { padding-bottom: 32.5px } .pt-13, .py-13 { padding-top: 32.5px } .pr-13 { padding-right: 32.5px } .pb-13 { padding-bottom: 32.5px } .pl-13 { padding-left: 32.5px } .p-14 { padding: 35px } .px-14 { padding-left: 35px; padding-right: 35px } .py-14 { padding-bottom: 35px } .pt-14, .py-14 { padding-top: 35px } .pr-14 { padding-right: 35px } .pb-14 { padding-bottom: 35px } .pl-14 { padding-left: 35px } .p-15 { padding: 37.5px } .px-15 { padding-left: 37.5px; padding-right: 37.5px } .py-15 { padding-bottom: 37.5px } .pt-15, .py-15 { padding-top: 37.5px } .pr-15 { padding-right: 37.5px } .pb-15 { padding-bottom: 37.5px } .pl-15 { padding-left: 37.5px } .p-16 { padding: 40px } .px-16 { padding-left: 40px; padding-right: 40px } .py-16 { padding-bottom: 40px } .pt-16, .py-16 { padding-top: 40px } .pr-16 { padding-right: 40px } .pb-16 { padding-bottom: 40px } .pl-16 { padding-left: 40px } .p-17 { padding: 42.5px } .px-17 { padding-left: 42.5px; padding-right: 42.5px } .py-17 { padding-bottom: 42.5px } .pt-17, .py-17 { padding-top: 42.5px } .pr-17 { padding-right: 42.5px } .pb-17 { padding-bottom: 42.5px } .pl-17 { padding-left: 42.5px } .p-18 { padding: 45px } .px-18 { padding-left: 45px; padding-right: 45px } .py-18 { padding-bottom: 45px } .pt-18, .py-18 { padding-top: 45px } .pr-18 { padding-right: 45px } .pb-18 { padding-bottom: 45px } .pl-18 { padding-left: 45px } .p-19 { padding: 47.5px } .px-19 { padding-left: 47.5px; padding-right: 47.5px } .py-19 { padding-bottom: 47.5px } .pt-19, .py-19 { padding-top: 47.5px } .pr-19 { padding-right: 47.5px } .pb-19 { padding-bottom: 47.5px } .pl-19 { padding-left: 47.5px } .p-20 { padding: 50px } .px-20 { padding-left: 50px; padding-right: 50px } .py-20 { padding-bottom: 50px } .pt-20, .py-20 { padding-top: 50px } .pr-20 { padding-right: 50px } .pb-20 { padding-bottom: 50px } .pl-20 { padding-left: 50px } } @media (min-width:768px) { .p-1 { padding: 5px } .px-1 { padding-left: 5px; padding-right: 5px } .py-1 { padding-bottom: 5px } .pt-1, .py-1 { padding-top: 5px } .pr-1 { padding-right: 5px } .pb-1 { padding-bottom: 5px } .pl-1 { padding-left: 5px } .p-2 { padding: 6px } .px-2 { padding-left: 6px; padding-right: 6px } .py-2 { padding-bottom: 6px } .pt-2, .py-2 { padding-top: 6px } .pr-2 { padding-right: 6px } .pb-2 { padding-bottom: 6px } .pl-2 { padding-left: 6px } .p-3 { padding: 9px } .px-3 { padding-left: 9px; padding-right: 9px } .py-3 { padding-bottom: 9px } .pt-3, .py-3 { padding-top: 9px } .pr-3 { padding-right: 9px } .pb-3 { padding-bottom: 9px } .pl-3 { padding-left: 9px } .p-4 { padding: 12px } .px-4 { padding-left: 12px; padding-right: 12px } .py-4 { padding-bottom: 12px } .pt-4, .py-4 { padding-top: 12px } .pr-4 { padding-right: 12px } .pb-4 { padding-bottom: 12px } .pl-4 { padding-left: 12px } .p-5 { padding: 15px } .px-5 { padding-left: 15px; padding-right: 15px } .py-5 { padding-bottom: 15px } .pt-5, .py-5 { padding-top: 15px } .pr-5 { padding-right: 15px } .pb-5 { padding-bottom: 15px } .pl-5 { padding-left: 15px } .p-6 { padding: 18px } .px-6 { padding-left: 18px; padding-right: 18px } .py-6 { padding-bottom: 18px } .pt-6, .py-6 { padding-top: 18px } .pr-6 { padding-right: 18px } .pb-6 { padding-bottom: 18px } .pl-6 { padding-left: 18px } .p-7 { padding: 21px } .px-7 { padding-left: 21px; padding-right: 21px } .py-7 { padding-bottom: 21px } .pt-7, .py-7 { padding-top: 21px } .pr-7 { padding-right: 21px } .pb-7 { padding-bottom: 21px } .pl-7 { padding-left: 21px } .p-8 { padding: 24px } .px-8 { padding-left: 24px; padding-right: 24px } .py-8 { padding-bottom: 24px } .pt-8, .py-8 { padding-top: 24px } .pr-8 { padding-right: 24px } .pb-8 { padding-bottom: 24px } .pl-8 { padding-left: 24px } .p-9 { padding: 27px } .px-9 { padding-left: 27px; padding-right: 27px } .py-9 { padding-bottom: 27px } .pt-9, .py-9 { padding-top: 27px } .pr-9 { padding-right: 27px } .pb-9 { padding-bottom: 27px } .pl-9 { padding-left: 27px } .p-10 { padding: 30px } .px-10 { padding-left: 30px; padding-right: 30px } .py-10 { padding-bottom: 30px } .pt-10, .py-10 { padding-top: 30px } .pr-10 { padding-right: 30px } .pb-10 { padding-bottom: 30px } .pl-10 { padding-left: 30px } .p-11 { padding: 33px } .px-11 { padding-left: 33px; padding-right: 33px } .py-11 { padding-bottom: 33px } .pt-11, .py-11 { padding-top: 33px } .pr-11 { padding-right: 33px } .pb-11 { padding-bottom: 33px } .pl-11 { padding-left: 33px } .p-12 { padding: 36px } .px-12 { padding-left: 36px; padding-right: 36px } .py-12 { padding-bottom: 36px } .pt-12, .py-12 { padding-top: 36px } .pr-12 { padding-right: 36px } .pb-12 { padding-bottom: 36px } .pl-12 { padding-left: 36px } .p-13 { padding: 39px } .px-13 { padding-left: 39px; padding-right: 39px } .py-13 { padding-bottom: 39px } .pt-13, .py-13 { padding-top: 39px } .pr-13 { padding-right: 39px } .pb-13 { padding-bottom: 39px } .pl-13 { padding-left: 39px } .p-14 { padding: 42px } .px-14 { padding-left: 42px; padding-right: 42px } .py-14 { padding-bottom: 42px } .pt-14, .py-14 { padding-top: 42px } .pr-14 { padding-right: 42px } .pb-14 { padding-bottom: 42px } .pl-14 { padding-left: 42px } .p-15 { padding: 45px } .px-15 { padding-left: 45px; padding-right: 45px } .py-15 { padding-bottom: 45px } .pt-15, .py-15 { padding-top: 45px } .pr-15 { padding-right: 45px } .pb-15 { padding-bottom: 45px } .pl-15 { padding-left: 45px } .p-16 { padding: 48px } .px-16 { padding-left: 48px; padding-right: 48px } .py-16 { padding-bottom: 48px } .pt-16, .py-16 { padding-top: 48px } .pr-16 { padding-right: 48px } .pb-16 { padding-bottom: 48px } .pl-16 { padding-left: 48px } .p-17 { padding: 51px } .px-17 { padding-left: 51px; padding-right: 51px } .py-17 { padding-bottom: 51px } .pt-17, .py-17 { padding-top: 51px } .pr-17 { padding-right: 51px } .pb-17 { padding-bottom: 51px } .pl-17 { padding-left: 51px } .p-18 { padding: 54px } .px-18 { padding-left: 54px; padding-right: 54px } .py-18 { padding-bottom: 54px } .pt-18, .py-18 { padding-top: 54px } .pr-18 { padding-right: 54px } .pb-18 { padding-bottom: 54px } .pl-18 { padding-left: 54px } .p-19 { padding: 57px } .px-19 { padding-left: 57px; padding-right: 57px } .py-19 { padding-bottom: 57px } .pt-19, .py-19 { padding-top: 57px } .pr-19 { padding-right: 57px } .pb-19 { padding-bottom: 57px } .pl-19 { padding-left: 57px } .p-20 { padding: 60px } .px-20 { padding-left: 60px; padding-right: 60px } .py-20 { padding-bottom: 60px } .pt-20, .py-20 { padding-top: 60px } .pr-20 { padding-right: 60px } .pb-20 { padding-bottom: 60px } .pl-20 { padding-left: 60px } } @media (min-width:992px) { .p-1 { padding: 5px } .px-1 { padding-left: 5px; padding-right: 5px } .py-1 { padding-bottom: 5px } .pt-1, .py-1 { padding-top: 5px } .pr-1 { padding-right: 5px } .pb-1 { padding-bottom: 5px } .pl-1 { padding-left: 5px } .p-2 { padding: 7px } .px-2 { padding-left: 7px; padding-right: 7px } .py-2 { padding-bottom: 7px } .pt-2, .py-2 { padding-top: 7px } .pr-2 { padding-right: 7px } .pb-2 { padding-bottom: 7px } .pl-2 { padding-left: 7px } .p-3 { padding: 10.5px } .px-3 { padding-left: 10.5px; padding-right: 10.5px } .py-3 { padding-bottom: 10.5px } .pt-3, .py-3 { padding-top: 10.5px } .pr-3 { padding-right: 10.5px } .pb-3 { padding-bottom: 10.5px } .pl-3 { padding-left: 10.5px } .p-4 { padding: 14px } .px-4 { padding-left: 14px; padding-right: 14px } .py-4 { padding-bottom: 14px } .pt-4, .py-4 { padding-top: 14px } .pr-4 { padding-right: 14px } .pb-4 { padding-bottom: 14px } .pl-4 { padding-left: 14px } .p-5 { padding: 17.5px } .px-5 { padding-left: 17.5px; padding-right: 17.5px } .py-5 { padding-bottom: 17.5px } .pt-5, .py-5 { padding-top: 17.5px } .pr-5 { padding-right: 17.5px } .pb-5 { padding-bottom: 17.5px } .pl-5 { padding-left: 17.5px } .p-6 { padding: 21px } .px-6 { padding-left: 21px; padding-right: 21px } .py-6 { padding-bottom: 21px } .pt-6, .py-6 { padding-top: 21px } .pr-6 { padding-right: 21px } .pb-6 { padding-bottom: 21px } .pl-6 { padding-left: 21px } .p-7 { padding: 24.5px } .px-7 { padding-left: 24.5px; padding-right: 24.5px } .py-7 { padding-bottom: 24.5px } .pt-7, .py-7 { padding-top: 24.5px } .pr-7 { padding-right: 24.5px } .pb-7 { padding-bottom: 24.5px } .pl-7 { padding-left: 24.5px } .p-8 { padding: 28px } .px-8 { padding-left: 28px; padding-right: 28px } .py-8 { padding-bottom: 28px } .pt-8, .py-8 { padding-top: 28px } .pr-8 { padding-right: 28px } .pb-8 { padding-bottom: 28px } .pl-8 { padding-left: 28px } .p-9 { padding: 31.5px } .px-9 { padding-left: 31.5px; padding-right: 31.5px } .py-9 { padding-bottom: 31.5px } .pt-9, .py-9 { padding-top: 31.5px } .pr-9 { padding-right: 31.5px } .pb-9 { padding-bottom: 31.5px } .pl-9 { padding-left: 31.5px } .p-10 { padding: 35px } .px-10 { padding-left: 35px; padding-right: 35px } .py-10 { padding-bottom: 35px } .pt-10, .py-10 { padding-top: 35px } .pr-10 { padding-right: 35px } .pb-10 { padding-bottom: 35px } .pl-10 { padding-left: 35px } .p-11 { padding: 38.5px } .px-11 { padding-left: 38.5px; padding-right: 38.5px } .py-11 { padding-bottom: 38.5px } .pt-11, .py-11 { padding-top: 38.5px } .pr-11 { padding-right: 38.5px } .pb-11 { padding-bottom: 38.5px } .pl-11 { padding-left: 38.5px } .p-12 { padding: 42px } .px-12 { padding-left: 42px; padding-right: 42px } .py-12 { padding-bottom: 42px } .pt-12, .py-12 { padding-top: 42px } .pr-12 { padding-right: 42px } .pb-12 { padding-bottom: 42px } .pl-12 { padding-left: 42px } .p-13 { padding: 45.5px } .px-13 { padding-left: 45.5px; padding-right: 45.5px } .py-13 { padding-bottom: 45.5px } .pt-13, .py-13 { padding-top: 45.5px } .pr-13 { padding-right: 45.5px } .pb-13 { padding-bottom: 45.5px } .pl-13 { padding-left: 45.5px } .p-14 { padding: 49px } .px-14 { padding-left: 49px; padding-right: 49px } .py-14 { padding-bottom: 49px } .pt-14, .py-14 { padding-top: 49px } .pr-14 { padding-right: 49px } .pb-14 { padding-bottom: 49px } .pl-14 { padding-left: 49px } .p-15 { padding: 52.5px } .px-15 { padding-left: 52.5px; padding-right: 52.5px } .py-15 { padding-bottom: 52.5px } .pt-15, .py-15 { padding-top: 52.5px } .pr-15 { padding-right: 52.5px } .pb-15 { padding-bottom: 52.5px } .pl-15 { padding-left: 52.5px } .p-16 { padding: 56px } .px-16 { padding-left: 56px; padding-right: 56px } .py-16 { padding-bottom: 56px } .pt-16, .py-16 { padding-top: 56px } .pr-16 { padding-right: 56px } .pb-16 { padding-bottom: 56px } .pl-16 { padding-left: 56px } .p-17 { padding: 59.5px } .px-17 { padding-left: 59.5px; padding-right: 59.5px } .py-17 { padding-bottom: 59.5px } .pt-17, .py-17 { padding-top: 59.5px } .pr-17 { padding-right: 59.5px } .pb-17 { padding-bottom: 59.5px } .pl-17 { padding-left: 59.5px } .p-18 { padding: 63px } .px-18 { padding-left: 63px; padding-right: 63px } .py-18 { padding-bottom: 63px } .pt-18, .py-18 { padding-top: 63px } .pr-18 { padding-right: 63px } .pb-18 { padding-bottom: 63px } .pl-18 { padding-left: 63px } .p-19 { padding: 66.5px } .px-19 { padding-left: 66.5px; padding-right: 66.5px } .py-19 { padding-bottom: 66.5px } .pt-19, .py-19 { padding-top: 66.5px } .pr-19 { padding-right: 66.5px } .pb-19 { padding-bottom: 66.5px } .pl-19 { padding-left: 66.5px } .p-20 { padding: 70px } .px-20 { padding-left: 70px; padding-right: 70px } .py-20 { padding-bottom: 70px } .pt-20, .py-20 { padding-top: 70px } .pr-20 { padding-right: 70px } .pb-20 { padding-bottom: 70px } .pl-20 { padding-left: 70px } } @media (min-width:1280px) { .p-1 { padding: 5px } .px-1 { padding-left: 5px; padding-right: 5px } .py-1 { padding-bottom: 5px } .pt-1, .py-1 { padding-top: 5px } .pr-1 { padding-right: 5px } .pb-1 { padding-bottom: 5px } .pl-1 { padding-left: 5px } .p-2 { padding: 8px } .px-2 { padding-left: 8px; padding-right: 8px } .py-2 { padding-bottom: 8px } .pt-2, .py-2 { padding-top: 8px } .pr-2 { padding-right: 8px } .pb-2 { padding-bottom: 8px } .pl-2 { padding-left: 8px } .p-3 { padding: 12px } .px-3 { padding-left: 12px; padding-right: 12px } .py-3 { padding-bottom: 12px } .pt-3, .py-3 { padding-top: 12px } .pr-3 { padding-right: 12px } .pb-3 { padding-bottom: 12px } .pl-3 { padding-left: 12px } .p-4 { padding: 16px } .px-4 { padding-left: 16px; padding-right: 16px } .py-4 { padding-bottom: 16px } .pt-4, .py-4 { padding-top: 16px } .pr-4 { padding-right: 16px } .pb-4 { padding-bottom: 16px } .pl-4 { padding-left: 16px } .p-5 { padding: 20px } .px-5 { padding-left: 20px; padding-right: 20px } .py-5 { padding-bottom: 20px } .pt-5, .py-5 { padding-top: 20px } .pr-5 { padding-right: 20px } .pb-5 { padding-bottom: 20px } .pl-5 { padding-left: 20px } .p-6 { padding: 24px } .px-6 { padding-left: 24px; padding-right: 24px } .py-6 { padding-bottom: 24px } .pt-6, .py-6 { padding-top: 24px } .pr-6 { padding-right: 24px } .pb-6 { padding-bottom: 24px } .pl-6 { padding-left: 24px } .p-7 { padding: 28px } .px-7 { padding-left: 28px; padding-right: 28px } .py-7 { padding-bottom: 28px } .pt-7, .py-7 { padding-top: 28px } .pr-7 { padding-right: 28px } .pb-7 { padding-bottom: 28px } .pl-7 { padding-left: 28px } .p-8 { padding: 32px } .px-8 { padding-left: 32px; padding-right: 32px } .py-8 { padding-bottom: 32px } .pt-8, .py-8 { padding-top: 32px } .pr-8 { padding-right: 32px } .pb-8 { padding-bottom: 32px } .pl-8 { padding-left: 32px } .p-9 { padding: 36px } .px-9 { padding-left: 36px; padding-right: 36px } .py-9 { padding-bottom: 36px } .pt-9, .py-9 { padding-top: 36px } .pr-9 { padding-right: 36px } .pb-9 { padding-bottom: 36px } .pl-9 { padding-left: 36px } .p-10 { padding: 40px } .px-10 { padding-left: 40px; padding-right: 40px } .py-10 { padding-bottom: 40px } .pt-10, .py-10 { padding-top: 40px } .pr-10 { padding-right: 40px } .pb-10 { padding-bottom: 40px } .pl-10 { padding-left: 40px } .p-11 { padding: 44px } .px-11 { padding-left: 44px; padding-right: 44px } .py-11 { padding-bottom: 44px } .pt-11, .py-11 { padding-top: 44px } .pr-11 { padding-right: 44px } .pb-11 { padding-bottom: 44px } .pl-11 { padding-left: 44px } .p-12 { padding: 48px } .px-12 { padding-left: 48px; padding-right: 48px } .py-12 { padding-bottom: 48px } .pt-12, .py-12 { padding-top: 48px } .pr-12 { padding-right: 48px } .pb-12 { padding-bottom: 48px } .pl-12 { padding-left: 48px } .p-13 { padding: 52px } .px-13 { padding-left: 52px; padding-right: 52px } .py-13 { padding-bottom: 52px } .pt-13, .py-13 { padding-top: 52px } .pr-13 { padding-right: 52px } .pb-13 { padding-bottom: 52px } .pl-13 { padding-left: 52px } .p-14 { padding: 56px } .px-14 { padding-left: 56px; padding-right: 56px } .py-14 { padding-bottom: 56px } .pt-14, .py-14 { padding-top: 56px } .pr-14 { padding-right: 56px } .pb-14 { padding-bottom: 56px } .pl-14 { padding-left: 56px } .p-15 { padding: 60px } .px-15 { padding-left: 60px; padding-right: 60px } .py-15 { padding-bottom: 60px } .pt-15, .py-15 { padding-top: 60px } .pr-15 { padding-right: 60px } .pb-15 { padding-bottom: 60px } .pl-15 { padding-left: 60px } .p-16 { padding: 64px } .px-16 { padding-left: 64px; padding-right: 64px } .py-16 { padding-bottom: 64px } .pt-16, .py-16 { padding-top: 64px } .pr-16 { padding-right: 64px } .pb-16 { padding-bottom: 64px } .pl-16 { padding-left: 64px } .p-17 { padding: 68px } .px-17 { padding-left: 68px; padding-right: 68px } .py-17 { padding-bottom: 68px } .pt-17, .py-17 { padding-top: 68px } .pr-17 { padding-right: 68px } .pb-17 { padding-bottom: 68px } .pl-17 { padding-left: 68px } .p-18 { padding: 72px } .px-18 { padding-left: 72px; padding-right: 72px } .py-18 { padding-bottom: 72px } .pt-18, .py-18 { padding-top: 72px } .pr-18 { padding-right: 72px } .pb-18 { padding-bottom: 72px } .pl-18 { padding-left: 72px } .p-19 { padding: 76px } .px-19 { padding-left: 76px; padding-right: 76px } .py-19 { padding-bottom: 76px } .pt-19, .py-19 { padding-top: 76px } .pr-19 { padding-right: 76px } .pb-19 { padding-bottom: 76px } .pl-19 { padding-left: 76px } .p-20 { padding: 80px } .px-20 { padding-left: 80px; padding-right: 80px } .py-20 { padding-bottom: 80px } .pt-20, .py-20 { padding-top: 80px } .pr-20 { padding-right: 80px } .pb-20 { padding-bottom: 80px } .pl-20 { padding-left: 80px } } @media (min-width:1440px) { .p-1 { padding: 5px } .px-1 { padding-left: 5px; padding-right: 5px } .py-1 { padding-bottom: 5px } .pt-1, .py-1 { padding-top: 5px } .pr-1 { padding-right: 5px } .pb-1 { padding-bottom: 5px } .pl-1 { padding-left: 5px } .p-2 { padding: 9px } .px-2 { padding-left: 9px; padding-right: 9px } .py-2 { padding-bottom: 9px } .pt-2, .py-2 { padding-top: 9px } .pr-2 { padding-right: 9px } .pb-2 { padding-bottom: 9px } .pl-2 { padding-left: 9px } .p-3 { padding: 13.5px } .px-3 { padding-left: 13.5px; padding-right: 13.5px } .py-3 { padding-bottom: 13.5px } .pt-3, .py-3 { padding-top: 13.5px } .pr-3 { padding-right: 13.5px } .pb-3 { padding-bottom: 13.5px } .pl-3 { padding-left: 13.5px } .p-4 { padding: 18px } .px-4 { padding-left: 18px; padding-right: 18px } .py-4 { padding-bottom: 18px } .pt-4, .py-4 { padding-top: 18px } .pr-4 { padding-right: 18px } .pb-4 { padding-bottom: 18px } .pl-4 { padding-left: 18px } .p-5 { padding: 22.5px } .px-5 { padding-left: 22.5px; padding-right: 22.5px } .py-5 { padding-bottom: 22.5px } .pt-5, .py-5 { padding-top: 22.5px } .pr-5 { padding-right: 22.5px } .pb-5 { padding-bottom: 22.5px } .pl-5 { padding-left: 22.5px } .p-6 { padding: 27px } .px-6 { padding-left: 27px; padding-right: 27px } .py-6 { padding-bottom: 27px } .pt-6, .py-6 { padding-top: 27px } .pr-6 { padding-right: 27px } .pb-6 { padding-bottom: 27px } .pl-6 { padding-left: 27px } .p-7 { padding: 31.5px } .px-7 { padding-left: 31.5px; padding-right: 31.5px } .py-7 { padding-bottom: 31.5px } .pt-7, .py-7 { padding-top: 31.5px } .pr-7 { padding-right: 31.5px } .pb-7 { padding-bottom: 31.5px } .pl-7 { padding-left: 31.5px } .p-8 { padding: 36px } .px-8 { padding-left: 36px; padding-right: 36px } .py-8 { padding-bottom: 36px } .pt-8, .py-8 { padding-top: 36px } .pr-8 { padding-right: 36px } .pb-8 { padding-bottom: 36px } .pl-8 { padding-left: 36px } .p-9 { padding: 40.5px } .px-9 { padding-left: 40.5px; padding-right: 40.5px } .py-9 { padding-bottom: 40.5px } .pt-9, .py-9 { padding-top: 40.5px } .pr-9 { padding-right: 40.5px } .pb-9 { padding-bottom: 40.5px } .pl-9 { padding-left: 40.5px } .p-10 { padding: 45px } .px-10 { padding-left: 45px; padding-right: 45px } .py-10 { padding-bottom: 45px } .pt-10, .py-10 { padding-top: 45px } .pr-10 { padding-right: 45px } .pb-10 { padding-bottom: 45px } .pl-10 { padding-left: 45px } .p-11 { padding: 49.5px } .px-11 { padding-left: 49.5px; padding-right: 49.5px } .py-11 { padding-bottom: 49.5px } .pt-11, .py-11 { padding-top: 49.5px } .pr-11 { padding-right: 49.5px } .pb-11 { padding-bottom: 49.5px } .pl-11 { padding-left: 49.5px } .p-12 { padding: 54px } .px-12 { padding-left: 54px; padding-right: 54px } .py-12 { padding-bottom: 54px } .pt-12, .py-12 { padding-top: 54px } .pr-12 { padding-right: 54px } .pb-12 { padding-bottom: 54px } .pl-12 { padding-left: 54px } .p-13 { padding: 58.5px } .px-13 { padding-left: 58.5px; padding-right: 58.5px } .py-13 { padding-bottom: 58.5px } .pt-13, .py-13 { padding-top: 58.5px } .pr-13 { padding-right: 58.5px } .pb-13 { padding-bottom: 58.5px } .pl-13 { padding-left: 58.5px } .p-14 { padding: 63px } .px-14 { padding-left: 63px; padding-right: 63px } .py-14 { padding-bottom: 63px } .pt-14, .py-14 { padding-top: 63px } .pr-14 { padding-right: 63px } .pb-14 { padding-bottom: 63px } .pl-14 { padding-left: 63px } .p-15 { padding: 67.5px } .px-15 { padding-left: 67.5px; padding-right: 67.5px } .py-15 { padding-bottom: 67.5px } .pt-15, .py-15 { padding-top: 67.5px } .pr-15 { padding-right: 67.5px } .pb-15 { padding-bottom: 67.5px } .pl-15 { padding-left: 67.5px } .p-16 { padding: 72px } .px-16 { padding-left: 72px; padding-right: 72px } .py-16 { padding-bottom: 72px } .pt-16, .py-16 { padding-top: 72px } .pr-16 { padding-right: 72px } .pb-16 { padding-bottom: 72px } .pl-16 { padding-left: 72px } .p-17 { padding: 76.5px } .px-17 { padding-left: 76.5px; padding-right: 76.5px } .py-17 { padding-bottom: 76.5px } .pt-17, .py-17 { padding-top: 76.5px } .pr-17 { padding-right: 76.5px } .pb-17 { padding-bottom: 76.5px } .pl-17 { padding-left: 76.5px } .p-18 { padding: 81px } .px-18 { padding-left: 81px; padding-right: 81px } .py-18 { padding-bottom: 81px } .pt-18, .py-18 { padding-top: 81px } .pr-18 { padding-right: 81px } .pb-18 { padding-bottom: 81px } .pl-18 { padding-left: 81px } .p-19 { padding: 85.5px } .px-19 { padding-left: 85.5px; padding-right: 85.5px } .py-19 { padding-bottom: 85.5px } .pt-19, .py-19 { padding-top: 85.5px } .pr-19 { padding-right: 85.5px } .pb-19 { padding-bottom: 85.5px } .pl-19 { padding-left: 85.5px } .p-20 { padding: 90px } .px-20 { padding-left: 90px; padding-right: 90px } .py-20 { padding-bottom: 90px } .pt-20, .py-20 { padding-top: 90px } .pr-20 { padding-right: 90px } .pb-20 { padding-bottom: 90px } .pl-20 { padding-left: 90px } } @media (min-width:1680px) { .p-1 { padding: 5px } .px-1 { padding-left: 5px; padding-right: 5px } .py-1 { padding-bottom: 5px } .pt-1, .py-1 { padding-top: 5px } .pr-1 { padding-right: 5px } .pb-1 { padding-bottom: 5px } .pl-1 { padding-left: 5px } .p-2 { padding: 10px } .px-2 { padding-left: 10px; padding-right: 10px } .py-2 { padding-bottom: 10px } .pt-2, .py-2 { padding-top: 10px } .pr-2 { padding-right: 10px } .pb-2 { padding-bottom: 10px } .pl-2 { padding-left: 10px } .p-3 { padding: 15px } .px-3 { padding-left: 15px; padding-right: 15px } .py-3 { padding-bottom: 15px } .pt-3, .py-3 { padding-top: 15px } .pr-3 { padding-right: 15px } .pb-3 { padding-bottom: 15px } .pl-3 { padding-left: 15px } .p-4 { padding: 20px } .px-4 { padding-left: 20px; padding-right: 20px } .py-4 { padding-bottom: 20px } .pt-4, .py-4 { padding-top: 20px } .pr-4 { padding-right: 20px } .pb-4 { padding-bottom: 20px } .pl-4 { padding-left: 20px } .p-5 { padding: 25px } .px-5 { padding-left: 25px; padding-right: 25px } .py-5 { padding-bottom: 25px } .pt-5, .py-5 { padding-top: 25px } .pr-5 { padding-right: 25px } .pb-5 { padding-bottom: 25px } .pl-5 { padding-left: 25px } .p-6 { padding: 30px } .px-6 { padding-left: 30px; padding-right: 30px } .py-6 { padding-bottom: 30px } .pt-6, .py-6 { padding-top: 30px } .pr-6 { padding-right: 30px } .pb-6 { padding-bottom: 30px } .pl-6 { padding-left: 30px } .p-7 { padding: 35px } .px-7 { padding-left: 35px; padding-right: 35px } .py-7 { padding-bottom: 35px } .pt-7, .py-7 { padding-top: 35px } .pr-7 { padding-right: 35px } .pb-7 { padding-bottom: 35px } .pl-7 { padding-left: 35px } .p-8 { padding: 40px } .px-8 { padding-left: 40px; padding-right: 40px } .py-8 { padding-bottom: 40px } .pt-8, .py-8 { padding-top: 40px } .pr-8 { padding-right: 40px } .pb-8 { padding-bottom: 40px } .pl-8 { padding-left: 40px } .p-9 { padding: 45px } .px-9 { padding-left: 45px; padding-right: 45px } .py-9 { padding-bottom: 45px } .pt-9, .py-9 { padding-top: 45px } .pr-9 { padding-right: 45px } .pb-9 { padding-bottom: 45px } .pl-9 { padding-left: 45px } .p-10 { padding: 50px } .px-10 { padding-left: 50px; padding-right: 50px } .py-10 { padding-bottom: 50px } .pt-10, .py-10 { padding-top: 50px } .pr-10 { padding-right: 50px } .pb-10 { padding-bottom: 50px } .pl-10 { padding-left: 50px } .p-11 { padding: 55px } .px-11 { padding-left: 55px; padding-right: 55px } .py-11 { padding-bottom: 55px } .pt-11, .py-11 { padding-top: 55px } .pr-11 { padding-right: 55px } .pb-11 { padding-bottom: 55px } .pl-11 { padding-left: 55px } .p-12 { padding: 60px } .px-12 { padding-left: 60px; padding-right: 60px } .py-12 { padding-bottom: 60px } .pt-12, .py-12 { padding-top: 60px } .pr-12 { padding-right: 60px } .pb-12 { padding-bottom: 60px } .pl-12 { padding-left: 60px } .p-13 { padding: 65px } .px-13 { padding-left: 65px; padding-right: 65px } .py-13 { padding-bottom: 65px } .pt-13, .py-13 { padding-top: 65px } .pr-13 { padding-right: 65px } .pb-13 { padding-bottom: 65px } .pl-13 { padding-left: 65px } .p-14 { padding: 70px } .px-14 { padding-left: 70px; padding-right: 70px } .py-14 { padding-bottom: 70px } .pt-14, .py-14 { padding-top: 70px } .pr-14 { padding-right: 70px } .pb-14 { padding-bottom: 70px } .pl-14 { padding-left: 70px } .p-15 { padding: 75px } .px-15 { padding-left: 75px; padding-right: 75px } .py-15 { padding-bottom: 75px } .pt-15, .py-15 { padding-top: 75px } .pr-15 { padding-right: 75px } .pb-15 { padding-bottom: 75px } .pl-15 { padding-left: 75px } .p-16 { padding: 80px } .px-16 { padding-left: 80px; padding-right: 80px } .py-16 { padding-bottom: 80px } .pt-16, .py-16 { padding-top: 80px } .pr-16 { padding-right: 80px } .pb-16 { padding-bottom: 80px } .pl-16 { padding-left: 80px } .p-17 { padding: 85px } .px-17 { padding-left: 85px; padding-right: 85px } .py-17 { padding-bottom: 85px } .pt-17, .py-17 { padding-top: 85px } .pr-17 { padding-right: 85px } .pb-17 { padding-bottom: 85px } .pl-17 { padding-left: 85px } .p-18 { padding: 90px } .px-18 { padding-left: 90px; padding-right: 90px } .py-18 { padding-bottom: 90px } .pt-18, .py-18 { padding-top: 90px } .pr-18 { padding-right: 90px } .pb-18 { padding-bottom: 90px } .pl-18 { padding-left: 90px } .p-19 { padding: 95px } .px-19 { padding-left: 95px; padding-right: 95px } .py-19 { padding-bottom: 95px } .pt-19, .py-19 { padding-top: 95px } .pr-19 { padding-right: 95px } .pb-19 { padding-bottom: 95px } .pl-19 { padding-left: 95px } .p-20 { padding: 100px } .px-20 { padding-left: 100px; padding-right: 100px } .py-20 { padding-bottom: 100px } .pt-20, .py-20 { padding-top: 100px } .pr-20 { padding-right: 100px } .pb-20 { padding-bottom: 100px } .pl-20 { padding-left: 100px } } @media (min-width:0px) { .fs-1, .fs-2, .fs-3, .fs-4, .fs-5 { font-size: 12px } .fs-6 { font-size: 13.2px } .fs-7 { font-size: 14.4px } .fs-8 { font-size: 15.6px } .fs-9 { font-size: 16.8px } .fs-10 { font-size: 18px } .fs-11 { font-size: 19.2px } .fs-12 { font-size: 20.4px } .fs-13 { font-size: 21.6px } .fs-14 { font-size: 22.8px } .fs-15 { font-size: 24px } .fs-16 { font-size: 25.2px } .fs-17 { font-size: 26.4px } .fs-18 { font-size: 27.6px } .fs-19 { font-size: 28.8px } .fs-20 { font-size: 30px } .fs-21 { font-size: 31.2px } .fs-22 { font-size: 32.4px } .fs-23 { font-size: 33.6px } .fs-24 { font-size: 34.8px } .fs-25 { font-size: 36px } .fs-26 { font-size: 37.2px } .fs-27 { font-size: 38.4px } .fs-28 { font-size: 39.6px } .fs-29 { font-size: 40.8px } .fs-30 { font-size: 42px } .fs-31 { font-size: 43.2px } .fs-32 { font-size: 44.4px } .fs-33 { font-size: 45.6px } .fs-34 { font-size: 46.8px } .fs-35 { font-size: 48px } .fs-36 { font-size: 49.2px } .fs-37 { font-size: 50.4px } .fs-38 { font-size: 51.6px } .fs-39 { font-size: 52.8px } .fs-40 { font-size: 54px } } @media (min-width:768px) { .fs-1, .fs-2, .fs-3 { font-size: 12px } .fs-4 { font-size: 12.24px } .fs-5 { font-size: 13.6px } .fs-6 { font-size: 14.96px } .fs-7 { font-size: 16.32px } .fs-8 { font-size: 17.68px } .fs-9 { font-size: 19.04px } .fs-10 { font-size: 20.4px } .fs-11 { font-size: 21.76px } .fs-12 { font-size: 23.12px } .fs-13 { font-size: 24.48px } .fs-14 { font-size: 25.84px } .fs-15 { font-size: 27.2px } .fs-16 { font-size: 28.56px } .fs-17 { font-size: 29.92px } .fs-18 { font-size: 31.28px } .fs-19 { font-size: 32.64px } .fs-20 { font-size: 34px } .fs-21 { font-size: 35.36px } .fs-22 { font-size: 36.72px } .fs-23 { font-size: 38.08px } .fs-24 { font-size: 39.44px } .fs-25 { font-size: 40.8px } .fs-26 { font-size: 42.16px } .fs-27 { font-size: 43.52px } .fs-28 { font-size: 44.88px } .fs-29 { font-size: 46.24px } .fs-30 { font-size: 47.6px } .fs-31 { font-size: 48.96px } .fs-32 { font-size: 50.32px } .fs-33 { font-size: 51.68px } .fs-34 { font-size: 53.04px } .fs-35 { font-size: 54.4px } .fs-36 { font-size: 55.76px } .fs-37 { font-size: 57.12px } .fs-38 { font-size: 58.48px } .fs-39 { font-size: 59.84px } .fs-40 { font-size: 61.2px } } @media (min-width:992px) { .fs-1, .fs-2 { font-size: 12px } .fs-3 { font-size: 12.16px } .fs-4 { font-size: 13.68px } .fs-5 { font-size: 15.2px } .fs-6 { font-size: 16.72px } .fs-7 { font-size: 18.24px } .fs-8 { font-size: 19.76px } .fs-9 { font-size: 21.28px } .fs-10 { font-size: 22.8px } .fs-11 { font-size: 24.32px } .fs-12 { font-size: 25.84px } .fs-13 { font-size: 27.36px } .fs-14 { font-size: 28.88px } .fs-15 { font-size: 30.4px } .fs-16 { font-size: 31.92px } .fs-17 { font-size: 33.44px } .fs-18 { font-size: 34.96px } .fs-19 { font-size: 36.48px } .fs-20 { font-size: 38px } .fs-21 { font-size: 39.52px } .fs-22 { font-size: 41.04px } .fs-23 { font-size: 42.56px } .fs-24 { font-size: 44.08px } .fs-25 { font-size: 45.6px } .fs-26 { font-size: 47.12px } .fs-27 { font-size: 48.64px } .fs-28 { font-size: 50.16px } .fs-29 { font-size: 51.68px } .fs-30 { font-size: 53.2px } .fs-31 { font-size: 54.72px } .fs-32 { font-size: 56.24px } .fs-33 { font-size: 57.76px } .fs-34 { font-size: 59.28px } .fs-35 { font-size: 60.8px } .fs-36 { font-size: 62.32px } .fs-37 { font-size: 63.84px } .fs-38 { font-size: 65.36px } .fs-39 { font-size: 66.88px } .fs-40 { font-size: 68.4px } } @media (min-width:1280px) { .fs-1, .fs-2 { font-size: 12px } .fs-3 { font-size: 13.44px } .fs-4 { font-size: 15.12px } .fs-5 { font-size: 16.8px } .fs-6 { font-size: 18.48px } .fs-7 { font-size: 20.16px } .fs-8 { font-size: 21.84px } .fs-9 { font-size: 23.52px } .fs-10 { font-size: 25.2px } .fs-11 { font-size: 26.88px } .fs-12 { font-size: 28.56px } .fs-13 { font-size: 30.24px } .fs-14 { font-size: 31.92px } .fs-15 { font-size: 33.6px } .fs-16 { font-size: 35.28px } .fs-17 { font-size: 36.96px } .fs-18 { font-size: 38.64px } .fs-19 { font-size: 40.32px } .fs-20 { font-size: 42px } .fs-21 { font-size: 43.68px } .fs-22 { font-size: 45.36px } .fs-23 { font-size: 47.04px } .fs-24 { font-size: 48.72px } .fs-25 { font-size: 50.4px } .fs-26 { font-size: 52.08px } .fs-27 { font-size: 53.76px } .fs-28 { font-size: 55.44px } .fs-29 { font-size: 57.12px } .fs-30 { font-size: 58.8px } .fs-31 { font-size: 60.48px } .fs-32 { font-size: 62.16px } .fs-33 { font-size: 63.84px } .fs-34 { font-size: 65.52px } .fs-35 { font-size: 67.2px } .fs-36 { font-size: 68.88px } .fs-37 { font-size: 70.56px } .fs-38 { font-size: 72.24px } .fs-39 { font-size: 73.92px } .fs-40 { font-size: 75.6px } } @media (min-width:1440px) { .fs-1 { font-size: 12px } .fs-2 { font-size: 12.88px } .fs-3 { font-size: 14.72px } .fs-4 { font-size: 16.56px } .fs-5 { font-size: 18.4px } .fs-6 { font-size: 20.24px } .fs-7 { font-size: 22.08px } .fs-8 { font-size: 23.92px } .fs-9 { font-size: 25.76px } .fs-10 { font-size: 27.6px } .fs-11 { font-size: 29.44px } .fs-12 { font-size: 31.28px } .fs-13 { font-size: 33.12px } .fs-14 { font-size: 34.96px } .fs-15 { font-size: 36.8px } .fs-16 { font-size: 38.64px } .fs-17 { font-size: 40.48px } .fs-18 { font-size: 42.32px } .fs-19 { font-size: 44.16px } .fs-20 { font-size: 46px } .fs-21 { font-size: 47.84px } .fs-22 { font-size: 49.68px } .fs-23 { font-size: 51.52px } .fs-24 { font-size: 53.36px } .fs-25 { font-size: 55.2px } .fs-26 { font-size: 57.04px } .fs-27 { font-size: 58.88px } .fs-28 { font-size: 60.72px } .fs-29 { font-size: 62.56px } .fs-30 { font-size: 64.4px } .fs-31 { font-size: 66.24px } .fs-32 { font-size: 68.08px } .fs-33 { font-size: 69.92px } .fs-34 { font-size: 71.76px } .fs-35 { font-size: 73.6px } .fs-36 { font-size: 75.44px } .fs-37 { font-size: 77.28px } .fs-38 { font-size: 79.12px } .fs-39 { font-size: 80.96px } .fs-40 { font-size: 82.8px } } @media (min-width:1680px) { .fs-1 { font-size: 12px } .fs-2 { font-size: 14px } .fs-3 { font-size: 16px } .fs-4 { font-size: 18px } .fs-5 { font-size: 20px } .fs-6 { font-size: 22px } .fs-7 { font-size: 24px } .fs-8 { font-size: 26px } .fs-9 { font-size: 28px } .fs-10 { font-size: 30px } .fs-11 { font-size: 32px } .fs-12 { font-size: 34px } .fs-13 { font-size: 36px } .fs-14 { font-size: 38px } .fs-15 { font-size: 40px } .fs-16 { font-size: 42px } .fs-17 { font-size: 44px } .fs-18 { font-size: 46px } .fs-19 { font-size: 48px } .fs-20 { font-size: 50px } .fs-21 { font-size: 52px } .fs-22 { font-size: 54px } .fs-23 { font-size: 56px } .fs-24 { font-size: 58px } .fs-25 { font-size: 60px } .fs-26 { font-size: 62px } .fs-27 { font-size: 64px } .fs-28 { font-size: 66px } .fs-29 { font-size: 68px } .fs-30 { font-size: 70px } .fs-31 { font-size: 72px } .fs-32 { font-size: 74px } .fs-33 { font-size: 76px } .fs-34 { font-size: 78px } .fs-35 { font-size: 80px } .fs-36 { font-size: 82px } .fs-37 { font-size: 84px } .fs-38 { font-size: 86px } .fs-39 { font-size: 88px } .fs-40 { font-size: 90px } } @media (min-width:0px) { .lh-1 { line-height: 1 } .lh-2 { line-height: 1.034 } .lh-3 { line-height: 1.128 } .lh-4 { line-height: 1.222 } .lh-5 { line-height: 1.316 } .lh-6 { line-height: 1.41 } .lh-7 { line-height: 1.504 } .lh-8 { line-height: 1.598 } .lh-9 { line-height: 1.692 } .lh-10 { line-height: 1.786 } } @media (min-width:768px) { .lh-1 { line-height: 1 } .lh-2 { line-height: 1.0472 } .lh-3 { line-height: 1.1424 } .lh-4 { line-height: 1.2376 } .lh-5 { line-height: 1.3328 } .lh-6 { line-height: 1.428 } .lh-7 { line-height: 1.5232 } .lh-8 { line-height: 1.6184 } .lh-9 { line-height: 1.7136 } .lh-10 { line-height: 1.8088 } } @media (min-width:992px) { .lh-1 { line-height: 1 } .lh-2 { line-height: 1.0604 } .lh-3 { line-height: 1.1568 } .lh-4 { line-height: 1.2532 } .lh-5 { line-height: 1.3496 } .lh-6 { line-height: 1.446 } .lh-7 { line-height: 1.5424 } .lh-8 { line-height: 1.6388 } .lh-9 { line-height: 1.7352 } .lh-10 { line-height: 1.8316 } } @media (min-width:1280px) { .lh-1 { line-height: 1 } .lh-2 { line-height: 1.0736 } .lh-3 { line-height: 1.1712 } .lh-4 { line-height: 1.2688 } .lh-5 { line-height: 1.3664 } .lh-6 { line-height: 1.464 } .lh-7 { line-height: 1.5616 } .lh-8 { line-height: 1.6592 } .lh-9 { line-height: 1.7568 } .lh-10 { line-height: 1.8544 } } @media (min-width:1440px) { .lh-1 { line-height: 1 } .lh-2 { line-height: 1.0868 } .lh-3 { line-height: 1.1856 } .lh-4 { line-height: 1.2844 } .lh-5 { line-height: 1.3832 } .lh-6 { line-height: 1.482 } .lh-7 { line-height: 1.5808 } .lh-8 { line-height: 1.6796 } .lh-9 { line-height: 1.7784 } .lh-10 { line-height: 1.8772 } } @media (min-width:1680px) { .lh-1 { line-height: 1 } .lh-2 { line-height: 1.1 } .lh-3 { line-height: 1.2 } .lh-4 { line-height: 1.3 } .lh-5 { line-height: 1.4 } .lh-6 { line-height: 1.5 } .lh-7 { line-height: 1.6 } .lh-8 { line-height: 1.7 } .lh-9 { line-height: 1.8 } .lh-10 { line-height: 1.9 } } .hidden { display: none } @media (min-width:768px) { .hidden-xs-up { display: none !important } } @media (max-width:767px) { .hidden-xs-only { display: none !important } } @media (min-width:992px) { .hidden-sm-up { display: none !important } } @media (max-width:767px) { .hidden-sm-down { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm-only { display: none !important } } @media (min-width:1280px) { .hidden-md-up { display: none !important } } @media (max-width:991px) { .hidden-md-down { display: none !important } } @media (min-width:992px) and (max-width:1279px) { .hidden-md-only { display: none !important } } @media (min-width:1440px) { .hidden-lg-up { display: none !important } } @media (max-width:1279px) { .hidden-lg-down { display: none !important } } @media (min-width:1280px) and (max-width:1439px) { .hidden-lg-only { display: none !important } } @media (min-width:1680px) { .hidden-xl-up { display: none !important } } @media (max-width:1439px) { .hidden-xl-down { display: none !important } } @media (min-width:1440px) and (max-width:1679px) { .hidden-xl-only { display: none !important } } @media (max-width:1679px) { .hidden-xxl-down { display: none !important } } @media (min-width:1680px) { .hidden-xxl-only { display: none !important } } img.img-responsive { display: block; max-width: 100%; height: auto } img.img-full { display: block; width: 100%; height: auto } .bg-cover { background-size: cover; background-position-x: center; background-position-y: center } .bg-100 { background-size: 100% 100% } .table-responsive { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch } .table-responsive>table { min-width: 100%; white-space: nowrap } .scrollx { overflow-y: hidden; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch } .scrollx-item, .scrollx-wrapper { display: inline-block; vertical-align: top } .hamburger { display: block; cursor: pointer; background-color: transparent; overflow: visible; position: relative; width: 40px; height: 24px } .hamburger>div { display: block; top: 50%; margin-top: -2px } .hamburger>div, .hamburger>div:after, .hamburger>div:before { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: all; transition-duration: .15s; transition-timing-function: ease } .hamburger>div:after, .hamburger>div:before { content: ""; display: block } .hamburger>div:before { top: -10px } .hamburger>div:after { bottom: -10px } .hamburger.hamburger-1>div { top: auto; bottom: 0; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } .hamburger.hamburger-1>div:after { top: -20px; transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear, background-color .3s linear } .hamburger.hamburger-1>div:before { transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), background-color .3s linear } .hamburger.hamburger-1.active div { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .hamburger.hamburger-1.active div:after { top: 0; opacity: 0; transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s, background-color .3s linear } .hamburger.hamburger-1.active div:before { top: 0; transform: rotate(-90deg); transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, background-color .3s linear } .hamburger.hamburger-2>div { top: auto; bottom: 0; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } .hamburger.hamburger-2>div:after { top: -20px; transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear, background-color .3s linear } .hamburger.hamburger-2>div:before { transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), background-color .3s linear } .hamburger.hamburger-2.active div { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .hamburger.hamburger-2.active div:after { top: 0; opacity: 0; transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s, background-color .3s linear } .hamburger.hamburger-2.active div:before { top: 0; transform: rotate(90deg); transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, background-color .3s linear } .hamburger.hamburger-3>div { top: 0; transition-duration: .4s; transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); margin-top: 0 } .hamburger.hamburger-3>div:before { top: 10px; transition: opacity .15s ease .4s, background-color .3s linear } .hamburger.hamburger-3>div:after { top: 20px; transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), background-color .3s linear } .hamburger.hamburger-3.active>div { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: .1s } .hamburger.hamburger-3.active>div:before { transition-delay: 0s; opacity: 0 } .hamburger.hamburger-3.active>div:after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: .1s } .hamburger.hamburger-4>div { top: 0; transition-duration: .4s; transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); margin-top: 0 } .hamburger.hamburger-4>div:before { top: 10px; transition: opacity .15s ease .4s, background-color .3s linear } .hamburger.hamburger-4>div:after { top: 20px; transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), background-color .3s linear } .hamburger.hamburger-4.active>div { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: .1s } .hamburger.hamburger-4.active>div:before { transition-delay: 0s; opacity: 0 } .hamburger.hamburger-4.active>div:after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: .1s } .hamburger.hamburger-5>div { margin-top: -2px; transition: background-color .2s ease-in .25s, background-color .3s linear } .hamburger.hamburger-5>div:before { left: 0; transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, background-color .3s linear } .hamburger.hamburger-5>div:after { top: 10px; right: 0; transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, background-color .3s linear } .hamburger.hamburger-5.active>div { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent } .hamburger.hamburger-5.active>div:before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, background-color .3s linear } .hamburger.hamburger-5.active>div:after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, background-color .3s linear } .hamburger.hamburger-6>div { margin-top: -2px; transition: background-color .2s ease-in .25s, background-color .3s linear } .hamburger.hamburger-6>div:before { left: 0; transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, background-color .3s linear } .hamburger.hamburger-6>div:after { top: 10px; right: 0; transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, background-color .3s linear } .hamburger.hamburger-6.active>div { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent } .hamburger.hamburger-6.active>div:before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, background-color .3s linear } .hamburger.hamburger-6.active>div:after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, background-color .3s linear } .hamburger.hamburger-7>div { top: 0; margin-top: 0 } .hamburger.hamburger-7>div:before { top: 10px; transition-property: transform, opacity, background-color; transition-timing-function: ease; transition-duration: .2s } .hamburger.hamburger-7>div:after { top: 20px } .hamburger.hamburger-7.active>div { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger.hamburger-7.active>div:before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0 } .hamburger.hamburger-7.active>div:after { transform: translate3d(0, -20px, 0) rotate(-90deg) } .hamburger.hamburger-8>div { top: 0; margin-top: 0 } .hamburger.hamburger-8>div:before { top: 10px; transition-property: transform, opacity, background-color; transition-timing-function: ease; transition-duration: .2s } .hamburger.hamburger-8>div:after { top: 20px } .hamburger.hamburger-8.active>div { transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger.hamburger-8.active>div:before { transform: rotate(45deg) translate3d(-5.71429px, -6px, 0); opacity: 0 } .hamburger.hamburger-8.active>div:after { transform: translate3d(0, -20px, 0) rotate(90deg) } .hamburger.hamburger-9>div { margin-top: -2px; transition-duration: .3s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } .hamburger.hamburger-9>div:before { transition: top .1s ease-in .34s, opacity .1s ease-in, background-color .3s linear } .hamburger.hamburger-9>div:after { transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), background-color .3s linear } .hamburger.hamburger-9.active>div { transform: rotate(225deg); transition-delay: .14s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .hamburger.hamburger-9.active>div:before { top: 0; opacity: 0; transition: top .1s ease-out, opacity .1s ease-out .14s, background-color .3s linear } .hamburger.hamburger-9.active>div:after { bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, background-color .3s linear } .hamburger.hamburger-10>div { margin-top: -2px; transition-duration: .3s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } .hamburger.hamburger-10>div:before { transition: top .1s ease-in .34s, opacity .1s ease-in, background-color .3s linear } .hamburger.hamburger-10>div:after { transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), background-color .3s linear } .hamburger.hamburger-10.active>div { transform: rotate(-225deg); transition-delay: .14s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .hamburger.hamburger-10.active>div:before { top: 0; opacity: 0; transition: top .1s ease-out, opacity .1s ease-out .14s, background-color .3s linear } .hamburger.hamburger-10.active>div:after { bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, background-color .3s linear } .hamburger.hamburger-11>div { margin-top: -2px; transition-duration: .1s; transition-timing-function: cubic-bezier(.55, .055, .675, .19) } .hamburger.hamburger-11>div:before { transition: top .1s ease .14s, opacity .1s ease, background-color .3s linear } .hamburger.hamburger-11>div:after { transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), background-color .3s linear } .hamburger.hamburger-11.active>div { transform: rotate(45deg); transition-delay: .14s; transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .hamburger.hamburger-11.active>div:before { top: 0; opacity: 0; transition: top .1s ease, opacity .1s ease .14s, background-color .3s linear } .hamburger.hamburger-11.active>div:after { bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, background-color .3s linear } .hamburger.hamburger-12>div { margin-top: -2px; transition-duration: .3s; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .hamburger.hamburger-12>div:after, .hamburger.hamburger-12>div:before { transition-duration: 0s; transition-delay: .1s; transition-timing-function: linear } .hamburger.hamburger-12>div:before { transition-property: top, opacity, background-color } .hamburger.hamburger-12>div:after { transition-property: bottom, transform, background-color } .hamburger.hamburger-12.active>div { transform: rotate(765deg); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .hamburger.hamburger-12.active>div:after, .hamburger.hamburger-12.active>div:before { transition-delay: 0s } .hamburger.hamburger-12.active>div:before { top: 0; opacity: 0 } .hamburger.hamburger-12.active>div:after { bottom: 0; transform: rotate(90deg) } .hamburger.hamburger-13>div { margin-top: -2px; transition-duration: .3s; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .hamburger.hamburger-13>div:after, .hamburger.hamburger-13>div:before { transition-duration: 0s; transition-delay: .1s; transition-timing-function: linear } .hamburger.hamburger-13>div:before { transition-property: top, opacity } .hamburger.hamburger-13>div:after { transition-property: bottom, transform, background-color } .hamburger.hamburger-13.active>div { transform: rotate(-765deg); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .hamburger.hamburger-13.active>div:after, .hamburger.hamburger-13.active>div:before { transition-delay: 0s } .hamburger.hamburger-13.active>div:before { top: 0; opacity: 0 } .hamburger.hamburger-13.active>div:after { bottom: 0; transform: rotate(-90deg) } @font-face { font-family: din-medium; src: url(../font/DIN-Medium.eot); src: url(../font/DIN-Medium.eot) format("embedded-opentype"), url(../font/DIN-Medium.woff2) format("woff2"), url(../font/DIN-Medium.woff) format("woff"), url(../font/DIN-Medium.ttf) format("truetype"), url(../font/DIN-Medium.svg) format("svg") } body { color: #404142; font-family: Microsoft YaHei, sans-serif; font-size: 16px } @media (max-width:991px) { body { font-size: 14px } } .color-white { color: #fff } .background-white { background-color: #fff } .border-white { border-color: #fff } .border-top-white { border-top-color: #fff } .border-right-white { border-right-color: #fff } .border-bottom-white { border-bottom-color: #fff } .border-left-white { border-left-color: #fff } .color-gray { color: #9d9e9f } .background-gray { background-color: #9d9e9f } .border-gray { border-color: #9d9e9f } .border-top-gray { border-top-color: #9d9e9f } .border-right-gray { border-right-color: #9d9e9f } .border-bottom-gray { border-bottom-color: #9d9e9f } .border-left-gray { border-left-color: #9d9e9f } .color-brown { color: #1B489D } .background-brown { background-color: #1B489D } .border-brown { border-color: #1B489D } .border-top-brown { border-top-color: #1B489D } .border-right-brown { border-right-color: #1B489D } .border-bottom-brown { border-bottom-color: #1B489D } .border-left-brown { border-left-color: #1B489D } .color-brown-light { color: #d9cebf } .background-brown-light { background-color: #d9cebf } .border-brown-light { border-color: #d9cebf } .border-top-brown-light { border-top-color: #d9cebf } .border-right-brown-light { border-right-color: #d9cebf } .border-bottom-brown-light { border-bottom-color: #d9cebf } .border-left-brown-light { border-left-color: #d9cebf } .color-bg { color: #f1f1f1 } .background-bg { background-color: #f1f1f1 } .border-bg { border-color: #f1f1f1 } .border-top-bg { border-top-color: #f1f1f1 } .border-right-bg { border-right-color: #f1f1f1 } .border-bottom-bg { border-bottom-color: #f1f1f1 } .border-left-bg { border-left-color: #f1f1f1 } .color-chunk { color: #f6f3ee } .background-chunk { background-color: #f6f3ee } .border-chunk { border-color: #f6f3ee } .border-top-chunk { border-top-color: #f6f3ee } .border-right-chunk { border-right-color: #f6f3ee } .border-bottom-chunk { border-bottom-color: #f6f3ee } .border-left-chunk { border-left-color: #f6f3ee } .chanpinbantu-line { width: 1px; background-color: #fff; flex-shrink: 0; height: 220px; margin-left: 50px; margin-right: 50px } @media (max-width:1679px) { .chanpinbantu-line { height: 184.8px } } @media (max-width:1439px) { .chanpinbantu-line { height: 149.6px } } @media (max-width:1279px) { .chanpinbantu-line { height: 114.4px } } @media (max-width:991px) { .chanpinbantu-line { height: 79.2px } } @media (max-width:767px) { .chanpinbantu-line { height: 44px } } @media (max-width:1679px) { .chanpinbantu-line { margin-left: 45px } } @media (max-width:1439px) { .chanpinbantu-line { margin-left: 40px } } @media (max-width:1279px) { .chanpinbantu-line { margin-left: 35px } } @media (max-width:991px) { .chanpinbantu-line { margin-left: 30px } } @media (max-width:767px) { .chanpinbantu-line { margin-left: 25px } } @media (max-width:1679px) { .chanpinbantu-line { margin-right: 45px } } @media (max-width:1439px) { .chanpinbantu-line { margin-right: 40px } } @media (max-width:1279px) { .chanpinbantu-line { margin-right: 35px } } @media (max-width:991px) { .chanpinbantu-line { margin-right: 30px } } @media (max-width:767px) { .chanpinbantu-line { margin-right: 25px } } .swiper-wrapper { box-sizing: border-box !important } .swal-overlay { background-color: rgba(0, 0, 0, .3) } .swal-modal { background-color: rgba(0, 0, 0, .6); border: none; border-radius: 0; padding: 25px 0 } .swal-footer { display: flex; justify-content: center } .swal-button { background-color: #1B489D; color: #fff; border: none; transition: all .15s; box-shadow: none !important } .swal-button:hover { background-color: #bb8e4a !important } .swal-icon { display: none !important } .swal-text, .swal-title { color: #fff } .swal-button--loading { color: transparent !important } .leadto-alert-content, .leadto-alert-icon { color: #fff } .leadto-alert-icon { display: block; text-align: center; color: #1B489D; font-size: 100px !important } .leadto-alert-content { font-size: 16px; padding: 10px 0 0; margin: 0 } .cbanner { background-size: cover; background-position: 50%; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 65vh } .cbanner-subtitle, .cbanner-title { margin-bottom: 35px } @media (max-width:1679px) { .cbanner-subtitle, .cbanner-title { margin-bottom: 30.8px } } @media (max-width:1439px) { .cbanner-subtitle, .cbanner-title { margin-bottom: 26.6px } } @media (max-width:1279px) { .cbanner-subtitle, .cbanner-title { margin-bottom: 22.4px } } @media (max-width:991px) { .cbanner-subtitle, .cbanner-title { margin-bottom: 18.2px } } @media (max-width:767px) { .cbanner-subtitle, .cbanner-title { margin-bottom: 14px } } .cbanner-title { font-size: 60px } @media (max-width:1679px) { .cbanner-title { font-size: 54px } } @media (max-width:1439px) { .cbanner-title { font-size: 48px } } @media (max-width:1279px) { .cbanner-title { font-size: 42px } } @media (max-width:991px) { .cbanner-title { font-size: 36px } } @media (max-width:767px) { .cbanner-title { font-size: 30px } } .cbanner-subtitle { letter-spacing: 8px; font-size: 18px } @media (max-width:1679px) { .cbanner-subtitle { font-size: 17.28px } } @media (max-width:1439px) { .cbanner-subtitle { font-size: 16.56px } } @media (max-width:1279px) { .cbanner-subtitle { font-size: 15.84px } } @media (max-width:991px) { .cbanner-subtitle { font-size: 15.12px } } @media (max-width:767px) { .cbanner-subtitle { font-size: 14.4px } } .cbanner-line { width: 1px; background-color: #fff; height: 50px } @media (max-width:1679px) { .cbanner-line { height: 44px } } @media (max-width:1439px) { .cbanner-line { height: 38px } } @media (max-width:1279px) { .cbanner-line { height: 32px } } @media (max-width:991px) { .cbanner-line { height: 26px } } @media (max-width:767px) { .cbanner-line { height: 20px } } .cbtn-rect { font-family: din-medium, sans-serif } @media (max-width:767px) { .cbtn-rect { font-family: Microsoft YaHei, sans-serif } } .cbtn-rect { position: relative; display: inline-block; border-style: solid; background-color: transparent; transition: all .25s; padding: 20px 48px; font-size: 16px; border-width: 2px } @media (max-width:1679px) { .cbtn-rect { padding-top: 17.6px } } @media (max-width:1439px) { .cbtn-rect { padding-top: 15.2px } } @media (max-width:1279px) { .cbtn-rect { padding-top: 12.8px } } @media (max-width:991px) { .cbtn-rect { padding-top: 10.4px } } @media (max-width:767px) { .cbtn-rect { padding-top: 8px } } @media (max-width:1679px) { .cbtn-rect { padding-bottom: 17.6px } } @media (max-width:1439px) { .cbtn-rect { padding-bottom: 15.2px } } @media (max-width:1279px) { .cbtn-rect { padding-bottom: 12.8px } } @media (max-width:991px) { .cbtn-rect { padding-bottom: 10.4px } } @media (max-width:767px) { .cbtn-rect { padding-bottom: 8px } } @media (max-width:1679px) { .cbtn-rect { padding-left: 40.8px } } @media (max-width:1439px) { .cbtn-rect { padding-left: 33.6px } } @media (max-width:1279px) { .cbtn-rect { padding-left: 26.4px } } @media (max-width:991px) { .cbtn-rect { padding-left: 19.2px } } @media (max-width:767px) { .cbtn-rect { padding-left: 12px } } @media (max-width:1679px) { .cbtn-rect { padding-right: 40.8px } } @media (max-width:1439px) { .cbtn-rect { padding-right: 33.6px } } @media (max-width:1279px) { .cbtn-rect { padding-right: 26.4px } } @media (max-width:991px) { .cbtn-rect { padding-right: 19.2px } } @media (max-width:767px) { .cbtn-rect { padding-right: 12px } } @media (max-width:1679px) { .cbtn-rect { font-size: 14.72px } } @media (max-width:1439px) { .cbtn-rect { font-size: 13.44px } } @media (max-width:1279px) { .cbtn-rect { font-size: 12.16px } } @media (max-width:991px) { .cbtn-rect { font-size: 12px } } @media (max-width:767px) { .cbtn-rect { font-size: 12px; border-width: 1px } } .cbtn-rect-text { position: relative; z-index: 1 } .cbtn-rect:after { content: ""; transform-origin: right center; transform: scaleX(0); transition: transform .25s; position: absolute; left: 0; right: 0; bottom: 0; top: 0 } .cbtn-rect:hover:after { transform: scaleX(1); transform-origin: left center } .cbtn-rect.brown { color: #1B489D; border-color: #1B489D } .cbtn-rect.brown:after { background-color: #1B489D } .cbtn-rect.brown:hover { color: #fff } .cbtn-rect.white { color: #fff; border-color: #fff } .cbtn-rect.white:after { background-color: #fff } .cbtn-rect.white:hover { color: #1B489D } .cfooter-top { font-family: din-medium, sans-serif } @media (max-width:767px) { .cfooter-top { font-family: Microsoft YaHei, sans-serif } } .cfooter { color: #1B489D; background-color: #444041; margin-top: 65px; padding-bottom: 32px } @media (max-width:1679px) { .cfooter { margin-top: 58.5px } } @media (max-width:1439px) { .cfooter { margin-top: 52px } } @media (max-width:1279px) { .cfooter { margin-top: 45.5px } } @media (max-width:991px) { .cfooter { margin-top: 39px } } @media (max-width:767px) { .cfooter { margin-top: 32.5px } } @media (max-width:1679px) { .cfooter { padding-bottom: 28.8px } } @media (max-width:1439px) { .cfooter { padding-bottom: 25.6px } } @media (max-width:1279px) { .cfooter { padding-bottom: 22.4px } } @media (max-width:991px) { .cfooter { padding-bottom: 19.2px } } @media (max-width:767px) { .cfooter { padding-bottom: 16px } } .cfooter-container { margin: 0 100px } @media (max-width:1439px) { .cfooter-container { margin: 0 80px } } @media (max-width:1279px) { .cfooter-container { margin: 0 60px } } @media (max-width:991px) { .cfooter-container { margin: 0 30px } } @media (max-width:767px) { .cfooter-container { margin: 0; padding: 0 15px } } .cfooter-top { position: relative; color: #fff; padding-top: 40px; margin-bottom: 40px } @media (max-width:1279px) { .cfooter-top { padding-top: 30px } } @media (max-width:991px) { .cfooter-top { padding-top: 35px } } @media (max-width:1679px) { .cfooter-top { margin-bottom: 36px } } @media (max-width:1439px) { .cfooter-top { margin-bottom: 32px } } @media (max-width:1279px) { .cfooter-top { margin-bottom: 28px } } @media (max-width:991px) { .cfooter-top { margin-bottom: 24px } } @media (max-width:767px) { .cfooter-top { margin-bottom: 20px } } .cfooter-top:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #1B489D } .cfooter-top:before { bottom: 0; top: 0; content: ""; bottom: auto; height: 100%; width: 1px; background-color: #1B489D } .cfooter-top-btn, .cfooter-top:before { position: absolute; left: 0; right: 0; margin: auto } .cfooter-top-btn { bottom: 0; top: 0; bottom: 100%; top: auto; display: flex; align-items: center; justify-content: center; font-size: 14px; transform: translateY(50%); cursor: pointer; width: 39px; height: 44px; background-size: 100% 100%; background-image: url(../image/footer-top-btn.png) } @media (max-width:991px) { .cfooter-body-center, .cfooter-body-left, .cfooter-body-right { text-align: center !important; margin-bottom: 12px } } .cfooter-body-left { text-align: left } .cfooter-body-center { text-align: center } .cfooter-body-right { text-align: right } .cfooter-body-right a { position: relative } .cfooter-body-right a img { position: absolute; bottom: 100%; left: 50%; transform: translate(-50%); opacity: 0; visibility: hidden; transition: all .25s; max-width: 150px } .cfooter-body-right a:hover img { opacity: 1; visibility: visible } .cfooter a { transition: all .25s } .cfooter a:hover { color: #997339 } @media (max-width:767px) { .cfooter [open-webmap] { display: none } } @media (max-width:991px) { .cheader-helper, .cheader-nav { display: none !important } } .cheader, .cheader-nav-item { height: 138px } @media (max-width:1439px) { .cheader, .cheader-nav-item { height: 120px } } @media (max-width:1279px) { .cheader, .cheader-nav-item { height: 100px } } @media (max-width:991px) { .cheader, .cheader-nav-item { height: 80px } } @media (max-width:767px) { .cheader, .cheader-nav-item { height: 60px } } .cheader-link-search { top: 138px } @media (max-width:1439px) { .cheader-link-search { top: 120px } } @media (max-width:1279px) { .cheader-link-search { top: 100px } } @media (max-width:991px) { .cheader-link-search { top: 80px } } @media (max-width:767px) { .cheader-link-search { top: 60px } } .cheader { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #fff; transition: all .35s; padding: 0 54px } @media (max-width:1439px) { .cheader { padding: 0 50px } } @media (max-width:1279px) { .cheader { padding: 0 40px } } @media (max-width:991px) { .cheader { padding: 0 30px } } @media (max-width:767px) { .cheader { padding: 0 15px } } .cheader.content, .cheader.index.active { background-color: #1B489D } .cheader.content.scroll { transform: translate3d(0, -100%, 0) } .cheader-logo { max-width: 15vw } @media (max-width:767px) { .cheader-logo { max-width: 155px } } .cheader-nav { display: flex; align-items: center; font-size: 18px } @media (max-width:1679px) { .cheader-nav { font-size: 16.56px } } @media (max-width:1439px) { .cheader-nav { font-size: 15.12px } } @media (max-width:1279px) { .cheader-nav { font-size: 13.68px } } @media (max-width:991px) { .cheader-nav { font-size: 12.24px } } @media (max-width:767px) { .cheader-nav { font-size: 12px } } .cheader-nav-item { display: flex; align-items: center; position: relative; padding-left: 30px; padding-right: 30px } @media (max-width:1679px) { .cheader-nav-item { padding-left: 27px } } @media (max-width:1439px) { .cheader-nav-item { padding-left: 24px } } @media (max-width:1279px) { .cheader-nav-item { padding-left: 21px } } @media (max-width:991px) { .cheader-nav-item { padding-left: 18px } } @media (max-width:767px) { .cheader-nav-item { padding-left: 15px } } @media (max-width:1679px) { .cheader-nav-item { padding-right: 27px } } @media (max-width:1439px) { .cheader-nav-item { padding-right: 24px } } @media (max-width:1279px) { .cheader-nav-item { padding-right: 21px } } @media (max-width:991px) { .cheader-nav-item { padding-right: 18px } } @media (max-width:767px) { .cheader-nav-item { padding-right: 15px } } .cheader-nav-item .link { position: relative } .cheader-nav-item .link:before { content: ""; position: absolute; right: 100%; bottom: 0; width: 20px; height: 2px; background-color: #fff; margin-right: 8px; transform-origin: right center; transform: scaleX(0); transition: all .25s } .cheader-nav-item .list { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; text-align: center; padding: 15px 20px; height: 360px; border-right: 1px solid hsla(0, 0%, 100%, .1); color: #1B489D; white-space: nowrap; font-size: 14px } @media (max-width:1679px) { .cheader-nav-item .list { font-size: 12.88px } } @media (max-width:1439px) { .cheader-nav-item .list { font-size: 12px } } @media (max-width:1279px) { .cheader-nav-item .list { font-size: 12px } } @media (max-width:991px) { .cheader-nav-item .list { font-size: 12px } } @media (max-width:767px) { .cheader-nav-item .list { font-size: 12px } } .cheader-nav-item .list-item { position: relative; z-index: 10 } .cheader-nav-item .list-link { display: block; padding: 15px 0; transition: all .25s } .cheader-nav-item .list-link:hover { color: #fff } .cheader-nav-item:first-child .list { border-left: 1px solid hsla(0, 0%, 100%, .1) } .cheader-nav-item.active .link:before, .cheader-nav-item:hover .link:before { transform: scaleX(1) } .cheader-nav-item:hover .list { background-color: #3e3a3b } .cheader-helper { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 360px; background-color: #444041 } .cheader-helper-icon { position: absolute; right: 0; bottom: 0 } .cheader-hamburger { margin-left: 15px; display: none !important } @media (max-width:991px) { .cheader-hamburger { display: block !important } } .cheader-last, .cheader-link { display: flex; align-items: center } .cheader-link-item:not(:last-child), .cheader-link-line:not(:last-child) { margin-right: 15px } .cheader-link-item { font-size: 34px } .cheader-link-item.wechat { position: relative } .cheader-link-item.wechat img { position: absolute; left: 50%; top: 100%; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: all .25s; max-width: 125px } .cheader-link-item.wechat:hover img { opacity: 1; visibility: visible } .cheader-link-line { height: 18px; width: 1px; background-color: hsla(0, 0%, 100%, .57) } .cheader-link-search { display: flex; justify-content: center; position: fixed; left: 0; z-index: 100; width: 100%; background-color: #1B489D; transition: all .35s; opacity: 0; visibility: hidden; border-top: 1px solid hsla(0, 0%, 100%, .3); padding-top: 40px; padding-bottom: 40px } @media (max-width:1679px) { .cheader-link-search { padding-top: 36px } } @media (max-width:1439px) { .cheader-link-search { padding-top: 32px } } @media (max-width:1279px) { .cheader-link-search { padding-top: 28px } } @media (max-width:991px) { .cheader-link-search { padding-top: 24px } } @media (max-width:767px) { .cheader-link-search { padding-top: 20px } } @media (max-width:1679px) { .cheader-link-search { padding-bottom: 36px } } @media (max-width:1439px) { .cheader-link-search { padding-bottom: 32px } } @media (max-width:1279px) { .cheader-link-search { padding-bottom: 28px } } @media (max-width:991px) { .cheader-link-search { padding-bottom: 24px } } @media (max-width:767px) { .cheader-link-search { padding-bottom: 20px } } .cheader-link-search .input { border: none; padding: 8px 15px; width: 500px; max-width: 45vw } .cheader-link-search .btn { background-color: #fff; border: none; padding: 0 20px; color: #1B489D; margin-left: 12px; cursor: pointer } .cheader-link-search.active { opacity: 1; visibility: visible } .cheader.index:hover { background-color: #1B489D } .cheader-helper, .cheader-nav-item .list { opacity: 0; visibility: hidden; transition: all .25s } .cheader-nav:hover .cheader-nav-item .list, .cheader-nav:hover~.cheader-helper { opacity: 1; visibility: visible } @media (max-width:767px) { .cindex-title-subtitle { display: none !important } } .cindex-title-subtitle { font-family: din-medium, sans-serif } @media (max-width:767px) { .cindex-title-subtitle { font-family: Microsoft YaHei, sans-serif } } .cindex-title-subtitle { font-size: 18px; margin-bottom: 12px; text-transform: uppercase; color: #1B489D } @media (max-width:1679px) { .cindex-title-subtitle { font-size: 16.56px } } @media (max-width:1439px) { .cindex-title-subtitle { font-size: 15.12px } } @media (max-width:1279px) { .cindex-title-subtitle { font-size: 13.68px } } @media (max-width:991px) { .cindex-title-subtitle { font-size: 12.24px } } @media (max-width:767px) { .cindex-title-subtitle { font-size: 12px } } .cindex-title-title { font-size: 50px } @media (max-width:1679px) { .cindex-title-title { font-size: 44px } } @media (max-width:1439px) { .cindex-title-title { font-size: 38px } } @media (max-width:1279px) { .cindex-title-title { font-size: 32px } } @media (max-width:991px) { .cindex-title-title { font-size: 26px } } @media (max-width:767px) { .cindex-title-title { font-size: 20px } } .cmenu { padding: 80px 30px 30px; background-color: #444041; overflow: auto; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 100 } .cmenu-close { position: absolute; right: 0; top: 0; height: 55px; width: 55px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; background-color: #1B489D; border: none } .cmenu-list-row:not(:last-child) { margin-bottom: 18px } .cmenu-list-row .head-title { font-weight: 700; padding: 20px 20px 20px 30px; color: #1B489D; border-top: 1px solid #1B489D; border-bottom: 1px solid #1B489D; border-right: 1px solid #1B489D; margin-bottom: 18px; font-size: 16px } .cmenu-list-row .body-list { position: relative; display: flex; flex-direction: column; color: #fff; font-size: 14px } .cmenu-list-row .body-list:before { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: #1B489D } .cmenu-list-row .body-list a { padding-left: 30px } .cmenu-list-row .body-list a:not(:last-child) { margin-bottom: 15px } .cmenu [class*=col-]:last-child .head-title { border-right: none } .cmenu [class*=col-]:last-child .body-list:before { display: none } .cmenu { opacity: 0; visibility: hidden; transition: all .25s } .cmenu.active { opacity: 1; visibility: visible } .cnews-body-desc, .cnews-body-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .cnews-time { font-family: din-medium, sans-serif } @media (max-width:767px) { .cnews-time { font-family: Microsoft YaHei, sans-serif } } .cnews { display: flex; align-items: center } .cnews-time { color: #fff; text-align: center; margin-right: 27px } @media (max-width:1679px) { .cnews-time { margin-right: 24.3px } } @media (max-width:1439px) { .cnews-time { margin-right: 21.6px } } @media (max-width:1279px) { .cnews-time { margin-right: 18.9px } } @media (max-width:991px) { .cnews-time { margin-right: 16.2px } } @media (max-width:767px) { .cnews-time { margin-right: 13.5px } } .cnews-time-day { background-color: #514d47; font-size: 28px; padding: 20px } @media (max-width:1679px) { .cnews-time-day { font-size: 25.76px } } @media (max-width:1439px) { .cnews-time-day { font-size: 23.52px } } @media (max-width:1279px) { .cnews-time-day { font-size: 21.28px } } @media (max-width:991px) { .cnews-time-day { font-size: 19.04px } } @media (max-width:767px) { .cnews-time-day { font-size: 16.8px } } @media (max-width:1679px) { .cnews-time-day { padding: 18.8px } } @media (max-width:1439px) { .cnews-time-day { padding: 17.6px } } @media (max-width:1279px) { .cnews-time-day { padding: 16.4px } } @media (max-width:991px) { .cnews-time-day { padding: 15.2px } } @media (max-width:767px) { .cnews-time-day { padding: 14px } } .cnews-time-other { background-color: #1B489D; font-size: 14px; padding: 6px; white-space: nowrap } .cnews-body { overflow: hidden; flex-grow: 1 } .cnews-body-mark { display: inline-block; font-size: 12px; font-weight: 700; padding: 0 8px; line-height: 18px; text-align: center; color: #fff; background-color: #1B489D; white-space: nowrap; margin-bottom: 24px } @media (max-width:1679px) { .cnews-body-mark { margin-bottom: 21.6px } } @media (max-width:1439px) { .cnews-body-mark { margin-bottom: 19.2px } } @media (max-width:1279px) { .cnews-body-mark { margin-bottom: 16.8px } } @media (max-width:991px) { .cnews-body-mark { margin-bottom: 14.4px } } @media (max-width:767px) { .cnews-body-mark { margin-bottom: 12px } } .cnews-body-title { font-size: 20px; margin-bottom: 20px } @media (max-width:1679px) { .cnews-body-title { font-size: 18.4px } } @media (max-width:1439px) { .cnews-body-title { font-size: 16.8px } } @media (max-width:1279px) { .cnews-body-title { font-size: 15.2px } } @media (max-width:991px) { .cnews-body-title { font-size: 13.6px } } @media (max-width:767px) { .cnews-body-title { font-size: 12px } } @media (max-width:1679px) { .cnews-body-title { margin-bottom: 18px } } @media (max-width:1439px) { .cnews-body-title { margin-bottom: 16px } } @media (max-width:1279px) { .cnews-body-title { margin-bottom: 14px } } @media (max-width:991px) { .cnews-body-title { margin-bottom: 12px } } @media (max-width:767px) { .cnews-body-title { margin-bottom: 10px } } .cnews-body-desc { color: #8a8a8a; font-size: 16px } @media (max-width:1679px) { .cnews-body-desc { font-size: 14.72px } } @media (max-width:1439px) { .cnews-body-desc { font-size: 13.44px } } @media (max-width:1279px) { .cnews-body-desc { font-size: 12.16px } } @media (max-width:991px) { .cnews-body-desc { font-size: 12px } } @media (max-width:767px) { .cnews-body-desc { font-size: 12px } } .cpagination-nav { font-family: din-medium, sans-serif } @media (max-width:767px) { .cpagination-nav { font-family: Microsoft YaHei, sans-serif } } .cpagination { padding-top: 30px; padding-bottom: 30px } @media (max-width:1679px) { .cpagination { padding-top: 27px } } @media (max-width:1439px) { .cpagination { padding-top: 24px } } @media (max-width:1279px) { .cpagination { padding-top: 21px } } @media (max-width:991px) { .cpagination { padding-top: 18px } } @media (max-width:767px) { .cpagination { padding-top: 15px } } @media (max-width:1679px) { .cpagination { padding-bottom: 27px } } @media (max-width:1439px) { .cpagination { padding-bottom: 24px } } @media (max-width:1279px) { .cpagination { padding-bottom: 21px } } @media (max-width:991px) { .cpagination { padding-bottom: 18px } } @media (max-width:767px) { .cpagination { padding-bottom: 15px } } .cpagination a { transition: all .25s } .cpagination a:hover { color: #1B489D } .cpagination-wrapper { display: flex; justify-content: center; align-items: center; border-top: 1px solid #eee; border-bottom: 3px solid #eee } .cpagination-nav { display: flex; align-items: center; justify-content: center; font-size: 16px; margin: 30px 0; } .cpagination-nav a{ width:40px; height: 40px; border-radius: 50%; border: 1px solid #eee; text-align: center; margin-right:15px; display: flex; align-items: center; justify-content: center; color: #8a8a8a; transition: 0.3s; } .cpagination-nav a.active{ color: #fff !important; background:#1B489D; } .cpagination-nav a:hover{ color: #fff !important; background:#1B489D; } .cpagination-nav a:last-child{ margin-right: 0; } @media (max-width:1679px) { .cpagination-nav { font-size: 14.72px } } @media (max-width:1439px) { .cpagination-nav { font-size: 13.44px } } @media (max-width:1279px) { .cpagination-nav { font-size: 12.16px } } @media (max-width:991px) { .cpagination-nav { font-size: 12px } } @media (max-width:767px) { .cpagination-nav { font-size: 12px } } .cpagination-nav-item, .cpagination-nav-other { position: relative; padding: 18px 4px; margin-left: 28px } @media (max-width:1679px) { .cpagination-nav-item, .cpagination-nav-other { margin-left: 25.2px } } @media (max-width:1439px) { .cpagination-nav-item, .cpagination-nav-other { margin-left: 22.4px } } @media (max-width:1279px) { .cpagination-nav-item, .cpagination-nav-other { margin-left: 19.6px } } @media (max-width:991px) { .cpagination-nav-item, .cpagination-nav-other { margin-left: 16.8px } } @media (max-width:767px) { .cpagination-nav-item, .cpagination-nav-other { margin-left: 14px } } .cpagination-nav-item:after { content: ""; position: absolute; bottom: -3px; left: 0; height: 3px; width: 100%; background-color: #1B489D; opacity: 0; transition: all .25s } .cpagination-nav-item.active:after, .cpagination-nav-item:hover:after { opacity: 1 } .cpic { display: inline-block } .cpic, .cpic-img { position: relative } .cpic-img { display: block; max-width: 100% } .cpic:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; background-color: #ebe4d9 } @media (max-width:991px) { .cpic:before { display: none } } .cpic.left:before { transform: translate(-20px, 20px) } .cpic.right:before { transform: translate(20px, 20px) } /* .croot:before { height: 138px } */ @media (max-width:1439px) { /* .croot:before { height: 120px } */ } @media (max-width:1279px) { /* .croot:before { height: 100px } */ } @media (max-width:991px) { /* .croot:before { height: 80px } */ } @media (max-width:767px) { /* .croot:before { height: 60px } */ } .croot-nav-hint, .croot-title { font-family: din-medium, sans-serif } @media (max-width:767px) { .croot-nav-hint, .croot-title { font-family: Microsoft YaHei, sans-serif } } .croot { min-height: 100vh; /* background-color: #f1f1f1; */ overflow: hidden; /* margin-top: 100px; */ margin-top: 50px; } /* .croot:before { content: ""; display: block } */ .croot-body { position: relative; background-color: #fff; padding-bottom: 50px; /* margin: -152px 100px 0 */ } @media (max-width:1679px) { .croot-body { padding-bottom: 43px } } @media (max-width:1439px) { .croot-body { padding-bottom: 36px } } @media (max-width:1279px) { .croot-body { padding-bottom: 29px } } @media (max-width:991px) { .croot-body { padding-bottom: 22px } } @media (max-width:767px) { .croot-body { padding-bottom: 15px } } @media (max-width:1439px) { .croot-body { /* margin: 0 80px */ } } @media (max-width:1279px) { .croot-body { /* margin: 0 60px */ } } @media (max-width:991px) { .croot-body { /* margin: 0 30px */ } } @media (max-width:767px) { .croot-body { /* margin: 0 */ } } @media (max-width:1439px) { /* .croot-body { margin-top: -130px } */ } @media (max-width:1279px) { /* .croot-body { margin-top: -100px } */ } @media (max-width:991px) { /* .croot-body { margin-top: -80px } */ } @media (max-width:767px) { /* .croot-body { margin-top: -50px } */ } .croot-body:after, .croot-body:before { content: ""; position: absolute; top: 0; z-index: 1; width: 20px; height: 50px } .croot-body:before { left: 0; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .2), transparent) } .croot-body:after { right: 0; background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, .2), transparent) } .croot-nav { position: relative; white-space: nowrap; margin-bottom: 80px; overflow-x: !important; overflow-y: !important } @media (max-width:1679px) { .croot-nav { margin-bottom: 67.2px } } @media (max-width:1439px) { .croot-nav { margin-bottom: 54.4px } } @media (max-width:1279px) { .croot-nav { margin-bottom: 41.6px } } @media (max-width:991px) { .croot-nav { margin-bottom: 28.8px } } @media (max-width:767px) { .croot-nav { margin-bottom: 16px; overflow-x: auto; overflow-y: hidden } } .croot-nav-wrapper { min-width: 100% } .croot-nav-item, .croot-nav-wrapper { display: inline-flex !important; justify-content: center } .croot-nav-item { position: relative; align-items: flex-end; padding: 0 15px 30px; font-size: 20px; height: 152px } @media (max-width:767px) { .croot-nav-item { align-items: center } } @media (max-width:1439px) { .croot-nav-item { padding: 0 15px 20px } } @media (max-width:1279px) { .croot-nav-item { padding: 0 15px 15px } } @media (max-width:767px) { .croot-nav-item { padding: 0 15px } } @media (max-width:1679px) { .croot-nav-item { font-size: 18.4px } } @media (max-width:1439px) { .croot-nav-item { font-size: 16.8px } } @media (max-width:1279px) { .croot-nav-item { font-size: 15.2px } } @media (max-width:991px) { .croot-nav-item { font-size: 13.6px } } @media (max-width:767px) { .croot-nav-item { font-size: 12px } } @media (max-width:1439px) { .croot-nav-item { height: 130px } } @media (max-width:1279px) { .croot-nav-item { height: 100px } } @media (max-width:991px) { .croot-nav-item { height: 80px } } @media (max-width:767px) { .croot-nav-item { height: 50px } } .croot-nav-item:not(:last-child) { margin-right: 2.08333vw } @media (max-width:767px) { .croot-nav-item:not(:last-child) { margin-right: 0 } } .croot-nav-item span { position: relative; z-index: 1 } .croot-nav-item:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; background-color: #1B489D; transform-origin: center bottom; transform: scaleY(0); height: 120% } .croot-nav-item, .croot-nav-item:before { transition: color .35s, transform .35s } .croot-nav-item.active, .croot-nav-item:hover { color: #fff } .croot-nav-item.active:before, .croot-nav-item:hover:before { transform-origin: center top; transform: scaleY(1) } .croot-nav-line { display: block; background-color: #b7b7b8; height: 1px } @media (max-width:767px) { .croot-nav-line { display: none } } .croot-nav-hint { position: absolute; right: 0; top: 0; height: 100%; border-right: 10px solid #1B489D; font-size: 12px; padding-right: 12px; display: flex; flex-direction: column; justify-content: center; color: #d9cebf } @media (max-width:767px) { .croot-nav-hint { display: none } } .croot-nav-hint span { display: block; transform: rotate(90deg) } .croot-nav-hint span:not(:last-child) { margin-top: -3px } .croot-title { text-align: center; line-height: 1.5; padding-bottom: 40px } @media (max-width:1679px) { .croot-title { padding-bottom: 35.2px } } @media (max-width:1439px) { .croot-title { padding-bottom: 30.4px } } @media (max-width:1279px) { .croot-title { padding-bottom: 25.6px } } @media (max-width:991px) { .croot-title { padding-bottom: 20.8px } } @media (max-width:767px) { .croot-title { padding-bottom: 16px } } .croot-title-title { color: #1B489D; margin-bottom: 8px; letter-spacing: 2px; font-weight: 700; font-size: 30px } @media (max-width:1679px) { .croot-title-title { font-size: 27.6px } } @media (max-width:1439px) { .croot-title-title { font-size: 25.2px } } @media (max-width:1279px) { .croot-title-title { font-size: 22.8px } } @media (max-width:991px) { .croot-title-title { font-size: 20.4px } } @media (max-width:767px) { .croot-title-title { font-size: 18px } } .croot-title-subtitle { color: #1B489D; text-transform: uppercase; font-size: 18px } @media (max-width:1679px) { .croot-title-subtitle { font-size: 17.28px } } @media (max-width:1439px) { .croot-title-subtitle { font-size: 16.56px } } @media (max-width:1279px) { .croot-title-subtitle { font-size: 15.84px } } @media (max-width:991px) { .croot-title-subtitle { font-size: 15.12px } } @media (max-width:767px) { .croot-title-subtitle { font-size: 14.4px } } [data-translate=bottom], [data-translate=left], [data-translate=right], [data-translate=top] { transition: all .2s; opacity: 0 } [data-translate=bottom].translate-active, [data-translate=left].translate-active, [data-translate=right].translate-active, [data-translate=top].translate-active { opacity: 1; transform: translate(0); transition: all .45s } [data-translate=top] { transform: translateY(50px) } [data-translate=right] { transform: translateX(-50px) } [data-translate=bottom] { transform: translateY(-50px) } [data-translate=left] { transform: translateX(50px) } .jason-map { box-sizing: border-box; position: fixed; right: -400px; top: 0; height: 100vh; padding: 10px 45px; background-color: #333; line-height: 1.8; color: #bfbfbf; z-index: 10086; width: 400px; font-size: 14px; transition: transform .5s } .jason-map * { margin: 0; padding: 0; list-style: none; color: #bfbfbf; text-decoration: none } .jason-map li { display: inline-block } .jason-map-content, .jason-map:after, .jason-map:before { display: inline-block; vertical-align: middle } .jason-map:after, .jason-map:before { content: ""; height: 100% } .jason-map-content { max-width: 95% } .jason-map-heading { color: #1B489D; font-size: 24px; margin-bottom: 25px } .jason-map-title { font-weight: 700; position: relative } .jason-map-title:before { content: ""; position: absolute; height: 5px; width: 5px; background-color: #1B489D; border-radius: 50%; top: 0; bottom: 0; right: 100%; left: auto; margin: auto; transform: translateX(-10px) } .jason-map-item+.jason-map-item { margin-top: 15px } .jason-map-item li:not(:last-child):after, .jason-map-item li span { display: inline-block; vertical-align: middle } .jason-map-item li:not(:last-child):after { content: ""; margin: 0 5px; width: 2px; background-color: #a1a1a1; height: 15px } .jason-map-item a { display: inline-block } .jason-map-item a:hover { opacity: .7 } .jason-map-footer { margin-top: 25px; margin-left: -15px; padding-left: 15px; border-left: 1px solid #1B489D } .jason-map-footer h1, .jason-map-footer h2, .jason-map-footer h3, .jason-map-footer h4, .jason-map-footer h5, .jason-map-footer h6 { font-weight: 700; color: #fff } .jason-map-active { transform: translate3d(-400px, 0, 0) }