
.b-clearfix:before,
.b-clearfix:after {
    content: " ";
    display: table
}

.b-clearfix:after {
    clear: both
}

.b-right {
    float: right
}

.b-left {
    float: left
}

.b-center {
    margin-left: auto;
    margin-right: auto
}

.b-hide {
    display: none
}

.b-hide-imp {
    display: none !important
}

.b-inline,
.b-inline-block {
    display: inline-block
}

.b-block {
    display: block
}

.b-flex {
    display: flex
}

.b-grid {
    display: grid
}

.b-clear {
    clear: both
}

.va-baseline {
    vertical-align: baseline
}

.va-top {
    vertical-align: top
}

.va-middle {
    vertical-align: middle
}

.va-bottom {
    vertical-align: bottom
}

.va-text-top {
    vertical-align: text-top
}

.va-text-bottom {
    vertical-align: text-bottom
}

.va-sub {
    vertical-align: sub
}

.va-super {
    vertical-align: super
}

.bordered {
    border: #f4f4f4 1px solid
}

[class*="bor-"] {
    border-width: 1px
}

.bor-none {
    border-style: none !important
}

.bor-none-t {
    border-top-style: none !important
}

.bor-none-r {
    border-right-style: none !important
}

.bor-none-b {
    border-bottom-style: none !important
}

.bor-none-l {
    border-left-style: none !important
}

.bor-solid {
    border-style: solid
}

.bor-solid-t {
    border-top-style: solid
}

.bor-solid-r {
    border-right-style: solid
}

.bor-solid-b {
    border-bottom-style: solid
}

.bor-solid-l {
    border-left-style: solid
}

.bor-solid-tb {
    border-top-style: solid;
    border-bottom-style: solid
}

.bor-solid-rl {
    border-right-style: solid;
    border-left-style: solid
}

.bor-dotted {
    border-style: dotted
}

.bor-dotted-t {
    border-top-style: dotted
}

.bor-dotted-r {
    border-right-style: dotted
}

.bor-dotted-b {
    border-bottom-style: dotted
}

.bor-dotted-l {
    border-left-style: dotted
}

.bor-dotted-tb {
    border-top-style: dotted;
    border-bottom-style: dotted
}

.bor-dotted-rl {
    border-right-style: dotted;
    border-left-style: dotted
}

.bor-dashed {
    border-style: dashed
}

.bor-dashed-t {
    border-top-style: dashed
}

.bor-dashed-r {
    border-right-style: dashed
}

.bor-dashed-b {
    border-bottom-style: dashed
}

.bor-dashed-l {
    border-left-style: dashed
}

.bor-dashed-tb {
    border-top-style: dashed;
    border-bottom-style: dashed
}

.bor-dashed-rl {
    border-right-style: dashed;
    border-left-style: dashed
}

.bor-double {
    border-style: double
}

.bor-double-t {
    border-top-style: double
}

.bor-double-r {
    border-right-style: double
}

.bor-double-b {
    border-bottom-style: double
}

.bor-double-l {
    border-left-style: double
}

.bor-double-tb {
    border-top-style: double;
    border-bottom-style: double
}

.bor-double-rl {
    border-right-style: double;
    border-left-style: double
}

.bor1 {
    border-width: 1px
}

.bor2 {
    border-width: 2px
}

.bor3 {
    border-width: 3px
}

.bor4 {
    border-width: 4px
}

.bor5 {
    border-width: 5px
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-column {
    flex-direction: column
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-jc-start {
    justify-content: flex-start
}

.flex-jc-end {
    justify-content: flex-end
}

.flex-jc-between {
    justify-content: space-between
}

.flex-jc-around {
    justify-content: space-around
}

.flex-jc-center,
.flex-hcenter {
    justify-content: center
}

.flex-ai-start {
    align-items: flex-start
}

.flex-ai-end {
    align-items: flex-end
}

.flex-ai-baseline {
    align-items: baseline
}

.flex-ai-stretch {
    align-items: stretch
}

.flex-ai-center,
.flex-vcenter {
    align-items: center
}

.flex-ac-start {
    align-content: flex-start
}

.flex-ac-end {
    align-content: flex-end
}

.flex-ac-center {
    align-content: center
}

.flex-ac-between {
    align-content: space-between
}

.flex-ac-around {
    align-content: space-around
}

.flex-ac-stretch {
    align-content: stretch
}

.flex-as-auto {
    align-self: auto
}

.flex-as-start {
    align-self: flex-start
}

.flex-as-end {
    align-self: flex-end
}

.flex-as-center {
    align-self: center
}

.flex-as-baseline {
    align-self: baseline
}

.flex-as-stretch {
    align-self: stretch
}

.flex-order1 {
    order: 1
}

.flex-order2 {
    order: 2
}

.flex-order3 {
    order: 3
}

.flex-order4 {
    order: 4
}

.flex-order5 {
    order: 5
}

.flex-grow1 {
    flex-grow: 1
}

.flex-grow2 {
    flex-grow: 2
}

.flex-grow3 {
    flex-grow: 3
}

.flex-grow4 {
    flex-grow: 4
}

.flex-grow5 {
    flex-grow: 5
}

.flex-shrink1 {
    flex-shrink: 1
}

.flex-shrink2 {
    flex-shrink: 2
}

.flex-shrink3 {
    flex-shrink: 3
}

.flex-shrink4 {
    flex-shrink: 4
}

.flex-shrink5 {
    flex-shrink: 5
}

@media (max-width: 768px) {
    .flex-tablet {
        display: flex;
        justify-content: space-between;
        align-items: stretch
    }
    .flex-wrap-tablet {
        flex-wrap: wrap
    }
    .flex-reverse-tablet {
        flex-direction: row-reverse
    }
    .flex-vcenter-tablet {
        align-items: center
    }
    .flex-hcenter-tablet {
        justify-content: center
    }
    .flex-order1-tablet {
        order: 1
    }
    .flex-order2-tablet {
        order: 2
    }
    .flex-order3-tablet {
        order: 3
    }
    .flex-order4-tablet {
        order: 4
    }
    .flex-order5-tablet {
        order: 5
    }
}

@media (max-width: 667px) {
    .flex-phone {
        display: flex;
        justify-content: space-between;
        align-items: stretch
    }
    .flex-wrap-phone {
        flex-wrap: wrap
    }
    .flex-reverse-phone {
        flex-direction: row-reverse
    }
    .flex-vcenter-phone {
        align-items: center
    }
    .flex-hcenter-phone {
        justify-content: center
    }
    .flex-order1-phone {
        order: 1
    }
    .flex-order2-phone {
        order: 2
    }
    .flex-order3-phone {
        order: 3
    }
    .flex-order4-phone {
        order: 4
    }
    .flex-order5-phone {
        order: 5
    }
        .boxed-btn-02{
        width: 100%!important
    }
}

@media (max-width: 360px) {
    .flex-small {
        display: flex;
        justify-content: space-between;
        align-items: stretch
    }

    .flex-wrap-small {
        flex-wrap: wrap
    }
    .flex-reverse-small {
        flex-direction: row-reverse
    }
    .flex-vcenter-small {
        align-items: center
    }
    .flex-hcenter-small {
        justify-content: center
    }
    .flex-order1-small {
        order: 1
    }
    .flex-order2-small {
        order: 2
    }
    .flex-order3-small {
        order: 3
    }
    .flex-order4-small {
        order: 4
    }
    .flex-order5-small {
        order: 5
    }
}

.h100 {
    height: 100%
}

.h-auto {
    height: auto
}

.h10px {
    height: 10px
}

.h10px-min {
    min-height: 10px !important
}

.h10px-max {
    max-height: 10px !important
}

.h15px {
    height: 15px
}

.h15px-min {
    min-height: 15px !important
}

.h15px-max {
    max-height: 15px !important
}

.h20px {
    height: 20px
}

.h20px-min {
    min-height: 20px !important
}

.h20px-max {
    max-height: 20px !important
}

.h30px {
    height: 30px
}

.h30px-min {
    min-height: 30px !important
}

.h30px-max {
    max-height: 30px !important
}

.h40px {
    height: 40px
}

.h40px-min {
    min-height: 40px !important
}

.h40px-max {
    max-height: 40px !important
}

.h50px {
    height: 50px
}

.h50px-min {
    min-height: 50px !important
}

.h50px-max {
    max-height: 50px !important
}

.h60px {
    height: 60px
}

.h60px-min {
    min-height: 60px !important
}

.h60px-max {
    max-height: 60px !important
}

.h70px {
    height: 70px
}

.h70px-min {
    min-height: 70px !important
}

.h70px-max {
    max-height: 70px !important
}

.h100px {
    height: 100px
}

.h100px-min {
    min-height: 100px !important
}

.h100px-max {
    max-height: 100px !important
}

.h200px {
    height: 200px
}

.h200px-min {
    min-height: 200px !important
}

.h200px-max {
    max-height: 200px !important
}

.h300px {
    height: 300px
}

.h300px-min {
    min-height: 300px !important
}

.h300px-max {
    max-height: 300px !important
}

.h400px {
    height: 400px
}

.h400px-min {
    min-height: 400px !important
}

.h400px-max {
    max-height: 400px !important
}

.h500px {
    height: 500px
}

.h500px-min {
    min-height: 500px !important
}

.h500px-max {
    max-height: 500px !important
}

.h50vh {
    height: 50vh
}

.h50vh-min {
    min-height: 50vh
}

.h50vh-max {
    max-height: 50vh
}

.h100vh {
    height: 100vh
}

.h100vh-min {
    min-height: 100vh
}

.h100vh-max {
    max-height: 100vh
}

.layout-center-wrap {
    width: 100%
}

.layout-center,
.layout-center-wrap>.layout-wrap {
    width: 100%;
    margin-top: 140px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px
}

.layout-center-tablet,
.layout-center-wrap-tablet>.layout-wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 768px
}

.layout-center-phone,
.layout-center-wrap-phone>.layout-wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 667px
}

.bg-transparent {
    background-color: transparent !important
}

.t-transparent {
    color: transparent !important
}

.opacity10,
.hover-opacity10:hover {
    opacity: .1
}

.bg-op10,
.hover-bg-op10:hover {
    background-color: rgba(0, 0, 0, 0.1)
}

.opacity20,
.hover-opacity20:hover {
    opacity: .2
}

.bg-op20,
.hover-bg-op20:hover {
    background-color: rgba(0, 0, 0, 0.2)
}

.opacity30,
.hover-opacity30:hover {
    opacity: .3
}

.bg-op30,
.hover-bg-op30:hover {
    background-color: rgba(0, 0, 0, 0.3)
}

.opacity40,
.hover-opacity40:hover {
    opacity: .4
}

.bg-op40,
.hover-bg-op40:hover {
    background-color: rgba(0, 0, 0, 0.4)
}

.opacity50,
.hover-opacity50:hover {
    opacity: .5
}

.bg-op50,
.hover-bg-op50:hover {
    background-color: rgba(0, 0, 0, 0.5)
}

.opacity60,
.hover-opacity60:hover {
    opacity: .6
}

.bg-op60,
.hover-bg-op60:hover {
    background-color: rgba(0, 0, 0, 0.6)
}

.opacity70,
.hover-opacity70:hover {
    opacity: .7
}

.bg-op70,
.hover-bg-op70:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.opacity80,
.hover-opacity80:hover {
    opacity: .8
}

.bg-op80,
.hover-bg-op80:hover {
    background-color: rgba(0, 0, 0, 0.8)
}

.opacity90,
.hover-opacity90:hover {
    opacity: .9
}

.bg-op90,
.hover-bg-op90:hover {
    background-color: rgba(0, 0, 0, 0.9)
}

.opacity100,
.hover-opacity100:hover {
    opacity: 1
}

.bg-op100,
.hover-bg-op100:hover {
    background-color: #000
}

.pad0 {
    padding: 0!important
}

.pad0-t {
    padding-top: 0!important
}

.pad0-r {
    padding-right: 0!important
}

.pad0-b {
    padding-bottom: 0!important
}

.pad0-l {
    padding-left: 0!important
}

.pad0-tb {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.pad0-rl {
    padding-right: 0!important;
    padding-left: 0!important
}

.pad5 {
    padding: 5px!important
}

.pad5-t {
    padding-top: 5px!important
}

.pad5-r {
    padding-right: 5px!important
}

.pad5-b {
    padding-bottom: 5px!important
}

.pad5-l {
    padding-left: 5px!important
}

.pad5-tb {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

.pad5-rl {
    padding-right: 5px!important;
    padding-left: 5px!important
}

.pad6 {
    padding: 6px!important
}

.pad6-t {
    padding-top: 6px!important
}

.pad6-r {
    padding-right: 6px!important
}

.pad6-b {
    padding-bottom: 6px!important
}

.pad6-l {
    padding-left: 6px!important
}

.pad6-tb {
    padding-top: 6px!important;
    padding-bottom: 6px!important
}

.pad6-rl {
    padding-right: 6px!important;
    padding-left: 6px!important
}

.pad7 {
    padding: 7px!important
}

.pad7-t {
    padding-top: 7px!important
}

.pad7-r {
    padding-right: 7px!important
}

.pad7-b {
    padding-bottom: 7px!important
}

.pad7-l {
    padding-left: 7px!important
}

.pad7-tb {
    padding-top: 7px!important;
    padding-bottom: 7px!important
}

.pad7-rl {
    padding-right: 7px!important;
    padding-left: 7px!important
}

.pad8 {
    padding: 8px!important
}

.pad8-t {
    padding-top: 8px!important
}

.pad8-r {
    padding-right: 8px!important
}

.pad8-b {
    padding-bottom: 8px!important
}

.pad8-l {
    padding-left: 8px!important
}

.pad8-tb {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.pad8-rl {
    padding-right: 8px!important;
    padding-left: 8px!important
}

.pad9 {
    padding: 9px!important
}

.pad9-t {
    padding-top: 9px!important
}

.pad9-r {
    padding-right: 9px!important
}

.pad9-b {
    padding-bottom: 9px!important
}

.pad9-l {
    padding-left: 9px!important
}

.pad9-tb {
    padding-top: 9px!important;
    padding-bottom: 9px!important
}

.pad9-rl {
    padding-right: 9px!important;
    padding-left: 9px!important
}

.pad10 {
    padding: 10px!important
}

.pad10-t {
    padding-top: 10px!important
}

.pad10-r {
    padding-right: 10px!important
}

.pad10-b {
    padding-bottom: 10px!important
}

.pad10-l {
    padding-left: 10px!important
}

.pad10-tb {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.pad10-rl {
    padding-right: 10px!important;
    padding-left: 10px!important
}

.pad15 {
    padding: 15px!important
}

.pad15-t {
    padding-top: 15px!important
}

.pad15-r {
    padding-right: 15px!important
}

.pad15-b {
    padding-bottom: 15px!important
}

.pad15-l {
    padding-left: 15px!important
}

.pad15-tb {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

.pad15-rl {
    padding-right: 15px!important;
    padding-left: 15px!important
}

.pad20 {
    padding: 20px!important
}

.pad20-t {
    padding-top: 20px!important
}

.pad20-r {
    padding-right: 20px!important
}

.pad20-b {
    padding-bottom: 20px!important
}

.pad20-l {
    padding-left: 20px!important
}

.pad20-tb {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

.pad20-rl {
    padding-right: 20px!important;
    padding-left: 20px!important
}

.pad25 {
    padding: 25px!important
}

.pad25-t {
    padding-top: 25px!important
}

.pad25-r {
    padding-right: 25px!important
}

.pad25-b {
    padding-bottom: 25px!important
}

.pad25-l {
    padding-left: 25px!important
}

.pad25-tb {
    padding-top: 25px!important;
    padding-bottom: 25px!important
}

.pad25-rl {
    padding-right: 25px!important;
    padding-left: 25px!important
}

.pad30 {
    padding: 30px!important
}

.pad30-t {
    padding-top: 30px!important
}

.pad30-r {
    padding-right: 30px!important
}

.pad30-b {
    padding-bottom: 30px!important
}

.pad30-l {
    padding-left: 30px!important
}

.pad30-tb {
    padding-top: 30px!important;
    padding-bottom: 30px!important
}

.pad30-rl {
    padding-right: 30px!important;
    padding-left: 30px!important
}

.pad40 {
    padding: 40px!important
}

.pad40-t {
    padding-top: 40px!important
}

.pad40-r {
    padding-right: 40px!important
}

.pad40-b {
    padding-bottom: 40px!important
}

.pad40-l {
    padding-left: 40px!important
}

.pad40-tb {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

.pad40-rl {
    padding-right: 40px!important;
    padding-left: 40px!important
}

.pad50 {
    padding: 50px!important
}

.pad50-t {
    padding-top: 50px!important
}

.pad50-r {
    padding-right: 50px!important
}

.pad50-b {
    padding-bottom: 50px!important
}

.pad50-l {
    padding-left: 50px!important
}

.pad50-tb {
    padding-top: 50px!important;
    padding-bottom: 50px!important
}

.pad50-rl {
    padding-right: 50px!important;
    padding-left: 50px!important
}

.pad70 {
    padding: 70px!important
}

.pad70-t {
    padding-top: 70px!important
}

.pad70-r {
    padding-right: 70px!important
}

.pad70-b {
    padding-bottom: 70px!important
}

.pad70-l {
    padding-left: 70px!important
}

.pad70-tb {
    padding-top: 70px!important;
    padding-bottom: 70px!important
}

.pad70-rl {
    padding-right: 70px!important;
    padding-left: 70px!important
}

.pad100 {
    padding: 100px!important
}

.pad100-t {
    padding-top: 100px!important
}

.pad100-r {
    padding-right: 100px!important
}

.pad100-b {
    padding-bottom: 100px!important
}

.pad100-l {
    padding-left: 100px!important
}

.pad100-tb {
    padding-top: 100px!important;
    padding-bottom: 100px!important
}

.pad100-rl {
    padding-right: 100px!important;
    padding-left: 100px!important
}

.mar0 {
    margin: 0!important
}

.mar0-t {
    margin-top: 0!important
}

.mar0-r {
    margin-right: 0!important
}

.mar0-b {
    margin-bottom: 0!important
}

.mar0-l {
    margin-left: 0!important
}

.mar0-tb {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.mar0-rl {
    margin-right: 0!important;
    margin-left: 0!important
}

.mar5 {
    margin: 5px!important
}

.mar5-t {
    margin-top: 5px!important
}

.mar5-r {
    margin-right: 5px!important
}

.mar5-b {
    margin-bottom: 5px!important
}

.mar5-l {
    margin-left: 5px!important
}

.mar5-tb {
    margin-top: 5px!important;
    margin-bottom: 5px!important
}

.mar5-rl {
    margin-right: 5px!important;
    margin-left: 5px!important
}

.mar6 {
    margin: 6px!important
}

.mar6-t {
    margin-top: 6px!important
}

.mar6-r {
    margin-right: 6px!important
}

.mar6-b {
    margin-bottom: 6px!important
}

.mar6-l {
    margin-left: 6px!important
}

.mar6-tb {
    margin-top: 6px!important;
    margin-bottom: 6px!important
}

.mar6-rl {
    margin-right: 6px!important;
    margin-left: 6px!important
}

.mar7 {
    margin: 7px!important
}

.mar7-t {
    margin-top: 7px!important
}

.mar7-r {
    margin-right: 7px!important
}

.mar7-b {
    margin-bottom: 7px!important
}

.mar7-l {
    margin-left: 7px!important
}

.mar7-tb {
    margin-top: 7px!important;
    margin-bottom: 7px!important
}

.mar7-rl {
    margin-right: 7px!important;
    margin-left: 7px!important
}

.mar8 {
    margin: 8px!important
}

.mar8-t {
    margin-top: 8px!important
}

.mar8-r {
    margin-right: 8px!important
}

.mar8-b {
    margin-bottom: 8px!important
}

.mar8-l {
    margin-left: 8px!important
}

.mar8-tb {
    margin-top: 8px!important;
    margin-bottom: 8px!important
}

.mar8-rl {
    margin-right: 8px!important;
    margin-left: 8px!important
}

.mar9 {
    margin: 9px!important
}

.mar9-t {
    margin-top: 9px!important
}

.mar9-r {
    margin-right: 9px!important
}

.mar9-b {
    margin-bottom: 9px!important
}

.mar9-l {
    margin-left: 9px!important
}

.mar9-tb {
    margin-top: 9px!important;
    margin-bottom: 9px!important
}

.mar9-rl {
    margin-right: 9px!important;
    margin-left: 9px!important
}

.mar10 {
    margin: 10px!important
}

.mar10-t {
    margin-top: 10px!important
}

.mar10-r {
    margin-right: 10px!important
}

.mar10-b {
    margin-bottom: 10px!important
}

.mar10-l {
    margin-left: 10px!important
}

.mar10-tb {
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

.mar10-rl {
    margin-right: 10px!important;
    margin-left: 10px!important
}

.mar15 {
    margin: 15px!important
}

.mar15-t {
    margin-top: 15px!important
}

.mar15-r {
    margin-right: 15px!important
}

.mar15-b {
    margin-bottom: 15px!important
}

.mar15-l {
    margin-left: 15px!important
}

.mar15-tb {
    margin-top: 15px!important;
    margin-bottom: 15px!important
}

.mar15-rl {
    margin-right: 15px!important;
    margin-left: 15px!important
}

.mar20 {
    margin: 20px!important
}

.mar20-t {
    margin-top: 20px!important
}

.mar20-r {
    margin-right: 20px!important
}

.mar20-b {
    margin-bottom: 20px!important
}

.mar20-l {
    margin-left: 20px!important
}

.mar20-tb {
    margin-top: 20px!important;
    margin-bottom: 20px!important
}

.mar20-rl {
    margin-right: 20px!important;
    margin-left: 20px!important
}

.mar25 {
    margin: 25px!important
}

.mar25-t {
    margin-top: 25px!important
}

.mar25-r {
    margin-right: 25px!important
}

.mar25-b {
    margin-bottom: 25px!important
}

.mar25-l {
    margin-left: 25px!important
}

.mar25-tb {
    margin-top: 25px!important;
    margin-bottom: 25px!important
}

.mar25-rl {
    margin-right: 25px!important;
    margin-left: 25px!important
}

.mar30 {
    margin: 30px!important
}

.mar30-t {
    margin-top: 30px!important
}

.mar30-r {
    margin-right: 30px!important
}

.mar30-b {
    margin-bottom: 30px!important
}

.mar30-l {
    margin-left: 30px!important
}

.mar30-tb {
    margin-top: 30px!important;
    margin-bottom: 30px!important
}

.mar30-rl {
    margin-right: 30px!important;
    margin-left: 30px!important
}

.mar40 {
    margin: 40px!important
}

.mar40-t {
    margin-top: 40px!important
}

.mar40-r {
    margin-right: 40px!important
}

.mar40-b {
    margin-bottom: 40px!important
}

.mar40-l {
    margin-left: 40px!important
}

.mar40-tb {
    margin-top: 40px!important;
    margin-bottom: 40px!important
}

.mar40-rl {
    margin-right: 40px!important;
    margin-left: 40px!important
}

.mar50 {
    margin: 50px!important
}

.mar50-t {
    margin-top: 50px!important
}

.mar50-r {
    margin-right: 50px!important
}

.mar50-b {
    margin-bottom: 50px!important
}

.mar50-l {
    margin-left: 50px!important
}

.mar50-tb {
    margin-top: 50px!important;
    margin-bottom: 50px!important
}

.mar50-rl {
    margin-right: 50px!important;
    margin-left: 50px!important
}

.mar70 {
    margin: 70px!important
}

.mar70-t {
    margin-top: 70px!important
}

.mar70-r {
    margin-right: 70px!important
}

.mar70-b {
    margin-bottom: 70px!important
}

.mar70-l {
    margin-left: 70px!important
}

.mar70-tb {
    margin-top: 70px!important;
    margin-bottom: 70px!important
}

.mar70-rl {
    margin-right: 70px!important;
    margin-left: 70px!important
}

.mar100 {
    margin: 100px!important
}

.mar100-t {
    margin-top: 100px!important
}

.mar100-r {
    margin-right: 100px!important
}

.mar100-b {
    margin-bottom: 100px!important
}

.mar100-l {
    margin-left: 100px!important
}

.mar100-tb {
    margin-top: 100px!important;
    margin-bottom: 100px!important
}

.mar100-rl {
    margin-right: 100px!important;
    margin-left: 100px!important
}

@media (max-width: 768px) {
    .mar0-tablet {
        margin: 0!important
    }
    .mar0-t-tablet {
        margin-top: 0!important
    }
    .mar0-r-tablet {
        margin-right: 0!important
    }
    .mar0-b-tablet {
        margin-bottom: 0!important
    }
    .mar0-l-tablet {
        margin-left: 0!important
    }
    .mar0-tb-tablet {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .mar0-rl-tablet {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .mar5-tablet {
        margin: 5px!important
    }
    .mar5-t-tablet {
        margin-top: 5px!important
    }
    .mar5-r-tablet {
        margin-right: 5px!important
    }
    .mar5-b-tablet {
        margin-bottom: 5px!important
    }
    .mar5-l-tablet {
        margin-left: 5px!important
    }
    .mar5-tb-tablet {
        margin-top: 5px!important;
        margin-bottom: 5px!important
    }
    .mar5-rl-tablet {
        margin-right: 5px!important;
        margin-left: 5px!important
    }
    .mar10-tablet {
        margin: 10px!important
    }
    .mar10-t-tablet {
        margin-top: 10px!important
    }
    .mar10-r-tablet {
        margin-right: 10px!important
    }
    .mar10-b-tablet {
        margin-bottom: 10px!important
    }
    .mar10-l-tablet {
        margin-left: 10px!important
    }
    .mar10-tb-tablet {
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }
    .mar10-rl-tablet {
        margin-right: 10px!important;
        margin-left: 10px!important
    }
    .mar20-tablet {
        margin: 20px!important
    }
    .mar20-t-tablet {
        margin-top: 20px!important
    }
    .mar20-r-tablet {
        margin-right: 20px!important
    }
    .mar20-b-tablet {
        margin-bottom: 20px!important
    }
    .mar20-l-tablet {
        margin-left: 20px!important
    }
    .mar20-tb-tablet {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .mar20-rl-tablet {
        margin-right: 20px!important;
        margin-left: 20px!important
    }
    .pad0-tablet {
        padding: 0!important
    }
    .pad0-t-tablet {
        padding-top: 0!important
    }
    .pad0-r-tablet {
        padding-right: 0!important
    }
    .pad0-b-tablet {
        padding-bottom: 0!important
    }
    .pad0-l-tablet {
        padding-left: 0!important
    }
    .pad0-tb-tablet {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pad0-rl-tablet {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pad5-tablet {
        padding: 5px!important
    }
    .pad5-t-tablet {
        padding-top: 5px!important
    }
    .pad5-r-tablet {
        padding-right: 5px!important
    }
    .pad5-b-tablet {
        padding-bottom: 5px!important
    }
    .pad5-l-tablet {
        padding-left: 5px!important
    }
    .pad5-tb-tablet {
        padding-top: 5px!important;
        padding-bottom: 5px!important
    }
    .pad5-rl-tablet {
        padding-right: 5px!important;
        padding-left: 5px!important
    }
    .pad10-tablet {
        padding: 10px!important
    }
    .pad10-t-tablet {
        padding-top: 10px!important
    }
    .pad10-r-tablet {
        padding-right: 10px!important
    }
    .pad10-b-tablet {
        padding-bottom: 10px!important
    }
    .pad10-l-tablet {
        padding-left: 10px!important
    }
    .pad10-tb-tablet {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }
    .pad10-rl-tablet {
        padding-right: 10px!important;
        padding-left: 10px!important
    }
    .pad20-tablet {
        padding: 20px!important
    }
    .pad20-t-tablet {
        padding-top: 20px!important
    }
    .pad20-r-tablet {
        padding-right: 20px!important
    }
    .pad20-b-tablet {
        padding-bottom: 20px!important
    }
    .pad20-l-tablet {
        padding-left: 20px!important
    }
    .pad20-tb-tablet {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    .pad20-rl-tablet {
        padding-right: 20px!important;
        padding-left: 20px!important
    }
}

@media (max-width: 667px) {
    .mar0-phone {
        margin: 0!important
    }
    .mar0-t-phone {
        margin-top: 0!important
    }
    .mar0-r-phone {
        margin-right: 0!important
    }
    .mar0-b-phone {
        margin-bottom: 0!important
    }
    .mar0-l-phone {
        margin-left: 0!important
    }
    .mar0-tb-phone {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .mar0-rl-phone {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .mar5-phone {
        margin: 5px!important
    }
    .mar5-t-phone {
        margin-top: 5px!important
    }
    .mar5-r-phone {
        margin-right: 5px!important
    }
    .mar5-b-phone {
        margin-bottom: 5px!important
    }
    .mar5-l-phone {
        margin-left: 5px!important
    }
    .mar5-tb-phone {
        margin-top: 5px!important;
        margin-bottom: 5px!important
    }
    .mar5-rl-phone {
        margin-right: 5px!important;
        margin-left: 5px!important
    }
    .mar10-phone {
        margin: 10px!important
    }
    .mar10-t-phone {
        margin-top: 10px!important
    }
    .mar10-r-phone {
        margin-right: 10px!important
    }
    .mar10-b-phone {
        margin-bottom: 10px!important
    }
    .mar10-l-phone {
        margin-left: 10px!important
    }
    .mar10-tb-phone {
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }
    .mar10-rl-phone {
        margin-right: 10px!important;
        margin-left: 10px!important
    }
    .mar20-phone {
        margin: 20px!important
    }
    .mar20-t-phone {
        margin-top: 20px!important
    }
    .mar20-r-phone {
        margin-right: 20px!important
    }
    .mar20-b-phone {
        margin-bottom: 20px!important
    }
    .mar20-l-phone {
        margin-left: 20px!important
    }
    .mar20-tb-phone {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .mar20-rl-phone {
        margin-right: 20px!important;
        margin-left: 20px!important
    }
    .pad0-phone {
        padding: 0!important
    }
    .pad0-t-phone {
        padding-top: 0!important
    }
    .pad0-r-phone {
        padding-right: 0!important
    }
    .pad0-b-phone {
        padding-bottom: 0!important
    }
    .pad0-l-phone {
        padding-left: 0!important
    }
    .pad0-tb-phone {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pad0-rl-phone {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pad5-phone {
        padding: 5px!important
    }
    .pad5-t-phone {
        padding-top: 5px!important
    }
    .pad5-r-phone {
        padding-right: 5px!important
    }
    .pad5-b-phone {
        padding-bottom: 5px!important
    }
    .pad5-l-phone {
        padding-left: 5px!important
    }
    .pad5-tb-phone {
        padding-top: 5px!important;
        padding-bottom: 5px!important
    }
    .pad5-rl-phone {
        padding-right: 5px!important;
        padding-left: 5px!important
    }
    .pad10-phone {
        padding: 10px!important
    }
    .pad10-t-phone {
        padding-top: 10px!important
    }
    .pad10-r-phone {
        padding-right: 10px!important
    }
    .pad10-b-phone {
        padding-bottom: 10px!important
    }
    .pad10-l-phone {
        padding-left: 10px!important
    }
    .pad10-tb-phone {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }
    .pad10-rl-phone {
        padding-right: 10px!important;
        padding-left: 10px!important
    }
    .pad20-phone {
        padding: 20px!important
    }
    .pad20-t-phone {
        padding-top: 20px!important
    }
    .pad20-r-phone {
        padding-right: 20px!important
    }
    .pad20-b-phone {
        padding-bottom: 20px!important
    }
    .pad20-l-phone {
        padding-left: 20px!important
    }
    .pad20-tb-phone {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    .pad20-rl-phone {
        padding-right: 20px!important;
        padding-left: 20px!important
    }
}

@media (max-width: 360px) {
    .mar0-small {
        margin: 0!important
    }
    .mar0-t-small {
        margin-top: 0!important
    }
    .mar0-r-small {
        margin-right: 0!important
    }
    .mar0-b-small {
        margin-bottom: 0!important
    }
    .mar0-l-small {
        margin-left: 0!important
    }
    .mar0-tb-small {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .mar0-rl-small {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .mar5-small {
        margin: 5px!important
    }
    .mar5-t-small {
        margin-top: 5px!important
    }
    .mar5-r-small {
        margin-right: 5px!important
    }
    .mar5-b-small {
        margin-bottom: 5px!important
    }
    .mar5-l-small {
        margin-left: 5px!important
    }
    .mar5-tb-small {
        margin-top: 5px!important;
        margin-bottom: 5px!important
    }
    .mar5-rl-small {
        margin-right: 5px!important;
        margin-left: 5px!important
    }
    .mar10-small {
        margin: 10px!important
    }
    .mar10-t-small {
        margin-top: 10px!important
    }
    .mar10-r-small {
        margin-right: 10px!important
    }
    .mar10-b-small {
        margin-bottom: 10px!important
    }
    .mar10-l-small {
        margin-left: 10px!important
    }
    .mar10-tb-small {
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }
    .mar10-rl-small {
        margin-right: 10px!important;
        margin-left: 10px!important
    }
    .mar20-small {
        margin: 20px!important
    }
    .mar20-t-small {
        margin-top: 20px!important
    }
    .mar20-r-small {
        margin-right: 20px!important
    }
    .mar20-b-small {
        margin-bottom: 20px!important
    }
    .mar20-l-small {
        margin-left: 20px!important
    }
    .mar20-tb-small {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .mar20-rl-small {
        margin-right: 20px!important;
        margin-left: 20px!important
    }
    .pad0-small {
        padding: 0!important
    }
    .pad0-t-small {
        padding-top: 0!important
    }
    .pad0-r-small {
        padding-right: 0!important
    }
    .pad0-b-small {
        padding-bottom: 0!important
    }
    .pad0-l-small {
        padding-left: 0!important
    }
    .pad0-tb-small {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    .pad0-rl-small {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .pad5-small {
        padding: 5px!important
    }
    .pad5-t-small {
        padding-top: 5px!important
    }
    .pad5-r-small {
        padding-right: 5px!important
    }
    .pad5-b-small {
        padding-bottom: 5px!important
    }
    .pad5-l-small {
        padding-left: 5px!important
    }
    .pad5-tb-small {
        padding-top: 5px!important;
        padding-bottom: 5px!important
    }
    .pad5-rl-small {
        padding-right: 5px!important;
        padding-left: 5px!important
    }
    .pad10-small {
        padding: 10px!important
    }
    .pad10-t-small {
        padding-top: 10px!important
    }
    .pad10-r-small {
        padding-right: 10px!important
    }
    .pad10-b-small {
        padding-bottom: 10px!important
    }
    .pad10-l-small {
        padding-left: 10px!important
    }
    .pad10-tb-small {
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }
    .pad10-rl-small {
        padding-right: 10px!important;
        padding-left: 10px!important
    }
    .pad20-small {
        padding: 20px!important
    }
    .pad20-t-small {
        padding-top: 20px!important
    }
    .pad20-r-small {
        padding-right: 20px!important
    }
    .pad20-b-small {
        padding-bottom: 20px!important
    }
    .pad20-l-small {
        padding-left: 20px!important
    }
    .pad20-tb-small {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    .pad20-rl-small {
        padding-right: 20px!important;
        padding-left: 20px!important
    }
}

.pos-fixed {
    position: fixed
}

.pos-absolute {
    position: absolute
}

.pos-relative {
    position: relative
}

.pos0-t {
    top: 0px
}

.pos0-r {
    right: 0px
}

.pos0-b {
    bottom: 0px
}

.pos0-l {
    left: 0px
}

.pos10-t {
    top: 10px
}

.pos10-r {
    right: 10px
}

.pos10-b {
    bottom: 10px
}

.pos10-l {
    left: 10px
}

.pos20-t {
    top: 20px
}

.pos20-r {
    right: 20px
}

.pos20-b {
    bottom: 20px
}

.pos20-l {
    left: 20px
}

.pos60-t {
    top: 60px
}

.pos60-r {
    right: 60px
}

.pos60-b {
    bottom: 60px
}

.pos60-l {
    left: 60px
}

.pos80-t {
    top: 80px
}

.pos80-r {
    right: 80px
}

.pos80-b {
    bottom: 80px
}

.pos80-l {
    left: 80px
}

.z-index1 {
    z-index: 1
}

.z-index2 {
    z-index: 2
}

.z-index9 {
    z-index: 9
}

.z-index99 {
    z-index: 99
}

.z-index999 {
    z-index: 999
}

.z-index9999 {
    z-index: 9999
}

.rounded-circle {
    border-radius: 50%
}

.rounded {
    border-radius: 7px
}

.rounded0 {
    border-radius: 0px !important
}

.rounded3 {
    border-radius: 3px !important
}

.rounded5 {
    border-radius: 5px !important
}

.rounded7 {
    border-radius: 7px !important
}

.rounded10 {
    border-radius: 10px !important
}

.rounded20 {
    border-radius: 20px !important
}

.t-reset {
    font-weight: normal;
    font-style: normal;
    text-decoration: none
}

.bold {
    font-weight: normal
}

.bold-normal {
    font-weight: normal
}

.bold-bolder {
    font-weight: bolder
}

.bold-light {
    font-weight: light
}

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline
}

.t-decoration-none {
    text-decoration: none
}

.strike {
    text-decoration: line-through
}

.small-caps {
    font-variant: small-caps
}

.capitalize {
    text-transform: capitalize
}

.upper {
    text-transform: uppercase
}

.lower {
    text-transform: lowercase
}

.cursor-pointer {
    cursor: pointer
}

.t-right {
    text-align: right
}

.t-left {
    text-align: left
}

.t-center {
    text-align: center
}

.t-justify {
    text-align: justify
}

.t-nowrap {
    white-space: nowrap
}

.t-wrap {
    white-space: normal
}

.t-pre-wrap {
    white-space: pre-wrap
}

.t-break,
.t-break-word {
    word-wrap: break-word
}

.t-georgia {
    font-family: Georgia, Times New Roman, serif
}

.t-times {
    font-family: Times New Roman, serif
}

.t-arial {
    font-family: Arial, Helvetica, Verdana, sans-serif
}

.t-verdana {
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.t-mono {
    font-family: Consolas, PT Mono, Monaco, Menlo, Courier New, monospace
}

.t-hyphens {
    hyphens: auto
}

.t-clip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lh100 {
    line-height: 1
}

.lh110 {
    line-height: 1.1
}

.lh120 {
    line-height: 1.2
}

.lh130 {
    line-height: 1.3
}

.lh140 {
    line-height: 1.4
}

.lh150 {
    line-height: 1.5
}

.lh200 {
    line-height: 2
}

.lh100em {
    line-height: 1em
}

.lh110em {
    line-height: 1.1em
}

.lh120em {
    line-height: 1.2em
}

.lh130em {
    line-height: 1.3em
}

.lh150em {
    line-height: 1.5em
}

.lh200em {
    line-height: 2em
}

.t80 {
    font-size: .8rem
}

.t90 {
    font-size: .9rem
}

.t100 {
    font-size: 1rem
}

.t110 {
    font-size: 1.1rem
}

.t120 {
    font-size: 1.2rem
}

.t130 {
    font-size: 1.3rem
}

.t140 {
    font-size: 1.4rem
}

.t150 {
    font-size: 1.5rem
}

.t160 {
    font-size: 1.6rem
}

.t170 {
    font-size: 1.7rem
}

.t180 {
    font-size: 1.8rem
}

.t190 {
    font-size: 1.9rem
}

.t200 {
    font-size: 2rem
}

.t210 {
    font-size: 2.1rem
}

.t220 {
    font-size: 2.2rem
}

.t230 {
    font-size: 2.3rem
}

.t240 {
    font-size: 2.4rem
}

.t250 {
    font-size: 2.5rem
}

.t260 {
    font-size: 2.6rem
}

.t270 {
    font-size: 2.7rem
}

.t280 {
    font-size: 2.8rem
}

.t290 {
    font-size: 2.9rem
}

.t300 {
    font-size: 3rem
}

.t310 {
    font-size: 3.1rem
}

.t320 {
    font-size: 3.2rem
}

.t330 {
    font-size: 3.3rem
}

.t340 {
    font-size: 3.4rem
}

.t350 {
    font-size: 3.5rem
}

.t360 {
    font-size: 3.6rem
}

.t370 {
    font-size: 3.7rem
}

.t380 {
    font-size: 3.8rem
}

.t390 {
    font-size: 3.9rem
}

.t400 {
    font-size: 4rem
}

.t450 {
    font-size: 4.5rem
}

.t500 {
    font-size: 5rem
}

.t80em {
    font-size: .8em
}

.t90em {
    font-size: .9em
}

.t100em {
    font-size: 1em
}

.t200em {
    font-size: 2em
}

.t8px {
    font-size: 8px
}

.t9px {
    font-size: 9px
}

.t10px {
    font-size: 10px
}

.t11px {
    font-size: 11px
}

.t12px {
    font-size: 12px
}

.t13px {
    font-size: 13px
}

.t14px {
    font-size: 14px
}

.t15px {
    font-size: 15px
}

.t16px {
    font-size: 16px
}

.t17px {
    font-size: 17px
}

.t18px {
    font-size: 18px
}

.t19px {
    font-size: 19px
}

.t20px {
    font-size: 20px
}

.t25px {
    font-size: 25px
}

.t30px {
    font-size: 30px
}

.t40px {
    font-size: 40px
}

.t50px {
    font-size: 50px
}

@media (max-width: 768px) {
    .t-right-tablet {
        text-align: right
    }
    .t-left-tablet {
        text-align: left
    }
    .t-center-tablet {
        text-align: center
    }
    .t-justify-tablet {
        text-align: justify
    }
    .t-nowrap-tablet {
        white-space: nowrap
    }
    .t-wrap-tablet {
        white-space: normal
    }
}

@media (max-width: 667px) {
    .t-right-phone {
        text-align: right
    }
    .t-left-phone {
        text-align: left
    }
    .t-center-phone {
        text-align: center
    }
    .t-justify-phone {
        text-align: justify
    }
    .t-nowrap-phone {
        white-space: nowrap
    }
    .t-wrap-phone {
        white-space: normal
    }
}

@media (max-width: 360px) {
    .t-right-small {
        text-align: right
    }
    .t-left-small {
        text-align: left
    }
    .t-center-small {
        text-align: center
    }
    .t-justify-small {
        text-align: justify
    }
    .t-nowrap-small {
        white-space: nowrap
    }
    .t-wrap-small {
        white-space: normal
    }
}

@media (max-width: 768px) {
    .t80-tablet {
        font-size: .8rem
    }
    .t90-tablet {
        font-size: .9rem
    }
    .t100-tablet {
        font-size: 1rem
    }
    .t110-tablet {
        font-size: 1.1rem
    }
    .t120-tablet {
        font-size: 1.2rem
    }
    .t130-tablet {
        font-size: 1.3rem
    }
    .t140-tablet {
        font-size: 1.4rem
    }
    .t150-tablet {
        font-size: 1.5rem
    }
    .t160-tablet {
        font-size: 1.6rem
    }
    .t170-tablet {
        font-size: 1.7rem
    }
    .t180-tablet {
        font-size: 1.8rem
    }
    .t190-tablet {
        font-size: 1.9rem
    }
    .t200-tablet {
        font-size: 2rem
    }
    .t300-tablet {
        font-size: 3rem
    }
    .t400-tablet {
        font-size: 4rem
    }
    .t500-tablet {
        font-size: 5rem
    }
}

@media (max-width: 667px) {
    .t80-phone {
        font-size: .8rem
    }
    .t90-phone {
        font-size: .9rem
    }
    .t100-phone {
        font-size: 1rem
    }
    .t110-phone {
        font-size: 1.1rem
    }
    .t120-phone {
        font-size: 1.2rem
    }
    .t130-phone {
        font-size: 1.3rem
    }
    .t140-phone {
        font-size: 1.4rem
    }
    .t150-phone {
        font-size: 1.5rem
    }
    .t160-phone {
        font-size: 1.6rem
    }
    .t170-phone {
        font-size: 1.7rem
    }
    .t180-phone {
        font-size: 1.8rem
    }
    .t190-phone {
        font-size: 1.9rem
    }
    .t200-phone {
        font-size: 2rem
    }
    .t300-phone {
        font-size: 3rem
    }
    .t400-phone {
        font-size: 4rem
    }
    .t500-phone {
        font-size: 5rem
    }
}

@media (max-width: 360px) {
    .t80-small {
        font-size: .8rem
    }
    .t90-small {
        font-size: .9rem
    }
    .t100-small {
        font-size: 1rem
    }
    .t110-small {
        font-size: 1.1rem
    }
    .t120-small {
        font-size: 1.2rem
    }
    .t130-small {
        font-size: 1.3rem
    }
    .t140-small {
        font-size: 1.4rem
    }
    .t150-small {
        font-size: 1.5rem
    }
    .t160-small {
        font-size: 1.6rem
    }
    .t170-small {
        font-size: 1.7rem
    }
    .t180-small {
        font-size: 1.8rem
    }
    .t190-small {
        font-size: 1.9rem
    }
    .t200-small {
        font-size: 2rem
    }
    .t300-small {
        font-size: 3rem
    }
    .t400-small {
        font-size: 4rem
    }
    .t500-small {
        font-size: 5rem
    }
}

.visibility-hidden {
    visibility: hidden
}

.visibility-visible {
    visibility: visible
}

.overflow-hidden {
    overflow: hidden
}

@media (max-width: 768px) {
    .hide-tablet {
        display: none !important
    }
}

@media (max-width: 667px) {
    .hide-phone {
        display: none !important
    }
}

@media (max-width: 360px) {
    .hide-small {
        display: none !important
    }
}

.w-max-layout {
    width: 100%;
    max-width: 1200px
}

.w100-max {
    max-width: 100%
}

.w-hide {
    display: none
}

.w-auto {
    width: auto
}

.w5px {
    width: 5px
}

.w5px-min {
    min-width: 5px
}

.w5px-max {
    max-width: 5px
}

.w10px {
    width: 10px
}

.w10px-min {
    min-width: 10px
}

.w10px-max {
    max-width: 10px
}

.w15px {
    width: 15px
}

.w15px-min {
    min-width: 15px
}

.w15px-max {
    max-width: 15px
}

.w20px {
    width: 20px
}

.w20px-min {
    min-width: 20px
}

.w20px-max {
    max-width: 20px
}

.w25px {
    width: 25px
}

.w25px-min {
    min-width: 25px
}

.w25px-max {
    max-width: 25px
}

.w30px {
    width: 30px
}

.w30px-min {
    min-width: 30px
}

.w30px-max {
    max-width: 30px
}

.w35px {
    width: 35px
}

.w35px-min {
    min-width: 35px
}

.w35px-max {
    max-width: 35px
}

.w40px {
    width: 40px
}

.w40px-min {
    min-width: 40px
}

.w40px-max {
    max-width: 40px
}

.w50px {
    width: 50px
}

.w50px-min {
    min-width: 50px
}

.w50px-max {
    max-width: 50px
}

.w60px {
    width: 60px
}

.w60px-min {
    min-width: 60px
}

.w60px-max {
    max-width: 60px
}

.w100px {
    width: 100px
}

.w100px-min {
    min-width: 100px
}

.w100px-max {
    max-width: 100px
}

.w150px {
    width: 150px
}

.w150px-min {
    min-width: 150px
}

.w150px-max {
    max-width: 150px
}

.w200px {
    width: 200px
}

.w200px-min {
    min-width: 200px
}

.w200px-max {
    max-width: 200px
}

.w250px {
    width: 250px
}

.w250px-min {
    min-width: 250px
}

.w250px-max {
    max-width: 250px
}

.w300px {
    width: 300px
}

.w300px-min {
    min-width: 300px
}

.w300px-max {
    max-width: 300px
}

.w400px {
    width: 400px
}

.w400px-min {
    min-width: 400px
}

.w400px-max {
    max-width: 400px
}

.w500px {
    width: 500px
}

.w500px-min {
    min-width: 500px
}

.w500px-max {
    max-width: 500px
}

.w600px {
    width: 600px
}

.w600px-min {
    min-width: 600px
}

.w600px-max {
    max-width: 600px
}

.w700px {
    width: 700px
}

.w700px-min {
    min-width: 700px
}

.w700px-max {
    max-width: 700px
}

.w800px {
    width: 800px
}

.w800px-min {
    min-width: 800px
}

.w800px-max {
    max-width: 800px
}

.w0 {
    width: 0%
}

.w0-min {
    min-width: 0%
}

.w0-max {
    max-width: 0%
}

.w1 {
    width: 1%
}

.w1-min {
    min-width: 1%
}

.w1-max {
    max-width: 1%
}

.w2 {
    width: 2%
}

.w2-min {
    min-width: 2%
}

.w2-max {
    max-width: 2%
}

.w3 {
    width: 3%
}

.w3-min {
    min-width: 3%
}

.w3-max {
    max-width: 3%
}

.w4 {
    width: 4%
}

.w4-min {
    min-width: 4%
}

.w4-max {
    max-width: 4%
}

.w5 {
    width: 5%
}

.w5-min {
    min-width: 5%
}

.w5-max {
    max-width: 5%
}

.w10 {
    width: 10%
}

.w10-min {
    min-width: 10%
}

.w10-max {
    max-width: 10%
}

.w15 {
    width: 15%
}

.w15-min {
    min-width: 15%
}

.w15-max {
    max-width: 15%
}

.w19 {
    width: 19%
}

.w20 {
    width: 20%
}

.w20-min {
    min-width: 20%
}

.w20-max {
    max-width: 20%
}

.w23 {
    width: 23%
}

.w23-min {
    min-width: 23%
}

.w23-max {
    max-width: 23%
}

.w24 {
    width: 24%
}

.w24-min {
    min-width: 24%
}

.w24-max {
    max-width: 24%
}

.w25 {
    width: 25%
}

.w25-min {
    min-width: 25%
}

.w25-max {
    max-width: 25%
}

.w30 {
    width: 30%
}

.w30-min {
    min-width: 30%
}

.w30-max {
    max-width: 30%
}

.w31 {
    width: 31%
}

.w31-min {
    min-width: 31%
}

.w31-max {
    max-width: 31%
}

.w32 {
    width: 32%
}

.w32-min {
    min-width: 32%
}

.w32-max {
    max-width: 32%
}

.w33 {
    width: 33%
}

.w33-min {
    min-width: 33%
}

.w33-max {
    max-width: 33%
}

.w34 {
    width: 34%
}

.w34-min {
    min-width: 34%
}

.w34-max {
    max-width: 34%
}

.w35 {
    width: 35%
}

.w35-min {
    min-width: 35%
}

.w35-max {
    max-width: 35%
}

.w40 {
    width: 40%
}

.w40-min {
    min-width: 40%
}

.w40-max {
    max-width: 40%
}

.w45 {
    width: 45%
}

.w45-min {
    min-width: 45%
}

.w45-max {
    max-width: 45%
}

.w46 {
    width: 46%
}

.w46-min {
    min-width: 46%
}

.w46-max {
    max-width: 46%
}

.w47 {
    width: 47%
}

.w47-min {
    min-width: 47%
}

.w47-max {
    max-width: 47%
}

.w48 {
    width: 48%
}

.w48-min {
    min-width: 48%
}

.w48-max {
    max-width: 48%
}

.w49 {
    width: 49%
}

.w49-min {
    min-width: 49%
}

.w49-max {
    max-width: 49%
}

.w50 {
    width: 50%
}

.w50-min {
    min-width: 50%
}

.w50-max {
    max-width: 50%
}

.w55 {
    width: 55%
}

.w55-min {
    min-width: 55%
}

.w55-max {
    max-width: 55%
}

.w60 {
    width: 60%
}

.w60-min {
    min-width: 60%
}

.w60-max {
    max-width: 60%
}

.w65 {
    width: 65%
}

.w65-min {
    min-width: 65%
}

.w65-max {
    max-width: 65%
}

.w66 {
    width: 66%
}

.w66-min {
    min-width: 66%
}

.w66-max {
    max-width: 66%
}

.w67 {
    width: 67%
}

.w67-min {
    min-width: 67%
}

.w67-max {
    max-width: 67%
}

.w68 {
    width: 68%
}

.w68-min {
    min-width: 68%
}

.w68-max {
    max-width: 68%
}

.w69 {
    width: 69%
}

.w69-min {
    min-width: 69%
}

.w69-max {
    max-width: 69%
}

.w70 {
    width: 70%
}

.w70-min {
    min-width: 70%
}

.w70-max {
    max-width: 70%
}

.w75 {
    width: 75%
}

.w75-min {
    min-width: 75%
}

.w75-max {
    max-width: 75%
}

.w80 {
    width: 80%
}

.w80-min {
    min-width: 80%
}

.w80-max {
    max-width: 80%
}

.w85 {
    width: 85%
}

.w85-min {
    min-width: 85%
}

.w85-max {
    max-width: 85%
}

.w90 {
    width: 90%
}

.w90-min {
    min-width: 90%
}

.w90-max {
    max-width: 90%
}

.w100 {
    width: 100%
}

.w100-min {
    min-width: 100%
}

.w100-max {
    max-width: 100%
}

@media (max-width: 768px) {
    .w-hide-tablet {
        display: none
    }
    .w-auto-tablet {
        width: auto
    }
    .w100-max-tablet {
        max-width: 100%
    }
    .w0-min-tablet {
        min-width: 0
    }
    .w0-tablet {
        width: 0%
    }
    .w1-tablet {
        width: 1%
    }
    .w2-tablet {
        width: 2%
    }
    .w3-tablet {
        width: 3%
    }
    .w4-tablet {
        width: 4%
    }
    .w5-tablet {
        width: 5%
    }
    .w10-tablet {
        width: 10%
    }
    .w15-tablet {
        width: 15%
    }
    .w20-tablet {
        width: 20%
    }
    .w23-tablet {
        width: 23%
    }
    .w24-tablet {
        width: 24%
    }
    .w25-tablet {
        width: 25%
    }
    .w30-tablet {
        width: 30%
    }
    .w31-tablet {
        width: 31%
    }
    .w32-tablet {
        width: 32%
    }
    .w33-tablet {
        width: 33%
    }
    .w34-tablet {
        width: 34%
    }
    .w35-tablet {
        width: 35%
    }
    .w40-tablet {
        width: 40%
    }
    .w45-tablet {
        width: 45%
    }
    .w46-tablet {
        width: 46%
    }
    .w47-tablet {
        width: 47%
    }
    .w48-tablet {
        width: 48%
    }
    .w49-tablet {
        width: 49%
    }
    .w50-tablet {
        width: 50%
    }
    .w55-tablet {
        width: 55%
    }
    .w60-tablet {
        width: 60%
    }
    .w65-tablet {
        width: 65%
    }
    .w66-tablet {
        width: 66%
    }
    .w67-tablet {
        width: 67%
    }
    .w68-tablet {
        width: 68%
    }
    .w69-tablet {
        width: 69%
    }
    .w70-tablet {
        width: 70%
    }
    .w75-tablet {
        width: 75%
    }
    .w80-tablet {
        width: 80%
    }
    .w85-tablet {
        width: 85%
    }
    .w90-tablet {
        width: 90%
    }
    .w100-tablet {
        width: 100%
    }
}

@media (max-width: 667px) {
    .w-hide-phone {
        display: none
    }
    .w-auto-phone {
        width: auto
    }
    .w100-max-phone {
        max-width: 100%
    }
    .w0-min-phone {
        min-width: 0
    }
    .w0-phone {
        width: 0%
    }
    .w1-phone {
        width: 1%
    }
    .w2-phone {
        width: 2%
    }
    .w3-phone {
        width: 3%
    }
    .w4-phone {
        width: 4%
    }
    .w5-phone {
        width: 5%
    }
    .w10-phone {
        width: 10%
    }
    .w15-phone {
        width: 15%
    }
    .w20-phone {
        width: 20%
    }
    .w23-phone {
        width: 23%
    }
    .w24-phone {
        width: 24%
    }
    .w25-phone {
        width: 25%
    }
    .w30-phone {
        width: 30%
    }
    .w31-phone {
        width: 31%
    }
    .w32-phone {
        width: 32%
    }
    .w33-phone {
        width: 33%
    }
    .w34-phone {
        width: 34%
    }
    .w35-phone {
        width: 35%
    }
    .w40-phone {
        width: 40%
    }
    .w45-phone {
        width: 45%
    }
    .w46-phone {
        width: 46%
    }
    .w47-phone {
        width: 47%
    }
    .w48-phone {
        width: 48%
    }
    .w49-phone {
        width: 49%
    }
    .w50-phone {
        width: 50%
    }
    .w55-phone {
        width: 55%
    }
    .w60-phone {
        width: 60%
    }
    .w65-phone {
        width: 65%
    }
    .w66-phone {
        width: 66%
    }
    .w67-phone {
        width: 67%
    }
    .w68-phone {
        width: 68%
    }
    .w69-phone {
        width: 69%
    }
    .w70-phone {
        width: 70%
    }
    .w75-phone {
        width: 75%
    }
    .w80-phone {
        width: 80%
    }
    .w85-phone {
        width: 85%
    }
    .w90-phone {
        width: 90%
    }
    .w100-phone {
        width: 100%
    }
}

@media (max-width: 360px) {
    .w-hide-small {
        display: none
    }
    .w-auto-small {
        width: auto
    }
    .w100-max-small {
        max-width: 100%
    }
    .w0-min-small {
        min-width: 0
    }
    .w0-small {
        width: 0%
    }
    .w1-small {
        width: 1%
    }
    .w2-small {
        width: 2%
    }
    .w3-small {
        width: 3%
    }
    .w4-small {
        width: 4%
    }
    .w5-small {
        width: 5%
    }
    .w10-small {
        width: 10%
    }
    .w15-small {
        width: 15%
    }
    .w20-small {
        width: 20%
    }
    .w23-small {
        width: 23%
    }
    .w24-small {
        width: 24%
    }
    .w25-small {
        width: 25%
    }
    .w30-small {
        width: 30%
    }
    .w31-small {
        width: 31%
    }
    .w32-small {
        width: 32%
    }
    .w33-small {
        width: 33%
    }
    .w34-small {
        width: 34%
    }
    .w35-small {
        width: 35%
    }
    .w40-small {
        width: 40%
    }
    .w45-small {
        width: 45%
    }
    .w46-small {
        width: 46%
    }
    .w47-small {
        width: 47%
    }
    .w48-small {
        width: 48%
    }
    .w49-small {
        width: 49%
    }
    .w50-small {
        width: 50%
    }
    .w55-small {
        width: 55%
    }
    .w60-small {
        width: 60%
    }
    .w65-small {
        width: 65%
    }
    .w66-small {
        width: 66%
    }
    .w67-small {
        width: 67%
    }
    .w68-small {
        width: 68%
    }
    .w69-small {
        width: 69%
    }
    .w70-small {
        width: 70%
    }
    .w75-small {
        width: 75%
    }
    .w80-small {
        width: 80%
    }
    .w85-small {
        width: 85%
    }
    .w90-small {
        width: 90%
    }
    .w100-small {
        width: 100%
    }
}

a.hover-no-color:hover {
    color: inherit
}

a.hover-no-underline:hover {
    text-decoration: none
}

.hover-no-color a:hover {
    color: inherit
}

.hover-no-underline a:hover {
    text-decoration: none
}

.link-no-color a:not([class^="t-"]):not([class*=" t-"]),
.links-no-color a:not([class^="t-"]):not([class*=" t-"]) {
    color: inherit
}

.link-no-color-imp a,
.links-no-color-imp a {
    color: inherit !important
}

.bg-size-auto {
    background-size: auto
}

.bg-size-cover {
    background-size: cover
}

.bg-size-contain {
    background-size: contain
}

:root {
    --blue: #128aed;
    --indigo: #0838f7;
    --purple: #b920df;
    --pink: #e81760;
    --red: #f72808;
    --orange: #ff9029;
    --yellow: #fbc318;
    --green: #37c84f;
    --teal: #22dda5;
    --cyan: #24c3db;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #128aed;
    --secondary: #6c757d;
    --success: #37c84f;
    --info: #24c3db;
    --warning: #fbc318;
    --danger: #f72808;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #636669;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1rem
}

p {
    margin-top: 0;
    margin-bottom: .9rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #4881e6;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #D90000;
    text-decoration: underline
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 1rem;
    font-weight: normal;
    line-height: 1.2
}

h1,
.h1 {
    font-size: 2.1rem
}

h2,
.h2 {
    font-size: 1.7rem
}

h3,
.h3 {
    font-size: 1.4rem
}

h4,
.h4 {
    font-size: 1.2rem
}

h5,
.h5 {
    font-size: 1.1rem
}

h6,
.h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

small,
.small {
    font-size: 80%;
    font-weight: 400
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 30px
}

address,
label {
    margin-bottom: 0
}

textarea {
    overflow: auto
}

legend {
    padding: 0 5px
}

label {
    cursor: pointer;
    display: inline
}

input,
textarea {
    font: inherit
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #777
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #777
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #777
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #777
}

fieldset {
    border-radius: 3px;
    padding: 10px 20px
}

textarea {
    font-family: PT Mono, Monaco, Menlo, Consolas, Courier New, monospace
}

input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
    width: auto !important
}


.mso-forms-ok{
    display: block;
background: rgb(169,219,128);
background: -moz-linear-gradient(-45deg, rgba(169,219,128,1) 0%, rgba(150,197,111,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%);
background: linear-gradient(135deg, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
    color: #202020;
    text-align: center;
    padding: 14px;
    font-size: 31px;
}

.mso-forms-error{
    display: block;
    background: #ffae82;
    color: #202020;
    text-align: center;
    padding: 30px;
    font-size: 31px;
}

.mso-forms button{
       background-color: #f5e6d5!important;
    color: #111!important; 
}

.img-daniliva:hover{
opacity: 0.9;
-webkit-filter: contrast(1.1);filter: contrast(1.1);
      -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.icon img, .single-discover-item img{
    opacity: 0.6
}

#lightbox-secNav-btnClose {
    position: relative;
    bottom: 3px;
}

/*# sourceMappingURL=style.css.map */

@media (max-width: 1200px){
.header-area.header-bg{
    background: none!important
}    
}



@media (max-width: 420px){
    .slider-pagi__elem {
    width: 1rem!important;
    height: 1rem!important;
}

.why-choose-area{
   padding: 10px 0 10px 0!important
}

.block3 span.number{
  left: -20px!important  
}
h2{
     font-size: 1.9em!important   
}
.gallery img{
   margin:4px 2px!important; 
}

.icon img, .single-discover-item img{
    opacity: 0.5!important
}

.block-idea.style-two {
    padding-top: 13px!important;
}
.padding-top-120{
    padding-top: 25px!important
}
.block-idea.style-two .section-title{
    padding-right: 10px!important;
}
.header-area.style-my {
    padding-bottom: 0px!important;
}
.block-idea.style-two {
    padding-top: 20px!important;
    padding-bottom: 10px!important;
}
.contact-area-wrapper {
    padding: 20px 0 40px 0!important;
}
.feature-list .single-feature-list {
    border: 1px solid #f4f4f4!important;
}
.logo-wrapper{
    margin-top: 20px
}
.header-area.style-my .header-inner .title{
   font-size: 1.9em!important;
       line-height: 45px!important
}
.section-title .title{
    margin-top: 20px!important
}
}



.video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.video {
    top: 0;
    left: 0;
    width: 100%;
}


/*
.block-2 {
background: #fff;
    margin-top: 85px;
    background-image: linear-gradient( 
140deg,#315be8,#773fe2 30%,#c64ee3 90%);
    padding: 20px 80px 85px;
    border-radius: 15px;
    margin-bottom: 105px;
}

.block-2 p{
color: #fff;
    font-size: 20px;
    line-height: 2;
}

.block-2 li{
color: #fff;
    font-size: 20px;
    line-height: 2!important;
    list-style: disc;
}

.block-2 h2{
    color: #fff!important;
    margin-bottom: 40px;
    margin-top: 56px;
     font-weight: bold;
}

.block-2 a{
    color: white;
}

@media (max-width: 480px) {
    .block-2 {
    padding: 37px 10px 60px;
}

.block-2 h2 {
    font-size: 25px!important;
    line-height: 2!important;
}
.block-2 li {
    margin-left: 27px;
}
}
*/





.boxed-btn-03 {
    display: inline-block;
    text-align: center;
    height: 66px;
    line-height: 60px;
    font-size: 17px;
    /* font-weight: 600; */
    color: #666;
    background-color: #fff;
    padding: 0 30px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-radius: 40px;
    border: 2px solid #e28e1e;
}






.block-2 {
background: #fff;
    margin-top: 85px;
    background-image: linear-gradient( 
140deg,#fff4da,#fffafb 30%,#ffb655 90%);
    padding: 20px 80px 85px;
    border-radius: 15px;
    margin-bottom: 105px;
    letter-spacing: 1px;
}

.block-2 p{
color: #2d2b2b;
    font-size: 20px;
    line-height: 2;
}

.block-2 li{
color: #2d2b2b;
    font-size: 20px;
    line-height: 2!important;
    list-style: disc;
}

.block-2 h2{
color: #2d2b2b!important;
    margin-bottom: 40px;
    margin-top: 56px;
    font-weight: bold;
}

.block-2 a{
    color: #2d2b2b;
}

@media (max-width: 480px) {
    .block-2 {
    padding: 37px 10px 60px;
}

.block-2 h2 {
    font-size: 18px!important;
    line-height: 2!important;
}

.block-2 li {
    margin-left: 27px;
}

}


.nastavnik{
    text-align: center;
    margin-bottom: 50px;
    font-size: 20px;
}

.nastavnik div{
    line-height: 2;
}


.nastavnik img{
    margin: 20px 0;
    border-top: 2px solid #ba9051;

} 


.nastavnik ol li{
    text-align: left;
}


