@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    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 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.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
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .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
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .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
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .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
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .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
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        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: flex !important
    }

    .d-lg-inline-flex {
        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: flex !important
    }

    .d-xl-inline-flex {
        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: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*, :after, :before {
    box-sizing: inherit
}

body {
    font-family: Roboto,sans-serif;
    line-height: 1.5;
    color: #000
}

@media (min-width:1200px) {
    body {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    body {
        font-size: 16px
    }
}

@media (max-width:992px) and (min-width:768px) {
    body {
        font-size: 16px
    }
}

@media (max-width:768px) and (min-width:576px) {
    body {
        font-size: 16px
    }
}

@media (max-width:576px) and (min-width:0) {
    body {
        font-size: 16px
    }
}

h1 {
    font-family: Roboto,sans-serif;
    line-height: 1.6
}

@media (min-width:1200px) {
    h1 {
        font-size: 40px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    h1 {
        font-size: 40px
    }
}

@media (max-width:992px) and (min-width:768px) {
    h1 {
        font-size: 40px
    }
}

@media (max-width:768px) and (min-width:576px) {
    h1 {
        font-size: 40px
    }
}

@media (max-width:576px) and (min-width:0) {
    h1 {
        font-size: 40px
    }
}

h2 {
    font-family: Roboto,sans-serif;
    line-height: 1.6
}

@media (min-width:1200px) {
    h2 {
        font-size: 36px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    h2 {
        font-size: 36px
    }
}

@media (max-width:992px) and (min-width:768px) {
    h2 {
        font-size: 36px
    }
}

@media (max-width:768px) and (min-width:576px) {
    h2 {
        font-size: 36px
    }
}

@media (max-width:576px) and (min-width:0) {
    h2 {
        font-size: 36px
    }
}

h3 {
    font-family: Roboto,sans-serif;
    font-weight: 500;
    line-height: 1.6
}

@media (min-width:1200px) {
    h3 {
        font-size: 30px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    h3 {
        font-size: 30px
    }
}

@media (max-width:992px) and (min-width:768px) {
    h3 {
        font-size: 30px
    }
}

@media (max-width:768px) and (min-width:576px) {
    h3 {
        font-size: 30px
    }
}

@media (max-width:576px) and (min-width:0) {
    h3 {
        font-size: 30px
    }
}

h4 {
    font-family: Roboto,sans-serif;
    line-height: 1.3;
    color: #000
}

@media (min-width:1200px) {
    h4 {
        font-size: 24px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    h4 {
        font-size: 24px
    }
}

@media (max-width:992px) and (min-width:768px) {
    h4 {
        font-size: 24px
    }
}

@media (max-width:768px) and (min-width:576px) {
    h4 {
        font-size: 24px
    }
}

@media (max-width:576px) and (min-width:0) {
    h4 {
        font-size: 24px
    }
}

h5 {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #000
}

@media (min-width:1200px) {
    h5 {
        font-size: 20px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    h5 {
        font-size: 20px
    }
}

@media (max-width:992px) and (min-width:768px) {
    h5 {
        font-size: 20px
    }
}

@media (max-width:768px) and (min-width:576px) {
    h5 {
        font-size: 20px
    }
}

@media (max-width:576px) and (min-width:0) {
    h5 {
        font-size: 20px
    }
}

h6 {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: #000
}

@media (min-width:1200px) {
    h6 {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    h6 {
        font-size: 16px
    }
}

@media (max-width:992px) and (min-width:768px) {
    h6 {
        font-size: 16px
    }
}

@media (max-width:768px) and (min-width:576px) {
    h6 {
        font-size: 16px
    }
}

@media (max-width:576px) and (min-width:0) {
    h6 {
        font-size: 16px
    }
}

a {
    color: #000;
    text-decoration: none;
    transition: .3s
}

    a:hover {
        color: #3a4048;
        text-decoration: underline
    }

    a.btn {
        color: #fff;
        background-color: #000;
        transition: .3s;
        padding: 5px 10px;
        margin: 5px 0;
        display: inline-block;
        border-radius: 5px
    }

        a.btn:hover {
            background-color: #3a4048;
            text-decoration: none
        }

img {
    width: 100%
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0)
    }

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)
    }

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translateZ(0)
    }

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0)
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0)
    }

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ""
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body {
    font-family: Inter,sans-serif;
    color: #6e7577;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 44px;
    line-height: 56px
}

h1, h2 {
    font-family: Inter,sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
    margin: 0 0 24px
}

h2 {
    font-size: 32px;
    line-height: 44px
}

h3 {
    font-family: Inter,sans-serif;
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

h3, h4 {
    letter-spacing: 0;
    margin: 0 0 20px
}

h4 {
    font-family: Inter,sans-serif;
    color: #0b5e83;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

li, ol, ul {
    margin: 0;
    padding: 0
}

p {
    font-family: Inter,sans-serif;
    color: #6e7577;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 25px
}

    p:last-child {
        margin: 0
    }

a {
    transition: all .3s;
    color: #00aeef
}

    a, a:hover {
        outline: none
    }

        a:hover {
            text-decoration: none;
            color: #6e7577
        }

img {
    max-width: 100%;
    height: auto
}

.link {
    color: #00aeef;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    display: inline-block;
    position: relative;
    padding: 0 23px 0 0;
    transition: all .3s;
    cursor: pointer
}

    .link:after {
        content: "";
        position: absolute;
        background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
        background-size: 100%;
        width: 18px;
        height: 18px;
        right: 0;
        top: 3px
    }

    .link:hover {
        color: #0b5e83
    }

        .link:hover:after {
            background: url(/wp-content/themes/dstheme/assets/images/link-hover.svg) no-repeat 50%;
            background-size: 100%
        }

    .link.white {
        color: #fff
    }

        .link.white:after {
            background: url(/images/white-icon-arrow-right.svg) no-repeat 50%;
            background-size: 100%
        }

.back.link {
    padding: 0 0 0 23px
}

    .back.link:after {
        transform: rotate(-180deg);
        left: 0;
        right: auto
    }

.container {
    max-width: 1270px;
    width: 100%
}

#uni-page {
    overflow: hidden
}

.site-header {
    padding: 15px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    transition: all .3s
}

    .site-header.fixed {
        padding: 11px 0;
        box-shadow: 0 2px 14px 0 rgba(110,117,119,.2)
    }

        .site-header.fixed .site-branding {
            max-width: 120px
        }

        .site-header.fixed .header-top-link {
            display: none
        }

        .site-header.fixed .container {
            align-items: center
        }

    .site-header .container {
        display: flex;
        justify-content: space-between
    }

.site-branding {
    max-width: 170px;
    transition: all .3s
}

    .site-branding img {
        display: block
    }

.header-top-link {
    text-align: right;
    margin: 15px 0 6px
}

    .header-top-link ul li {
        list-style: none;
        font-size: 13px;
        line-height: 16px;
        display: inline-block;
        margin-left: 16px
    }

        .header-top-link ul li a {
            color: #6e7577;
            display: block
        }

            .header-top-link ul li a:hover {
                color: #00aeef
            }

.main-navigation {
    display: flex;
    align-items: center
}

    .main-navigation .header-search {
        display: inline-block
    }

        .main-navigation .header-search img, .main-navigation .header-search svg {
            display: block
        }

        .main-navigation .header-search.active svg g#Menu, .main-navigation .header-search:hover svg g#Menu {
            fill: #00aeef
        }

    .main-navigation ul > li {
        display: inline-block;
        list-style: none;
        margin-right: 26px
    }

    .main-navigation ul li {
        color: #000;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        letter-spacing: 0;
        line-height: 19px
    }

        .main-navigation ul li a {
            color: #000;
            display: block;
            padding: 12px 0
        }

        .main-navigation ul li.current-menu-item > a, .main-navigation ul li:hover > a {
            color: #00aeef
        }

    .main-navigation ul.sub-menu {
        display: none;
        background: #fff;
        position: absolute;
        padding: 10px 0;
        z-index: 11;
        left: -20px;
        margin: 0;
        box-shadow: 0 2px 14px 0 rgba(110,117,119,.2);
        width: 200px;
        transition: all .3s
    }

        .main-navigation ul.sub-menu li {
            width: 100%;
            margin: 0;
            display: block
        }

            .main-navigation ul.sub-menu li a {
                padding: 10px 20px;
                display: block
            }

    .main-navigation ul ul ul.sub-menu {
        left: 100%;
        top: -10px;
        z-index: 1
    }

    .main-navigation ul > li:hover > .sub-menu {
        display: block
    }

    .main-navigation ul.sub-menu li.menu-item-has-children {
        background: url(/images/icon-arrow-right.svg) no-repeat calc(100% - 10px) 50%;
        background-size: 20px
    }

        .main-navigation ul.sub-menu li.menu-item-has-children:hover {
            background: url(/images/blue-icon-arrow-right.svg) no-repeat calc(100% - 10px) 50%;
            background-size: 20px
        }

.site-content {
    padding-top: 130px
}

.logged-in .site-content {
    padding-top: 95px
}

.title-with-tag h2, .title-with-tag h4 {
    margin: 0 0 6px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.pt-30 {
    padding-top: 30px
}

.home-banner-main {
    position: relative;
    margin: 0 0 70px;
    overflow: hidden
}

    .home-banner-main .container {
        position: relative;
        z-index: 1
    }

.home-banner-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60%
}

    .home-banner-img:after, .home-video-main:after {
        content: "";
        background: linear-gradient(90deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.5) 51.11%,hsla(0,0%,100%,0));
        position: absolute;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0
    }

.home-shadow .home-banner-img:after, .home-shadow .home-video-main:after {
    display: none
}

.home-banner-img img {
    background-position: 0;
    background-size: cover;
    display: block
}

.home-banner-img .uni-hidden, .home-banner-img .uni-hidden .uni-img, .home-banner-img .uni-hidden .uni-img .image-holder, .home-banner-img img {
    width: 100%;
    height: 100%
}

.home-banner-text {
    padding: 140px 0
}

    .home-banner-text h2 {
        font-family: Inter;
        font-size: 34px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 52px
    }

        .home-banner-text h2 a {
            text-decoration: underline
        }

            .home-banner-text h2 a:hover {
                text-decoration: none;
                color: #00aeef
            }

.home-video-main {
    position: absolute;
    width: 60%;
    height: 100%;
    z-index: 1;
    right: 0;
    top: 0
}

    .home-video-main video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .home-video-main .uni-hidden, .home-video-main .uni-hidden .uni-img, .home-video-main .uni-hidden .uni-img .image-holder {
        height: 100%
    }

.home-section-2 {
    padding: 70px 0;
    position: relative;
    margin: 0 0 100px
}

    .home-section-2:after {
        content: "";
        width: 33.33%;
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%
    }

    .home-section-2 .container {
        position: relative;
        z-index: 1
    }

    .home-section-2 h2 {
        margin: 0;
        max-width: 500px
    }

    .home-section-2 p {
        margin: 0
    }

.home-counter {
    margin-top: 60px
}

    .home-counter .count-number {
        color: #00aeef;
        font-size: 72px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 87px;
        margin: 0 0 30px
    }

        .home-counter .count-number h5 {
            font-family: Inter,sans-serif;
            color: #000;
            font-size: 20px;
            letter-spacing: 0;
            line-height: 32px;
            font-weight: 400;
            font-weight: 900
        }

.our-speciality {
    margin: 0 0 100px
}

    .our-speciality .title-with-tag {
        max-width: 500px
    }

.speciality-block {
    display: block;
    position: relative;
    margin-top: 50px;
    overflow: hidden
}

    .speciality-block img {
        width: auto
    }

    .speciality-block .speciality-content {
        width: calc(100% - 55px);
        background: hsla(0,0%,100%,.9);
        padding: 30px 30px 20px;
        position: absolute;
        left: 0;
        bottom: 0
    }

        .speciality-block .speciality-content h6 {
            font-family: Inter,sans-serif;
            color: #000;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 20px;
            margin: 0 0 10px
        }

        .speciality-block .speciality-content p {
            font-size: 14px;
            line-height: 24px;
            margin: 0 0 15px;
            min-height: 120px
        }

.home-testimonial {
    padding: 80px 0 100px;
    background: #f4fafd
}

    .home-testimonial .title-with-tag {
        margin: 0 0 50px
    }

    .home-testimonial .text-right .link {
        margin-top: 30px
    }

.testi-block {
    background: #fff url(/wp-content/themes/dstheme/assets/images/icon-quote-testimonial.svg) no-repeat 30px 16px;
    height: 100%;
    padding: 75px 40px 130px;
    position: relative
}

    .testi-block p {
        font-size: 20px;
        line-height: 32px;
        color: #000;
        margin: 0
    }

    .testi-block span {
        position: absolute;
        bottom: 30px;
        left: 40px;
        right: 40px
    }

.home-featured-product {
    position: relative
}

    .home-featured-product:after {
        position: absolute;
        content: "";
        background: #f4fafd;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 250px;
        z-index: -1
    }

    .home-featured-product .title-with-tag {
        max-width: 500px
    }

.fs-outer-main {
    padding: 0
}

.featured-slider-image {
    margin: 50px 0 0
}

    .featured-slider-image .slick-list {
        overflow: visible
    }

.featured-slides {
    padding: 0 15px
}

    .featured-slides img {
        display: block;
        max-height: 500px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

.featured-content-outer {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
    width: 100%
}

.featured-content-slider {
    max-width: 710px;
    width: 100%;
    background: #fff;
    padding: 38px 50px 60px 60px;
    margin-top: -250px;
    margin-right: 14px
}

    .featured-content-slider h2 {
        margin: 0 0 6px;
        max-width: calc(100% - 85px)
    }

    .featured-content-slider h4 {
        margin: 0 0 20px
    }

    .featured-content-slider p {
        margin: 0 0 30px
    }

    .featured-content-slider .slick-next {
        background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
        right: 50px
    }

    .featured-content-slider .slick-next, .featured-content-slider .slick-prev {
        width: 30px;
        height: 30px;
        font-size: 0;
        border: none;
        outline: none;
        position: absolute;
        top: 50px;
        z-index: 1;
        cursor: pointer
    }

    .featured-content-slider .slick-prev {
        background: url(/images/blue-icon-arrow-left.svg) no-repeat 50%;
        right: 100px
    }

.home-news-updates {
    padding: 100px 0 50px
}

    .home-news-updates .title-with-tag {
        margin: 0 0 50px
    }

.home-news-link a {
    background: #f5f7f8 url(/images/icon-arrow-right.svg) no-repeat calc(100% - 20px) 50%;
    padding: 25px 50px 25px 30px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    display: block
}

    .home-news-link a:hover {
        background: #f5f7f8 url(/images/blue-icon-arrow-right.svg) no-repeat calc(100% - 20px) 50%;
        color: #00aeef
    }

.home-twitter {
    padding: 0 0 90px
}

.home-twitter-main h3 {
    margin: 0
}

.home-twit-ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px
}

.resources-main .site-main {
    padding: 60px 0 40px
}

.resources-main .title-with-tag {
    margin: 0 0 55px
}

    .resources-main .title-with-tag h1 {
        margin: 0
    }

.resource-filter-section {
    padding: 0 0 50px
}

.portfolio-list-filters .filter-select > a.active {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 50px
}

.filter-select > a {
    background: #f5f7f8 url(/images/icon-arrow-down.svg) no-repeat calc(100% - 20px) 50%;
    height: 76px;
    display: block;
    width: 100%;
    padding: 25px 30px;
    color: #000;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

    .filter-select > a.active {
        background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/blue-icon-arrow-up.svg) no-repeat calc(100% - 20px) 50%;
        color: #00aeef
    }

.filter-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5f7f8
}

    .filter-search input[type=text] {
        width: calc(100% - 76px);
        height: 76px;
        background: 0 0;
        border: none;
        outline: none;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        padding: 0 30px
    }

    .filter-search input[type=submit] {
        background: url(/wp-content/themes/dstheme/assets/images/icon-search.svg) no-repeat 50%;
        width: 76px;
        height: 76px;
        border: none;
        font-size: 0;
        cursor: pointer
    }

    .filter-search ::-webkit-input-placeholder {
        color: #898e91;
        opacity: 1
    }

    .filter-search ::-moz-placeholder {
        color: #898e91;
        opacity: 1
    }

    .filter-search :-ms-input-placeholder {
        opacity: 1
    }

    .filter-search ::-ms-input-placeholder {
        opacity: 1
    }

    .filter-search ::placeholder {
        color: #898e91;
        opacity: 1
    }

    .filter-search :-ms-input-placeholder {
        color: #898e91
    }

    .filter-search ::-ms-input-placeholder {
        color: #898e91
    }

.filter-list-block {
    margin: 0 0 60px
}

.filter-list-img img {
    display: block;
    width: 100%;
    border: 2px solid #f5f7f8
}

.filter-list-content {
    background: #f5f7f8;
    padding: 18px 30px;
    margin-top: -60px;
    position: relative;
    width: calc(100% - 30px)
}

    .filter-list-content img {
        width: 24px;
        display: block
    }

    .filter-list-content span {
        display: block;
        margin: 0 0 6px;
        font-size: 14px;
        line-height: 24px;
        color: #6e7577
    }

    .filter-list-content h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin: 0;
        height: 90px;
        padding: 0 0 20px;
        color: #000
    }

.filter-links a {
    display: inline-block;
    margin-right: 20px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s;
    cursor: pointer
}

    .filter-links a:hover {
        -webkit-filter: none;
        filter: none
    }

.filter-select {
    background: #f5f7f8;
    position: relative
}

    .filter-select ul {
        padding: 0 30px 30px;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background: #f5f7f8;
        z-index: 11;
        display: none;
        max-height: 190px;
        overflow-y: scroll
    }

        .filter-select ul li {
            list-style: none;
            margin: 0 0 26px
        }

            .filter-select ul li .chk-container, .filter-select ul li:last-child {
                margin: 0
            }

.table-nav {
    text-align: center
}

    .table-nav a, .table-nav span {
        margin: 0 5px;
        font-size: 16px;
        font-weight: 500
    }

.selected-filter-list {
    position: relative;
    top: -24px
}

    .selected-filter-list a {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        display: inline-flex;
        white-space: nowrap
    }

        .selected-filter-list a img {
            max-width: 20px;
            position: relative;
            top: 1px
        }

        .selected-filter-list a:hover {
            color: #00aeef
        }

            .selected-filter-list a:hover img {
                opacity: .7
            }

.chk-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .chk-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

    .chk-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 22px;
        width: 22px;
        background-color: #fff;
        border: 1px solid #c3d0d5
    }

    .chk-container:hover input ~ .checkmark {
        background-color: #ccc
    }

    .chk-container input:checked ~ .checkmark {
        background-color: #00aeef;
        border: 1px solid #00aeef
    }

    .chk-container .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

    .chk-container input:checked ~ .checkmark:after {
        display: block
    }

    .chk-container .checkmark:after {
        left: 7px;
        top: 2px;
        width: 6px;
        height: 13px;
        border: solid #fff;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg)
    }

.uni-hidden, .uni-img {
    overflow: hidden
}

.uni-img {
    margin: 0;
    position: relative;
    display: block;
    transform: translateX(-105%);
    transition: transform .6s cubic-bezier(.76,.09,.215,1)
}

    .uni-img .image-holder {
        position: relative;
        display: inline-block
    }

        .uni-img .image-holder .image-block {
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #00aeef
        }

    .uni-img.aos-animate {
        transform: translateX(0);
        transition: transform .6s cubic-bezier(.76,.09,.215,1)
    }

    .uni-img .image-holder {
        transform: scale(1.2)
    }

    .uni-img.aos-animate .image-holder {
        transform: scale(1);
        transition: transform 1.3s cubic-bezier(.34,.615,.4,.985) .3s
    }

    .uni-img img {
        display: block
    }

[data-aos=reveal-left] {
    transform: scaleX(1);
    transform-origin: 100% 0;
    transition-property: transform;
    transition-delay: .3s
}

    [data-aos=reveal-left].aos-animate {
        transform: scaleX(0)
    }

.uni-banner-img .uni-img .image-holder, .uni-banner-img canvas {
    width: 100%
}

.home .site-header:after, .page-template-resources-page .site-header:after, .single-portfolio .site-header:after, .tax-resource_type .site-header:after {
    display: none
}

.site-header:after {
    height: 100%;
    width: 35%;
    content: "";
    background: #f4fafd;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    transition: all .3s
}

.site-header.fixed:after {
    height: 0
}

.uni-banner-img {
    overflow: hidden
}

.page-banner-main {
    position: relative
}

    .page-banner-main:after {
        height: 100%;
        width: 35%;
        content: "";
        background: #f4fafd;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .page-banner-main .row {
        position: relative
    }

    .page-banner-main .back {
        position: absolute;
        left: 15px;
        top: 30px;
        z-index: 1
    }

    .page-banner-main .uni-banner-img {
        padding: 35px 0 80px
    }

.page-banner-content {
    max-width: 500px;
    margin-top: -30px
}

.page-template-contact .page-banner-content a {
    color: #6e7577
}

    .page-template-contact .page-banner-content a:hover {
        color: #00aeef
    }

    .page-template-contact .page-banner-content a.e-mail:hover {
        text-decoration: underline
    }

.page-banner-video {
    width: 100%;
    height: 100%;
    padding: 35px 0 80px;
    outline: none
}

    .page-banner-video video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        outline: none
    }

.about-louvered-glazing {
    padding: 70px 0 0;
    position: relative;
    margin: 0 0 150px
}

    .about-louvered-glazing:after {
        height: calc(100% - 70px);
        width: 35%;
        content: "";
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .about-louvered-glazing .uni-img img {
        max-width: 500px
    }

    .about-louvered-glazing .col-sm-12 h2 {
        margin: 0 0 70px
    }

.alg-content {
    max-width: 500px
}

    .alg-content img {
        max-width: 249px;
        display: block;
        margin: 0 0 35px
    }

.vision-control-offers {
    margin: 0 0 100px
}

    .vision-control-offers .vc-ttl {
        max-width: 450px
    }

.vision-control-left {
    max-width: 500px
}

    .vision-control-left h2 {
        margin: 0 0 50px
    }

.vision-control-right {
    position: relative;
    height: 100%;
    width: 100%
}

    .vision-control-right .uni-hidden {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

        .vision-control-right .uni-hidden img {
            height: 100%;
            width: auto;
            -o-object-fit: contain;
            object-fit: contain
        }

    .vision-control-right .uni-img, .vision-control-right .uni-img .image-holder {
        height: 100%
    }

    .vision-control-right video {
        width: 100%;
        height: auto
    }

.vision-acc-block {
    margin: 0 0 20px
}

    .vision-acc-block span {
        font-size: 18px;
        line-height: 24px;
        display: block;
        color: #000;
        font-weight: 700;
        padding: 25px 30px;
        cursor: pointer;
        background: #f5f7f8 url(/images/icon-arrow-down.svg) no-repeat calc(100% - 25px) 50%
    }

    .vision-acc-block .vb-content {
        padding: 0 30px 30px;
        display: none
    }

    .vision-acc-block.active .vb-content {
        background: #f5f7f8
    }

    .vision-acc-block.active span {
        display: block;
        color: #00aeef;
        background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/blue-icon-arrow-up.svg) no-repeat calc(100% - 25px) 50%
    }

.two-block-section {
    position: relative;
    margin: 0 0 50px
}

    .two-block-section .uni-hidden {
        position: absolute;
        height: 100%;
        width: 41.5%;
        left: 0;
        top: 0
    }

        .two-block-section .uni-hidden img {
            -o-object-position: center;
            object-position: center;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

.two-block-content {
    display: flex;
    align-items: center;
    min-height: 470px
}

.two-block-inner-div {
    padding: 40px 0;
    max-width: 500px
}

    .two-block-inner-div h2 {
        margin: 0 0 24px
    }

.two-block-section.right-img .two-block-content {
    order: -1;
    justify-content: flex-end
}

.two-block-section.right-img .uni-hidden {
    right: 0;
    top: 0;
    left: auto
}

.glass-key-features {
    padding: 40px 0;
    position: relative;
    margin: 0 0 80px
}

    .glass-key-features:after {
        height: 100%;
        width: 35%;
        content: "";
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .glass-key-features .glass-key-content {
        max-width: 500px;
        padding: 30px 0 0
    }

.glass-key-right ul {
    display: flex;
    flex-wrap: wrap
}

    .glass-key-right ul li {
        display: flex;
        flex: 0 0 50%;
        width: 50%;
        list-style: none;
        padding: 30px 15px 30px 0;
        border-bottom: 1px solid #e7ecee;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        color: #000
    }

        .glass-key-right ul li .gkr-list {
            display: flex;
            align-items: center
        }

        .glass-key-right ul li img {
            max-width: 42px;
            margin-right: 15px;
            display: block
        }

.glass-right-main {
    padding: 0
}

.accordion-main {
    padding: 0 0 100px
}

    .accordion-main .container {
        max-width: 1060px
    }

    .accordion-main .acc-block {
        background: #f5f7f8;
        margin: 0 0 20px
    }

        .accordion-main .acc-block > h4 {
            letter-spacing: 0;
            font-weight: 700;
            padding: 25px 30px;
            margin: 0;
            color: #000;
            cursor: pointer;
            background: url(/images/icon-arrow-down.svg) no-repeat calc(100% - 25px) 50%
        }

        .accordion-main .acc-block.active h4 {
            color: #00aeef;
            background: url(/wp-content/themes/dstheme/assets/images/blue-icon-arrow-up.svg) no-repeat calc(100% - 25px) 50%
        }

.acc-block-content {
    padding: 0 105px 30px;
    display: none
}

    .acc-block-content span {
        color: #000;
        font-weight: 700
    }

    .acc-block-content img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 15px
    }

    .acc-block-content video {
        width: 100%;
        height: auto
    }

    .acc-block-content .row p, .acc-block-content .row span {
        font-size: 14px;
        line-height: 24px
    }

    .acc-block-content .acc-box {
        margin-bottom: 40px
    }

.acc-info-main {
    margin-bottom: 50px
}

.browse-resource {
    background: #f4fafd;
    padding: 70px 0
}

    .browse-resource .home-news-link a {
        background-color: #fff
    }

.latest-vision-control {
    padding: 90px 0 100px
}

    .latest-vision-control .title-with-tag {
        margin: 0 0 50px
    }

    .latest-vision-control .latest-post-block .uni-hidden img {
        transition: all .3s;
        display: block
    }

    .latest-vision-control .latest-post-block:hover .uni-hidden img {
        transform: scale(1.1)
    }

.lastest-post-content {
    background: #fff;
    padding: 25px 30px;
    width: calc(100% - 75px);
    margin-top: -75px;
    position: relative
}

    .lastest-post-content h4 {
        color: #000;
        margin-bottom: 14px;
        font-weight: 700
    }

        .lastest-post-content h4 a {
            color: #000
        }

            .lastest-post-content h4 a:hover {
                color: #00aeef
            }

    .lastest-post-content span {
        font-size: 14px;
        line-height: 24px;
        display: block
    }

.our-speciality-product {
    position: relative;
    padding: 70px 0 0
}

    .our-speciality-product:after {
        height: 615px;
        width: 35%;
        content: "";
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .our-speciality-product h2 {
        margin: 0 0 70px
    }

.os-product {
    position: relative;
    margin: 0 0 195px
}

    .os-product img {
        display: block;
        max-height: 590px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

.os-product-content {
    width: 606px;
    bottom: -100px;
    right: 0;
    position: absolute;
    background: #fff;
    padding: 40px 60px
}

    .os-product-content img {
        max-width: 200px;
        display: block;
        margin: 0 0 16px
    }

.os-product.left-content .os-product-content {
    left: 0;
    right: auto
}

.left-img-content {
    padding: 70px 0 0;
    position: relative;
    margin: 0 0 120px
}

    .left-img-content .col-sm-12 h2 {
        margin: 0 0 70px
    }

    .left-img-content:after {
        height: calc(100% - 80px);
        width: 35%;
        content: "";
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .left-img-content .left-content, .left-img-content .uni-img {
        max-width: 500px
    }

        .left-img-content .left-content h2 span {
            font-weight: 400
        }

.our-core-values {
    padding-bottom: 90px
}

    .our-core-values .vision-acc-block:last-child {
        margin: 0
    }

    .our-core-values .container-fluid {
        padding: 0
    }

    .our-core-values .uni-hidden {
        margin-left: 105px
    }

    .our-core-values .title-with-tag {
        margin: 0 0 50px
    }

.our-story-main {
    background: #f4fafd;
    padding: 70px 0 100px
}

    .our-story-main .title-with-tag {
        margin: 0 0 90px
    }

.year-slider-main {
    margin-left: 105px
}

    .year-slider-main .slick-list {
        overflow: visible
    }

    .year-slider-main .slick-slide {
        margin: 0 26px;
        outline: none
    }

    .year-slider-main .year-slide img {
        height: 56px;
        width: auto;
        transition: all .3s
    }

    .year-slider-main .slick-current .year-slide .nofill, .year-slider-main .year-slide .fill {
        display: none
    }

    .year-slider-main .slick-current .year-slide .fill {
        display: block
    }

.year-content-slider {
    margin: 50px 0 0
}

.year-content-slide {
    display: flex !important;
    justify-content: space-between;
    padding-left: 105px
}

    .year-content-slide .year-content-left {
        width: 500px;
        flex: 0 0 500px;
        padding-bottom: 90px
    }

        .year-content-slide .year-content-left p {
            font-size: 20px;
            line-height: 32px;
            color: #000
        }

    .year-content-slide .year-content-right {
        width: 500px;
        flex: 0 0 500px
    }

        .year-content-slide .year-content-right img {
            display: block
        }

.year-content-slider .slick-next {
    background: #fff url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
    width: 70px;
    height: 56px;
    font-size: 0;
    border: none;
    outline: none;
    position: absolute;
    left: 190px;
    bottom: 18px;
    z-index: 1;
    cursor: pointer
}

    .year-content-slider .slick-next:hover {
        opacity: .7
    }

.year-content-slider .slick-prev {
    background: #fff url(/images/blue-icon-arrow-left.svg) no-repeat 50%;
    width: 70px;
    height: 56px;
    font-size: 0;
    border: none;
    outline: none;
    position: absolute;
    left: 120px;
    bottom: 18px;
    z-index: 1;
    cursor: pointer
}

    .year-content-slider .slick-prev:hover {
        opacity: .7
    }

.about-career-opportunity {
    padding: 100px 0 0
}

    .about-career-opportunity .row .col-sm-6 > div {
        max-width: 500px
    }

    .about-career-opportunity .title-with-tag {
        margin: 0 0 24px
    }

    .about-career-opportunity video {
        width: 100%;
        height: auto
    }

.ca-box, .certifications-award-main h2 {
    margin: 0 0 50px
}

.ca-box {
    background: #fff
}

    .ca-box img {
        display: block
    }

    .ca-box h4 {
        font-weight: 700;
        color: #000;
        margin: 0 0 14px
    }

    .ca-box p {
        font-size: 14px;
        line-height: 24px
    }

.ca-box-content {
    background: #fff;
    width: calc(100% - 105px);
    margin-top: -70px;
    position: relative;
    padding: 28px
}

.page-template-career-page .left-img-content {
    margin: 0 0 90px
}

.career-opportunity-main {
    padding: 90px 0 100px
}

    .career-opportunity-main .container {
        max-width: 1060px
    }

    .career-opportunity-main .title-with-tag {
        margin: 0 0 50px
    }

    .career-opportunity-main ul li {
        margin: 0 0 20px;
        list-style: none
    }

        .career-opportunity-main ul li:last-child {
            margin: 0
        }

        .career-opportunity-main ul li a {
            font-size: 18px;
            line-height: 24px;
            display: block;
            color: #000;
            font-weight: 700;
            padding: 25px 30px;
            cursor: pointer;
            background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/icon-arrow-right.svg) no-repeat calc(100% - 25px) 50%
        }

            .career-opportunity-main ul li a:hover {
                color: #00aeef;
                background: #f5f7f8 url(/images/blue-icon-arrow-right.svg) no-repeat calc(100% - 25px) 50%
            }

.career-form-main {
    position: relative;
    padding: 70px 0 100px
}

    .career-form-main:after {
        height: 100%;
        width: 35%;
        max-height: 610px;
        content: "";
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -10
    }

    .career-form-main .title-with-tag {
        margin: 0 0 24px
    }

    .career-form-main .career-form-left {
        max-width: 500px
    }

body .gform_wrapper ul li.gfield {
    position: relative;
    margin: 0 0 20px !important;
    padding: 0 !important
}

body .gform_wrapper .top_label div.ginput_container {
    margin: 0
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 0;
    background: 0 0;
    height: 65px;
    border: none;
    border-bottom: 1px solid #e7ecee;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    outline: none;
    border-radius: 0
}

body .gform_wrapper textarea {
    padding: 20px 0;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #e7ecee;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    outline: none;
    border-radius: 0;
    resize: none
}

body .gform_wrapper label.gfield_label {
    color: #6e7577;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 22px;
    z-index: -1;
    transition: all .12s;
    margin: 0 !important
}

body .gform_wrapper ul.gform_fields li.gfield.focusin label.gfield_label, body .gform_wrapper ul.gform_fields li.gfield.has-content label.gfield_label, body.single-career .gform_wrapper ul li.gfield#field_2_3 label.gfield_label {
    color: #00aeef;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0;
    left: 0;
    top: 0
}

body .gform_wrapper .focusin input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper .has-content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-bottom: 1px solid #00aeef
}

body .gform_wrapper .top_label div.ginput_container {
    margin: 0 !important
}

body .gform_wrapper ul.gform_fields li.gfield.upload-list {
    border: 1px dashed #e7ecee !important;
    padding: 15px 22px 15px 68px !important;
    background: url(/wp-content/themes/dstheme/assets/images/icon-upload.svg) no-repeat 22px !important
}

    body .gform_wrapper ul.gform_fields li.gfield.upload-list label {
        position: static;
        font-size: 16px;
        line-height: 20px;
        color: #000;
        font-weight: 700
    }

    body .gform_wrapper ul.gform_fields li.gfield.upload-list.gfield_error .validation_message {
        display: block
    }

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
    font-size: 12px;
    line-height: 22px
}

body .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0
}

    body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        display: block;
        color: #000;
        font-weight: 700;
        padding: 25px 30px;
        cursor: pointer;
        background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/icon-arrow-right.svg) no-repeat calc(100% - 25px) 50%;
        border: none;
        outline: none;
        text-align: left;
        transition: all .3s
    }

        body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {
            color: #fff;
            background: #0b5e83 url(/images/white-icon-arrow-right.svg) no-repeat calc(100% - 25px) 50%
        }

body .gform_wrapper img {
    max-width: 100% !important;
    width: auto !important
}

body .gform_wrapper div.validation_error {
    display: none
}

body .gform_wrapper .gfield_error .gfield_label {
    color: red
}

.gform_wrapper li.gfield_error textarea, body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: none;
    border-bottom: 1px solid red;
    margin: 0 !important;
    padding: 0;
    width: 100%
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half), body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding-right: 0 !important;
    margin: 0 0 20px !important;
    border: none;
    background: 0 0;
    max-width: 100% !important;
    width: 100% !important
}

    body .gform_wrapper .validation_message, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
        max-width: 100%;
        padding-right: 16px;
        position: absolute;
        top: 100%;
        left: 0;
        font-weight: 500;
        font-size: 12px;
        padding: 0 !important
    }

body .instruction.validation_message {
    display: none !important
}

body .ginput_preview strong {
    font-weight: 400;
    font-size: 14px
}

body .footer-newsletter .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: block
}

body .gform_wrapper .ginput_complex .ginput_right, body .gform_wrapper .ginput_complex span.ginput_left.address_country {
    width: 100%;
    padding: 0 !important
}

.position-main .page-banner-main .title-with-tag {
    margin: 0 0 24px
}

    .position-main .page-banner-main .title-with-tag h1 {
        margin: 0
    }

.job-offer-content {
    padding: 50px 0
}

    .job-offer-content .container {
        max-width: 850px
    }

    .job-offer-content h2 {
        margin: 0 0 24px
    }

    .job-offer-content ul {
        margin: 0 0 50px;
        padding-left: 25px
    }

        .job-offer-content ul li {
            margin: 0 0 12px
        }

.footer-two-block {
    display: flex
}

    .footer-two-block > div {
        flex: 0 0 50%;
        width: 50%;
        padding-left: 100px;
        position: relative
    }

        .footer-two-block > div:after {
            background: linear-gradient(90deg,rgba(6,49,68,.7),rgba(6,49,68,.4));
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            transition: all .3s
        }

    .footer-two-block h4 {
        margin: 0;
        color: #cceaf8
    }

    .footer-two-block h2 {
        margin: 0 0 20px;
        color: #fff
    }

    .footer-two-block .ft-block {
        padding-top: 55px;
        padding-bottom: 55px;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all .4s
    }

        .footer-two-block .ft-block .ft-block-inner {
            position: relative;
            z-index: 1
        }

        .footer-two-block .ft-block:first-child {
            background: #1c6a8d url(/images/Logo-Unicel-footer-watermark.svg) no-repeat bottom !important;
            background-size: 100% auto !important
        }

            .footer-two-block .ft-block:first-child:after {
                opacity: 0
            }

.ft-block-inner a.white.link:hover {
    opacity: .7
}

.site-footer {
    padding: 55px 0;
    border-bottom: 1px solid #f5f7f8
}

    .site-footer .footer-logo {
        max-width: 72px;
        display: block
    }

    .site-footer h3 {
        margin: 0 0 15px
    }

    .site-footer p {
        font-size: 14px;
        line-height: 24px
    }

    .site-footer .col-lg-3 p a {
        color: #6e7577
    }

    .site-footer .col-lg-3 p {
        margin: 0 0 12px
    }

        .site-footer .col-lg-3 p a:hover {
            color: #00aeef
        }

    .site-footer p .footer_email {
        color: #00aeef !important
    }

        .site-footer p .footer_email:hover {
            text-decoration: underline
        }

.footer-newsletter form {
    display: flex;
    background: #f5f7f8;
    margin: 0 0 13px
}

    .footer-newsletter form input[type=email] {
        font-family: Inter,sans-serif;
        height: 76px;
        border: none;
        background: 0 0;
        outline: none;
        padding: 0 12px 0 25px;
        color: #6e7577;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 26px;
        flex: 0 0 calc(100% - 76px);
        width: calc(100% - 76px)
    }

    .footer-newsletter form input[type=submit] {
        background: url(/wp-content/themes/dstheme/assets/images/icon-arrow-right.svg) no-repeat 50%;
        background-size: 20px;
        width: 76px;
        height: 76px;
        font-size: 0;
        border: none;
        outline: none;
        cursor: pointer
    }

        .footer-newsletter form input[type=submit]:hover {
            background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
            background-size: 20px
        }

body .footer-newsletter .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half), body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin: 0 !important
}

.footer-newsletter p {
    margin: 0
}

.footer-newsletter .gform_confirmation_message {
    font-weight: 600;
    line-height: normal;
    margin: 0 0 15px;
    color: #00aeef;
    font-size: 14px
}

.footer-newsletter .gform_wrapper {
    margin-bottom: 26px
}

.footer-social {
    float: right
}

    .footer-social ul li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
        position: relative
    }

        .footer-social ul li img {
            height: 19px;
            width: auto;
            display: block;
            transition: all .3s
        }

        .footer-social ul li .img-social-blue {
            position: absolute;
            top: 0;
            opacity: 0
        }

        .footer-social ul li a:hover .img-social-blue {
            opacity: 1
        }

        .footer-social ul li a:hover .img-social-gray {
            opacity: 0
        }

.footer-bottom {
    font-family: Inter,sans-serif;
    padding: 30px 0;
    color: #898e91;
    font-size: 13px;
    line-height: 16px
}

    .footer-bottom .container {
        display: flex;
        justify-content: space-between
    }

    .footer-bottom a {
        margin-left: 16px
    }

.mobile-menu-container {
    display: none;
    background: #fff;
    position: absolute;
    width: 100%;
    top: 100%;
    height: calc(100vh - 80px);
    padding-bottom: 100px;
    overflow-y: scroll
}

.mobile-navigation {
    border-bottom: 2px solid #f5f7f8
}

    .mobile-navigation ul li {
        border-top: 2px solid #f5f7f8;
        color: #000;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 19px;
        position: relative
    }

        .mobile-navigation ul li a {
            color: #000;
            display: block;
            padding: 20px;
            font-size: 15px !important
        }

        .mobile-navigation ul li .opensubmenu {
            position: absolute;
            top: 0;
            height: 60px;
            width: 60px;
            right: 0;
            z-index: 1;
            cursor: pointer;
            transition: all .3s;
            display: flex;
            justify-content: center;
            align-items: center;
            outline: none
        }

            .mobile-navigation ul li .opensubmenu img {
                max-width: 25px;
                transform: all .3s
            }

            .mobile-navigation ul li .opensubmenu.active .open-arrow, .mobile-navigation ul li .opensubmenu .close-arrow {
                display: none
            }

            .mobile-navigation ul li .opensubmenu.active .close-arrow {
                display: block;
                transform: rotate(180deg)
            }

        .mobile-navigation ul li.active > a {
            color: #00aeef
        }

        .mobile-navigation ul li .opensubmenu:after {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            background-size: 100%;
            background: url(/wp-content/themes/dstheme/assets/images/menu-icon-down.svg) no-repeat 50%;
            transition: all .3s;
            display: none
        }

        .mobile-navigation ul li .opensubmenu.active:after {
            transform: rotate(180deg);
            background: url(/wp-content/themes/dstheme/assets/images/menu-icon-down-blue.svg) no-repeat 50%;
            display: none
        }

    .mobile-navigation ul.sub-menu li {
        border: none;
        font-size: 15px !important
    }

        .mobile-navigation ul.sub-menu li a {
            padding: 15px 20px
        }

        .mobile-navigation ul.sub-menu li .opensubmenu {
            width: 60px;
            height: 50px
        }

    .mobile-navigation ul ul.sub-menu ul li a {
        padding-left: 50px
    }

    .mobile-navigation ul > li > ul.sub-menu > li:last-child {
        border-bottom: 2px solid #f5f7f8;
        margin-bottom: -2px
    }

.mobile-bottom-link {
    padding-bottom: 70px
}

    .mobile-bottom-link ul li {
        color: #6e7577;
        font-size: 13px;
        letter-spacing: 0;
        line-height: 16px
    }

        .mobile-bottom-link ul li a {
            color: #6e7577;
            padding: 15px 20px;
            display: block
        }

.ctf-tweets {
    display: flex;
    margin: 0 -15px
}

#ctf .ctf-item {
    border: none;
    padding: 0 15px;
    margin: 0;
    width: 33.33%;
    flex: 0 0 33.33%
}

    #ctf .ctf-item .tweetinner {
        border: 1px solid #e1e8ed
    }

#ctf .ctf-tweet-content {
    margin: 0 !important;
    padding: 0 !important
}

#ctf .ctf-tweet-actions, #ctf .ctf-tweet-content {
    margin: 0 !important;
    max-width: 100%;
    padding: 0 !important
}

#ctf .ctf-tweet-media {
    margin: 0 0 20px;
    float: none
}

#ctf .ctf-author-box, #ctf_lightbox .ctf-author-box {
    margin: 0
}

#ctf .ctf-tweet-content {
    margin: 0;
    padding: 0;
    float: none
}

#ctf .ctf-tweet-media img, #ctf .ctf-tweet-media video {
    border-radius: 0
}

#ctf .ctf-author-box {
    margin-left: 38px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    float: none !important
}

#ctf p.ctf-tweet-text {
    padding: 15px 20px !important;
    font-size: 16px;
    line-height: normal
}

#ctf .ctf-author-name {
    display: block !important;
    margin: 0
}

#ctf .ctf-tweet-actions {
    float: none !important;
    padding: 0 20px 12px !important;
    margin: 0;
    clear: none !important
}

    #ctf .ctf-tweet-actions a {
        float: none;
        display: inline-block
    }

#ctf .ctf-author-box-link {
    line-height: normal !important
}

#ctf .ctf-tweet-media .ctf-lightbox-link {
    margin: 0 0 20px;
    border-radius: 0;
    float: none;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    display: block !important
}

#ctf .ctf-tweet-media img, #ctf .ctf-tweet-media video {
    display: block !important
}

#ctf .ctf-tweet-media {
    height: auto !important
}

.ctf-screenreader {
    display: none !important
}

.no-result-text.text-center {
    text-align: center;
    padding: 50px 0;
    width: 100%
}

.no-result-text h3 {
    color: #00aeef;
    text-align: center
}

.portfolio-project-text {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0
}

    .portfolio-project-text:before {
        content: "";
        width: 100%;
        height: 104px;
        background: linear-gradient(180deg,transparent,rgba(0,0,0,.6));
        position: absolute;
        right: 0;
        bottom: 0
    }

    .portfolio-project-text p {
        color: hsla(0,0%,100%,.8);
        padding: 0 16px 16px 0;
        position: relative;
        margin: 0
    }

.portfolio-featured-project h2.title {
    margin-bottom: 0
}

.portfolio-filter-section {
    padding: 50px 0
}

.portfolio-filter-listing .search-iner {
    display: none
}

figure.portfolio-featured-img {
    margin: 0;
    line-height: 0
}

    figure.portfolio-featured-img img {
        width: 100%
    }

.portfolio-list-content {
    background: #fff;
    padding: 25px 30px 70px;
    width: calc(100% - 75px);
    margin-top: -75px;
    position: relative;
    display: inline-block
}

    .portfolio-list-content h4 {
        color: #000;
        margin-bottom: 4px;
        font-weight: 700
    }

        .portfolio-list-content h4 a {
            color: #000
        }

            .portfolio-list-content h4 a:hover {
                color: #00aeef
            }

    .portfolio-list-content span.location {
        color: #6e7577;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
        display: block
    }

ul.portfolio-tag-list {
    list-style: none
}

    ul.portfolio-tag-list li {
        float: left;
        margin-right: 6px;
        line-height: 22px;
        margin-bottom: 6px
    }

        ul.portfolio-tag-list li a {
            font-size: 12px;
            line-height: 14px;
            color: #6e7577;
            background-color: #f5f7f8;
            padding: 2px 6px 3px
        }

.portfolio-list-block {
    margin-bottom: 30px
}

    .portfolio-list-block:hover .uni-hidden img {
        transform: scale(1.1)
    }

    .portfolio-list-block .uni-hidden img {
        display: block;
        transition: all .3s
    }

section.portfolio-featured-project {
    padding-bottom: 100px
}

.load-more-link .link:after {
    transform: rotate(90deg)
}

.link-arrow-left {
    color: #00aeef;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    display: inline-block;
    position: relative;
    padding: 0 0 0 23px
}

    .link-arrow-left:after {
        content: "";
        position: absolute;
        background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
        background-size: 100%;
        width: 18px;
        height: 18px;
        left: 0;
        top: 3px;
        transform: rotate(180deg)
    }

    .link-arrow-left:hover {
        color: #0b5e83
    }

        .link-arrow-left:hover:after {
            background: url(/wp-content/themes/dstheme/assets/images/link-hover.svg) no-repeat 50%;
            background-size: 100%
        }

.portfolio-slider-sec {
    padding: 35px 0 70px;
    overflow: hidden
}

    .portfolio-slider-sec h1.title-sec {
        margin-top: 42px;
        line-height: 44px
    }

    .portfolio-slider-sec h4 {
        margin-bottom: 50px
    }

.portfolio-top-slider .slick-next, .portfolio-top-slider .slick-prev {
    width: 30px;
    height: 30px;
    font-size: 0;
    border: none;
    outline: none;
    position: absolute;
    top: -80px;
    z-index: 1;
    cursor: pointer
}

.portfolio-top-slider .slick-prev {
    background: url(/images/blue-icon-arrow-left.svg) no-repeat 50%;
    right: 65px
}

.portfolio-top-slider .slick-next {
    background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
    right: 15px
}

.portfolio-top-slider .slick-prev.slick-disabled {
    background: url(/wp-content/themes/dstheme/assets/images/icon-arrow-left-gray.png) no-repeat 50%;
    cursor: default
}

.portfolio-top-slider .slick-next.slick-disabled {
    background: url(/wp-content/themes/dstheme/assets/images/icon-arrow-right-gray.png) no-repeat 50%;
    cursor: default
}

.portfolio-top-slider {
    line-height: 0;
    padding: 0
}

    .portfolio-top-slider .slick-list {
        overflow: visible
    }

        .portfolio-top-slider .slick-list .slick-slide {
            padding: 0 15px
        }

section.casestudy-download-col {
    padding-bottom: 95px
}

.information-block {
    border-bottom: 1px solid #e7ecee;
    padding: 35px 0
}

    .information-block:first-child {
        padding-top: 0
    }

    .information-block h3 {
        margin-bottom: 15px;
        line-height: 1
    }

    .information-block span.small-text {
        font-size: 14px;
        line-height: 1;
        color: #6e7577
    }

.download-content p {
    margin-bottom: 40px
}

.portfolio-featured-product h4.sub-title {
    margin: 0 0 6px
}

.portfolio-featured-item {
    position: relative;
    margin-bottom: 30px
}

.portfolio-featured-content {
    padding: 30px 30px 20px;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: calc(100% - 55px)
}

    .portfolio-featured-content h6.title {
        font-weight: 700;
        line-height: 1;
        margin-bottom: 18px
    }

    .portfolio-featured-content span.text {
        font-size: 14px;
        line-height: 24px;
        display: block;
        margin-bottom: 45px;
        min-height: 96px
    }

.portfolio-featured-items {
    margin-top: 25px;
    display: inline-block;
    width: 100%
}

.portfolio-featured-product {
    margin-bottom: 60px
}

.project-resources-col {
    padding: 70px 0;
    background: #f4fafd
}

    .project-resources-col h4.sub-title {
        margin: 0 0 6px
    }

    .project-resources-col h2 {
        margin: 0 0 50px
    }

.project-resources-link a {
    background: #fff url(/wp-content/themes/dstheme/assets/images/icon-arrow-right.svg) no-repeat calc(100% - 20px) 50%;
    padding: 25px 50px 25px 30px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    display: block
}

    .project-resources-link a:hover {
        background: #fff url(/images/blue-icon-arrow-right.svg) no-repeat calc(100% - 20px) 50%;
        color: #00aeef
    }

.discover-slider h4.sub-title {
    margin: 0 0 6px
}

.discover-slider {
    padding: 90px 0 200px;
    overflow: hidden
}

    .discover-slider .link-block {
        padding-top: 35px;
        text-align: right
    }

    .discover-slider .discover-slider-items .slick-list.draggable {
        overflow: visible
    }

    .discover-slider .featured-slides {
        padding: 0 15px;
        position: relative
    }

.psd-slider.container {
    padding: 0
}

.portfolio-discover-slider {
    position: relative;
    margin: 26px 0 0
}

.discover-slider .container {
    position: relative
}

.discover-content-block {
    max-width: 710px;
    width: 100%;
    background: #fff;
    padding: 38px 50px 70px 60px
}

    .discover-content-block h2 {
        margin: 0 0 6px;
        max-width: calc(100% - 95px)
    }

    .discover-content-block h4 {
        margin: 0 0 20px
    }

    .discover-content-block p {
        margin: 0 0 30px
    }

.discover-content-outer {
    position: absolute;
    bottom: -100px;
    right: 0;
    z-index: 9
}

.discover-content-block .slick-next, .discover-content-block .slick-prev {
    width: 30px;
    height: 30px;
    font-size: 0;
    border: none;
    outline: none;
    position: absolute;
    top: 50px;
    z-index: 1;
    cursor: pointer
}

.discover-content-block .slick-prev {
    background: url(/images/blue-icon-arrow-left.svg) no-repeat 50%;
    right: 100px
}

.discover-content-block .slick-next {
    background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
    right: 50px
}

.portfolio-project-list {
    padding: 35px 0 45px;
    overflow: hidden
}

    .portfolio-project-list h1.title-sec {
        margin-bottom: 0
    }

    .portfolio-project-list h4 {
        margin-bottom: 6px
    }

    .portfolio-project-list a.link-arrow-left {
        margin-bottom: 50px
    }

.portfolio-list-filters .title-col h3 {
    margin-bottom: 0;
    margin-right: 10px;
    line-height: 22px
}

.portfolio-list-filters .title-col {
    display: flex;
    align-items: baseline;
    margin-bottom: 40px
}

    .portfolio-list-filters .title-col .link:after {
        display: none
    }

.filter-select span.filter-small-text {
    color: #00aeef;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    position: absolute;
    left: 30px;
    top: 15px
}

.portfolio-list-filters-item .filter-product {
    padding: 38px 30px 18px
}

.portfolio-list-filters-item .filter-search, .portfolio-list-filters-item .filter-select {
    margin-bottom: 30px
}

.filter-search span.filter-small-text {
    color: #00aeef;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    position: absolute;
    left: 45px;
    top: 15px
}

.portfolio-list-filters-item .filter-search input[type=text] {
    height: auto;
    padding-top: 15px
}

.portfolio-list-filters-item {
    margin-bottom: 20px
}

.portfolio-filter-listing.loader, .portfolio-list-table-col.loader {
    position: relative
}

    .portfolio-filter-listing.loader:after, .portfolio-list-table-col.loader:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: hsla(0,0%,100%,.7) url(/wp-content/themes/dstheme/assets/images/form-loader.gif) no-repeat 50%;
        z-index: 1;
        top: 0;
        left: 0;
        background-size: 40px
    }

table.portfolio-list-table {
    border: 1px solid #e7ecee;
    border-bottom: 0;
    width: 100%;
    text-align: left;
    margin-bottom: 85px
}

    table.portfolio-list-table th {
        font-size: 12px;
        line-height: 15px;
        color: #00aeef;
        font-weight: 500;
        padding: 12px 20px 14px
    }

    table.portfolio-list-table tbody td {
        padding: 14px 20px;
        font-size: 14px;
        line-height: 24px;
        color: #6e7577
    }

    table.portfolio-list-table th {
        border-bottom: 1px solid #e7ecee;
        border-right: 1px solid #e7ecee
    }

        table.portfolio-list-table th:last-child {
            border-right: 0
        }

    table.portfolio-list-table tbody td {
        border-bottom: 1px solid #e7ecee;
        border-right: 1px solid #e7ecee;
        vertical-align: baseline
    }

        table.portfolio-list-table tbody td:last-child {
            border-right: 0
        }

    table.portfolio-list-table tbody tr:nth-child(odd) {
        background-color: #f5f7f8
    }

.news-main-featured-post .title-with-tag h2 {
    margin-bottom: 40px
}

.news-filter-sec {
    margin-top: 40px
}

.newsmain-items {
    margin-top: 20px
}

.newsmain-list-block {
    margin-bottom: 20px;
    margin-top: 30px;
    overflow: hidden
}

    .newsmain-list-block .uni-hidden img {
        transition: all .3s;
        display: block
    }

    .newsmain-list-block:hover .uni-hidden img {
        transform: scale(1.1)
    }

figure.newsmain-featured-img {
    margin: 0;
    line-height: 0
}

    figure.newsmain-featured-img img {
        width: 100%;
        max-height: 300px;
        -o-object-fit: cover;
        object-fit: cover
    }

.newsmain-list-content {
    background: #fff;
    padding: 30px 22px 45px 30px;
    width: calc(100% - 105px);
    margin-top: -105px;
    position: relative
}

    .newsmain-list-content h4.title {
        margin-bottom: 25px;
        color: #000;
        font-weight: 700
    }

    .newsmain-list-content span.text-small {
        color: #6e7577;
        font-size: 14px;
        line-height: 24px;
        display: block
    }

section.newsletter-col {
    padding: 85px 0 100px;
    background: #f4fafd
}

.newsletter-left-block h1 {
    line-height: 1
}

.newsletter-left-block h4 {
    line-height: 1;
    margin-bottom: 35px
}

.newsletter-right-block form {
    background: #fff;
    margin-bottom: 20px
}

.newsletter-right-block p {
    font-size: 12px;
    line-height: 22px
}

.newsletter-right-block {
    padding-top: 17px
}

ul.social-share-links {
    list-style: none;
    display: flex
}

    ul.social-share-links li {
        margin-right: 30px
    }

        ul.social-share-links li img {
            width: auto;
            height: 19px;
            transition: all .3s
        }

            ul.social-share-links li img:hover {
                opacity: .6
            }

.social-share {
    display: flex;
    align-items: center
}

    .social-share p {
        margin-bottom: 0;
        margin-right: 30px
    }

.news-single .title-with-tag h2 {
    margin-bottom: 30px
}

.back-link-news-single {
    position: absolute;
    top: 35px
}

section.news-single-content {
    padding-top: 60px;
    margin-bottom: 65px;
    display: inline-block;
    width: 100%
}

.news-single-content-inner {
    max-width: 820px;
    margin: 0 auto
}

    .news-single-content-inner h5 {
        font-family: Inter,sans-serif;
        line-height: 32px;
        margin-bottom: 35px
    }

    .news-single-content-inner p {
        margin-bottom: 35px
    }

    .news-single-content-inner span {
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #6e7577;
        margin-bottom: 30px
    }

    .news-single-content-inner h2 {
        margin-top: 30px;
        margin-bottom: 35px;
        display: inline-block;
        width: 100%;
        line-height: 1
    }

    .news-single-content-inner ol, .news-single-content-inner ul {
        padding-left: 25px;
        margin-bottom: 35px
    }

        .news-single-content-inner ol li, .news-single-content-inner ul li {
            line-height: 1;
            margin-bottom: 20px
        }

    .news-single-content-inner figure.uni-img {
        margin-top: 25px;
        margin-bottom: 15px;
        display: inline-block
    }

    .news-single-content-inner p strong {
        color: #000
    }

    .news-single-content-inner h3, .news-single-content-inner h4 {
        margin-bottom: 30px
    }

.latest-post-items .link-block {
    padding-top: 35px;
    text-align: right
}

.latest-post-items h4.sub-title {
    margin: 0 0 6px
}

section.latest-post-items {
    padding-top: 90px;
    padding-bottom: 100px
}

    section.latest-post-items .newsmain-list-block {
        margin-top: 25px;
        margin-bottom: 0
    }

.search-box-main {
    position: absolute;
    left: 0;
    bottom: -110px;
    width: calc(100% - 30px);
    margin: 0 15px;
    z-index: 99;
    transform: translateY(-300px);
    transition: all .5s ease
}

    .search-box-main.active {
        transform: unset
    }

.site-header .container {
    position: relative
}

.search-box-main form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5f7f8
}

    .search-box-main form input[type=text] {
        width: calc(100% - 76px);
        height: 76px;
        background: 0 0;
        border: none;
        outline: none;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        padding: 0 30px 0 10px
    }

    .search-box-main form input[type=submit] {
        background: url(/wp-content/themes/dstheme/assets/images/icon-search.svg) no-repeat 50%;
        width: 65px;
        height: 76px;
        border: none;
        font-size: 0;
        cursor: pointer;
        padding: 0;
        background-position: 100%;
        outline: none !important
    }

.search-box-main .search-close-icon {
    background: url(/wp-content/themes/dstheme/assets/images/icon-close-black.svg) no-repeat 50%;
    width: 76px;
    height: 76px;
    border: none;
    font-size: 0;
    cursor: pointer;
    padding: 0
}

.newsmain-list-content h4.title a {
    margin-bottom: 25px;
    color: #000;
    font-weight: 700
}

    .newsmain-list-content h4.title a:hover {
        color: #00aeef
    }

.newsmain-list-block a.image-hover-zoom {
    display: inline-block;
    transition: all .4s ease
}

    .newsmain-list-block a.image-hover-zoom:hover {
        transform: scale(1.1)
    }

.newsletter-right-block input[type=submit] {
    background: url(/wp-content/themes/dstheme/assets/images/icon-arrow-right.svg) no-repeat 50% !important;
    background-size: 20px !important;
    width: 76px !important;
    height: 76px !important;
    font-size: 0 !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    margin-bottom: 0 !important
}

.newsletter-right-block .gform_wrapper .gfield_required {
    display: none
}

.newsletter-right-block input[type=text] {
    font-family: Inter,sans-serif !important;
    height: 76px !important;
    border: none !important;
    background: none !important;
    outline: none !important;
    padding: 0 12px 0 25px !important;
    color: #6e7577;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
    flex: 0 0 calc(100% - 76px) !important;
    width: calc(100% - 76px) !important
}

.newsletter-right-block .gform_wrapper ul li.gfield {
    margin-bottom: 0 !important
}

.newsletter-right-block .gform_wrapper .gform_footer {
    width: 76px
}

.newsletter-right-block .gform_body {
    width: 100%
}

.newsletter-right-block input[type=submit]:hover {
    background: url(/images/blue-icon-arrow-right.svg) no-repeat 50% !important;
    background-size: 20px !important
}

.gform_wrapper .validation_message {
    display: none
}

body .newsletter-right-block .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half), body .newsletter-right-block .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-bottom: 0 !important
}

.footer-newsletter .gform_validation_error form, .newsletter-right-block .gform_validation_error form {
    border: 1px solid #790000
}

.gform_wrapper .gform_footer .gform_ajax_spinner img {
    max-width: 100%
}

.navigation.pagination .nav-links {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

    .navigation.pagination .nav-links a.page-numbers {
        height: 40px;
        width: 40px;
        background-color: transparent;
        font-size: 18px;
        line-height: 21px;
        font-family: Inter;
        font-weight: 700;
        color: #000;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px
    }

        .navigation.pagination .nav-links a.page-numbers:hover {
            background-color: #00aeef;
            color: #fff;
            transition: all .3s ease
        }

    .navigation.pagination .nav-links .page-numbers.current {
        height: 40px;
        width: 40px;
        background-color: #00aeef;
        font-size: 18px;
        line-height: 21px;
        font-family: Inter;
        font-weight: 700;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .navigation.pagination .nav-links .page-numbers img {
        max-width: 25px
    }

nav.navigation.pagination h2.screen-reader-text {
    display: none
}

nav.navigation.pagination {
    padding: 50px 0 100px
}

.navigation.pagination .nav-links a.page-numbers.next:hover, .navigation.pagination .nav-links a.page-numbers.prev:hover {
    background: 0 0
}

body.search {
    margin: 0
}

.search {
    margin-bottom: 100px
}

    .search .page-header h1 {
        margin-bottom: 55px
    }

    .search .page-header h4 {
        margin-bottom: 10px
    }

    .search .no-results .page-header h1 {
        margin-bottom: 30px
    }

    .search nav.navigation.pagination {
        padding-bottom: 0
    }

.search-box {
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px
}

    .search-box input[type=text] {
        background-color: #f5f7f8;
        border: none;
        padding: 26px 15px 26px 65px;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px;
        width: 100%
    }

    .search-box input::-webkit-input-placeholder {
        color: #000
    }

    .search-box input::-moz-placeholder {
        color: #000
    }

    .search-box input::-ms-input-placeholder {
        color: #000
    }

    .search-box input::placeholder {
        color: #000
    }

    .search-box input:-ms-input-placeholder {
        color: #000
    }

    .search-box input:active, .search-box input:focus {
        outline: none
    }

    .search-box button[type=submit] {
        padding: 0;
        background: no-repeat;
        right: auto;
        left: 30px;
        cursor: pointer
    }

    .search-box .close, .search-box button[type=submit] {
        border: none;
        outline: none;
        position: absolute;
        top: 52%;
        transform: translateY(-50%);
        transition: all .4s ease
    }

    .search-box .close {
        left: auto;
        right: 22px
    }

        .search-box .close img {
            width: 24px
        }

.results-box {
    background-color: #f5f7f8;
    margin-bottom: 20px;
    padding: 23px 30px
}

    .results-box h3 {
        color: #00aeef
    }

    .results-box p {
        font-size: 14px;
        line-height: 24px
    }

.error-404 .page-content p {
    max-width: 430px
}

.error-404:after {
    height: calc(100% + 132px);
    width: 35%;
    content: "";
    background: #f4fafd;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.about-testimonial-block {
    padding: 50px 0
}

.about-testi-item {
    margin-bottom: 50px;
    padding: 0 15px
}

.testi-img img {
    vertical-align: top
}

.testimonial-text {
    padding: 40px 70px;
    background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/icon-quote-testimonial.svg) no-repeat 20px 10px
}

    .testimonial-text .testimonial-data p {
        font-family: Inter,sans-serif;
        color: #000;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 33px;
        position: relative;
        margin: 0
    }

.testimonial-info {
    padding-top: 25px
}

.about-testi-item, .grid-sizer {
    width: 50%
}

.testimonial-gallery {
    margin: 0 -15px
}

.page-template-full-width .full-width-area {
    max-width: 847px;
    margin: 0 auto;
    padding: 70px 0 80px
}

.default-page-cover {
    max-width: 847px;
    margin: 40px auto 0
}

.full-width-area h1 {
    margin-bottom: 10px
}

.full-width-area .last-update {
    font-family: Inter,sans-serif;
    color: #0b5e83;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.full-width-area .page-ttl {
    margin-bottom: 50px
}

.full-width-area p:last-child {
    margin: 0 0 25px
}

.full-width-area .para-20 p, .para-20 {
    color: #000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 32px
}

.full-width-area .para-14 p, .para-14 {
    color: #6e7577;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px
}

.full-width-area ol, .full-width-area ul {
    padding-left: 30px;
    margin-bottom: 25px
}

.full-width-area li {
    margin-bottom: 15px
}

.contact-link a {
    color: #6e7577;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    display: block
}

    .contact-link a:hover {
        color: #000
    }

.contact-link .e-mail {
    color: #00aeef
}

.contact-our-team {
    position: relative;
    padding: 70px 0 100px
}

    .contact-our-team:after {
        height: 100%;
        width: 35%;
        max-height: 610px;
        content: "";
        background: #f4fafd;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -10
    }

.gform_wrapper select {
    color: #6e7577;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0 !important;
    margin: 0 !important;
    background: 0 0;
    height: 65px;
    border: none;
    border-bottom: 1px solid #e7ecee;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    outline: none;
    border-radius: 0;
    background-image: url(/images/blue-icon-arrow-down.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 100%;
    cursor: pointer
}

    .gform_wrapper select.active {
        color: #000;
        border-bottom: 1px solid #00aeef;
        background-image: url(/images/blue-icon-arrow-down-blue.svg)
    }

.gform_wrapper .select label.gfield_label {
    color: #00aeef;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 15px;
    top: 0
}

.gform_wrapper .hidden_label .gfield_label {
    clip: unset;
    position: absolute !important;
    height: auto;
    width: auto;
    overflow: hidden
}

.gform_wrapper .gfield_error select {
    border-bottom: 1px solid red;
    color: red
}

body .gform_wrapper .gfield_required {
    color: #6e7577
}

body .gform_wrapper .select label.gfield_label .gfield_required, body .gform_wrapper ul.gform_fields li.gfield.focusin label.gfield_label .gfield_required {
    color: #00aeef
}

.pt-50 {
    padding-top: 50px !important
}

.blog.paged .newsmain-listing-col, .noFeaturedPost .newsmain-listing-col {
    padding-top: 60px
}

.blog.paged .site-header:after, .noFeaturedPost .site-header:after {
    display: none
}

.tax-product_type .newsmain-listing-col {
    padding-top: 50px
}

.uni-hidden.rightdiv {
    display: none
}

.gform_wrapper .top_label input[type=file] {
    cursor: pointer
}

h2.screen-reader-text {
    display: none
}

nav.navigation.posts-navigation {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.search-results a span {
    color: #000
}

.grecaptcha-badge {
    visibility: hidden
}

footer .footer-newsletter input[type=submit] {
    background: url(https://unicel.wpengine.com/wp-content/themes/dstheme/assets/images/icon-arrow-right.svg) no-repeat 50% !important;
    background-size: 20px !important;
    width: 76px !important;
    height: 76px !important;
    font-size: 0 !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    margin-bottom: 0 !important
}

footer .footer-newsletter .gform_wrapper .gfield_required {
    display: none
}

footer .footer-newsletter input[type=text] {
    font-family: Inter,sans-serif !important;
    height: 76px !important;
    border: none !important;
    background: none !important;
    outline: none !important;
    padding: 0 12px 0 25px !important;
    color: #6e7577;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
    flex: 0 0 100% !important;
    width: 100% !important
}

footer .footer-newsletter .gform_wrapper ul li.gfield {
    margin-bottom: 0 !important
}

footer .footer-newsletter .gform_wrapper .gform_footer {
    width: 76px
}

footer .footer-newsletter .gform_body {
    width: 100%
}

footer .footer-newsletter input[type=submit]:hover {
    background: url(/images/blue-icon-arrow-right.svg) no-repeat 50% !important;
    background-size: 20px !important
}

@media screen and (max-width:1199px) {
    .newsmain-list-content {
        width: calc(100% - 65px)
    }
}

@media screen and (max-width:1024px) {
    body.open-menu {
        overflow: hidden
    }

    .site-header, .site-header.fixed {
        padding: 10px 0
    }

        .site-header .container {
            align-items: center
        }

    .site-branding {
        max-width: 120px
    }

    .header-right .menu-main-menu-container, .header-top-link {
        display: none
    }

    .site-content {
        padding-top: 90px
    }

    .logged-in .site-content {
        padding-top: 55px
    }

    .home-banner-text {
        padding: 80px 0
    }

    .home-banner-main {
        margin: 0 0 50px
    }

    .glass-key-right ul li {
        font-size: 18px;
        line-height: 24px;
        padding: 20px 10px 20px 0
    }

    .footer-two-block .ft-block {
        padding: 25px 20px
    }

    .mobile-menu-container {
        background: #fff
    }

    .mobile-menu-icon.d-none {
        margin-left: 15px;
        display: block !important;
        width: 40px;
        height: 40px;
        cursor: pointer;
        position: relative
    }

    .mobile-menu-icon span {
        background: #000;
        display: block;
        width: 30px;
        height: 2px;
        position: absolute;
        top: 11px;
        left: 5px;
        transition: all .3s
    }

        .mobile-menu-icon span:nth-child(2) {
            top: 19px;
            transition: all .3s
        }

        .mobile-menu-icon span:nth-child(3) {
            top: 27px;
            transition: all .3s
        }

    .mobile-menu-icon.active span {
        transform: rotate(45deg);
        top: 19px
    }

        .mobile-menu-icon.active span:nth-child(3) {
            transform: rotate(-45deg);
            top: 19px
        }

        .mobile-menu-icon.active span:nth-child(2) {
            opacity: 0;
            width: 40px
        }

    .our-core-values .our-value-left {
        padding-left: 15px !important
    }

    .testimonial-text .testimonial-data p {
        font-size: 18px;
        line-height: 28px
    }

    .testimonial-text {
        padding: 50px 30px 30px 40px;
        background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/icon-quote-testimonial.svg) no-repeat 10px 10px
    }

    .search .no-results .page-header h1 {
        margin-bottom: 15px
    }

    .left-img-content {
        padding: 50px 0 0
    }

        .left-img-content .col-sm-12 h2 {
            margin: 0 0 50px
        }

    .page-template-career-page .left-img-content {
        margin: 0 0 60px
    }

    .home-testimonial {
        padding: 50px 0 40px
    }

    .career-opportunity-main {
        padding: 60px 0 70px
    }

    .career-form-main {
        padding: 50px 0 70px
    }

    .ca-box-content {
        width: calc(100% - 70px)
    }

    .search-box {
        margin-top: 20px;
        margin-bottom: 30px
    }

    .lastest-post-content {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 26px;
        line-height: 36px
    }

    h2 {
        font-size: 22px;
        line-height: 30px
    }

    h3 {
        font-size: 18px;
        line-height: 24px
    }

    h4 {
        font-size: 16px;
        line-height: 22px
    }

    p {
        font-size: 14px
    }

    .link, p {
        line-height: 24px
    }

    .link {
        font-size: 16px
    }

    .home-section-2 {
        padding: 40px 0 50px;
        margin: 0 0 50px
    }

    .speciality-block .speciality-content {
        width: calc(100% - 20px);
        padding: 20px
    }

    .home-banner-text h2 {
        font-size: 24px;
        line-height: 34px
    }

    .featured-content-slider {
        padding: 20px;
        max-width: 500px
    }

    .home-testimonial {
        padding: 70px 0 40px
    }

    .testi-block {
        padding: 55px 20px 110px;
        background-position: 10px 10px
    }

        .testi-block p {
            font-size: 18px;
            line-height: 28px
        }

        .testi-block span {
            left: 20px;
            right: 20px;
            bottom: 20px;
            font-size: 14px;
            line-height: 24px
        }

    .home-news-updates {
        padding: 50px 0 20px
    }

        .home-news-updates .title-with-tag {
            margin: 0 0 30px
        }

    .home-news-link {
        margin-bottom: 20px
    }

        .home-news-link a {
            font-size: 16px;
            line-height: 22px;
            padding: 24px 50px 24px 20px;
            background-size: 20px !important
        }

    .our-core-values .uni-hidden {
        margin-left: 0
    }

    .year-content-slide {
        padding-left: 0
    }

    .year-slider-main {
        margin-left: 0
    }

    .resources-main .site-main {
        padding: 30px 0 20px
    }

    .filter-list-block, .resources-main .title-with-tag {
        margin: 0 0 30px
    }

    .resource-filter-section {
        padding: 0 0 30px
    }

    .filter-list-content {
        padding: 18px 20px;
        width: calc(100% - 20px)
    }

        .filter-list-content h4 {
            min-height: 0;
            height: auto;
            padding: 0 0 30px
        }

    .glass-key-right ul li {
        flex: 0 0 100%;
        width: 100%
    }

    .accordion-main .acc-block > h4 {
        padding: 30px 20px
    }

    .acc-block-content {
        padding: 0 20px 30px
    }

    .site-footer {
        padding: 30px 0 40px
    }

    .footer-social {
        float: none
    }

    .footer-newsletter form input[type=email], .footer-newsletter form input[type=submit] {
        height: 70px
    }

    .footer-bottom {
        font-size: 12px;
        line-height: 22px;
        padding: 20px 0
    }

    .portfolio-list-content {
        width: calc(100% - 20px);
        padding: 20px;
        margin-top: -50px;
        display: inline-block
    }

    figure.portfolio-featured-img img {
        max-height: 356px;
        -o-object-fit: cover;
        object-fit: cover
    }

    section.portfolio-featured-project {
        padding-bottom: 50px
    }

    section.casestudy-download-col .offset-1 {
        margin-left: 0;
        padding-top: 35px
    }

    .information-block {
        padding: 0 15px;
        border: 0
    }

        .information-block .col-md-6 {
            padding: 20px 0;
            border-bottom: 1px solid #e7ecee
        }

    section.casestudy-download-col {
        padding-bottom: 60px
    }

    .portfolio-featured-content {
        padding: 20px;
        width: calc(100% - 20px);
        position: relative;
        margin-top: -80px;
        display: inline-block
    }

        .portfolio-featured-content h6.title {
            line-height: 22px;
            margin-bottom: 9px
        }

    .portfolio-featured-product {
        margin-bottom: 20px
    }

    .project-resources-col {
        padding: 50px 0 35px
    }

    .project-resources-link {
        margin-bottom: 15px
    }

    .discover-content-block {
        max-width: 450px;
        padding: 30px
    }

    .discover-content-outer {
        right: 40px
    }

    .discover-slider {
        padding: 90px 0 150px
    }

    .discover-content-block p {
        overflow: hidden;
        max-height: 95px
    }

    .portfolio-list-table-col {
        overflow: scroll
    }

    table.portfolio-list-table {
        margin-bottom: 50px
    }

    .newsmain-list-content {
        width: calc(100% - 20px);
        margin-left: -1px
    }

    section.newsletter-col {
        padding: 60px 0
    }

    .filter-select {
        margin-bottom: 20px
    }

        .filter-select > a {
            font-size: 16px;
            line-height: 22px;
            padding: 24px 21px;
            height: 70px
        }

            .filter-select > a, .filter-select > a.active {
                background-size: 22px
            }

    .filter-search input[type=text] {
        font-size: 16px;
        line-height: 22px;
        height: 70px;
        padding: 0 21px
    }

    .filter-search input[type=submit] {
        height: 70px;
        width: 70px;
        background-size: 25px
    }

    .home-testimonial {
        padding: 40px 0
    }

    .left-img-content {
        padding: 30px 0 0
    }

        .left-img-content .col-sm-12 h2 {
            margin: 0 0 30px
        }

        .left-img-content .left-content {
            margin-top: 30px
        }

    .page-template-career-page .left-img-content {
        margin: 0 0 50px
    }

    .career-opportunity-main {
        padding: 50px 0
    }

        .career-opportunity-main .title-with-tag {
            margin: 0 0 35px
        }

    .career-form-main {
        padding: 40px 0 50px
    }

    .ca-box, .certifications-award-main h2 {
        margin: 0 0 40px
    }

    .ca-box-content {
        padding: 25px;
        width: calc(100% - 50px)
    }

    #ctf p.ctf-tweet-text {
        font-size: 12px;
        line-height: normal;
        padding: 15px !important
    }

    #ctf.ctf-super-narrow .ctf-author-name {
        font-size: 13px
    }

    #ctf.ctf-narrow .ctf-author-box {
        margin-bottom: 12px;
        margin-left: 28px
    }

    #ctf .ctf-item .tweetinner {
        margin: 0 0 30px
    }
}

@media screen and (max-width:767px) {
    .home-banner-img:after {
        content: "";
        background: linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.5) 51.11%,hsla(0,0%,100%,0));
        position: absolute;
        width: 100%;
        height: 145px;
        left: 0;
        top: auto;
        bottom: -2px
    }

    .home-banner-text {
        margin-top: -5px;
        position: relative;
        z-index: 1
    }

    .home-section-2:after {
        width: 170px
    }

    .home-section-2 h2 {
        margin: 0 0 18px
    }

    .home-section-2 {
        padding: 40px 0 10px
    }

    .home-counter .count-number {
        font-size: 50px;
        line-height: 60px;
        margin: 0 0 20px
    }

    .home-counter h5 {
        font-size: 18px;
        line-height: normal
    }

    .home-counter .col-sm-4 {
        margin-bottom: 40px
    }

    .speciality-block {
        margin-top: 40px
    }

        .speciality-block .speciality-content {
            position: static;
            position: relative;
            margin-top: -80px
        }

            .speciality-block .speciality-content p {
                min-height: 0
            }

    .our-speciality {
        margin: 0 0 50px
    }

    .featured-slides {
        padding: 0 10px
    }

    .featured-content-slider {
        padding: 20px;
        max-width: calc(100% - 65px);
        margin-top: -100px;
        margin-right: 0
    }

    .featured-content-outer {
        padding-right: 38px;
        position: relative
    }

    .featured-content-slider p {
        margin: 0 0 14px;
        font-size: 12px;
        line-height: 22px
    }

    .featured-slides img {
        min-height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .featured-slider-image {
        margin: 70px 0 0
    }

        .featured-slider-image .slick-next {
            background: url(/images/blue-icon-arrow-right.svg) no-repeat 50%;
            right: 35px
        }

        .featured-slider-image .slick-next, .featured-slider-image .slick-prev {
            width: 30px;
            height: 30px;
            font-size: 0;
            border: none;
            outline: none;
            position: absolute;
            top: -50px;
            z-index: 1;
            cursor: pointer
        }

        .featured-slider-image .slick-prev {
            background: url(/images/blue-icon-arrow-left.svg) no-repeat 50%;
            right: 85px
        }

    .featured-content-outer:after {
        position: absolute;
        height: calc(100% + 65px);
        content: "";
        background: #f4fafd;
        left: 0;
        top: -45px;
        width: 100%;
        z-index: -1
    }

    .home-featured-product:after {
        display: none
    }

    .featured-content-slider h2 {
        font-size: 16px;
        line-height: 20px;
        max-width: 100%
    }

    .featured-content-slider h4 {
        font-size: 14px;
        line-height: 20px
    }

    .home-testimonial .col-md-4 {
        margin-top: 30px
    }

    .home-testimonial .title-with-tag {
        margin-bottom: 18px
    }

    .home-testimonial .text-right {
        text-align: left !important
    }

        .home-testimonial .text-right .link {
            margin: 0
        }

    .home-twit-ttl {
        display: block
    }

    .home-twitter-main h3 {
        margin: 0 0 12px
    }

    .site-header:after {
        width: 150px
    }

    .page-banner-main {
        padding: 0 0 50px
    }

        .page-banner-main:after {
            display: none
        }

        .page-banner-main .row {
            flex-direction: column-reverse
        }

            .page-banner-main .row > .col-sm-6 {
                flex: 0 0 100%;
                width: 100%;
                max-width: 100%
            }

                .page-banner-main .row > .col-sm-6:last-child {
                    padding-top: 25px;
                    padding-bottom: 25px
                }

                    .page-banner-main .row > .col-sm-6:last-child:after {
                        height: 100%;
                        width: 150px;
                        content: "";
                        background: #f4fafd;
                        position: absolute;
                        right: 0;
                        top: 0;
                        z-index: -1
                    }

        .page-banner-main .uni-banner-img {
            margin: 0;
            padding: 0
        }

        .page-banner-main h1 {
            margin: 0 0 10px
        }

        .page-banner-main p {
            margin: 0 0 14px
        }

    .page-banner-content {
        margin: 10px 0 0 !important
    }

    .our-speciality-product {
        padding: 40px 0 0
    }

        .our-speciality-product:after {
            height: 340px;
            width: 170px
        }

        .os-product, .our-speciality-product h2 {
            margin: 0 0 30px
        }

            .os-product .uni-img img {
                height: 350px;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover
            }

    .os-product-content img {
        max-width: 140px;
        display: block;
        margin: 0 0 14px
    }

    .os-product-content {
        padding: 20px;
        bottom: auto;
        width: calc(100% - 20px);
        margin-top: -80px;
        position: relative;
        right: -20px
    }

        .os-product-content h3 {
            font-size: 16px;
            line-height: 22px;
            margin: 0 0 12px
        }

    .glass-vision.page-banner-main .row > .col-sm-6:last-child, .news-single.page-banner-main .row > .col-sm-6:last-child {
        padding-top: 64px
    }

    .page-banner-main .back {
        top: 12px
    }

    .about-louvered-glazing {
        padding: 50px 0 0;
        margin: 0 0 50px
    }

        .about-louvered-glazing .col-sm-12 h2, .vision-control-left h2 {
            margin: 0 0 30px
        }

        .about-louvered-glazing:after {
            width: 170px;
            height: 340px
        }

    .alg-content {
        margin-top: 30px
    }

        .alg-content img {
            margin: 0 0 14px;
            max-width: 140px
        }

    .vision-control-offers {
        margin: 0 0 30px
    }

    .vision-acc-block span {
        font-size: 16px;
        line-height: 22px;
        padding: 22px 20px;
        background-position: calc(100% - 15px) 50% !important;
        background-size: 22px !important
    }

    .vision-acc-block .vb-content {
        padding: 0 20px 20px
    }

    .two-block-section .uni-hidden {
        position: static;
        width: 100%;
        height: auto
    }

        .two-block-section .uni-hidden img {
            width: 100%;
            height: auto
        }

    .two-block-content {
        min-height: 0
    }

    .two-block-inner-div {
        max-width: 100%;
        padding: 30px 0 0
    }

        .glass-key-features .glass-key-content h2, .two-block-inner-div h2 {
            margin: 0 0 18px
        }

    .glass-key-features {
        padding: 40px 0 10px
    }

        .glass-key-features:after {
            width: 170px
        }

        .glass-key-features .glass-key-content {
            padding: 0 0 20px
        }

    .glass-right-main {
        padding: 0 15px
    }

    .glass-key-right ul li img {
        max-width: 25px
    }

    .glass-key-right ul li:last-child {
        border: none
    }

    .accordion-main {
        padding: 0 0 30px
    }

        .accordion-main .acc-block > h4 {
            padding: 22px 20px;
            background-position: calc(100% - 15px) 50% !important;
            background-size: 22px !important
        }

    .acc-block-content .row p, .acc-block-content .row span {
        font-size: 12px;
        line-height: 22px
    }

    .acc-block-content .acc-box {
        margin-bottom: 30px
    }

    .latest-vision-control {
        padding: 50px 0 10px
    }

        .latest-vision-control .title-with-tag {
            margin: 0 0 14px
        }

        .latest-vision-control .col-lg-3.text-right {
            text-align: left !important;
            margin-bottom: 30px
        }

    .lastest-post-content {
        margin-top: -40px;
        margin-bottom: 30px;
        width: 100%;
        max-width: calc(100% - 20px);
        padding: 20px
    }

        .lastest-post-content h4 {
            margin: 0 0 12px
        }

    .footer-two-block {
        display: block
    }

        .footer-two-block > div {
            width: 100%
        }

    .site-footer {
        padding: 30px 0 10px
    }

        .site-footer .col-md-6 {
            margin-bottom: 30px
        }

    .footer-bottom .container {
        justify-content: center;
        flex-direction: column;
        text-align: center
    }

    .footer-bottom .fb-left {
        margin-bottom: 10px
    }

    .footer-bottom a {
        margin: 0 15px
    }

    .single-post .newsmain-items {
        margin-top: 0
    }

    .left-img-content {
        margin: 0 0 50px
    }

    .our-core-values {
        padding: 0 0 50px
    }

        .our-core-values .title-with-tag {
            margin: 0 0 30px
        }

        .our-core-values .row > .col-sm-6:first-child {
            order: 2;
            margin-top: 30px
        }

        .our-core-values .our-value-left {
            padding: 0 15px !important
        }

    .our-story-main {
        padding: 50px 0 130px
    }

        .our-story-main .title-with-tag {
            margin: 0 0 30px
        }

    .year-content-slider {
        margin: 25px 0 0
    }

    .year-content-slide {
        display: block !important
    }

        .year-content-slide .year-content-left p {
            font-size: 18px;
            line-height: 28px;
            color: #000
        }

        .year-content-slide .year-content-left {
            width: 100%;
            flex: 0 0 100%;
            padding: 0 0 30px
        }

    .year-content-slider .slick-prev {
        left: 20px;
        bottom: -90px
    }

    .year-content-slider .slick-next {
        left: 90px;
        bottom: -90px
    }

    .year-slider-main .year-slide img {
        height: 36px;
        width: auto
    }

    .about-career-opportunity .uni-hidden {
        margin: 0 0 30px
    }

    .portfolio-filter-section {
        padding-top: 30px
    }

    section.portfolio-featured-project {
        padding-bottom: 50px
    }

    .chk-container, .selected-filter-list a {
        font-size: 16px;
        line-height: 22px
    }

    .filter-select ul {
        padding: 0 21px 24px
    }

        .filter-select ul li {
            margin: 0 0 24px
        }

    .portfolio-list-content {
        width: calc(100% - 20px);
        padding: 20px;
        margin-top: -50px
    }

        .portfolio-list-content span.location {
            margin-bottom: 14px
        }

    figure.portfolio-featured-img img {
        max-height: 356px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .portfolio-project-text p {
        font-size: 12px;
        line-height: 22px;
        margin: 0
    }

    .portfolio-slider-sec {
        padding: 24px 0 30px;
        overflow: hidden
    }

    .link-arrow-left {
        font-size: 16px
    }

    .portfolio-slider-sec h1.title-sec {
        margin-top: 24px;
        line-height: 36px;
        margin-bottom: 4px
    }

    .portfolio-top-slider .slick-list .slick-slide {
        padding: 0 10px
    }

    .download-content p {
        margin-bottom: 30px
    }

    section.casestudy-download-col .offset-1 {
        margin-left: 0;
        padding-top: 35px
    }

    .information-block h3 {
        margin-bottom: 6px
    }

    .information-block {
        padding: 0 15px;
        border: 0
    }

        .information-block .col-md-6 {
            padding: 20px 0;
            border-bottom: 1px solid #e7ecee
        }

    section.casestudy-download-col {
        padding-bottom: 50px
    }

    .portfolio-featured-items {
        margin-top: 6px
    }

    .portfolio-featured-content {
        padding: 20px;
        width: calc(100% - 20px);
        position: relative;
        margin-top: -80px
    }

        .portfolio-featured-content h6.title {
            line-height: 22px;
            margin-bottom: 9px
        }

        .portfolio-featured-content span.text {
            margin-bottom: 15px;
            min-height: unset
        }

    .portfolio-featured-product {
        margin-bottom: 20px
    }

    .discover-slider .discover-slider-items .slick-list, .portfolio-top-slider .slick-list {
        padding: 0 15px !important
    }

        .discover-slider .discover-slider-items .slick-list .slick-slide, .portfolio-top-slider .slick-list .slick-slide {
            padding: 0 15px 0 0
        }

    .project-resources-col {
        padding: 40px 0 50px
    }

    .project-resources-links {
        margin-top: 6px;
        display: inline-block;
        width: 100%
    }

    .project-resources-link a {
        font-size: 16px;
        line-height: 22px;
        padding: 24px 50px 24px 20px;
        background-size: 20px !important
    }

    .project-resources-link {
        margin-bottom: 20px
    }

        .project-resources-link:last-child {
            margin-bottom: 0
        }

    .portfolio-top-slider .slick-next, .portfolio-top-slider .slick-prev {
        width: 22px;
        height: 22px;
        background-size: 22px !important;
        top: -40px
    }

    .portfolio-top-slider .slick-next {
        right: 30px
    }

    .portfolio-top-slider .slick-prev {
        right: 60px
    }

    .discover-slider {
        padding: 50px 0
    }

    .discover-content-outer {
        position: static
    }

    .discover-slider .link-block {
        display: none
    }

    .discover-slider .title-block h2 {
        margin-bottom: 40px
    }

    .discover-slider .featured-slides img {
        min-height: 330px;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 330px
    }

    .discover-content-block {
        position: static
    }

        .discover-content-block .slick-next, .discover-content-block .slick-prev {
            top: -300px
        }

        .discover-content-block .slick-next {
            right: -5px
        }

        .discover-content-block .slick-prev {
            right: 35px
        }

    .discover-slider .featured-slides {
        padding: 0
    }

    .discover-content-block {
        position: relative;
        max-width: calc(100% - 70px);
        padding: 20px;
        float: right;
        margin-top: -80px;
        margin-right: 28px
    }

        .discover-content-block h2 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 8px;
            max-width: 100%
        }

        .discover-content-block h4 {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 12px
        }

        .discover-content-block p {
            font-size: 12px;
            line-height: 22px;
            margin-bottom: 15px;
            max-height: 85px;
            overflow: hidden
        }

    .portfolio-list-filters-item .filter-search, .portfolio-list-filters-item .filter-select {
        margin-bottom: 20px
    }

    .portfolio-project-list {
        padding: 24px 0 30px
    }

        .portfolio-project-list a.link-arrow-left {
            margin-bottom: 24px
        }

    .portfolio-list-filters .title-col {
        margin-bottom: 28px
    }

    .filter-select span.filter-small-text {
        font-size: 10px;
        left: 21px
    }

    .portfolio-list-filters-item .filter-product {
        padding: 32px 21px 21px
    }

    .filter-search span.filter-small-text {
        font-size: 10px;
        left: 36px
    }

    .portfolio-list-table-col {
        overflow: scroll
    }

    table.portfolio-list-table {
        margin-bottom: 50px
    }

    .portfolio-list-filters-item .filter-search input[type=text] {
        width: calc(100% - 32px)
    }

    .news-main-featured-post .title-with-tag h2, .newsmain-list-content h4.title {
        margin-bottom: 20px
    }

    .newsmain-list-content {
        padding: 20px
    }

    figure.newsmain-featured-img img {
        max-height: 214px
    }

    .newsmain-list-content {
        padding: 25px 20px;
        width: calc(100% - 20px);
        margin-top: -40px
    }

    section.newsletter-col {
        padding: 40px 0 50px
    }

    .newsletter-left-block h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 6px
    }

    .newsletter-left-block h4 {
        line-height: 22px;
        margin-bottom: 18px
    }

    .newsletter-right-block {
        padding-top: 30px
    }

    .footer-newsletter form input[type=email] {
        font-size: 14px;
        line-height: 24px
    }

    .newsmain-list-block {
        margin-bottom: 30px;
        margin-top: 0
    }

    .news-filter-sec {
        margin-top: 30px;
        margin-bottom: 40px
    }

    .page-banner-content {
        margin-top: 0
    }

    .news-single .title-with-tag h2 {
        margin-bottom: 20px
    }

    .social-share {
        flex-direction: column;
        align-items: flex-start
    }

        .social-share p {
            margin-bottom: 14px
        }

    .news-single-content-inner h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px
    }

    .news-single-content-inner p {
        margin-bottom: 20px
    }

    .news-single-content-inner span {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 20px
    }

    .news-single-content-inner h2 {
        line-height: 30px;
        margin: 20px 0
    }

    .news-single-content-inner ol, .news-single-content-inner ul {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .news-single-content-inner h3, .news-single-content-inner h4 {
        margin-bottom: 12px;
        margin-top: 20px;
        display: inline-block;
        width: 100%
    }

    .news-single-content-inner p.caption {
        font-size: 12px;
        line-height: 22px
    }

    section.news-single-content {
        padding-top: 0;
        margin-bottom: 30px
    }

    section.latest-post-items {
        padding: 50px 0
    }

        section.latest-post-items .title-block h2 {
            margin-bottom: 15px
        }

        section.latest-post-items .link-block {
            padding-top: 0;
            text-align: left
        }

        section.latest-post-items .newsmain-list-block {
            margin-top: 30px
        }

    .newsmain-items {
        margin-top: 50px
    }

    .news-detail-main .newsmain-items {
        margin: 0
    }

    .privacy-policy-content ol {
        margin-bottom: 40px
    }

    .privacy-policy-content ul {
        margin-bottom: 15px
    }

    .privacy-policy-content h2 {
        margin-top: 20px;
        display: inline-block;
        width: 100%
    }

    .privacy-policy-content h4 {
        margin-top: 40px
    }

    .privacy-policy-content p:last-child {
        margin-bottom: 0
    }

    .newsletter-right-block input[type=text] {
        width: 100% !important
    }

    .about-testimonial-block {
        padding: 0 0 50px
    }

    .about-testi-item {
        margin-bottom: 30px
    }

    .about-testi-item, .grid-sizer {
        width: 100%
    }

    .testimonial-text {
        padding: 60px 20px 30px;
        background: #f5f7f8 url(/wp-content/themes/dstheme/assets/images/icon-quote-testimonial.svg) no-repeat 10px 10px
    }

    .testimonial-info {
        padding-top: 18px
    }

        .testimonial-info p {
            font-size: 14px;
            line-height: 24px
        }

    .results-box {
        padding: 20px
    }

    .search .page-header h1 {
        margin-bottom: 35px
    }

    .search-box input[type=text] {
        font-size: 16px;
        padding: 23px 15px 23px 50px
    }

    .search-box button[type=submit] {
        left: 15px
    }

    .search-box {
        margin: 10px -20px 30px
    }

    .search .no-results .page-header h1 {
        margin-bottom: 10px
    }

    .gform_wrapper .select label.gfield_label {
        font-size: 10px
    }

    .gform_wrapper.gf_browser_chrome select {
        height: 58px
    }

    .gform_wrapper .field_description_below .gfield_description {
        font-size: 12px;
        line-height: 22px;
        padding-left: 0
    }

    .gform_wrapper.gf_browser_chrome select, body .gform_wrapper label.gfield_label {
        font-size: 14px
    }

    body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        width: 100%;
        font-size: 14px;
        height: 58px
    }

    body .gform_wrapper textarea, body .gform_wrapper ul.gform_fields li.gfield.upload-list label {
        font-size: 14px
    }

    body .gform_wrapper ul li.gfield {
        margin: 0 0 15px !important
    }

    body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
        font-size: 16px;
        background-size: 20px !important;
        line-height: 22px !important;
        min-height: 0 !important;
        padding: 24px 20px;
        background-position: calc(100% - 20px) 50% !important
    }

    body .gform_wrapper ul.gform_fields li.gfield.upload-list {
        padding: 15px 0 15px 65px !important
    }

    .full-width-area .para-20 p {
        font-size: 18px;
        line-height: 28px
    }

    .full-width-area .para-14 p {
        font-size: 12px;
        line-height: 22px
    }

    .full-width-area li {
        margin-bottom: 10px
    }

    .full-width-area .page-ttl {
        margin-bottom: 30px
    }

    .full-width-area p:last-child {
        margin: 0 0 15px
    }

    .full-width-area li {
        font-size: 14px;
        line-height: 24px
    }

    .contact-link a {
        font-size: 14px
    }

    .page-banner-video {
        padding: 0
    }

    .left-img-content .left-content, .left-img-content .uni-img {
        max-width: 100%
    }

    .career-opportunity-main ul li a {
        font-size: 16px;
        line-height: 22px;
        padding: 25px 60px 25px 20px
    }

    .job-offer-content {
        padding: 0 0 50px
    }

        .job-offer-content ul {
            margin: 0 0 40px
        }

            .job-offer-content ul li {
                margin: 0 0 10px;
                font-size: 14px;
                line-height: 24px
            }

    .ca-box-content {
        width: calc(100% - 20px);
        padding: 20px
    }

    .ca-box {
        margin: 0 0 30px
    }

        .ca-box h4 {
            margin: 0 0 12px
        }

        .ca-box p {
            font-size: 12px;
            line-height: 22px
        }

    .certifications-award-main h2 {
        margin: 0 0 35px
    }

    .home-twitter {
        padding: 0 0 20px
    }

    .about-career-opportunity {
        padding: 50px 0 0
    }

    .page-template-full-width .full-width-area {
        padding: 30px 0 50px
    }

    .single-career .page-banner-main .uni-banner-img, .single-specialties_products .page-banner-main .uni-banner-img {
        margin-top: 30px
    }

    .ctf-tweets {
        flex-wrap: wrap
    }

    #ctf .ctf-item {
        width: 100%;
        flex: 0 0 100%
    }
}

@media screen and (max-width:639px) {
    .testi-block {
        padding: 55px 20px 20px
    }

        .testi-block span {
            position: static
        }

        .testi-block p {
            margin: 0 0 18px
        }
}

@media screen and (max-width:575px) {
    .home-banner-main {
        padding: 235px 0 0
    }

    .home-banner-img, .home-video-main {
        width: 100%;
        height: 225px
    }

    .home-banner-img {
        overflow: hidden
    }

    .home-banner-text {
        margin-top: -55px;
        position: relative;
        padding: 0
    }

    .home-banner-img:after, .home-video-main:after {
        content: "";
        background: linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.5) 51.11%,hsla(0,0%,100%,0));
        position: absolute;
        width: 100%;
        height: 145px;
        left: 0;
        top: auto;
        bottom: -2px
    }

    .vision-acc-block.active .vb-img {
        display: block !important;
        margin: 20px 0 0
    }

        .vision-acc-block.active .vb-img img {
            max-width: 100%;
            height: auto
        }

        .vision-acc-block.active .vb-img video {
            width: 100%;
            height: auto
        }

    .vision-control-right {
        display: none
    }

    .footer-social ul {
        display: flex;
        justify-content: space-between
    }

        .footer-social ul li {
            margin: 0
        }
}

@media screen and (max-width:375px) {
    body .gform_wrapper label.gfield_label {
        z-index: 1
    }

    .left-img-content:after {
        max-height: 40%;
        width: 55%
    }

    .contact-our-team {
        padding: 30px 0
    }

        .contact-our-team:after {
            width: 60%;
            max-height: 140px
        }

    .career-form-main .career-form-left {
        padding: 40px 0;
        position: relative
    }

        .career-form-main .career-form-left:after {
            height: 100%;
            width: 170px;
            content: "";
            background: #f4fafd;
            position: absolute;
            left: -15px;
            top: 0;
            z-index: -1
        }

    .career-form-main:after {
        display: none
    }

    .career-form-main .title-with-tag {
        margin: 0 0 18px
    }

    .career-form-main {
        padding: 0 0 50px
    }
}

@media screen and (max-width:364px) {
    .contact-our-team-left .title-with-tag {
        margin-bottom: 30px
    }

    .contact-our-team:after {
        width: 60%;
        max-height: 170px
    }
}

@media screen and (max-width:354px) {
    .career-form-main:after {
        width: 55%;
        max-height: 320px
    }
}