@charset "utf-8"; /* ████████ ██████ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██ ██ ██████ ██ */ @-ms-viewport { width: device-width } html { box-sizing: border-box; -ms-overflow-style: scrollbar } *, :after, :before { box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } /* @media (min-width:641px) { .container { max-width: 540px } } @media (min-width:641px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1366px } } */ .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { /* position: relative; */ width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media (min-width:641px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media (min-width:641px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } @media (min-width:641px) { .d-sm-none { display: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: -ms-flexbox!important; display: flex!important } .d-sm-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:641px) { .d-md-none { display: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: -ms-flexbox!important; display: flex!important } .d-md-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:992px) { .d-lg-none { display: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: -ms-flexbox!important; display: flex!important } .d-lg-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media (min-width:1200px) { .d-xl-none { display: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: -ms-flexbox!important; display: flex!important } .d-xl-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media print { .d-print-none { display: none!important } .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: -ms-flexbox!important; display: flex!important } .d-print-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } .flex-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-center { -ms-flex-align: center!important; align-items: center!important } .align-items-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-auto { -ms-flex-item-align: auto!important; -ms-grid-row-align: auto!important; align-self: auto!important } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-center { -ms-flex-item-align: center!important; -ms-grid-row-align: center!important; align-self: center!important } .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-stretch { -ms-flex-item-align: stretch!important; -ms-grid-row-align: stretch!important; align-self: stretch!important } @media (min-width:641px) { .flex-sm-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-sm-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-sm-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-sm-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-sm-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-sm-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-sm-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-sm-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-sm-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-sm-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-sm-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-sm-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-sm-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-sm-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-sm-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-sm-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-sm-center { -ms-flex-align: center!important; align-items: center!important } .align-items-sm-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-sm-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-sm-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-sm-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-sm-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-sm-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-sm-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-sm-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-sm-auto { -ms-flex-item-align: auto!important; -ms-grid-row-align: auto!important; align-self: auto!important } .align-self-sm-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-sm-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-sm-center { -ms-flex-item-align: center!important; -ms-grid-row-align: center!important; align-self: center!important } .align-self-sm-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-sm-stretch { -ms-flex-item-align: stretch!important; -ms-grid-row-align: stretch!important; align-self: stretch!important } } @media (min-width:641px) { .flex-md-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-md-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-md-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-md-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-md-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-md-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-md-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-md-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-md-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-md-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-md-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-md-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-md-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-md-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-md-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-md-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-md-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-md-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-md-center { -ms-flex-align: center!important; align-items: center!important } .align-items-md-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-md-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-md-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-md-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-md-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-md-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-md-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-md-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-md-auto { -ms-flex-item-align: auto!important; -ms-grid-row-align: auto!important; align-self: auto!important } .align-self-md-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-md-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-md-center { -ms-flex-item-align: center!important; -ms-grid-row-align: center!important; align-self: center!important } .align-self-md-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-md-stretch { -ms-flex-item-align: stretch!important; -ms-grid-row-align: stretch!important; align-self: stretch!important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-lg-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-lg-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-lg-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-lg-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-lg-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-lg-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-lg-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-lg-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-lg-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-lg-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-lg-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-lg-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-lg-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-lg-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-lg-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-lg-center { -ms-flex-align: center!important; align-items: center!important } .align-items-lg-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-lg-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-lg-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-lg-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-lg-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-lg-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-lg-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-lg-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-lg-auto { -ms-flex-item-align: auto!important; -ms-grid-row-align: auto!important; align-self: auto!important } .align-self-lg-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-lg-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-lg-center { -ms-flex-item-align: center!important; -ms-grid-row-align: center!important; align-self: center!important } .align-self-lg-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-lg-stretch { -ms-flex-item-align: stretch!important; -ms-grid-row-align: stretch!important; align-self: stretch!important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-xl-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-xl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-xl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-xl-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-xl-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-xl-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-xl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-xl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-xl-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-xl-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-xl-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-xl-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-xl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-xl-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-xl-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-xl-center { -ms-flex-align: center!important; align-items: center!important } .align-items-xl-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-xl-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-xl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-xl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-xl-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-xl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-xl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-xl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-xl-auto { -ms-flex-item-align: auto!important; -ms-grid-row-align: auto!important; align-self: auto!important } .align-self-xl-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-xl-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-xl-center { -ms-flex-item-align: center!important; -ms-grid-row-align: center!important; align-self: center!important } .align-self-xl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-xl-stretch { -ms-flex-item-align: stretch!important; -ms-grid-row-align: stretch!important; align-self: stretch!important } } .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul>li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { animation: fa-spin 2s infinite linear } .fa-pulse { animation: fa-spin 1s infinite steps(8) } @keyframes fa-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; /* font: inherit; */ vertical-align: baseline; line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } .wpn, body{ font-size: 14px; /* font-family: Open Sans, sans-serif; */ color: #333; -webkit-text-size-adjust: 100% } .clearfix:after, .clearfix:before { content: ""; display: block; position: relative; clear: both; overflow: hidden } header { border: 0 none!important } a { color: inherit; text-decoration: none } a:visited { opacity: 1 } header #primary-menu .mega-menu-border { height: 0; visibility: hidden } .view-button a { width: auto; font-size: 12px; line-height: 1.33; padding: 8px 18px; display: inline-block; margin-top: 1em; color: #1965e1; cursor: pointer; background: #fff; /* font-weight: 700; */ border: 1px solid #1965e1 } .view-button a:hover { background-color: #e6e6e6 } img { max-width: 100% } .fa, .far, .fas { font-size: .8em } .secondary-colors-01 { background-color: #008393 } .secondary-colors-02 { background-color: #8a2c87 } .secondary-colors-03 { background-color: #e52053 } .secondary-colors-04 { background-color: #6b7123 } .secondary-colors-05 { background-color: #d62385 } .secondary-colors-06 { background-color: #008931 } .no-gutters.container-fluid { padding-right: 0; padding-left: 0 } .component-container { overflow: hidden; margin: 3em auto } .heading-container { margin-bottom: 1em } .component-heading { margin-bottom: 30px; font-size: 36px; line-height: 1.22; color: #000; text-align: center } .component-sub-heading { margin-bottom: 20px; text-align: center; /* font-family: Open Sans, sans-serif; */ font-size: 16px; line-height: 1.38; color: #333 } .cnt-hd { display: none } @media (max-width:640px) { .component-heading { margin-bottom: 15px; font-size: 36px; line-height: 1.22; color: #000; font-size: 24px } .component-sub-heading { /* font-family: Open Sans, sans-serif; */ font-size: 16px; line-height: 1.38; color: #333; font-size: 14px } } .first-component { margin-top: 1em } .second-component { margin-top: 2em; } @media (max-width:640px) { .second-component { margin-top: 0; } } .offer-zone .offer-zone-container { position: relative } .view-all { text-align: center } .view-all a { width: auto; font-size: 14px; line-height: 1.33; padding: 12px 22px; display: inline-block; margin-top: 1em; background-color: #1965e1; color: #fff; cursor: pointer } .view-all a:hover { background-color: #1450b3 } .offer-zone-with-3-card { display: block } .offer-zone-with-1-card, .offer-zone-with-2-card { /* display: none */ } .offer-zone .offer-zone-container img { width: 100% } @media (max-width:640px) { .offer-zone .offer-zone-container { margin-bottom: 20px } } .first-component { margin-top: 0; margin-bottom: 0 } .offer-zone-with-2-card { margin-bottom: 1em } .offer-zone.gtp a { display: block } .offer-zone.gtp .offer-zone-container { position: relative } .offer-zone.gtp .offer-zone-container img { width: 100% } .offer-zone.gtp .offer-zone-container .offer-detail { color: #fff; position: absolute; bottom: 50px; z-index: 1; width: 100%; overflow: hidden; padding: 0 30px } .offer-zone.gtp .offer-zone-container .offer-detail p { display: inline-block; padding: 8px 0; font-size: 22px; line-height: 1.13; text-shadow: 1px 2px 3px #4d4d4d; margin-right: 20px; vertical-align: middle; } .offer-zone.gtp .offer-zone-container .offer-detail p span { color: #f79646 } .offer-zone.gtp .offer-zone-container .offer-detail .view-button { width: auto; font-size: 14px; line-height: 1.33; padding: 12px 22px; display: inline-block; background-color: #1965e1; color: #fff; cursor: pointer; vertical-align: middle; } .offer-zone.gtp .offer-zone-container .offer-detail .view-button:hover { background-color: #1450b3 } .offer-zone.gtp .small-placeholder-offer .row { display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; height: 100% } .offer-zone.gtp .small-placeholder-offer .col-sm-12 .offer-detail { bottom: 20px } @media (max-width:1199.98px) { .offer-zone.gtp .big-placeholder-offer .offer-zone-container .offer-detail { bottom: 30px } .offer-zone.gtp .offer-zone-container .offer-detail .view-button { padding: 9px 14px; font-size: 12px } .offer-zone.gtp .offer-zone-container .offer-detail p { font-size: 22px; } } @media (min-width:641px) { .offer-zone.gtp .offer-zone-with-2-card .col-md-7.big-placeholder-promo { -ms-flex: 0 0 56.5%; flex: 0 0 56.5%; max-width: 56.5% } .offer-zone.gtp .offer-zone-with-2-card .col-md-5.small-placeholder-promo { -ms-flex: 0 0 43.5%; flex: 0 0 43.5%; max-width: 43.5% } } @media (max-width:991.98px) { .offer-zone.gtp .offer-zone-container .offer-detail p { font-size: 20px; line-height: 1.13; word-wrap: break-word; margin-left: 0 } .offer-zone.gtp .big-placeholder-offer .offer-zone-container .offer-detail, .offer-zone.gtp .big-placeholder-offer .offer-zone-container .promo-detail { margin-left: 0 } } @media (max-width:640px) { .offer-zone.gtp .offer-zone-container { margin-bottom: 10px } .offer-zone.gtp .offer-zone-container .offer-detail { padding: 0 15px; bottom: 20px } .offer-zone.gtp .offer-zone-container .offer-detail .view-button { padding: 10px 18px; font-size: 13px; float: none; margin-left: 0 } .offer-zone.gtp .offer-zone-container .offer-detail p { font-size: 20px; float: none; word-wrap: break-word } .offer-zone.gtp .offer-zone-container .offer-detail a { font-size: 16px; padding: 6px 10px } } @media only screen and (max-width:640px) { .first-component { margin-top: 0 } } .news { background: #eaeaea; padding: 3em 40px } .news .workflow-solution { max-width: 1110px; width: 100%; margin: 0 auto 20px } .news .workflow-solution .head { font-size: 28px; line-height: 34px; margin: 14px 0 8px; } .news .workflow-solution .para { font-size: 16px; line-height: 22px; margin: 10px 0 } .news .workflow-solution span { font-size: 16px; line-height: 22px; color: #1965e1 } .news .workflow-solution a:hover { opacity: 1 } .news .workflow-solution a:hover img { opacity: .6 } .news .workflow-solution a:hover span { text-decoration: underline } .news .workflow-solution a .fa-arrow-right:before { font-size: 13px } .news .workflow-solution .center-section { border-left: 1px solid #707070; border-right: 1px solid #707070 } .news .workflow-solution .date { font-size: 14px; font-weight: 700; margin: 15px 0 } .news .workflow-solution.three-blocks .col-md-4 { padding-right: 20px; padding-left: 20px } .news .view-all { text-align: center } .news hr { display: none } .news .workflow-solution.details { padding-bottom: 20px; border-bottom: 1px solid #707070 } @media only screen and (max-width:640px) { .news hr { display: block; margin: 0 } .news .workflow-solution .center-section { border-left: 0 solid; border-right: 0 solid } .news .workflow-solution.details { padding-bottom: 20px } .news .workflow-solution.details hr { display: none } .news .workflow-solution.details .head { margin-top: 0 } .news .workflow-solution.three-blocks .col-sm-12 { padding-bottom: 20px } .news .workflow-solution.three-blocks hr { margin: 0 4%; width: 92% } } @media (max-width:640px) { .news h2.component-heading { line-height: 1 } .news .workflow-solution { margin-bottom: 0 } .news .workflow-solution.details .head { margin-top: 20px } .news .solution-purpose .col-md-6 { padding-bottom: 20px } } @media (max-width:640px) { .news h2.component-heading { font-size: 24px } .news .workflow-solution .head { font-size: 20px } .news .workflow-solution .para, .news .workflow-solution span { font-size: 14px } } @media (max-width:991.98px) { .news { padding: 3em 20px } } .solution-purpose { padding: 0 40px } .solution-purpose .workflow-solution { max-width: 1110px; width: 100%; margin: 0 auto 20px } .solution-purpose .workflow-solution .head { font-size: 28px; line-height: 34px; margin: 14px 0 8px; } .solution-purpose .workflow-solution .para { font-size: 16px; line-height: 22px; margin: 10px 0 } .solution-purpose .workflow-solution span { font-size: 16px; line-height: 22px; color: #1965e1 } .solution-purpose .workflow-solution a:hover { opacity: 1 } .solution-purpose .workflow-solution a:hover img { opacity: .6 } .solution-purpose .workflow-solution a:hover span { text-decoration: underline } .solution-purpose .workflow-solution .col-md-6 { padding-bottom: 40px } @media only screen and (max-width:640px) { .solution-purpose .col-md-6 { padding-bottom: 20px } } @media (max-width:640px) { .solution-purpose .component-heading { margin-bottom: 20px; line-height: 1 } .solution-purpose .workflow-solution { margin-bottom: 0 } } @media (max-width:640px) { .solution-purpose .component-heading { font-size: 24px } .solution-purpose .workflow-solution .head { font-size: 20px } .solution-purpose .workflow-solution .para, .solution-purpose .workflow-solution span { font-size: 14px } } @media (max-width:991.98px) { .solution-purpose { padding: 0 20px } } /* product lineup */ .fas { font-family: FontAwesome; } .explore-products { /*background-color: #eaeaea;*/ background-color: #f2f2f2; padding: 3em 40px } .explore-products #explore-products-all { max-width: 1110px; width: 100%; margin: 0 auto 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .explore-products .explore-products-container { position: relative; overflow: hidden; display: inline-block; max-width: 22.7%; margin: 0 1% 30px; transform: scale(1); transition: all .3s ease-in-out } .explore-products .explore-products-container:hover img, .explore-products .explore-products-container img { width: 100% } .explore-products .explore-products-container a:hover img { opacity: .6 } .explore-products .explore-products-container .explore-products-title { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 9px; min-height: 70px; opacity: .9; background-color: #404040; color: #fff; font-size: 14px; line-height: 20px; text-align: center; position: absolute; bottom: 0; } .explore-products .explore-products-container .explore-products-title .explore-products-title-inner { height: 70px; width: 100%; position: relative } .explore-products .explore-products-container .explore-products-title span { display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%) } .explore-products .explore-products-container .explore-products-title span i { font-size: .5em; padding-left: 5px } .explore-products .explore-products-container span.icon:after { content: "\f35d"; display: block; font-family: Font Awesome\ 5 Free; display: inline-block; margin-left: 10px; font-weight: 600; color: #fff; font-size: 14px } .explore-products .view-all { text-align: center; /*display: none*/ } .explore-products .explore-products-container { margin-bottom: 1em; max-width: 22% } @media (max-width:1199.98px) { .explore-products .explore-products-container .explore-products-title { min-height: 50px; font-size: 14px; line-height: 20px } } @media only screen and (max-width:640px) { .explore-products #explore-products-all { width: 95% } /* .explore-products .explore-products-container { max-width: 48%; margin: 0 1% 12px } */ } @media (max-width:640px) { .explore-products { padding: 3em 20px } .explore-products .explore-products-container .explore-products-title { font-size: 13px; padding: 3px 9px; } .explore-products .explore-products-container .explore-products-title .explore-products-title-inner { height: 50px } } @media (max-width:640px) { .explore-products .explore-products-container { max-width: 46%; margin: 0 1% 12px } }