@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), url(fonts/Roboto-Regular.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), url(fonts/Roboto-Italic.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), url(fonts/Roboto-Bold.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: Italic;
    font-weight: Bold;
    src: local('Roboto Bold Italic'), url(fonts/Roboto-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), url(fonts/Roboto-Thin.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: Italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), url(fonts/Roboto-ThinItalic.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), url(fonts/Roboto-Light.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: Italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), url(fonts/Roboto-LightItalic.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), url(fonts/Roboto-Medium.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: Italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), url(fonts/Roboto-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), url(fonts/Roboto-Black.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-style: Italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), url(fonts/Roboto-BlackItalic.woff) format("woff")
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    zoom: 1
}

:focus {
    text-decoration: none;
    outline: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ul, ol {
    margin: 0;
    padding: 0
}

ul:not(.ul) li {
    list-style-type: none
}

ol.ol, ul.ul {
    margin-left: 35px;
    margin-bottom: 20px;
    margin-left: 35px;
    margin-bottom: 20px
}

. ol.ol li {
    list-style-type: decimal;
    list-style-position: outside
}

ol.ol li ol li {
    list-style-type: lower-alpha
}

ul.ul li {
    list-style-type: disc;
    list-style-position: outside
}

ol.ol li + li, ul.ul li + li {
    margin-top: 10px
}

ul.ul li ul, ol.ol li ol {
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 20px
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

blockquote, .blockquote {
    overflow: hidden;
    border-left: 3px solid #CCC;
    font-size: 20px;
    font-style: italic;
    line-height: 40px;
    font-style: italic;
    background: #f5f5f5;
    padding: 32px;
    color: #777;
    font-weight: 300;
    margin: 30px 0
}

* {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

object, embed {
    max-width: 100%
}

a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none
}

button {
    outline: none !important;
    cursor: pointer
}

a, a:visited, a:focus, a:active, a:hover, :focus {
    text-decoration: none;
    outline: none
}

a {
    o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #FF2D54;
    font-weight: 400
}

a:hover, a:focus {
    text-decoration: none;
    o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #E0163B
}

::selection {
    color: #FF2D54;
    background: #DFEAF7
}

::-moz-selection {
    color: #FF2D54;
    background: #DFEAF7
}

body {
    font-family: -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";
    color: #515263;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.85
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #212121;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased
}

h1, h2 {
    font-weight: 300
}

h3 {
    font-weight: 500
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 17px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

h1 small {
    font-size: 50%
}

h2 small {
    font-size: 60%
}

h3 small {
    font-size: 70%
}

h4 small {
    font-size: 80%
}

h5 small, h6 small, small {
    font-size: 90%
}

h1, h2, h3 {
    margin-top: 17px;
    margin-bottom: 12px
}

h4, h5, h6 {
    margin-top: 11px;
    margin-bottom: 6px
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0
}

p {
    margin-bottom: 12px
}

.font-reset {
    font-size: 13px;
    line-height: 1.7
}

.font-sm {
    font-size: 11px;
    line-height: 1.95
}

.font-lg {
    font-size: 15px;
    line-height: 1.75
}

p.lead {
    font-size: 18px;
    line-height: 1.45;
    margin: 0 0 25px;
    font-weight: 400
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

.font-body {
    font-family: 'Roboto', sans-serif
}

.font-serif {
    font-family: 'Aleo', serif
}

blockquote {
    overflow: hidden;
    font-size: 20px;
    font-style: italic;
    line-height: 1.6;
    padding-left: 30px;
    font-weight: 300;
    margin: 30px 0;
    border-left: 4px solid #D9D9D9
}

blockquote cite {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px
}

hr {
    border: none;
    border-top: 1px solid #E1E1E1;
    margin: 25px 0;
    width: 100%
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
        line-height: 1.75
    }

    h1, .h1 {
        font-size: 42px
    }

    h2, .h2 {
        font-size: 36px
    }

    h3, .h3 {
        font-size: 26px
    }

    h4, .h4 {
        font-size: 18px
    }

    h5, .h5 {
        font-size: 16px
    }

    h6, .h6 {
        font-size: 14px
    }

    h1, h2, h3 {
        margin-top: 20px;
        margin-bottom: 14px
    }

    h4, h5, h6 {
        margin-top: 13px;
        margin-bottom: 8px
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.3
    }

    p {
        margin-bottom: 0;
    }

    .font-reset {
        font-size: 14px;
        line-height: 1.75
    }

    .font-sm {
        font-size: 12px;
        line-height: 1.9
    }

    .font-lg {
        font-size: 17px;
        line-height: 1.6
    }

    p.lead {
        font-size: 24px;
        line-height: 1.5;
        margin: 0 0 25px;
        font-weight: 300
    }
}

@media (min-width: 1200px) {
    body {
        line-height: 1.7
    }

    h1, .h1 {
        font-size: 46px
    }

    h2, .h2 {
        font-size: 38px
    }

    h3, .h3 {
        font-size: 30px
    }

    h4, .h4 {
        font-size: 24px
    }

    h5, .h5 {
        font-size: 19px
    }

    h6, .h6 {
        font-size: 16px
    }

    h1, h2, h3 {
        margin-top: 25px;
        margin-bottom: 18px
    }

    h4, h5, h6 {
        margin-top: 18px;
        margin-bottom: 12px
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.4
    }

    .font-reset {
        line-height: 1.7
    }
}

.max-width-lg {
    max-width: 1440px;
    margin: 0 auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline-block-box > div {
    display: inline-block
}

.inline-block-middle {
    display: inline-block;
    vertical-align: middle
}

ul.list-inline-block li {
    display: inline-block
}

.clear {
    clear: both;
    width: 100%;
    overflow: hidden
}

.clear-sm {
    display: none
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.position-relative {
    position: relative
}

.position-static {
    position: static
}

.position-absolute, .position-absolute-top, .position-absolute-bottom, .position-absolute-left, .position-absolute-right {
    position: absolute
}

.position-absolute-top {
    top: 0;
    left: 0;
    right: 0
}

.position-absolute-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.position-absolute-left {
    left: 0;
    top: 0;
    bottom: 0
}

.position-absolute-right {
    right: 0;
    top: 0;
    bottom: 0
}

a.position-absolute-href {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 99
}

[data-toggle]:hover {
    cursor: pointer
}

.mage-border.border-2px {
    border-width: 2px
}

.border-circle {
    border-radius: 50%
}

.text-black {
    color: #000
}

.text-white {
    color: #FFF
}

.text-inherit {
    color: inherit
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-45 {
    opacity: .45
}

.opacity-50 {
    opacity: .5
}

.opacity-55 {
    opacity: .55
}

.opacity-60 {
    opacity: .6
}

.opacity-65 {
    opacity: .65
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-85 {
    opacity: .85
}

.opacity-90 {
    opacity: .9
}

.opacity-925 {
    opacity: .925
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

.v-align-top {
    vertical-align: top
}

.v-align-middle {
    vertical-align: middle
}

.v-align-bottom {
    vertical-align: bottom
}

.image img {
    width: 100%;
    display: block
}

.product-grid-item img {
    min-width: 350px
}

.bg-black {
    background-color: #000
}

.bg-white {
    background-color: #FFF;
    color: inherit
}

.text-underline {
    text-decoration: underline
}

.hover-underline:hover {
    text-decoration: underline
}

@media (min-width: 576px) {
    .fixed-sm-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }
}

@media (min-width: 768px) {
    .fixed-md-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }
}

@media (min-width: 992px) {
    .fixed-lg-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }
}

@media (min-width: 1200px) {
    .fixed-xl-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }
}

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

.mr-1 {
    margin-right: 1px !important
}

.mr-2 {
    margin-right: 2px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-7 {
    margin-right: 7px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mr-110 {
    margin-right: 110px !important
}

.mr-120 {
    margin-right: 120px !important
}

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

.ml-1 {
    margin-left: 1px !important
}

.ml-2 {
    margin-left: 2px !important
}

.ml-3 {
    margin-left: 3px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-7 {
    margin-left: 7px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-25 {
    margin-left: 25px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.ml-60 {
    margin-left: 60px !important
}

.ml-70 {
    margin-left: 70px !important
}

.ml-80 {
    margin-left: 80px !important
}

.ml-100 {
    margin-left: 100px !important
}

.ml-110 {
    margin-left: 110px !important
}

.ml-120 {
    margin-left: 120px !important
}

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

.mt-1 {
    margin-top: 1px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

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

.mb-1 {
    margin-bottom: 1px !important
}

.mb-2 {
    margin-bottom: 3px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mv-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mv-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mv-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mv-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mv-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mv-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mv-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mv-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mv-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.mh-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mh-1 {
    margin-left: 1px !important;
    margin-right: 1px !important
}

.mh-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mh-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mh-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mh-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mh-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mh-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mh-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mh-70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.no-magin, ul.no-margin, .margin-0 {
    margin: 0 !important
}

.margin-5 {
    margin: 5px !important
}

.margin-10 {
    margin: 10px !important
}

.margin-15 {
    margin: 15px !important
}

.margin-20 {
    margin: 20px !important
}

.margin-25 {
    margin: 25px !important
}

.mmt-5 {
    margin-top: -5px !important
}

.mmt-10 {
    margin-top: -10px !important
}

.mmt-15 {
    margin-top: -15px !important
}

.mmt-20 {
    margin-top: -20px !important
}

.mmt-25 {
    margin-top: -25px !important
}

.mmt-30 {
    margin-top: -30px !important
}

.mmt-40 {
    margin-top: -40px !important
}

.mmt-50 {
    margin-top: -50px !important
}

.mmt-60 {
    margin-top: -60px !important
}

.mmt-80 {
    margin-top: -80px !important
}

.mmt-100 {
    margin-top: -100px !important
}

.mmb-5 {
    margin-bottom: -5px !important
}

.mmb-10 {
    margin-bottom: -10px !important
}

.mmb-15 {
    margin-bottom: -15px !important
}

.mmb-20 {
    margin-bottom: -20px !important
}

.mmb-25 {
    margin-bottom: -25px !important
}

.mmb-30 {
    margin-bottom: -30px !important
}

.mmb-40 {
    margin-bottom: -40px !important
}

.mmb-50 {
    margin-bottom: -50px !important
}

.mmb-60 {
    margin-bottom: -60px !important
}

.mmb-80 {
    margin-bottom: -80px !important
}

.mmb-100 {
    margin-bottom: -100px !important
}

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

    .mb-sm-1 {
        margin-bottom: 1px !important
    }

    .mb-sm-2 {
        margin-bottom: 2px !important
    }

    .mb-sm-3 {
        margin-bottom: 3px !important
    }

    .mb-sm-5 {
        margin-bottom: 5px !important
    }

    .mb-sm-10 {
        margin-bottom: 10px !important
    }

    .mb-sm-15 {
        margin-bottom: 15px !important
    }

    .mb-sm-20 {
        margin-bottom: 20px !important
    }

    .mb-sm-25 {
        margin-bottom: 25px !important
    }

    .mb-sm-30 {
        margin-bottom: 30px !important
    }

    .mb-sm-40 {
        margin-bottom: 40px !important
    }

    .mb-sm-50 {
        margin-bottom: 50px !important
    }

    .mb-sm-60 {
        margin-bottom: 60px !important
    }

    .mb-sm-70 {
        margin-bottom: 70px !important
    }

    .mb-sm-80 {
        margin-bottom: 80px !important
    }

    .mb-sm-90 {
        margin-bottom: 90px !important
    }

    .mb-sm-100 {
        margin-bottom: 100px !important
    }

    .mb-sm-110 {
        margin-bottom: 110px !important
    }

    .mb-sm-120 {
        margin-bottom: 120px !important
    }

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

    .mt-sm-1 {
        margin-top: 1px !important
    }

    .mt-sm-2 {
        margin-top: 2px !important
    }

    .mt-sm-3 {
        margin-top: 3px !important
    }

    .mt-sm-5 {
        margin-top: 5px !important
    }

    .mt-sm-10 {
        margin-top: 10px !important
    }

    .mt-sm-15 {
        margin-top: 15px !important
    }

    .mt-sm-20 {
        margin-top: 20px !important
    }

    .mt-sm-25 {
        margin-top: 25px !important
    }

    .mt-sm-30 {
        margin-top: 30px !important
    }

    .mt-sm-40 {
        margin-top: 40px !important
    }

    .mt-sm-50 {
        margin-top: 50px !important
    }

    .mt-sm-60 {
        margin-top: 60px !important
    }

    .mt-sm-70 {
        margin-top: 70px !important
    }

    .mt-sm-80 {
        margin-top: 80px !important
    }

    .mt-sm-90 {
        margin-top: 90px !important
    }

    .mt-sm-100 {
        margin-top: 100px !important
    }

    .mt-sm-110 {
        margin-top: 110px !important
    }

    .mt-sm-120 {
        margin-top: 120px !important
    }

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

    .ml-sm-1 {
        margin-left: 1px !important
    }

    .ml-sm-2 {
        margin-left: 2px !important
    }

    .ml-sm-3 {
        margin-left: 3px !important
    }

    .ml-sm-5 {
        margin-left: 5px !important
    }

    .ml-sm-10 {
        margin-left: 10px !important
    }

    .ml-sm-15 {
        margin-left: 15px !important
    }

    .ml-sm-20 {
        margin-left: 20px !important
    }

    .ml-sm-25 {
        margin-left: 25px !important
    }

    .ml-sm-30 {
        margin-left: 30px !important
    }

    .ml-sm-40 {
        margin-left: 40px !important
    }

    .ml-sm-50 {
        margin-left: 50px !important
    }

    .ml-sm-60 {
        margin-left: 60px !important
    }

    .ml-sm-70 {
        margin-left: 70px !important
    }

    .ml-sm-80 {
        margin-left: 80px !important
    }

    .ml-sm-90 {
        margin-left: 90px !important
    }

    .ml-sm-100 {
        margin-left: 100px !important
    }

    .ml-sm-110 {
        margin-left: 110px !important
    }

    .ml-sm-120 {
        margin-left: 120px !important
    }

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

    .mr-sm-1 {
        margin-right: 1px !important
    }

    .mr-sm-2 {
        margin-right: 2px !important
    }

    .mr-sm-3 {
        margin-right: 3px !important
    }

    .mr-sm-5 {
        margin-right: 5px !important
    }

    .mr-sm-10 {
        margin-right: 10px !important
    }

    .mr-sm-15 {
        margin-right: 15px !important
    }

    .mr-sm-20 {
        margin-right: 20px !important
    }

    .mr-sm-25 {
        margin-right: 25px !important
    }

    .mr-sm-30 {
        margin-right: 30px !important
    }

    .mr-sm-40 {
        margin-right: 40px !important
    }

    .mr-sm-50 {
        margin-right: 50px !important
    }

    .mr-sm-60 {
        margin-right: 60px !important
    }

    .mr-sm-70 {
        margin-right: 70px !important
    }

    .mr-sm-80 {
        margin-right: 80px !important
    }

    .mr-sm-90 {
        margin-right: 90px !important
    }

    .mr-sm-100 {
        margin-right: 100px !important
    }

    .mr-sm-110 {
        margin-right: 110px !important
    }

    .mr-sm-120 {
        margin-right: 120px !important
    }
}

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

    .mb-md-1 {
        margin-bottom: 1px !important
    }

    .mb-md-2 {
        margin-bottom: 2px !important
    }

    .mb-md-3 {
        margin-bottom: 3px !important
    }

    .mb-md-5 {
        margin-bottom: 5px !important
    }

    .mb-md-10 {
        margin-bottom: 10px !important
    }

    .mb-md-15 {
        margin-bottom: 15px !important
    }

    .mb-md-20 {
        margin-bottom: 20px !important
    }

    .mb-md-25 {
        margin-bottom: 25px !important
    }

    .mb-md-30 {
        margin-bottom: 30px !important
    }

    .mb-md-40 {
        margin-bottom: 40px !important
    }

    .mb-md-50 {
        margin-bottom: 50px !important
    }

    .mb-md-60 {
        margin-bottom: 60px !important
    }

    .mb-md-70 {
        margin-bottom: 70px !important
    }

    .mb-md-80 {
        margin-bottom: 80px !important
    }

    .mb-md-90 {
        margin-bottom: 90px !important
    }

    .mb-md-100 {
        margin-bottom: 100px !important
    }

    .mb-md-110 {
        margin-bottom: 110px !important
    }

    .mb-md-120 {
        margin-bottom: 120px !important
    }

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

    .mt-md-1 {
        margin-top: 1px !important
    }

    .mt-md-2 {
        margin-top: 2px !important
    }

    .mt-md-3 {
        margin-top: 3px !important
    }

    .mt-md-5 {
        margin-top: 5px !important
    }

    .mt-md-10 {
        margin-top: 10px !important
    }

    .mt-md-15 {
        margin-top: 15px !important
    }

    .mt-md-20 {
        margin-top: 20px !important
    }

    .mt-md-25 {
        margin-top: 25px !important
    }

    .mt-md-30 {
        margin-top: 30px !important
    }

    .mt-md-40 {
        margin-top: 40px !important
    }

    .mt-md-50 {
        margin-top: 50px !important
    }

    .mt-md-60 {
        margin-top: 60px !important
    }

    .mt-md-70 {
        margin-top: 70px !important
    }

    .mt-md-80 {
        margin-top: 80px !important
    }

    .mt-md-90 {
        margin-top: 90px !important
    }

    .mt-md-100 {
        margin-top: 100px !important
    }

    .mt-md-110 {
        margin-top: 110px !important
    }

    .mt-md-120 {
        margin-top: 120px !important
    }

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

    .ml-md-1 {
        margin-left: 1px !important
    }

    .ml-md-2 {
        margin-left: 2px !important
    }

    .ml-md-3 {
        margin-left: 3px !important
    }

    .ml-md-5 {
        margin-left: 5px !important
    }

    .ml-md-10 {
        margin-left: 10px !important
    }

    .ml-md-15 {
        margin-left: 15px !important
    }

    .ml-md-20 {
        margin-left: 20px !important
    }

    .ml-md-25 {
        margin-left: 25px !important
    }

    .ml-md-30 {
        margin-left: 30px !important
    }

    .ml-md-40 {
        margin-left: 40px !important
    }

    .ml-md-50 {
        margin-left: 50px !important
    }

    .ml-md-60 {
        margin-left: 60px !important
    }

    .ml-md-70 {
        margin-left: 70px !important
    }

    .ml-md-80 {
        margin-left: 80px !important
    }

    .ml-md-90 {
        margin-left: 90px !important
    }

    .ml-md-100 {
        margin-left: 100px !important
    }

    .ml-md-110 {
        margin-left: 110px !important
    }

    .ml-md-120 {
        margin-left: 120px !important
    }

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

    .mr-md-1 {
        margin-right: 1px !important
    }

    .mr-md-2 {
        margin-right: 2px !important
    }

    .mr-md-3 {
        margin-right: 3px !important
    }

    .mr-md-5 {
        margin-right: 5px !important
    }

    .mr-md-10 {
        margin-right: 10px !important
    }

    .mr-md-15 {
        margin-right: 15px !important
    }

    .mr-md-20 {
        margin-right: 20px !important
    }

    .mr-md-25 {
        margin-right: 25px !important
    }

    .mr-md-30 {
        margin-right: 30px !important
    }

    .mr-md-40 {
        margin-right: 40px !important
    }

    .mr-md-50 {
        margin-right: 50px !important
    }

    .mr-md-60 {
        margin-right: 60px !important
    }

    .mr-md-70 {
        margin-right: 70px !important
    }

    .mr-md-80 {
        margin-right: 80px !important
    }

    .mr-md-90 {
        margin-right: 90px !important
    }

    .mr-md-100 {
        margin-right: 100px !important
    }

    .mr-md-110 {
        margin-right: 110px !important
    }

    .mr-md-120 {
        margin-right: 120px !important
    }
}

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

    .mb-lg-1 {
        margin-bottom: 1px !important
    }

    .mb-lg-2 {
        margin-bottom: 2px !important
    }

    .mb-lg-3 {
        margin-bottom: 3px !important
    }

    .mb-lg-5 {
        margin-bottom: 5px !important
    }

    .mb-lg-10 {
        margin-bottom: 10px !important
    }

    .mb-lg-15 {
        margin-bottom: 15px !important
    }

    .mb-lg-20 {
        margin-bottom: 20px !important
    }

    .mb-lg-25 {
        margin-bottom: 25px !important
    }

    .mb-lg-30 {
        margin-bottom: 30px !important
    }

    .mb-lg-40 {
        margin-bottom: 40px !important
    }

    .mb-lg-50 {
        margin-bottom: 50px !important
    }

    .mb-lg-60 {
        margin-bottom: 60px !important
    }

    .mb-lg-70 {
        margin-bottom: 70px !important
    }

    .mb-lg-80 {
        margin-bottom: 80px !important
    }

    .mb-lg-90 {
        margin-bottom: 90px !important
    }

    .mb-lg-100 {
        margin-bottom: 100px !important
    }

    .mb-lg-110 {
        margin-bottom: 110px !important
    }

    .mb-lg-120 {
        margin-bottom: 120px !important
    }

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

    .mt-lg-1 {
        margin-top: 1px !important
    }

    .mt-lg-2 {
        margin-top: 2px !important
    }

    .mt-lg-3 {
        margin-top: 3px !important
    }

    .mt-lg-5 {
        margin-top: 5px !important
    }

    .mt-lg-10 {
        margin-top: 10px !important
    }

    .mt-lg-15 {
        margin-top: 15px !important
    }

    .mt-lg-20 {
        margin-top: 20px !important
    }

    .mt-lg-25 {
        margin-top: 25px !important
    }

    .mt-lg-30 {
        margin-top: 30px !important
    }

    .mt-lg-40 {
        margin-top: 40px !important
    }

    .mt-lg-50 {
        margin-top: 50px !important
    }

    .mt-lg-60 {
        margin-top: 60px !important
    }

    .mt-lg-70 {
        margin-top: 70px !important
    }

    .mt-lg-80 {
        margin-top: 80px !important
    }

    .mt-lg-90 {
        margin-top: 90px !important
    }

    .mt-lg-100 {
        margin-top: 100px !important
    }

    .mt-lg-110 {
        margin-top: 110px !important
    }

    .mt-lg-120 {
        margin-top: 120px !important
    }

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

    .ml-lg-1 {
        margin-left: 1px !important
    }

    .ml-lg-2 {
        margin-left: 2px !important
    }

    .ml-lg-3 {
        margin-left: 3px !important
    }

    .ml-lg-5 {
        margin-left: 5px !important
    }

    .ml-lg-10 {
        margin-left: 10px !important
    }

    .ml-lg-15 {
        margin-left: 15px !important
    }

    .ml-lg-20 {
        margin-left: 20px !important
    }

    .ml-lg-25 {
        margin-left: 25px !important
    }

    .ml-lg-30 {
        margin-left: 30px !important
    }

    .ml-lg-40 {
        margin-left: 40px !important
    }

    .ml-lg-50 {
        margin-left: 50px !important
    }

    .ml-lg-60 {
        margin-left: 60px !important
    }

    .ml-lg-70 {
        margin-left: 70px !important
    }

    .ml-lg-80 {
        margin-left: 80px !important
    }

    .ml-lg-90 {
        margin-left: 90px !important
    }

    .ml-lg-100 {
        margin-left: 100px !important
    }

    .ml-lg-110 {
        margin-left: 110px !important
    }

    .ml-lg-120 {
        margin-left: 120px !important
    }

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

    .mr-lg-1 {
        margin-right: 1px !important
    }

    .mr-lg-2 {
        margin-right: 2px !important
    }

    .mr-lg-3 {
        margin-right: 3px !important
    }

    .mr-lg-5 {
        margin-right: 5px !important
    }

    .mr-lg-10 {
        margin-right: 10px !important
    }

    .mr-lg-15 {
        margin-right: 15px !important
    }

    .mr-lg-20 {
        margin-right: 20px !important
    }

    .mr-lg-25 {
        margin-right: 25px !important
    }

    .mr-lg-30 {
        margin-right: 30px !important
    }

    .mr-lg-40 {
        margin-right: 40px !important
    }

    .mr-lg-50 {
        margin-right: 50px !important
    }

    .mr-lg-60 {
        margin-right: 60px !important
    }

    .mr-lg-70 {
        margin-right: 70px !important
    }

    .mr-lg-80 {
        margin-right: 80px !important
    }

    .mr-lg-90 {
        margin-right: 90px !important
    }

    .mr-lg-100 {
        margin-right: 100px !important
    }

    .mr-lg-110 {
        margin-right: 110px !important
    }

    .mr-lg-120 {
        margin-right: 120px !important
    }
}

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

    .mb-xl-1 {
        margin-bottom: 1px !important
    }

    .mb-xl-2 {
        margin-bottom: 2px !important
    }

    .mb-xl-3 {
        margin-bottom: 3px !important
    }

    .mb-xl-5 {
        margin-bottom: 5px !important
    }

    .mb-xl-10 {
        margin-bottom: 10px !important
    }

    .mb-xl-15 {
        margin-bottom: 15px !important
    }

    .mb-xl-20 {
        margin-bottom: 20px !important
    }

    .mb-xl-25 {
        margin-bottom: 25px !important
    }

    .mb-xl-30 {
        margin-bottom: 30px !important
    }

    .mb-xl-40 {
        margin-bottom: 40px !important
    }

    .mb-xl-50 {
        margin-bottom: 50px !important
    }

    .mb-xl-60 {
        margin-bottom: 60px !important
    }

    .mb-xl-70 {
        margin-bottom: 70px !important
    }

    .mb-xl-80 {
        margin-bottom: 80px !important
    }

    .mb-xl-90 {
        margin-bottom: 90px !important
    }

    .mb-xl-100 {
        margin-bottom: 100px !important
    }

    .mb-xl-110 {
        margin-bottom: 110px !important
    }

    .mb-xl-120 {
        margin-bottom: 120px !important
    }

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

    .mt-xl-1 {
        margin-top: 1px !important
    }

    .mt-xl-2 {
        margin-top: 2px !important
    }

    .mt-xl-3 {
        margin-top: 3px !important
    }

    .mt-xl-5 {
        margin-top: 5px !important
    }

    .mt-xl-10 {
        margin-top: 10px !important
    }

    .mt-xl-15 {
        margin-top: 15px !important
    }

    .mt-xl-20 {
        margin-top: 20px !important
    }

    .mt-xl-25 {
        margin-top: 25px !important
    }

    .mt-xl-30 {
        margin-top: 30px !important
    }

    .mt-xl-40 {
        margin-top: 40px !important
    }

    .mt-xl-50 {
        margin-top: 50px !important
    }

    .mt-xl-60 {
        margin-top: 60px !important
    }

    .mt-xl-70 {
        margin-top: 70px !important
    }

    .mt-xl-80 {
        margin-top: 80px !important
    }

    .mt-xl-90 {
        margin-top: 90px !important
    }

    .mt-xl-100 {
        margin-top: 100px !important
    }

    .mt-xl-110 {
        margin-top: 110px !important
    }

    .mt-xl-120 {
        margin-top: 120px !important
    }

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

    .ml-xl-1 {
        margin-left: 1px !important
    }

    .ml-xl-2 {
        margin-left: 2px !important
    }

    .ml-xl-3 {
        margin-left: 3px !important
    }

    .ml-xl-5 {
        margin-left: 5px !important
    }

    .ml-xl-10 {
        margin-left: 10px !important
    }

    .ml-xl-15 {
        margin-left: 15px !important
    }

    .ml-xl-20 {
        margin-left: 20px !important
    }

    .ml-xl-25 {
        margin-left: 25px !important
    }

    .ml-xl-30 {
        margin-left: 30px !important
    }

    .ml-xl-40 {
        margin-left: 40px !important
    }

    .ml-xl-50 {
        margin-left: 50px !important
    }

    .ml-xl-60 {
        margin-left: 60px !important
    }

    .ml-xl-70 {
        margin-left: 70px !important
    }

    .ml-xl-80 {
        margin-left: 80px !important
    }

    .ml-xl-90 {
        margin-left: 90px !important
    }

    .ml-xl-100 {
        margin-left: 100px !important
    }

    .ml-xl-110 {
        margin-left: 110px !important
    }

    .ml-xl-120 {
        margin-left: 120px !important
    }

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

    .mr-xl-1 {
        margin-right: 1px !important
    }

    .mr-xl-2 {
        margin-right: 2px !important
    }

    .mr-xl-3 {
        margin-right: 3px !important
    }

    .mr-xl-5 {
        margin-right: 5px !important
    }

    .mr-xl-10 {
        margin-right: 10px !important
    }

    .mr-xl-15 {
        margin-right: 15px !important
    }

    .mr-xl-20 {
        margin-right: 20px !important
    }

    .mr-xl-25 {
        margin-right: 25px !important
    }

    .mr-xl-30 {
        margin-right: 30px !important
    }

    .mr-xl-40 {
        margin-right: 40px !important
    }

    .mr-xl-50 {
        margin-right: 50px !important
    }

    .mr-xl-60 {
        margin-right: 60px !important
    }

    .mr-xl-70 {
        margin-right: 70px !important
    }

    .mr-xl-80 {
        margin-right: 80px !important
    }

    .mr-xl-90 {
        margin-right: 90px !important
    }

    .mr-xl-100 {
        margin-right: 100px !important
    }

    .mr-xl-110 {
        margin-right: 110px !important
    }

    .mr-xl-120 {
        margin-right: 120px !important
    }
}

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

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

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-100 {
    padding-right: 100px !important
}

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

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

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-100 {
    padding-left: 100px !important
}

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

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

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

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pv-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pv-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.pv-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pv-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.pv-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pv-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pv-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pv-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.pv-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.pv-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.pv-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pv-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.pv-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.ph-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ph-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.ph-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.ph-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.ph-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ph-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.ph-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.ph-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.ph-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.ph-70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.ph-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.ph-90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.ph-100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.padding-0 {
    padding: 0 !important
}

.padding-1 {
    padding: 1px !important
}

.padding-2 {
    padding: 2px !important
}

.padding-3 {
    padding: 3px !important
}

.padding-5 {
    padding: 5px !important
}

.padding-10 {
    padding: 10px !important
}

.padding-15 {
    padding: 15px !important
}

.padding-20 {
    padding: 20px !important
}

.padding-30 {
    padding: 30px !important
}

.padding-40 {
    padding: 40px !important
}

@media (min-width: 576px) {
    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-5 {
        padding-bottom: 5px !important
    }

    .pb-sm-10 {
        padding-bottom: 10px !important
    }

    .pb-sm-15 {
        padding-bottom: 15px !important
    }

    .pb-sm-20 {
        padding-bottom: 20px !important
    }

    .pb-sm-25 {
        padding-bottom: 25px !important
    }

    .pb-sm-30 {
        padding-bottom: 30px !important
    }

    .pb-sm-40 {
        padding-bottom: 40px !important
    }

    .pb-sm-50 {
        padding-bottom: 50px !important
    }

    .pb-sm-60 {
        padding-bottom: 60px !important
    }

    .pb-sm-70 {
        padding-bottom: 70px !important
    }

    .pb-sm-80 {
        padding-bottom: 80px !important
    }

    .pb-sm-90 {
        padding-bottom: 90px !important
    }

    .pb-sm-100 {
        padding-bottom: 100px !important
    }

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

    .pt-sm-5 {
        padding-top: 5px !important
    }

    .pt-sm-10 {
        padding-top: 10px !important
    }

    .pt-sm-15 {
        padding-top: 15px !important
    }

    .pt-sm-20 {
        padding-top: 20px !important
    }

    .pt-sm-25 {
        padding-top: 25px !important
    }

    .pt-sm-30 {
        padding-top: 30px !important
    }

    .pt-sm-40 {
        padding-top: 40px !important
    }

    .pt-sm-50 {
        padding-top: 50px !important
    }

    .pt-sm-60 {
        padding-top: 60px !important
    }

    .pt-sm-70 {
        padding-top: 70px !important
    }

    .pt-sm-80 {
        padding-top: 80px !important
    }

    .pt-sm-90 {
        padding-top: 90px !important
    }

    .pt-sm-100 {
        padding-top: 100px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ph-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ph-sm-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .ph-sm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .ph-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .ph-sm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .ph-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .ph-sm-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .ph-sm-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .ph-sm-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .ph-sm-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .ph-sm-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .ph-sm-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }

    .ph-sm-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media (min-width: 768px) {
    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-5 {
        padding-bottom: 5px !important
    }

    .pb-md-10 {
        padding-bottom: 10px !important
    }

    .pb-md-15 {
        padding-bottom: 15px !important
    }

    .pb-md-20 {
        padding-bottom: 20px !important
    }

    .pb-md-25 {
        padding-bottom: 25px !important
    }

    .pb-md-30 {
        padding-bottom: 30px !important
    }

    .pb-md-40 {
        padding-bottom: 40px !important
    }

    .pb-md-50 {
        padding-bottom: 50px !important
    }

    .pb-md-60 {
        padding-bottom: 60px !important
    }

    .pb-md-70 {
        padding-bottom: 70px !important
    }

    .pb-md-80 {
        padding-bottom: 80px !important
    }

    .pb-md-90 {
        padding-bottom: 90px !important
    }

    .pb-md-100 {
        padding-bottom: 100px !important
    }

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

    .pt-md-5 {
        padding-top: 5px !important
    }

    .pt-md-10 {
        padding-top: 10px !important
    }

    .pt-md-15 {
        padding-top: 15px !important
    }

    .pt-md-20 {
        padding-top: 20px !important
    }

    .pt-md-25 {
        padding-top: 25px !important
    }

    .pt-md-30 {
        padding-top: 30px !important
    }

    .pt-md-40 {
        padding-top: 40px !important
    }

    .pt-md-50 {
        padding-top: 50px !important
    }

    .pt-md-60 {
        padding-top: 60px !important
    }

    .pt-md-70 {
        padding-top: 70px !important
    }

    .pt-md-80 {
        padding-top: 80px !important
    }

    .pt-md-90 {
        padding-top: 90px !important
    }

    .pt-md-100 {
        padding-top: 100px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ph-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ph-md-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .ph-md-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .ph-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .ph-md-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .ph-md-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .ph-md-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .ph-md-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .ph-md-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .ph-md-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .ph-md-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .ph-md-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }

    .ph-md-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media (min-width: 992px) {
    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-5 {
        padding-bottom: 5px !important
    }

    .pb-lg-10 {
        padding-bottom: 10px !important
    }

    .pb-lg-15 {
        padding-bottom: 15px !important
    }

    .pb-lg-20 {
        padding-bottom: 20px !important
    }

    .pb-lg-25 {
        padding-bottom: 25px !important
    }

    .pb-lg-30 {
        padding-bottom: 30px !important
    }

    .pb-lg-40 {
        padding-bottom: 40px !important
    }

    .pb-lg-50 {
        padding-bottom: 50px !important
    }

    .pb-lg-60 {
        padding-bottom: 60px !important
    }

    .pb-lg-70 {
        padding-bottom: 70px !important
    }

    .pb-lg-80 {
        padding-bottom: 80px !important
    }

    .pb-lg-90 {
        padding-bottom: 90px !important
    }

    .pb-lg-100 {
        padding-bottom: 100px !important
    }

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

    .pt-lg-5 {
        padding-top: 5px !important
    }

    .pt-lg-10 {
        padding-top: 10px !important
    }

    .pt-lg-15 {
        padding-top: 15px !important
    }

    .pt-lg-20 {
        padding-top: 20px !important
    }

    .pt-lg-25 {
        padding-top: 25px !important
    }

    .pt-lg-30 {
        padding-top: 30px !important
    }

    .pt-lg-40 {
        padding-top: 40px !important
    }

    .pt-lg-50 {
        padding-top: 50px !important
    }

    .pt-lg-60 {
        padding-top: 60px !important
    }

    .pt-lg-70 {
        padding-top: 70px !important
    }

    .pt-lg-80 {
        padding-top: 80px !important
    }

    .pt-lg-90 {
        padding-top: 90px !important
    }

    .pt-lg-100 {
        padding-top: 100px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ph-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ph-lg-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .ph-lg-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .ph-lg-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .ph-lg-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .ph-lg-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .ph-lg-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .ph-lg-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .ph-lg-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .ph-lg-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .ph-lg-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .ph-lg-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }

    .ph-lg-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media (min-width: 1200px) {
    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-5 {
        padding-bottom: 5px !important
    }

    .pb-xl-10 {
        padding-bottom: 10px !important
    }

    .pb-xl-15 {
        padding-bottom: 15px !important
    }

    .pb-xl-20 {
        padding-bottom: 20px !important
    }

    .pb-xl-25 {
        padding-bottom: 25px !important
    }

    .pb-xl-30 {
        padding-bottom: 30px !important
    }

    .pb-xl-40 {
        padding-bottom: 40px !important
    }

    .pb-xl-50 {
        padding-bottom: 50px !important
    }

    .pb-xl-60 {
        padding-bottom: 60px !important
    }

    .pb-xl-70 {
        padding-bottom: 70px !important
    }

    .pb-xl-80 {
        padding-bottom: 80px !important
    }

    .pb-xl-90 {
        padding-bottom: 90px !important
    }

    .pb-xl-100 {
        padding-bottom: 100px !important
    }

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

    .pt-xl-5 {
        padding-top: 5px !important
    }

    .pt-xl-10 {
        padding-top: 10px !important
    }

    .pt-xl-15 {
        padding-top: 15px !important
    }

    .pt-xl-20 {
        padding-top: 20px !important
    }

    .pt-xl-25 {
        padding-top: 25px !important
    }

    .pt-xl-30 {
        padding-top: 30px !important
    }

    .pt-xl-40 {
        padding-top: 40px !important
    }

    .pt-xl-50 {
        padding-top: 50px !important
    }

    .pt-xl-60 {
        padding-top: 60px !important
    }

    .pt-xl-70 {
        padding-top: 70px !important
    }

    .pt-xl-80 {
        padding-top: 80px !important
    }

    .pt-xl-90 {
        padding-top: 90px !important
    }

    .pt-xl-100 {
        padding-top: 100px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ph-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ph-xl-5 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .ph-xl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .ph-xl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .ph-xl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .ph-xl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .ph-xl-40 {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .ph-xl-50 {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .ph-xl-60 {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .ph-xl-70 {
        padding-left: 70px !important;
        padding-right: 70px !important
    }

    .ph-xl-80 {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .ph-xl-90 {
        padding-left: 90px !important;
        padding-right: 90px !important
    }

    .ph-xl-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

.image-border {
    border: 1px solid #DEDEDE;
    padding: 1px
}

.mage-border.border-2px {
    padding: 2px
}

.image-auto-center {
    text-align: center;
    clear: both;
    margin: 25px 0 20px
}

.image-auto-center img {
    display: inline-block;
    width: auto
}

.image-auto img {
    display: inline-block;
    width: auto
}

.image-circle, .img-circle {
    border-radius: 50%
}

.height-auto img {
    height: auto !important
}

.image.fit-contain img {
    object-fit: contain
}

.image.fit-cover img {
    object-fit: cover
}

.image.fit-none img {
    object-fit: none
}

.image.fit-fill img {
    object-fit: fill
}

.image.fit-scale-down img {
    object-fit: scale-down
}

.bg-image, .image-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.bg-image.position-top, .image-bg.position-top {
    background-position: center top
}

.bg-image.position-bottom, .image-bg.position-bottom {
    background-position: center bottom
}

.bg-image.position-left, .image-bg.position-left {
    background-position: left bottom
}

.bg-image.position-right, .image-bg.position-right {
    background-position: right bottom
}

.overlay-relative {
    position: relative
}

.overlay-relative .overlay-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    color: #FFF
}

.overlay-relative .overlay-holder.overlay-white {
    background: #FFF;
    color: inherit
}

.overlay-relative .overlay-holder.opacity-10 {
    opacity: 1
}

.overlay-relative .overlay-holder.opacity-9 {
    opacity: .9
}

.overlay-relative .overlay-holder.opacity-8 {
    opacity: .8
}

.overlay-relative .overlay-holder.opacity-7 {
    opacity: .7
}

.overlay-relative .overlay-holder.opacity-6 {
    opacity: .6
}

.overlay-relative .overlay-holder.opacity-5 {
    opacity: .5
}

.overlay-relative .overlay-holder.opacity-4 {
    opacity: .4
}

.overlay-relative .overlay-holder.opacity-3 {
    opacity: .3
}

.overlay-relative .overlay-holder.opacity-2 {
    opacity: .2
}

.overlay-relative .overlay-holder.opacity-1 {
    opacity: .1
}

.overlay-relative .overlay-holder.opacity-0 {
    opacity: 0
}

[data-dark-overlay], [data-white-overlay] {
    position: relative;
    z-index: 1
}

[data-dark-overlay]:after, [data-white-overlay]:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

[data-dark-overlay="1"]:after {
    background: rgba(0, 0, 0, 0.1)
}

[data-dark-overlay="2"]:after {
    background: rgba(0, 0, 0, 0.2)
}

[data-dark-overlay="3"]:after {
    background: rgba(0, 0, 0, 0.3)
}

[data-dark-overlay="4"]:after {
    background: rgba(0, 0, 0, 0.4)
}

[data-dark-overlay="5"]:after {
    background: rgba(0, 0, 0, 0.5)
}

[data-dark-overlay="6"]:after {
    background: rgba(0, 0, 0, 0.6)
}

[data-dark-overlay="7"]:after {
    background: rgba(0, 0, 0, 0.7)
}

[data-dark-overlay="8"]:after {
    background: rgba(0, 0, 0, 0.8)
}

[data-dark-overlay="9"]:after {
    background: rgba(0, 0, 0, 0.9)
}

[data-white-overlay="1"]:after {
    background: rgba(255, 255, 255, 0.1)
}

[data-white-overlay="2"]:after {
    background: rgba(255, 255, 255, 0.2)
}

[data-white-overlay="3"]:after {
    background: rgba(255, 255, 255, 0.3)
}

[data-white-overlay="4"]:after {
    background: rgba(255, 255, 255, 0.4)
}

[data-white-overlay="5"]:after {
    background: rgba(255, 255, 255, 0.5)
}

[data-white-overlay="6"]:after {
    background: rgba(255, 255, 255, 0.6)
}

[data-white-overlay="7"]:after {
    background: rgba(255, 255, 255, 0.7)
}

[data-white-overlay="8"]:after {
    background: rgba(255, 255, 255, 0.8)
}

[data-white-overlay="9"]:after {
    background: rgba(255, 255, 255, 0.9)
}

.overlay-relative.overlay-gradient .overlay-holder {
    opacity: 1;
    background-color: transparent;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1)
}

.overlay-relative.overlay-gradient .overlay-holder.right {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1)
}

.overlay-relative.overlay-gradient .overlay-holder.top {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0)
}

.overlay-relative.overlay-gradient .overlay-holder.bottom {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.overlay-relative.overlay-gradient.gradient-white .overlay-holder {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1)
}

.overlay-relative.overlay-gradient.gradient-white .overlay-holder.right {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)
}

.overlay-relative.overlay-gradient.gradient-white .overlay-holder.top {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}

.overlay-relative.overlay-gradient.gradient-white .overlay-holder.bottom {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.caption-relative {
    position: relative
}

.caption-relative .caption-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    overflow: hidden
}

.caption-relative .caption-holder .caption-top {
    align-self: flex-start
}

.caption-relative .caption-holder .caption-bottom {
    align-self: flex-end
}

.caption-relative .caption-holder .caption-inner {
    position: relative;
    width: 100%
}

.caption-relative .caption-top.caption-gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    padding: 10px;
    padding-bottom: 50px
}

.caption-relative .caption-bottom.caption-gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    padding: 10px;
    padding-top: 50px
}

.caption-relative .caption-show-hide {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.caption-relative:hover .caption-show-hide {
    opacity: 1;
    height: 100px
}

.vertical-align-wrapper .display-table {
    display: table;
    width: 100%;
    height: 100%
}

.vertical-align-wrapper .display-table .middle, .vertical-align-wrapper .display-table .top, .vertical-align-wrapper .display-table .bottom {
    display: table-cell
}

.vertical-align-wrapper .display-table .top {
    vertical-align: top
}

.vertical-align-wrapper .display-table .middle {
    vertical-align: middle
}

.vertical-align-wrapper .display-table .bottom {
    vertical-align: bottom
}

.col-5-wrapper {
    margin: 0
}

.col-5-wrapper:before, .col-5-wrapper:after {
    display: table;
    content: " "
}

.col-5-wrapper:after {
    clear: both
}

.col-5-item {
    float: left;
    width: 20%
}

.col-5-wrapper.gap-5 {
    margin-left: -3px;
    margin-right: -2px;
    margin-bottom: -5px
}

.col-5-wrapper.gap-5 .col-5-item {
    padding-left: 3px;
    padding-right: 2px;
    margin-bottom: 5px
}

.col-5-wrapper.gap-5 .col-5-item > div {
    margin-bottom: 5px
}

.col-5-wrapper.gap-10 {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px
}

.col-5-wrapper.gap-10 .col-5-item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px
}

.col-5-wrapper.gap-10 .col-5-item > div {
    margin-bottom: 10px
}

.col-5-wrapper.gap-20 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px
}

.col-5-wrapper.gap-20 .col-5-item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px
}

.col-5-wrapper.gap-20 .col-5-item > div {
    margin-bottom: 20px
}

.col-5-wrapper.gap-30 {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px
}

.col-5-wrapper.gap-30 .col-5-item {
    padding-left: 15px;
    padding-right: 15px
}

.col-5-wrapper.gap-30 .col-5-item > div {
    margin-bottom: 30px
}

ul.col-2 li {
    width: 50%;
    float: left
}

ul.col-3 li {
    width: 33.33333333%;
    float: left
}

ul.col-4 li {
    width: 25%;
    float: left
}

ul.col-5 li {
    width: 20%;
    float: left
}

.flex-row-with-banner-wrapper {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0
}

.flex-row-with-banner-wrapper [class*=col-] {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

.flex-row-with-banner-wrapper [class*=col-] > div, .flex-row-with-banner-wrapper [class*=col-] > a, .flex-row-with-banner-wrapper [class*=col-] > aside, .flex-row-with-banner-wrapper [class*=col-] > article, .flex-row-with-banner-wrapper [class*=col-] > figure {
    width: 100%
}

.flex-row-with-banner-wrapper .col-160-width {
    -webkit-flex-basis: 160px;
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px;
    max-width: 160px
}

.flex-row-with-banner-wrapper .col-250-width {
    -webkit-flex-basis: 250px;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    max-width: 250px
}

.flex-row-with-banner-wrapper .col-300-width {
    -webkit-flex-basis: 300px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    max-width: 300px
}

.flex-row-with-banner-wrapper .col-stretch .col-inner {
    padding: 0 30px
}

.equal-two-col-wrapper {
    position: relative;
    overflow: hidden
}

.equal-two-col-wrapper .equal-two-col-absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #333
}

.equal-two-col-wrapper .equal-two-col-absolute.on-left {
    left: 0
}

.equal-two-col-wrapper .equal-two-col-absolute.on-right {
    right: 0
}

.equal-two-col-wrapper .equal-two-col-box.on-left {
    padding-right: 15px
}

.equal-two-col-wrapper .equal-two-col-box.on-right {
    padding-left: 15px
}

.onetwo-two-col-wrapper {
    position: relative;
    overflow: hidden
}

.onetwo-two-col-wrapper .onetwo-two-col-absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 33.33333333333%;
    background-color: #333
}

.col-relative {
    position: relative
}

.col-absolute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.row > [class*=col] > .col-inner {
    display: block;
    width: 100%
}

.row.reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.row.equal-height > [class*=col] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.shrink-auto {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.shrink-auto > div {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.shrink-auto .col-auto {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    width: auto
}

.shrink-auto .col-shrink {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.row-equal-col-wrapper {
    position: relative
}

.row-equal-col-wrapper .sidebar-wrapper, .row-equal-col-wrapper .content-wrapper {
    padding-top: 40px;
    padding-bottom: 40px
}

.row-equal-col-wrapper.with-line {
    overflow: hidden
}

.row-equal-col-wrapper.with-line:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25%;
    width: 3px;
    background: #E1E1E1;
    margin-left: -9px
}

.row-equal-col-wrapper.with-line .sidebar-wrapper {
    margin-right: 10px
}

.row-equal-col-wrapper.with-line .content-wrapper {
    margin-left: 10px
}

.row-equal-col-wrapper.with-sidebar-bg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 75%;
    background: #E1E1E1;
    margin-right: 15px
}

.row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper {
    margin-right: 20px
}

.row-equal-col-wrapper.with-sidebar-bg .content-wrapper {
    margin-left: 10px
}

.width-50 {
    width: 50%
}

.width-25 {
    width: 25%
}

.width-20 {
    width: 20%
}

.width-10 {
    width: 10%
}

.row-col-4 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px
}

.row-col-4:before, .row-col-4:after {
    display: table;
    content: " "
}

.row-col-4:after {
    clear: both
}

.row-col-4 .item-col-4 {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    float: left
}

.row-col-5 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px
}

.row-col-5:before, .row-col-5:after {
    display: table;
    content: " "
}

.row-col-5:after {
    clear: both
}

.row-col-5 .item-col-5 {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    float: left
}

.row-col-5.no-mb {
    margin-bottom: 0
}

.row-col-5.no-mb .item-col-5 {
    margin-bottom: 0
}

.wrapper-vertical-separate-line [class*=GridLex-grid] > div > div {
    position: relative
}

.wrapper-vertical-separate-line [class*=GridLex-grid] > div > div:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -16px;
    width: 2px;
    background: #EDEDED
}

.wrapper-vertical-separate-line [class*=GridLex-grid] > div:last-child > div:after {
    display: none
}

.bg-primary .wrapper-vertical-separate-line [class*=GridLex-grid] > div > div:after {
    background: rgba(255, 255, 255, 0.8)
}

@media only screen and (max-width: 991px) {
    .row-equal-col-wrapper.with-line:before {
        left: 33.3333333%;
        margin-left: -7px
    }

    .row-equal-col-wrapper.with-line .sidebar-wrapper {
        margin-right: 5px
    }

    .row-equal-col-wrapper.with-line .content-wrapper {
        margin-left: 5px
    }

    .row-equal-col-wrapper.with-sidebar-bg:before {
        right: 66.66666666%;
        margin-right: 10px
    }

    .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper {
        margin-right: 10px
    }

    .row-equal-col-wrapper.with-sidebar-bg .content-wrapper {
        margin-left: 5px
    }
}

@media only screen and (max-width: 767px) {
    .row-equal-col-wrapper .sidebar-wrapper, .row-equal-col-wrapper .content-wrapper {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row-equal-col-wrapper .sidebar-wrapper {
        padding-bottom: 0
    }

    .row-equal-col-wrapper.with-line:before, .row-equal-col-wrapper.with-sidebar-bg:before {
        display: none
    }

    .row-equal-col-wrapper.with-line .sidebar-wrapper {
        margin-right: 0
    }

    .row-equal-col-wrapper.with-line .content-wrapper {
        margin-left: 0
    }

    .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper {
        margin-right: 0;
        position: relative;
        background: #E1E1E1;
        padding-bottom: 30px
    }

    .row-equal-col-wrapper.with-sidebar-bg .content-wrapper {
        margin-left: 0
    }

    .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper:before, .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        width: 100%;
        background: #E1E1E1
    }

    .row-equal-col-wrapper.with-sidebar-bg .sidebar-wrapper:after {
        left: auto;
        right: -100%
    }
}

@media (min-width: 576px) {
    .row.equal-height-sm > [class*=col] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .row.shrink-auto-sm {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .row.shrink-auto-sm > div {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-height: 0;
        min-width: 0;
        width: 100%
    }

    .row.shrink-auto-sm .col-auto {
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        width: auto
    }

    .row.shrink-auto-sm .col-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row.direction-reverse-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .order-first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-last-sm {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
}

@media (min-width: 768px) {
    .row.equal-height-md > [class*=col] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shrink-auto-md {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .shrink-auto-md > div {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-height: 0;
        min-width: 0;
        width: 100%
    }

    .shrink-auto-md .col-auto {
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        width: auto
    }

    .shrink-auto-md .col-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row.direction-reverse-md {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .order-first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-last-md {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
}

@media (min-width: 992px) {
    .row.equal-height-lg > [class*=col] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shrink-auto-lg {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .shrink-auto-lg > div {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-height: 0;
        min-width: 0;
        width: 100%
    }

    .shrink-auto-lg .col-auto {
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        width: auto
    }

    .shrink-auto-lg .col-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row.direction-reverse-lg {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .order-first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-last-lg {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
}

@media (min-width: 1200px) {
    .row.equal-height-xl > [class*=col] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .shrink-auto-xl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .shrink-auto-xl > div {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-height: 0;
        min-width: 0;
        width: 100%
    }

    .shrink-auto-xl .col-auto {
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        width: auto
    }

    .shrink-auto-xl .col-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row.direction-reverse-xl {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .order-first-xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-last-xl {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }
}

.font10 {
    font-size: 10px !important
}

.font11 {
    font-size: 11px !important
}

.font12 {
    font-size: 12px !important
}

.font13 {
    font-size: 13px !important
}

.font14 {
    font-size: 14px !important
}

.font16 {
    font-size: 16px !important
}

.font18 {
    font-size: 18px !important
}

.font20 {
    font-size: 20px !important
}

.font22 {
    font-size: 22px !important
}

.font24 {
    font-size: 24px !important
}

.font26 {
    font-size: 26px !important
}

.font32 {
    font-size: 32px !important
}

.font35 {
    font-size: 35px !important
}

.font40 {
    font-size: 40px !important
}

.font50 {
    font-size: 50px !important
}

.font100 {
    font-weight: 100 !important
}

.font200 {
    font-weight: 200 !important
}

.font300 {
    font-weight: 300 !important
}

.font400 {
    font-weight: 400 !important
}

.font500 {
    font-weight: 500 !important
}

.font600 {
    font-weight: 600 !important
}

.font700, .font-bold {
    font-weight: 700 !important
}

.font800 {
    font-weight: 800 !important
}

.font900 {
    font-weight: 900 !important
}

.line-1 {
    line-height: 1 !important
}

.line-11 {
    line-height: 1.1 !important
}

.line-115 {
    line-height: 1.15 !important
}

.line-12 {
    line-height: 1.2 !important
}

.line-125 {
    line-height: 1.25 !important
}

.line-13 {
    line-height: 1.3 !important
}

.line-135 {
    line-height: 1.35 !important
}

.line-14 {
    line-height: 1.4 !important
}

.line-145 {
    line-height: 1.45 !important
}

.line-15 {
    line-height: 1.5 !important
}

.line-155 {
    line-height: 1.55 !important
}

.line-16 {
    line-height: 1.6 !important
}

.line-165 {
    line-height: 1.65 !important
}

.line-17 {
    line-height: 1.7 !important
}

.line-175 {
    line-height: 1.75 !important
}

.line-18 {
    line-height: 1.8 !important
}

.line-185 {
    line-height: 1.85 !important
}

.line-19 {
    line-height: 1.9 !important
}

.line-195 {
    line-height: 1.95 !important
}

.line-2 {
    line-height: 2 !important
}

.line-25 {
    line-height: 2.5 !important
}

.spacing--05, .letter-spacing--05 {
    letter-spacing: -.5px
}

.spacing--1, .letter-spacing--1 {
    letter-spacing: -1px
}

.spacing--15, .letter-spacing--15 {
    letter-spacing: -1.5px
}

.spacing-0, .letter-spacing-0 {
    letter-spacing: 0
}

.spacing-05, .letter-spacing-05 {
    letter-spacing: .5px
}

.spacing-1, .letter-spacing-1 {
    letter-spacing: 1px
}

.spacing-15, .letter-spacing-15 {
    letter-spacing: 1.5px
}

.spacing-2, .letter-spacing-2 {
    letter-spacing: 2px
}

.spacing-3, .letter-spacing-3 {
    letter-spacing: 3px
}

.spacing-4, .letter-spacing-4 {
    letter-spacing: 4px
}

.spacing-5, .letter-spacing-5 {
    letter-spacing: 5px
}

.font-italic {
    font-style: italic !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-col-2, .text-column-2 {
    column-count: 2
}

.text-col-3, .text-column-3 {
    column-count: 3
}

.text-col-4, .text-column-4 {
    column-count: 4
}

[class*=text-col-] {
    column-gap: 30px
}

.line-through, .not-this {
    text-decoration: line-through
}

.line-under {
    text-decoration: underline
}

.text-primary {
    color: #3F51B5 !important
}

.text-secondary {
    color: #e51873 !important
}

.text-info {
    color: #154EB5 !important
}

.text-success {
    color: #10C47F !important
}

.text-warning {
    color: #EB7A2A !important
}

.text-danger {
    color: #EB334B !important
}

.text-white {
    color: #FFF !important
}

.text-muted {
    color: #A1A1A1 !important
}

.text-black, .text-dark {
    color: #000 !important
}

.row.cols-1 > .col {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.row.cols-2 > .col {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.row.cols-3 > .col {
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.row.cols-4 > .col {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.row.cols-5 > .col {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

.row.cols-6 > .col {
    -webkit-flex-basis: 16.66666667%;
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.row.cols-7 > .col {
    -webkit-flex-basis: 14.28571429%;
    -ms-flex-preferred-size: 14.28571429%;
    flex-basis: 14.28571429%;
    max-width: 14.28571429%
}

.row.cols-8 > .col {
    -webkit-flex-basis: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%
}

.row.cols-9 > .col {
    -webkit-flex-basis: 11.11111111%;
    -ms-flex-preferred-size: 11.11111111%;
    flex-basis: 11.11111111%;
    max-width: 11.11111111%
}

.row.cols-10 > .col {
    -webkit-flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%
}

.row.cols-11 > .col {
    -webkit-flex-basis: 9.09090909%;
    -ms-flex-preferred-size: 9.09090909%;
    flex-basis: 9.09090909%;
    max-width: 9.09090909%
}

.row.cols-12 > .col {
    -webkit-flex-basis: 8.33333333%;
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

@media (min-width: 576px) {
    .row.cols-sm-1 > .col {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row.cols-sm-2 > .col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row.cols-sm-3 > .col {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .row.cols-sm-4 > .col {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row.cols-sm-5 > .col {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .row.cols-sm-6 > .col {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .row.cols-sm-7 > .col {
        -webkit-flex-basis: 14.28571429%;
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    .row.cols-sm-8 > .col {
        -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .row.cols-sm-9 > .col {
        -webkit-flex-basis: 11.11111111%;
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    .row.cols-sm-10 > .col {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    .row.cols-sm-11 > .col {
        -webkit-flex-basis: 9.09090909%;
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    .row.cols-sm-12 > .col {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

@media (min-width: 768px) {
    .row.cols-md-1 > .col {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row.cols-md-2 > .col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row.cols-md-3 > .col {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .row.cols-md-4 > .col {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row.cols-md-5 > .col {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .row.cols-md-6 > .col {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .row.cols-md-7 > .col {
        -webkit-flex-basis: 14.28571429%;
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    .row.cols-md-8 > .col {
        -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .row.cols-md-9 > .col {
        -webkit-flex-basis: 11.11111111%;
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    .row.cols-md-10 > .col {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    .row.cols-md-11 > .col {
        -webkit-flex-basis: 9.09090909%;
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    .row.cols-md-12 > .col {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

@media (min-width: 992px) {
    .row.cols-lg-1 > .col {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row.cols-lg-2 > .col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row.cols-lg-3 > .col {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .row.cols-lg-4 > .col {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row.cols-lg-5 > .col {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .row.cols-lg-6 > .col {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .row.cols-lg-7 > .col {
        -webkit-flex-basis: 14.28571429%;
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    .row.cols-lg-8 > .col {
        -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .row.cols-lg-9 > .col {
        -webkit-flex-basis: 11.11111111%;
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    .row.cols-lg-10 > .col {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    .row.cols-lg-11 > .col {
        -webkit-flex-basis: 9.09090909%;
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    .row.cols-lg-12 > .col {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

@media (min-width: 1200px) {
    .row.cols-xl-1 > .col {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .row.cols-xl-2 > .col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .row.cols-xl-3 > .col {
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .row.cols-xl-4 > .col {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .row.cols-xl-5 > .col {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    .row.cols-xl-6 > .col {
        -webkit-flex-basis: 16.66666667%;
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .row.cols-xl-7 > .col {
        -webkit-flex-basis: 14.28571429%;
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    .row.cols-xl-8 > .col {
        -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .row.cols-xl-9 > .col {
        -webkit-flex-basis: 11.11111111%;
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    .row.cols-xl-10 > .col {
        -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    .row.cols-xl-11 > .col {
        -webkit-flex-basis: 9.09090909%;
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    .row.cols-xl-12 > .col {
        -webkit-flex-basis: 8.33333333%;
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

.row.gap-0 {
    margin-left: 0;
    margin-right: 0
}

.row.gap-0 > [class*=col] {
    padding-left: 0;
    padding-right: 0
}

.row.gap-1 {
    margin-left: -1px;
    margin-right: 0;
    margin-bottom: -1px
}

.row.gap-1 > [class*=col] {
    padding-left: 1px;
    padding-right: 0;
    padding-bottom: 1px
}

.row.gap-2 {
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -2px
}

.row.gap-2 > [class*=col] {
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 2px
}

.row.gap-3 {
    margin-left: -2px;
    margin-right: -1px;
    margin-bottom: -3px
}

.row.gap-3 > [class*=col] {
    padding-left: 2px;
    padding-right: 1px;
    padding-bottom: 3px
}

.row.gap-4 {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: -4px
}

.row.gap-4 > [class*=col] {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4px
}

.row.gap-5 {
    margin-left: -3px;
    margin-right: -2px;
    margin-bottom: -5px
}

.row.gap-5 > [class*=col] {
    padding-left: 3px;
    padding-right: 2px;
    padding-bottom: 5px
}

.row.gap-10 {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px
}

.row.gap-10 > [class*=col] {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px
}

.row.gap-15 {
    margin-left: -8px;
    margin-right: -7px;
    margin-bottom: -15px
}

.row.gap-15 > [class*=col] {
    padding-left: 8px;
    padding-right: 7px;
    padding-bottom: 15px
}

.row.gap-20 {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px
}

.row.gap-20 > [class*=col] {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px
}

.row.gap-25 {
    margin-left: -13px;
    margin-right: -12px;
    margin-bottom: -25px
}

.row.gap-25 > [class*=col] {
    padding-left: 13px;
    padding-right: 12px;
    padding-bottom: 25px
}

.row.gap-30 {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px
}

.row.gap-30 > [class*=col] {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px
}

.row.gap-40 {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px
}

.row.gap-40 > [class*=col] {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px
}

.row.gap-50 {
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -50px
}

.row.gap-50 > [class*=col] {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px
}

.row.gap-60 {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -60px
}

.row.gap-60 > [class*=col] {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px
}

.row.gap-70 {
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: -70px
}

.row.gap-70 > [class*=col] {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 70px
}

.row.gap-80 {
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -80px
}

.row.gap-80 > [class*=col] {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 80px
}

.row.gap-90 {
    margin-left: -45px;
    margin-right: -45px;
    margin-bottom: -90px
}

.row.gap-90 > [class*=col] {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 90px
}

.row.gap-100 {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -100px
}

.row.gap-100 > [class*=col] {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 100px
}

.row.gap-120 {
    margin-left: -60px;
    margin-right: -60px;
    margin-bottom: -120px
}

.row.gap-120 > [class*=col] {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 120px
}

.row.gap-150 {
    margin-left: -75px;
    margin-right: -75px;
    margin-bottom: -150px
}

.row.gap-150 > [class*=col] {
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 150px
}

.row.gap-180 {
    margin-left: -90px;
    margin-right: -90px;
    margin-bottom: -180px
}

.row.gap-180 > [class*=col] {
    padding-left: 90px;
    padding-right: 90px;
    padding-bottom: 180px
}

.row.gap-200 {
    margin-left: -100px;
    margin-right: -100px;
    margin-bottom: -200px
}

.row.gap-200 > [class*=col] {
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 200px
}

@media (min-width: 576px) {
    .row.gap-sm-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.gap-sm-0 > [class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.gap-sm-1 {
        margin-left: -1px;
        margin-right: 0;
        margin-bottom: -1px
    }

    .row.gap-sm-1 > [class*=col] {
        padding-left: 1px;
        padding-right: 0;
        padding-bottom: 1px
    }

    .row.gap-sm-2 {
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -2px
    }

    .row.gap-sm-2 > [class*=col] {
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 2px
    }

    .row.gap-sm-3 {
        margin-left: -2px;
        margin-right: -1px;
        margin-bottom: -3px
    }

    .row.gap-sm-3 > [class*=col] {
        padding-left: 2px;
        padding-right: 1px;
        padding-bottom: 3px
    }

    .row.gap-sm-4 {
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: -4px
    }

    .row.gap-sm-4 > [class*=col] {
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 4px
    }

    .row.gap-sm-5 {
        margin-left: -3px;
        margin-right: -2px;
        margin-bottom: -5px
    }

    .row.gap-sm-5 > [class*=col] {
        padding-left: 3px;
        padding-right: 2px;
        padding-bottom: 5px
    }

    .row.gap-sm-10 {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px
    }

    .row.gap-sm-10 > [class*=col] {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px
    }

    .row.gap-sm-15 {
        margin-left: -8px;
        margin-right: -7px;
        margin-bottom: -15px
    }

    .row.gap-sm-15 > [class*=col] {
        padding-left: 8px;
        padding-right: 7px;
        padding-bottom: 15px
    }

    .row.gap-sm-20 {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: -20px
    }

    .row.gap-sm-20 > [class*=col] {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px
    }

    .row.gap-sm-25 {
        margin-left: -13px;
        margin-right: -12px;
        margin-bottom: -25px
    }

    .row.gap-sm-25 > [class*=col] {
        padding-left: 13px;
        padding-right: 12px;
        padding-bottom: 25px
    }

    .row.gap-sm-30 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -30px
    }

    .row.gap-sm-30 > [class*=col] {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }

    .row.gap-sm-40 {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -40px
    }

    .row.gap-sm-40 > [class*=col] {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px
    }

    .row.gap-sm-50 {
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: -50px
    }

    .row.gap-sm-50 > [class*=col] {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px
    }

    .row.gap-sm-60 {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: -60px
    }

    .row.gap-sm-60 > [class*=col] {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 60px
    }

    .row.gap-sm-70 {
        margin-left: -35px;
        margin-right: -35px;
        margin-bottom: -70px
    }

    .row.gap-sm-70 > [class*=col] {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 70px
    }

    .row.gap-sm-80 {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -80px
    }

    .row.gap-sm-80 > [class*=col] {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 80px
    }

    .row.gap-sm-90 {
        margin-left: -45px;
        margin-right: -45px;
        margin-bottom: -90px
    }

    .row.gap-sm-90 > [class*=col] {
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 90px
    }

    .row.gap-sm-100 {
        margin-left: -50px;
        margin-right: -50px;
        margin-bottom: -100px
    }

    .row.gap-sm-100 > [class*=col] {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px
    }

    .row.gap-sm-120 {
        margin-left: -60px;
        margin-right: -60px;
        margin-bottom: -120px
    }

    .row.gap-sm-120 > [class*=col] {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 120px
    }

    .row.gap-sm-150 {
        margin-left: -75px;
        margin-right: -75px;
        margin-bottom: -150px
    }

    .row.gap-sm-150 > [class*=col] {
        padding-left: 75px;
        padding-right: 75px;
        padding-bottom: 150px
    }

    .row.gap-sm-180 {
        margin-left: -90px;
        margin-right: -90px;
        margin-bottom: -180px
    }

    .row.gap-sm-180 > [class*=col] {
        padding-left: 90px;
        padding-right: 90px;
        padding-bottom: 180px
    }

    .row.gap-sm-200 {
        margin-left: -100px;
        margin-right: -100px;
        margin-bottom: -200px
    }

    .row.gap-sm-200 > [class*=col] {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 200px
    }
}

@media (min-width: 768px) {
    .row.gap-md-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.gap-md-0 > [class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.gap-md-1 {
        margin-left: -1px;
        margin-right: 0;
        margin-bottom: -1px
    }

    .row.gap-md-1 > [class*=col] {
        padding-left: 1px;
        padding-right: 0;
        padding-bottom: 1px
    }

    .row.gap-md-2 {
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -2px
    }

    .row.gap-md-2 > [class*=col] {
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 2px
    }

    .row.gap-md-3 {
        margin-left: -2px;
        margin-right: -1px;
        margin-bottom: -3px
    }

    .row.gap-md-3 > [class*=col] {
        padding-left: 2px;
        padding-right: 1px;
        padding-bottom: 3px
    }

    .row.gap-md-4 {
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: -4px
    }

    .row.gap-md-4 > [class*=col] {
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 4px
    }

    .row.gap-md-5 {
        margin-left: -3px;
        margin-right: -2px;
        margin-bottom: -5px
    }

    .row.gap-md-5 > [class*=col] {
        padding-left: 3px;
        padding-right: 2px;
        padding-bottom: 5px
    }

    .row.gap-md-10 {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px
    }

    .row.gap-md-10 > [class*=col] {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px
    }

    .row.gap-md-15 {
        margin-left: -8px;
        margin-right: -7px;
        margin-bottom: -15px
    }

    .row.gap-md-15 > [class*=col] {
        padding-left: 8px;
        padding-right: 7px;
        padding-bottom: 15px
    }

    .row.gap-md-20 {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: -20px
    }

    .row.gap-md-20 > [class*=col] {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px
    }

    .row.gap-md-25 {
        margin-left: -13px;
        margin-right: -12px;
        margin-bottom: -25px
    }

    .row.gap-md-25 > [class*=col] {
        padding-left: 13px;
        padding-right: 12px;
        padding-bottom: 25px
    }

    .row.gap-md-30 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -30px
    }

    .row.gap-md-30 > [class*=col] {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }

    .row.gap-md-40 {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -40px
    }

    .row.gap-md-40 > [class*=col] {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px
    }

    .row.gap-md-50 {
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: -50px
    }

    .row.gap-md-50 > [class*=col] {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px
    }

    .row.gap-md-60 {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: -60px
    }

    .row.gap-md-60 > [class*=col] {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 60px
    }

    .row.gap-md-70 {
        margin-left: -35px;
        margin-right: -35px;
        margin-bottom: -70px
    }

    .row.gap-md-70 > [class*=col] {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 70px
    }

    .row.gap-md-80 {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -80px
    }

    .row.gap-md-80 > [class*=col] {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 80px
    }

    .row.gap-md-90 {
        margin-left: -45px;
        margin-right: -45px;
        margin-bottom: -90px
    }

    .row.gap-md-90 > [class*=col] {
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 90px
    }

    .row.gap-md-100 {
        margin-left: -50px;
        margin-right: -50px;
        margin-bottom: -100px
    }

    .row.gap-md-100 > [class*=col] {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px
    }

    .row.gap-md-120 {
        margin-left: -60px;
        margin-right: -60px;
        margin-bottom: -120px
    }

    .row.gap-md-120 > [class*=col] {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 120px
    }

    .row.gap-md-150 {
        margin-left: -75px;
        margin-right: -75px;
        margin-bottom: -150px
    }

    .row.gap-md-150 > [class*=col] {
        padding-left: 75px;
        padding-right: 75px;
        padding-bottom: 150px
    }

    .row.gap-md-180 {
        margin-left: -90px;
        margin-right: -90px;
        margin-bottom: -180px
    }

    .row.gap-md-180 > [class*=col] {
        padding-left: 90px;
        padding-right: 90px;
        padding-bottom: 180px
    }

    .row.gap-md-200 {
        margin-left: -100px;
        margin-right: -100px;
        margin-bottom: -200px
    }

    .row.gap-md-200 > [class*=col] {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 200px
    }
}

@media (min-width: 992px) {
    .row.gap-lg-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.gap-lg-0 > [class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.gap-lg-1 {
        margin-left: -1px;
        margin-right: 0;
        margin-bottom: -1px
    }

    .row.gap-lg-1 > [class*=col] {
        padding-left: 1px;
        padding-right: 0;
        padding-bottom: 1px
    }

    .row.gap-lg-2 {
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -2px
    }

    .row.gap-lg-2 > [class*=col] {
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 2px
    }

    .row.gap-lg-3 {
        margin-left: -2px;
        margin-right: -1px;
        margin-bottom: -3px
    }

    .row.gap-lg-3 > [class*=col] {
        padding-left: 2px;
        padding-right: 1px;
        padding-bottom: 3px
    }

    .row.gap-lg-4 {
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: -4px
    }

    .row.gap-lg-4 > [class*=col] {
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 4px
    }

    .row.gap-lg-5 {
        margin-left: -3px;
        margin-right: -2px;
        margin-bottom: -5px
    }

    .row.gap-lg-5 > [class*=col] {
        padding-left: 3px;
        padding-right: 2px;
        padding-bottom: 5px
    }

    .row.gap-lg-10 {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px
    }

    .row.gap-lg-10 > [class*=col] {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px
    }

    .row.gap-lg-15 {
        margin-left: -8px;
        margin-right: -7px;
        margin-bottom: -15px
    }

    .row.gap-lg-15 > [class*=col] {
        padding-left: 8px;
        padding-right: 7px;
        padding-bottom: 15px
    }

    .row.gap-lg-20 {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: -20px
    }

    .row.gap-lg-20 > [class*=col] {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px
    }

    .row.gap-lg-25 {
        margin-left: -13px;
        margin-right: -12px;
        margin-bottom: -25px
    }

    .row.gap-lg-25 > [class*=col] {
        padding-left: 13px;
        padding-right: 12px;
        padding-bottom: 25px
    }

    .row.gap-lg-30 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -30px
    }

    .row.gap-lg-30 > [class*=col] {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }

    .row.gap-lg-40 {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -40px
    }

    .row.gap-lg-40 > [class*=col] {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px
    }

    .row.gap-lg-50 {
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: -50px
    }

    .row.gap-lg-50 > [class*=col] {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px
    }

    .row.gap-lg-60 {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: -60px
    }

    .row.gap-lg-60 > [class*=col] {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 60px
    }

    .row.gap-lg-70 {
        margin-left: -35px;
        margin-right: -35px;
        margin-bottom: -70px
    }

    .row.gap-lg-70 > [class*=col] {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 70px
    }

    .row.gap-lg-80 {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -80px
    }

    .row.gap-lg-80 > [class*=col] {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 80px
    }

    .row.gap-lg-90 {
        margin-left: -45px;
        margin-right: -45px;
        margin-bottom: -90px
    }

    .row.gap-lg-90 > [class*=col] {
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 90px
    }

    .row.gap-lg-100 {
        margin-left: -50px;
        margin-right: -50px;
        margin-bottom: -100px
    }

    .row.gap-lg-100 > [class*=col] {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px
    }

    .row.gap-lg-120 {
        margin-left: -60px;
        margin-right: -60px;
        margin-bottom: -120px
    }

    .row.gap-lg-120 > [class*=col] {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 120px
    }

    .row.gap-lg-150 {
        margin-left: -75px;
        margin-right: -75px;
        margin-bottom: -150px
    }

    .row.gap-lg-150 > [class*=col] {
        padding-left: 75px;
        padding-right: 75px;
        padding-bottom: 150px
    }

    .row.gap-lg-180 {
        margin-left: -90px;
        margin-right: -90px;
        margin-bottom: -180px
    }

    .row.gap-lg-180 > [class*=col] {
        padding-left: 90px;
        padding-right: 90px;
        padding-bottom: 180px
    }

    .row.gap-lg-200 {
        margin-left: -100px;
        margin-right: -100px;
        margin-bottom: -200px
    }

    .row.gap-lg-200 > [class*=col] {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 200px
    }
}

@media (min-width: 1200px) {
    .row.gap-xl-0 {
        margin-left: 0;
        margin-right: 0
    }

    .row.gap-xl-0 > [class*=col] {
        padding-left: 0;
        padding-right: 0
    }

    .row.gap-xl-1 {
        margin-left: -1px;
        margin-right: 0;
        margin-bottom: -1px
    }

    .row.gap-xl-1 > [class*=col] {
        padding-left: 1px;
        padding-right: 0;
        padding-bottom: 1px
    }

    .row.gap-xl-2 {
        margin-left: -1px;
        margin-right: -1px;
        margin-bottom: -2px
    }

    .row.gap-xl-2 > [class*=col] {
        padding-left: 1px;
        padding-right: 1px;
        padding-bottom: 2px
    }

    .row.gap-xl-3 {
        margin-left: -2px;
        margin-right: -1px;
        margin-bottom: -3px
    }

    .row.gap-xl-3 > [class*=col] {
        padding-left: 2px;
        padding-right: 1px;
        padding-bottom: 3px
    }

    .row.gap-xl-4 {
        margin-left: -2px;
        margin-right: -2px;
        margin-bottom: -4px
    }

    .row.gap-xl-4 > [class*=col] {
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 4px
    }

    .row.gap-xl-5 {
        margin-left: -3px;
        margin-right: -2px;
        margin-bottom: -5px
    }

    .row.gap-xl-5 > [class*=col] {
        padding-left: 3px;
        padding-right: 2px;
        padding-bottom: 5px
    }

    .row.gap-xl-10 {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px
    }

    .row.gap-xl-10 > [class*=col] {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px
    }

    .row.gap-xl-15 {
        margin-left: -8px;
        margin-right: -7px;
        margin-bottom: -15px
    }

    .row.gap-xl-15 > [class*=col] {
        padding-left: 8px;
        padding-right: 7px;
        padding-bottom: 15px
    }

    .row.gap-xl-20 {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: -20px
    }

    .row.gap-xl-20 > [class*=col] {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px
    }

    .row.gap-xl-25 {
        margin-left: -13px;
        margin-right: -12px;
        margin-bottom: -25px
    }

    .row.gap-xl-25 > [class*=col] {
        padding-left: 13px;
        padding-right: 12px;
        padding-bottom: 25px
    }

    .row.gap-xl-30 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -30px
    }

    .row.gap-xl-30 > [class*=col] {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }

    .row.gap-xl-40 {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -40px
    }

    .row.gap-xl-40 > [class*=col] {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px
    }

    .row.gap-xl-50 {
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: -50px
    }

    .row.gap-xl-50 > [class*=col] {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px
    }

    .row.gap-xl-60 {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: -60px
    }

    .row.gap-xl-60 > [class*=col] {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 60px
    }

    .row.gap-xl-70 {
        margin-left: -35px;
        margin-right: -35px;
        margin-bottom: -70px
    }

    .row.gap-xl-70 > [class*=col] {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 70px
    }

    .row.gap-xl-80 {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: -80px
    }

    .row.gap-xl-80 > [class*=col] {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 80px
    }

    .row.gap-xl-90 {
        margin-left: -45px;
        margin-right: -45px;
        margin-bottom: -90px
    }

    .row.gap-xl-90 > [class*=col] {
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 90px
    }

    .row.gap-xl-100 {
        margin-left: -50px;
        margin-right: -50px;
        margin-bottom: -100px
    }

    .row.gap-xl-100 > [class*=col] {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 100px
    }

    .row.gap-xl-120 {
        margin-left: -60px;
        margin-right: -60px;
        margin-bottom: -120px
    }

    .row.gap-xl-120 > [class*=col] {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 120px
    }

    .row.gap-xl-150 {
        margin-left: -75px;
        margin-right: -75px;
        margin-bottom: -150px
    }

    .row.gap-xl-150 > [class*=col] {
        padding-left: 75px;
        padding-right: 75px;
        padding-bottom: 150px
    }

    .row.gap-xl-180 {
        margin-left: -90px;
        margin-right: -90px;
        margin-bottom: -180px
    }

    .row.gap-xl-180 > [class*=col] {
        padding-left: 90px;
        padding-right: 90px;
        padding-bottom: 180px
    }

    .row.gap-xl-200 {
        margin-left: -100px;
        margin-right: -100px;
        margin-bottom: -200px
    }

    .row.gap-xl-200 > [class*=col] {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 200px
    }
}

.row.mb-0 {
    margin-bottom: 0 !important
}

.row.mb-0 > [class*=col] {
    padding-bottom: 0
}

.row.mb-1 {
    margin-bottom: -1px !important
}

.row.mb-1 > [class*=col] {
    padding-bottom: 1px
}

.row.mb-2 {
    margin-bottom: -2px !important
}

.row.mb-2 > [class*=col] {
    padding-bottom: 2px
}

.row.mb-3 {
    margin-bottom: -3px !important
}

.row.mb-3 > [class*=col] {
    padding-bottom: 3px
}

.row.mb-4 {
    margin-bottom: -4px !important
}

.row.mb-4 > [class*=col] {
    padding-bottom: 4px
}

.row.mb-5 {
    margin-bottom: -5px !important
}

.row.mb-5 > [class*=col] {
    padding-bottom: 5px
}

.row.mb-10 {
    margin-bottom: -10px !important
}

.row.mb-10 > [class*=col] {
    padding-bottom: 10px
}

.row.mb-15 {
    margin-bottom: -15px !important
}

.row.mb-15 > [class*=col] {
    padding-bottom: 15px
}

.row.mb-20 {
    margin-bottom: -20px !important
}

.row.mb-20 > [class*=col] {
    padding-bottom: 20px
}

.row.mb-25 {
    margin-bottom: -25px !important
}

.row.mb-25 > [class*=col] {
    padding-bottom: 25px
}

.row.mb-30 {
    margin-bottom: -30px !important
}

.row.mb-30 > [class*=col] {
    padding-bottom: 30px
}

.row.mb-40 {
    margin-bottom: -40px !important
}

.row.mb-40 > [class*=col] {
    padding-bottom: 40px
}

.row.mb-50 {
    margin-bottom: -50px !important
}

.row.mb-50 > [class*=col] {
    padding-bottom: 50px
}

.row.mb-60 {
    margin-bottom: -60px !important
}

.row.mb-60 > [class*=col] {
    padding-bottom: 60px
}

.row.mb-70 {
    margin-bottom: -70px !important
}

.row.mb-70 > [class*=col] {
    padding-bottom: 70px
}

.row.mb-80 {
    margin-bottom: -80px !important
}

.row.mb-80 > [class*=col] {
    padding-bottom: 80px
}

.row.mb-90 {
    margin-bottom: -90px !important
}

.row.mb-90 > [class*=col] {
    padding-bottom: 90px
}

.row.mb-100 {
    margin-bottom: -100px !important
}

.row.mb-100 > [class*=col] {
    padding-bottom: 100px
}

.row.mb-120 {
    margin-bottom: -120px !important
}

.row.mb-120 > [class*=col] {
    padding-bottom: 120px
}

.row.mb-150 {
    margin-bottom: -150px !important
}

.row.mb-150 > [class*=col] {
    padding-bottom: 150px
}

.row.mb-180 {
    margin-bottom: -180px !important
}

.row.mb-180 > [class*=col] {
    padding-bottom: 180px
}

.row.mb-200 {
    margin-bottom: -200px !important
}

.row.mb-200 > [class*=col] {
    padding-bottom: 200px
}

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

    .row.mb-sm-0 > [class*=col] {
        padding-bottom: 0
    }

    .row.mb-sm-1 {
        margin-bottom: -1px !important
    }

    .row.mb-sm-1 > [class*=col] {
        padding-bottom: 1px
    }

    .row.mb-sm-2 {
        margin-bottom: -2px !important
    }

    .row.mb-sm-2 > [class*=col] {
        padding-bottom: 2px
    }

    .row.mb-sm-3 {
        margin-bottom: -3px !important
    }

    .row.mb-sm-3 > [class*=col] {
        padding-bottom: 3px
    }

    .row.mb-sm-4 {
        margin-bottom: -4px !important
    }

    .row.mb-sm-4 > [class*=col] {
        padding-bottom: 4px
    }

    .row.mb-sm-5 {
        margin-bottom: -5px !important
    }

    .row.mb-sm-5 > [class*=col] {
        padding-bottom: 5px
    }

    .row.mb-sm-10 {
        margin-bottom: -10px !important
    }

    .row.mb-sm-10 > [class*=col] {
        padding-bottom: 10px
    }

    .row.mb-sm-15 {
        margin-bottom: -15px !important
    }

    .row.mb-sm-15 > [class*=col] {
        padding-bottom: 15px
    }

    .row.mb-sm-20 {
        margin-bottom: -20px !important
    }

    .row.mb-sm-20 > [class*=col] {
        padding-bottom: 20px
    }

    .row.mb-sm-25 {
        margin-bottom: -25px !important
    }

    .row.mb-sm-25 > [class*=col] {
        padding-bottom: 25px
    }

    .row.mb-sm-30 {
        margin-bottom: -30px !important
    }

    .row.mb-sm-30 > [class*=col] {
        padding-bottom: 30px
    }

    .row.mb-sm-40 {
        margin-bottom: -40px !important
    }

    .row.mb-sm-40 > [class*=col] {
        padding-bottom: 40px
    }

    .row.mb-sm-50 {
        margin-bottom: -50px !important
    }

    .row.mb-sm-50 > [class*=col] {
        padding-bottom: 50px
    }

    .row.mb-sm-60 {
        margin-bottom: -60px !important
    }

    .row.mb-sm-60 > [class*=col] {
        padding-bottom: 60px
    }

    .row.mb-sm-70 {
        margin-bottom: -70px !important
    }

    .row.mb-sm-70 > [class*=col] {
        padding-bottom: 70px
    }

    .row.mb-sm-80 {
        margin-bottom: -80px !important
    }

    .row.mb-sm-80 > [class*=col] {
        padding-bottom: 80px
    }

    .row.mb-sm-90 {
        margin-bottom: -90px !important
    }

    .row.mb-sm-90 > [class*=col] {
        padding-bottom: 90px
    }

    .row.mb-sm-100 {
        margin-bottom: -100px !important
    }

    .row.mb-sm-100 > [class*=col] {
        padding-bottom: 100px
    }

    .row.mb-sm-120 {
        margin-bottom: -120px !important
    }

    .row.mb-sm-120 > [class*=col] {
        padding-bottom: 120px
    }

    .row.mb-sm-150 {
        margin-bottom: -150px !important
    }

    .row.mb-sm-150 > [class*=col] {
        padding-bottom: 150px
    }

    .row.mb-sm-180 {
        margin-bottom: -180px !important
    }

    .row.mb-sm-180 > [class*=col] {
        padding-bottom: 180px
    }

    .row.mb-sm-200 {
        margin-bottom: -200px !important
    }

    .row.mb-sm-200 > [class*=col] {
        padding-bottom: 200px
    }
}

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

    .row.mb-md-0 > [class*=col] {
        padding-bottom: 0
    }

    .row.mb-md-1 {
        margin-bottom: -1px !important
    }

    .row.mb-md-1 > [class*=col] {
        padding-bottom: 1px
    }

    .row.mb-md-2 {
        margin-bottom: -2px !important
    }

    .row.mb-md-2 > [class*=col] {
        padding-bottom: 2px
    }

    .row.mb-md-3 {
        margin-bottom: -3px !important
    }

    .row.mb-md-3 > [class*=col] {
        padding-bottom: 3px
    }

    .row.mb-md-4 {
        margin-bottom: -4px !important
    }

    .row.mb-md-4 > [class*=col] {
        padding-bottom: 4px
    }

    .row.mb-md-5 {
        margin-bottom: -5px !important
    }

    .row.mb-md-5 > [class*=col] {
        padding-bottom: 5px
    }

    .row.mb-md-10 {
        margin-bottom: -10px !important
    }

    .row.mb-md-10 > [class*=col] {
        padding-bottom: 10px
    }

    .row.mb-md-15 {
        margin-bottom: -15px !important
    }

    .row.mb-md-15 > [class*=col] {
        padding-bottom: 15px
    }

    .row.mb-md-20 {
        margin-bottom: -20px !important
    }

    .row.mb-md-20 > [class*=col] {
        padding-bottom: 20px
    }

    .row.mb-md-25 {
        margin-bottom: -25px !important
    }

    .row.mb-md-25 > [class*=col] {
        padding-bottom: 25px
    }

    .row.mb-md-30 {
        margin-bottom: -30px !important
    }

    .row.mb-md-30 > [class*=col] {
        padding-bottom: 30px
    }

    .row.mb-md-40 {
        margin-bottom: -40px !important
    }

    .row.mb-md-40 > [class*=col] {
        padding-bottom: 40px
    }

    .row.mb-md-50 {
        margin-bottom: -50px !important
    }

    .row.mb-md-50 > [class*=col] {
        padding-bottom: 50px
    }

    .row.mb-md-60 {
        margin-bottom: -60px !important
    }

    .row.mb-md-60 > [class*=col] {
        padding-bottom: 60px
    }

    .row.mb-md-70 {
        margin-bottom: -70px !important
    }

    .row.mb-md-70 > [class*=col] {
        padding-bottom: 70px
    }

    .row.mb-md-80 {
        margin-bottom: -80px !important
    }

    .row.mb-md-80 > [class*=col] {
        padding-bottom: 80px
    }

    .row.mb-md-90 {
        margin-bottom: -90px !important
    }

    .row.mb-md-90 > [class*=col] {
        padding-bottom: 90px
    }

    .row.mb-md-100 {
        margin-bottom: -100px !important
    }

    .row.mb-md-100 > [class*=col] {
        padding-bottom: 100px
    }

    .row.mb-md-120 {
        margin-bottom: -120px !important
    }

    .row.mb-md-120 > [class*=col] {
        padding-bottom: 120px
    }

    .row.mb-md-150 {
        margin-bottom: -150px !important
    }

    .row.mb-md-150 > [class*=col] {
        padding-bottom: 150px
    }

    .row.mb-md-180 {
        margin-bottom: -180px !important
    }

    .row.mb-md-180 > [class*=col] {
        padding-bottom: 180px
    }

    .row.mb-md-200 {
        margin-bottom: -200px !important
    }

    .row.mb-md-200 > [class*=col] {
        padding-bottom: 200px
    }
}

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

    .row.mb-lg-0 > [class*=col] {
        padding-bottom: 0
    }

    .row.mb-lg-1 {
        margin-bottom: -1px !important
    }

    .row.mb-lg-1 > [class*=col] {
        padding-bottom: 1px
    }

    .row.mb-lg-2 {
        margin-bottom: -2px !important
    }

    .row.mb-lg-2 > [class*=col] {
        padding-bottom: 2px
    }

    .row.mb-lg-3 {
        margin-bottom: -3px !important
    }

    .row.mb-lg-3 > [class*=col] {
        padding-bottom: 3px
    }

    .row.mb-lg-4 {
        margin-bottom: -4px !important
    }

    .row.mb-lg-4 > [class*=col] {
        padding-bottom: 4px
    }

    .row.mb-lg-5 {
        margin-bottom: -5px !important
    }

    .row.mb-lg-5 > [class*=col] {
        padding-bottom: 5px
    }

    .row.mb-lg-10 {
        margin-bottom: -10px !important
    }

    .row.mb-lg-10 > [class*=col] {
        padding-bottom: 10px
    }

    .row.mb-lg-15 {
        margin-bottom: -15px !important
    }

    .row.mb-lg-15 > [class*=col] {
        padding-bottom: 15px
    }

    .row.mb-lg-20 {
        margin-bottom: -20px !important
    }

    .row.mb-lg-20 > [class*=col] {
        padding-bottom: 20px
    }

    .row.mb-lg-25 {
        margin-bottom: -25px !important
    }

    .row.mb-lg-25 > [class*=col] {
        padding-bottom: 25px
    }

    .row.mb-lg-30 {
        margin-bottom: -30px !important
    }

    .row.mb-lg-30 > [class*=col] {
        padding-bottom: 30px
    }

    .row.mb-lg-40 {
        margin-bottom: -40px !important
    }

    .row.mb-lg-40 > [class*=col] {
        padding-bottom: 40px
    }

    .row.mb-lg-50 {
        margin-bottom: -50px !important
    }

    .row.mb-lg-50 > [class*=col] {
        padding-bottom: 50px
    }

    .row.mb-lg-60 {
        margin-bottom: -60px !important
    }

    .row.mb-lg-60 > [class*=col] {
        padding-bottom: 60px
    }

    .row.mb-lg-70 {
        margin-bottom: -70px !important
    }

    .row.mb-lg-70 > [class*=col] {
        padding-bottom: 70px
    }

    .row.mb-lg-80 {
        margin-bottom: -80px !important
    }

    .row.mb-lg-80 > [class*=col] {
        padding-bottom: 80px
    }

    .row.mb-lg-90 {
        margin-bottom: -90px !important
    }

    .row.mb-lg-90 > [class*=col] {
        padding-bottom: 90px
    }

    .row.mb-lg-100 {
        margin-bottom: -100px !important
    }

    .row.mb-lg-100 > [class*=col] {
        padding-bottom: 100px
    }

    .row.mb-lg-120 {
        margin-bottom: -120px !important
    }

    .row.mb-lg-120 > [class*=col] {
        padding-bottom: 120px
    }

    .row.mb-lg-150 {
        margin-bottom: -150px !important
    }

    .row.mb-lg-150 > [class*=col] {
        padding-bottom: 150px
    }

    .row.mb-lg-180 {
        margin-bottom: -180px !important
    }

    .row.mb-lg-180 > [class*=col] {
        padding-bottom: 180px
    }

    .row.mb-lg-200 {
        margin-bottom: -200px !important
    }

    .row.mb-lg-200 > [class*=col] {
        padding-bottom: 200px
    }
}

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

    .row.mb-xl-0 > [class*=col] {
        padding-bottom: 0
    }

    .row.mb-xl-1 {
        margin-bottom: -1px !important
    }

    .row.mb-xl-1 > [class*=col] {
        padding-bottom: 1px
    }

    .row.mb-xl-2 {
        margin-bottom: -2px !important
    }

    .row.mb-xl-2 > [class*=col] {
        padding-bottom: 2px
    }

    .row.mb-xl-3 {
        margin-bottom: -3px !important
    }

    .row.mb-xl-3 > [class*=col] {
        padding-bottom: 3px
    }

    .row.mb-xl-4 {
        margin-bottom: -4px !important
    }

    .row.mb-xl-4 > [class*=col] {
        padding-bottom: 4px
    }

    .row.mb-xl-5 {
        margin-bottom: -5px !important
    }

    .row.mb-xl-5 > [class*=col] {
        padding-bottom: 5px
    }

    .row.mb-xl-10 {
        margin-bottom: -10px !important
    }

    .row.mb-xl-10 > [class*=col] {
        padding-bottom: 10px
    }

    .row.mb-xl-15 {
        margin-bottom: -15px !important
    }

    .row.mb-xl-15 > [class*=col] {
        padding-bottom: 15px
    }

    .row.mb-xl-20 {
        margin-bottom: -20px !important
    }

    .row.mb-xl-20 > [class*=col] {
        padding-bottom: 20px
    }

    .row.mb-xl-25 {
        margin-bottom: -25px !important
    }

    .row.mb-xl-25 > [class*=col] {
        padding-bottom: 25px
    }

    .row.mb-xl-30 {
        margin-bottom: -30px !important
    }

    .row.mb-xl-30 > [class*=col] {
        padding-bottom: 30px
    }

    .row.mb-xl-40 {
        margin-bottom: -40px !important
    }

    .row.mb-xl-40 > [class*=col] {
        padding-bottom: 40px
    }

    .row.mb-xl-50 {
        margin-bottom: -50px !important
    }

    .row.mb-xl-50 > [class*=col] {
        padding-bottom: 50px
    }

    .row.mb-xl-60 {
        margin-bottom: -60px !important
    }

    .row.mb-xl-60 > [class*=col] {
        padding-bottom: 60px
    }

    .row.mb-xl-70 {
        margin-bottom: -70px !important
    }

    .row.mb-xl-70 > [class*=col] {
        padding-bottom: 70px
    }

    .row.mb-xl-80 {
        margin-bottom: -80px !important
    }

    .row.mb-xl-80 > [class*=col] {
        padding-bottom: 80px
    }

    .row.mb-xl-90 {
        margin-bottom: -90px !important
    }

    .row.mb-xl-90 > [class*=col] {
        padding-bottom: 90px
    }

    .row.mb-xl-100 {
        margin-bottom: -100px !important
    }

    .row.mb-xl-100 > [class*=col] {
        padding-bottom: 100px
    }

    .row.mb-xl-120 {
        margin-bottom: -120px !important
    }

    .row.mb-xl-120 > [class*=col] {
        padding-bottom: 120px
    }

    .row.mb-xl-150 {
        margin-bottom: -150px !important
    }

    .row.mb-xl-150 > [class*=col] {
        padding-bottom: 150px
    }

    .row.mb-xl-180 {
        margin-bottom: -180px !important
    }

    .row.mb-xl-180 > [class*=col] {
        padding-bottom: 180px
    }

    .row.mb-xl-200 {
        margin-bottom: -200px !important
    }

    .row.mb-xl-200 > [class*=col] {
        padding-bottom: 200px
    }
}

.flex-vertical-align {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-vertical-align > div {
    width: 100%
}

.flex-vertical-align .align-top {
    align-self: flex-start
}

.flex-vertical-align .align-bottom {
    align-self: flex-end
}

.col-1-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-4-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

.col-7-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11-max {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

@media (max-width: 1119.99px) {
    .col-xl-1-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 991.99px) {
    .col-lg-1-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 767.99px) {
    .col-md-1-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 575.99px) {
    .col-sm-1-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 478.99px) {
    .col-xs-1-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xs-2-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xs-3-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xs-5-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xs-6-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xs-8-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xs-9-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xs-11-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xs-12-re {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.border {
    border: 1px solid #E1E1E1
}

.border-primary {
    border-color: #3F51B5
}

.border-secondary {
    border-color: #e51873
}

.border-bottom {
    border-bottom: 1px solid #E1E1E1
}

.border-top {
    border-top: 1px solid #E1E1E1
}

.border-right {
    border-right: 1px solid #E1E1E1
}

.border-left {
    border-left: 1px solid #E1E1E1
}

.no-border {
    border: 0 !important
}

.border-1px {
    border-width: 1px
}

.border-2px {
    border-width: 2px
}

.border-3px {
    border-width: 3px
}

.border-4px {
    border-width: 4px
}

.border-5px {
    border-width: 5px
}

.border-circle {
    border-radius: 50%
}

ul.list-with-icon li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

ul.list-with-icon li i {
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1.25
}

ul.border-bottom {
    border-bottom: 0
}

ul.border-bottom li {
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 10px
}

ul.border-bottom.dotted li {
    border-bottom: 1px dotted #CCC
}

ul.border-bottom li:last-child {
    border-bottom: 0
}

ul.ul.list-circle li {
    list-style-type: circle
}

ul.ul.list-square li {
    list-style-type: square
}

ol.ol.decimal-leading-zero li {
    list-style-type: decimal-leading-zero
}

ol.ol.lower-roman li {
    list-style-type: lower-roman
}

ol.ol.upper-roman li {
    list-style-type: upper-roman
}

ol.ol.lower-latin li {
    list-style-type: lower-latin
}

ol.ol.upper-latin li {
    list-style-type: upper-latin
}

ul.list-with-header li {
    line-height: 1.6
}

ul.list-with-header li h5, ul.list-with-header li h6 {
    line-height: 1.25;
    margin: 0 0 10px
}

ul.list-with-header li h6 {
    font-size: 15px
}

ul.list-with-header li + li {
    margin-top: 25px
}

ul.list-icon-absolute {
    margin-bottom: -10px
}

ul.list-icon-absolute li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

ul.list-icon-absolute li .icon-font {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    line-height: 1.15
}

ul.list-icon-absolute li .icon-font .material-icons {
    font-size: 20px;
    margin-top: -3px
}

ul.list-icon-absolute.row li {
    padding-left: 45px
}

ul.list-icon-absolute.row li .icon-font {
    left: 15px
}

ul.list-icon-data-attr {
    margin-bottom: -10px
}

ul.list-icon-data-attr li {
    position: relative;
    padding-left: 25px;
    line-height: 1.55;
    margin-bottom: 10px
}

ul.list-icon-data-attr li[data-content]:before {
    content: attr(data-content);
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 17px;
    color: #3F51B5;
    display: block;
    line-height: 1
}

ul.list-icon-data-attr.font-ionicons li[data-content]:before {
    font-family: "Ionicons"
}

ul.list-icon-data-attr.font-awesome {
    margin-bottom: -5px
}

ul.list-icon-data-attr.font-awesome li {
    padding-left: 20px;
    margin-bottom: 5px
}

ul.list-icon-data-attr.font-awesome li[data-content]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 4px;
    font-size: 12px
}

ul.list-icon-data-attr.row li {
    padding-left: 30px
}

ul.list-icon-data-attr.row li[data-content]:before {
    left: 15px
}

ul.list-block-md li {
    display: inline-block;
    margin: 0;
    margin-right: 5px
}

ul.list-inline-block li {
    display: inline-block;
    margin-right: 12px
}

ul.list-inline-block li:last-child {
    margin-right: 0
}

@media (min-width: 768px) {
    ul.list-block-md li {
        display: block
    }

    ul.list-icon-data-attr.font-awesome.list-block-md {
        margin-bottom: -5px
    }

    ul.list-icon-data-attr.font-awesome.list-block-md li {
        margin-bottom: 5px
    }
}

.bg-primary {
    background: #3F51B5 !important;
    color: #FFF
}

.bg-secondary {
    background: #e51873 !important;
    color: #FFF
}

.bg-info {
    background: #154EB5 !important;
    color: #FFF
}

.bg-success {
    background: #10C47F !important;
    color: #FFF
}

.bg-warning {
    background: #EB7A2A !important;
    color: #FFF
}

.bg-danger {
    background: #EB334B !important;
    color: #FFF
}

.bg-white-shadow {
    background: #FFF;
    padding: 10px 25px 15px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09)
}

.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-info h1, .bg-info h2, .bg-info h3, .bg-info h4, .bg-info h5, .bg-info h6, .bg-success h1, .bg-success h2, .bg-success h3, .bg-success h4, .bg-success h5, .bg-success h6, .bg-warning h1, .bg-warning h2, .bg-warning h3, .bg-warning h4, .bg-warning h5, .bg-warning h6, .bg-danger h1, .bg-danger h2, .bg-danger h3, .bg-danger h4, .bg-danger h5, .bg-danger h6, .bg-color-02 h1, .bg-color-02 h2, .bg-color-02 h3, .bg-color-02 h4, .bg-color-02 h5, .bg-color-02 h6, .bg-bg-color-03 h1, .bg-bg-color-03 h2, .bg-bg-color-03 h3, .bg-bg-color-03 h4, .bg-bg-color-03 h5, .bg-bg-color-03 h6 {
    color: #FFF !important
}

.bg-primary a, .bg-info a, .bg-success a, .bg-danger a {
    color: #FFF
}

.bg-primary a:hover, .bg-info a:hover, .bg-success a:hover, .bg-danger a:hover {
    text-decoration: underline
}

a.bg-primary:hover {
    background-color: #26316D !important
}

a.bg-secondary:hover {
    background-color: #e51873 !important
}

.bg-white {
    background: #FFF;
    color: inherit
}

.bg-light {
    background: #F4F6F9
}

.bg-light-02 {
    background: #E3E3E3
}

.bg-dark {
    background: #212B36 !important;
    color: #FFF
}

.bg-dark-02 {
    background: #1A1A1A;
    color: rgba(255, 255, 255, 0.8)
}

.bg-light-primary {
    background: #EBEFF2
}

.bg-light-secondary {
    background: #FAF2F2
}

.bg-light-info {
    background: #F0F3FA
}

.bg-light-success {
    background: #EBF5F1
}

.bg-light-warning {
    background: #FAF6F2
}

.bg-light-danger {
    background: #FFF7F8
}

.bg-none {
    background: none
}

.bg-color-transparent {
    background-color: transparent
}

.bg-box-border-primary {
    background-color: #F7F8FC;
    border: 2px solid #3F51B5;
    padding: 20px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09)
}

.bg-box-border-secondary {
    background-color: #FFFCFA;
    border: 2px solid #e51873;
    padding: 20px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09)
}

.overlay-relative .overlay-holder.overlay-primary {
    background-color: #FF1944;
    color: #FFF
}

.overlay-relative .overlay-holder.overlay-light {
    background-color: #F2F2F2;
    color: inherit
}

.btn {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding-top: 9px;
    padding-bottom: 7px;
    border-radius: 3px
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none
}

.btn:hover, .btn:focus, .btn.focus {
    text-decoration: none
}

.btn.active, .btn:hover, .btn:focus, .btn:active, .btn:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.btn-default {
    color: #DC221A;
    background-color: #E3E3E3;
    border-color: #E3E3E3
}

.btn-default:hover {
    background-color: #D4D4D4;
    border-color: #D4D4D4
}

.btn-dark {
    color: #FFF;
    background-color: #1C2021;
    border-color: #1C2021
}

.btn-dark:hover {
    background-color: #666;
    border-color: #666
}

.menu-horizontal-02 ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    padding: 15px 8px
}

.btn-primary {
    background: #01375d;
    border-color: #0064ab;
    color: #FFF
}

.menu-horizontal-wrapper-02 .menu-horizontal-content {
    padding: 15px
}

.btn-primary:hover {
    background: #26316D;
    border-color: #26316D
}

.btn-secondary {
    background: #e51873;
    border-color: #e51873;
    color: #FFF
}

.btn-secondary:hover {
    background: #d01c6c;
    border-color: #e51873
}

.btn-info {
    background: #154EB5;
    border-color: #154EB5;
    color: #FFF
}

.btn-info:hover {
    background: #113E91;
    border-color: #113E91
}

.btn-success {
    background: #10C47F;
    border-color: #10C47F;
    color: #FFF
}

.btn-success:hover {
    background: #0D9D66;
    border-color: #0D9D66
}

.btn-warning {
    background: #EB7A2A;
    border-color: #EB7A2A;
    color: #FFF
}

.btn-warning:hover {
    background: #BC6222;
    border-color: #BC6222
}

.btn-danger {
    background: #BC293C;
    border-color: #BC293C;
    color: #FFF
}

.btn-danger:hover {
    background: #9E2B28;
    border-color: #9E2B28
}

.btn-primary:hover, .btn-secondary:hover, .btn-info:hover, .btn-success:hover, .btn-warning:hover, .btn-danger:hover, .btn-dark:hover {
    color: #FFF
}

.btn-primary.btn-border, .btn-secondary.btn-border, .btn-info.btn-border, .btn-success.btn-border, .btn-warning.btn-border, .btn-danger.btn-border, .btn-dark.btn-border {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-primary.btn-border {
    color: #3F51B5
}

.btn-secondary.btn-border {
    color: #e51873
}

.btn-info.btn-border {
    color: #154EB5
}

.btn-success.btn-border {
    color: #10C47F
}

.btn-warning.btn-border {
    color: #EB7A2A
}

.btn-danger.btn-border {
    color: #BC293C
}

.btn-dark.btn-border {
    color: #1C2021
}

.btn-primary.btn-border:hover, .btn-secondary.btn-border:hover, .btn-info.btn-border:hover, .btn-success.btn-border:hover, .btn-warning.btn-border:hover, .btn-dark.btn-border:hover, .btn-danger.btn-border:hover {
    opacity: .5;
    -webkit-box-shadow: 0 3px 24px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 24px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 24px -3px rgba(0, 0, 0, 0.4)
}

.btn-round, .btn-lg.btn-round, .btn-sm.btn-round {
    border-radius: 50px
}

.btn-xs {
    padding: 0 7px;
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 9px;
    border-radius: 2px;
    letter-spacing: 1.5px;
    line-height: 1;
    font-weight: 500
}

.btn-sm {
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 11px;
    border-radius: 3px;
    letter-spacing: 1.3px
}

.btn-lg {
    padding: 10px 20px;
    padding-top: 13px;
    padding-bottom: 11px;
    border-radius: 5px;
    font-size: 15px
}

.btn-wide {
    padding-left: 30px;
    padding-right: 30px
}

.btn-wider {
    padding-left: 50px;
    padding-right: 50px
}

.btn-toggle.collapsed-on {
    display: none
}

.btn-toggle.collapsed.collapsed-on {
    display: inline-block
}

.btn-toggle.btn-block.collapsed.collapsed-on {
    display: block
}

.btn-toggle.collapsed-off {
    display: inline-block
}

.btn-toggle.btn-block.collapsed-off {
    display: block
}

.btn-toggle.collapsed.collapsed-off {
    display: none
}

.btn-toggle.collapsed-disapear {
    display: none
}

.btn-toggle.collapsed.collapsed-disapear {
    display: inline-block
}

.btn-toggle.btn-block.collapsed.collapsed-disapear {
    display: block
}

.btn-shadow {
    -webkit-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.21)
}

.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus, .btn:focus, .btn.focus {
    box-shadow: none
}

.btn-text-inherit {
    font: inherit;
    text-transform: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit
}

.btn-link {
    padding-left: 0;
    padding-right: 0;
    color: #FF5252
}

a.btn-link:hover, a.btn.btn-link:hover {
    color: #FF5252;
    text-decoration: underline
}

.btn.btn-facebook {
    background: #3b5998;
    color: #FFF
}

.btn.btn-google {
    background: #db3236;
    color: #FFF
}

.btn.btn-twitter {
    background: #00aced;
    color: #FFF
}

.btn.btn-pinterest {
    background: #c8232c;
    color: #FFF
}

.btn.btn-facebook:hover {
    opacity: .8
}

.form-control, .form-readonly-control[readonly], .form-control-readonly[readonly] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    background: #FFF;
    border: 1px solid #E1E1E1;
    border-radius: 3px
}

.form-control:focus {
    border-color: #A1A1A1;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control::-moz-placeholder {
    color: #9B9B9B
}

.form-control:-ms-input-placeholder {
    color: #9B9B9B
}

.form-control::-webkit-input-placeholder {
    color: #9B9B9B
}

.input-group.border {
    border-radius: 3px;
    border-color: #E1E1E1 !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.input-group.border.bg-change-focus-addclass.focus {
    border-color: #A1A1A1 !important
}

.form-bg-light, .form-bg-light:focus {
    background-color: #F9F9F9
}

.form-round, .form-group-sm .form-round, .form-group-lg .form-round {
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 15px
}

.form-group-lg .form-round {
    padding-left: 20px;
    padding-right: 20px
}

.custom-select {
    font-size: 1rem
}

.custom-select-sm {
    font-size: .875rem;
    padding-top: 3px
}

.custom-select-lg {
    font-size: 1.25rem
}

.custom-file-label, .custom-file-label::after {
    padding-top: 8px
}

.custom-select-sm {
    height: calc(1.8125rem + 2px)
}

.custom-select-lg {
    height: calc(2.875rem + 2px)
}

.custom-file-sm, .custom-file-input, .custom-file-label, .custom-file-label::after {
    font-size: 1rem
}

.custom-file-sm, .custom-file-sm .custom-file-input, .custom-file-sm .custom-file-label {
    height: calc(1.8125rem + 2px);
    font-size: .875rem
}

.custom-file-sm .custom-file-label::after {
    height: calc(calc(1.8125rem + 2px) - 1px * 2);
    font-size: .875rem
}

.custom-file-sm .custom-file-label, .custom-file-sm .custom-file-label::after {
    padding-top: 4px
}

.custom-file-lg, .custom-file-lg .custom-file-input, .custom-file-lg .custom-file-label {
    height: calc(2.875rem + 2px);
    font-size: 1.25rem
}

.custom-file-lg .custom-file-label::after {
    height: calc(calc(2.875rem + 2px) - 1px * 2);
    font-size: 1.25rem
}

.custom-file-lg .custom-file-label, .custom-file-lg .custom-file-label::after {
    padding-top: 10px
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #3F51B5;
    background-color: #3F51B5
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ABD5BD
}

.custom-control-label::before {
    top: 3px
}

.custom-control-label::after {
    top: 3px
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #3F51B5;
    border-color: #3F51B5
}

.custom-control.custom-checkbox + .custom-control.custom-checkbox, .custom-control.custom-radio + .custom-control.custom-radio {
    margin-top: 3px
}

.input-group.border .form-control {
    border: 0
}

#detail-content-sticky-nav-05 table {
    max-width: 100% !important
}

.bd-inclusions-tabs {
    width: 100%
}

#detail-content-sticky-nav-timeline table {
    max-width: 100% !important
}

.timeline-slideshow {
    margin-bottom: 1px
}

.timeline-slideshow .image {
    padding: 0
}

.timeline-nav .image {
    padding: 0;
    border: 1px solid transparent;
    opacity: 1;
    transition: all 300ms ease;
    position: relative
}

.timeline-nav .slick-center .image:after {
    background: #ffffff7d !important
}

.timeline-nav .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.timeline-nav .slick-center .image {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none
}

.timeline-nav .slick-center .image:after {
    background: rgba(0, 0, 0, 0)
}

.timeline-nav .image:hover {
    cursor: pointer
}

.input-group.border .input-group-prepend .input-group-text, .input-group.border .input-group-append .input-group-text {
    border: 0
}

.form-icon-left, .form-icon-right {
    position: relative
}

.form-icon-left .form-control {
    padding-left: 30px
}

.form-icon-right .form-control {
    padding-right: 30px
}

.booking-page {
    margin: 20px 0
}

.booking-page .detail-booking h1 {
    display: inline-block;
    margin-top: 0;
    font-size: 25px;
    word-break: break-word;
    padding: 15px 0;
    color: #01375d;
    font-weight: 700
}

.text-bold {
    font-weight: 700
}

.booking-page .title-price {
    margin-bottom: 7px;
    padding: 5px 10px;
    max-width: 100%;
    background-color: #57ae45;
    border: 1px solid #CCC;
    font-size: larger;
    text-transform: uppercase;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px
}

.booking-page .tbl-booking-price table thead {
    background-color: #DDD;
    text-align: right
}

.booking-page .tbl-booking-price table thead th {
    padding: 5px
}

.booking-page .tbl-booking-price table td.price {
    text-align: center;
    vertical-align: middle
}

.booking-page .tbl-booking-price table tr td {
    background-color: #fff
}

.booking-page .tbl-booking-price table tr:hover td {
    background-color: #F6F6F6
}

.booking-page .modern-p-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 44px;
    padding: 11px 12px;
    line-height: 20px;
    border: 1px solid #ccc;
    color: #666;
    background-color: #fff;
    outline: none
}

.booking-page .modern-p-form .input-group .form-control {
    background-color: transparent !important;
    border-color: transparent !important
}

.booking-page .modern-p-form .p-has-icon .form-control {
    padding-left: 56px
}

.booking-page .modern-p-form .form-control:focus, .modern-p-form .form-control:hover, .modern-p-form .input-group:focus .form-control, .modern-p-form .input-group:hover .form-control, .modern-p-form .p-file-wrap [type="file"]:hover ~ .input-group .form-control {
    border-color: #333
}

.booking-page .p-form-modern-extra2color2 .form-control:focus, .p-form-modern-extra2color2 .form-control:hover, .booking-page .p-form-modern-extra2color2 .input-group:focus .form-control, .booking-page .p-form-modern-extra2color2 .input-group:hover .form-control, .booking-page .p-form-modern-extra2color2 .p-file-wrap [type="file"]:hover ~ .input-group .form-control {
    border-color: #0078f0
}

.modern-p-form .p-field-cb {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.booking-page .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.reformat-form input, .reformat-form select, .reformat-form option, .reformat-form button, .reformat-form textarea, .p-form-modern-extra2color2 .form-control, .p-form-modern-extra2color2 .p-field-cb {
    -moz-transition: all 450ms ease-out;
    -o-transition: all 450ms ease-out;
    -webkit-transition: all 450ms ease-out;
    transition: all 450ms ease-out
}

.modern-p-form .p-check-block:after, .modern-p-form .p-radio-color .p-color-block, .modern-p-form .p-field-cb, .modern-p-form .form-control, .modern-p-form .input-group-addon .p-addon-bg, .modern-p-form .input-group-icon, .modern-p-form .p-select-arrow, .modern-p-form .p-popup .p-form, .modern-p-form .p-rating .p-field-cancel, .modern-p-form .nav-tabs > li > label {
    -webkit-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    transition: all .2s linear 0
}

.modern-p-form .input-group-icon, .modern-p-form .p-select-arrow, .modern-p-form .input-group-addon, .modern-p-form .input-group-btn {
    font-size: 18px;
    z-index: 2;
    position: relative
}

.modern-p-form .input-group-addon, .modern-p-form .input-group-icon, .modern-p-form .p-select-arrow {
    color: #666
}

.modern-p-form .input-group-addon .p-addon-bg, .modern-p-form .input-group-icon, .modern-p-form .p-select-arrow {
    display: block;
    line-height: 42px;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #ccc
}

.modern-p-form .input-group-icon, .modern-p-form .p-select-arrow {
    width: 44px;
    height: 44px
}

.modern-p-form .p-has-icon .input-group-icon {
    position: absolute;
    left: 0;
    top: 0
}

.modern-p-form .fa {
    position: relative;
    line-height: 42px
}

.label-lienhe {
    line-height: 45px;
    font-weight: 700;
    color: #666
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

form.booking fieldset legend {
    position: relative;
    margin: 0;
    border: none;
    font-size: larger;
    text-transform: uppercase;
    background-color: #effaff;
    border: 1px solid #CCC
}

form.booking fieldset legend > div {
    display: inline-block !important;
    position: relative;
    padding: 8px;
    float: none !important;
    clear: none !important;
    color: #fff;
    font-weight: 700
}

.skin-border, #fi-part-mid .row div h4 span, form.booking fieldset legend:after {
    border-color: #FF9903;
    border-color: #FF9903
}

.skin-bg, .as-button, #index-col-article .article-col .owl-theme .owl-controls .owl-buttons div:hover, .calendar-container .fc-calendar .fc-row > div.fc-content, .owl-carousel-opt-nav .owl-controls .owl-buttons div, form.booking fieldset legend > div {
    background-color: #FF9903
}

form.booking fieldset legend + div {
    padding: 15px;
    background-color: #FCFCFC;
    border: 1px dashed #CCC;
    border-top: none
}

form.booking fieldset .x-note {
    margin: 5px 0 20px;
    color: #000;
    text-align: center
}

form.booking .message {
    margin: 11px 0 15px
}

form.booking fieldset legend:after {
    content: '';
    position: absolute;
    top: 0;
    border-top: 22px solid transparent !important;
    border-bottom: 23px solid transparent !important;
    border-left-width: 23px;
    border-left-style: solid
}

.modern-p-form .input-group .form-control {
    background-color: transparent !important;
    border-color: transparent !important
}

.modern-p-form .p-has-icon .form-control {
    padding-left: 56px
}

.booking-page .modern-p-form textarea.form-control {
    height: 106px;
    min-height: 46px;
    resize: vertical;
    z-index: 2
}

.modern-p-form .p-check-block:after, .modern-p-form .p-radio-color .p-color-block, .modern-p-form .p-field-cb, .modern-p-form .form-control, .modern-p-form .input-group-addon .p-addon-bg, .modern-p-form .input-group-icon, .modern-p-form .p-select-arrow, .modern-p-form .p-popup .p-form, .modern-p-form .p-rating .p-field-cancel, .modern-p-form .nav-tabs > li > label {
    -webkit-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    transition: all .2s linear 0
}

.modern-p-form .p-field-cb {
    background-color: #fff;
    border: 1px solid #ccc
}

.form-icon-left .icon-font, .form-icon-right .icon-font {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    z-index: 10
}

.form-icon-left .icon-font {
    left: 0
}

.form-icon-right .icon-font {
    right: 0
}

.bg-primary .form-control {
    border-color: #FFF
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.bg-pink {
    background: #ed187d
}

.bg-green {
    background: #4fb756
}

.btn-orange {
    background: #ff9903;
    color: #fff
}

.btn-orange:hover {
    color: #fff
}

.btn-search-1 {
    background: #4fb756;
    color: #fff;
    padding: 7px 10px
}

.btn-search-1:hover {
    color: #fff
}

.img-responsive {
    width: 100%;
    height: auto
}

.navbar {
    padding: 0;
    width: 100%
}

.white-gray {
    background: #efefef
}

.banner_2 {
    margin-bottom: 15px
}

.category-page {
    margin-bottom: 40px
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-brand {
    color: #fff;
    text-shadow: 2px 2px 2px #585858;
    text-transform: uppercase;
    padding: 10px 8px;
    font-weight: 700;
    font-family: Roboto;
    font-size: 14px
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    background: #c31467
}

.navbar-light .navbar-brand:hover {
    color: #fff
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #fff;
    background: #c31467
}

.col .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #fff
}

.shadow_1 {
    box-shadow: 0 4px 6px 0 rgba(32, 33, 36, 0.28)
}

.menu-content-top {
    padding: 20px 0
}

.top-loction {
    text-align: center;
    line-height: 25px
}

.top-loction i {
    margin-right: 10px
}

.top-loction .address {
    color: #10375e;
    text-transform: uppercase;
    font-weight: 700
}

.top-loction .phone {
    color: #ed187d;
    font-weight: 700
}

.jssorb031 {
    position: absolute
}

.jssorb031 .i {
    position: absolute;
    cursor: pointer
}

.jssorb031 .i .b {
    fill: #000;
    fill-opacity: .5;
    stroke: #fff;
    stroke-width: 1200;
    stroke-miterlimit: 10;
    stroke-opacity: .3
}

.jssorb031 .i:hover .b {
    fill: #fff;
    fill-opacity: .7;
    stroke: #000;
    stroke-opacity: .5
}

.jssorb031 .iav .b {
    fill: #fff;
    stroke: #000;
    fill-opacity: 1
}

.jssorb031 .i.idn {
    opacity: .3
}

.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer
}

.jssora051 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 360;
    stroke-miterlimit: 10
}

.jssora051:hover {
    opacity: .8
}

.jssora051.jssora051dn {
    opacity: .5
}

.jssora051.jssora051ds {
    opacity: .3;
    pointer-events: none
}

.jssora092 {
    display: block;
    position: absolute;
    cursor: pointer
}

.jssora092 .c {
    fill: #000;
    fill-opacity: .5
}

.jssora092 .a {
    fill: #ddd
}

.jssora092:hover {
    opacity: .8
}

.jssora092.jssora092dn {
    opacity: .5
}

.jssora092.jssora092ds {
    opacity: .3;
    pointer-events: none
}

.slideshow {
    position: relative
}

.search-in-slide {
    background: #333333e0;
    padding: 8px;
    position: relative;
    bottom: 0;
    padding-bottom: 0;
    z-index: 102;
    border-radius: 0 0 5px 5px;
    padding-top: 12px;
    top: -66px
}

.block-home {
    padding: 40px 0
}

.heading-1 {
    text-align: center;
    display: block;
    width: 100%
}

.heading-1 span {
    color: #ed187d;
    padding: 7px 50px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    font-family: 'roboto';
    display: block;
}


.heading-2 {
    text-align: center;
    display: block;
    width: 100%
}

.heading-2 span {
    color: #ed187d;
    padding: 7px 50px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    position: relative;
    font-family: 'roboto';
    border-top: 2px solid #e51873;
    border-bottom: 2px solid #e51873
}

.owl-theme .owl-nav button:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.grid-tour-01.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 10px;
    padding: 1px 12px !important;
    font-size: 22px;
    background: #ff9000cc;
    top: 25%
}

.grid-tour-01.owl-theme .owl-nav div.owl-prev {
    left: 10%
}

.grid-tour-01.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    padding: 1px 12px !important;
    font-size: 22px;
    background: #ff9000cc;
    top: 25%
}

.grid-tour-01 .item-bottom .xinfo, .grid-tour-01 .item-bottom .xinfo {
    margin-top: -3px
}

.grid-tour-01 .item-bottom .xinfo div, .grid-tour-01 .item-bottom .xinfo div {
    display: block;
    position: relative;
    float: left;
    width: 33.333333333333%
}

.grid-tour-01 .item-bottom .xinfo div * {
    display: block;
    position: relative
}

.grid-tour-01 .item-bottom .xinfo div {
    display: block;
    position: relative;
    float: left;
    width: 33.333333333333%
}

.grid-tour-01 .item-bottom .xinfo div > span {
    margin: 0 11px;
    padding: 9px 0;
    background-color: #F9F9F9;
    -moz-box-shadow: 0 0 1px #999;
    -ms-box-shadow: 0 0 1px #999;
    -o-box-shadow: 0 0 1px #999;
    -webkit-box-shadow: 0 0 1px #999;
    -khtml-box-shadow: 0 0 1px #999;
    box-shadow: 0 0 1px #999;
    text-align: center
}

.grid-tour-01 .item-bottom .xinfo div > span span {
    margin: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    font-size: smaller
}

.grid-tour-01 .item-bottom .xinfo div > span:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 3px;
    background-color: #57ae46
}

.grid-tour-01 .item-bottom .xinfo div > span i.fa {
    color: #8DC957;
    margin-bottom: 3px
}

.grid-tour-01.owl-theme .owl-nav .owl-prev i, .grid-tour-01.owl-theme .owl-nav .owl-next i {
    color: #fff
}

.grid-tour-01.owl-theme .owl-nav .owl-next:hover, .grid-tour-01.owl-theme .owl-nav .owl-prev:hover {
    background: #ff9000cc
}

.grid-tour-01.owl-theme .owl-nav div.owl-next {
    right: 10%
}

.grid-tour-01 {
    list-style-type: none;
    padding: 0;
    margin-top: 5px;
}

.grid-tour-01 .item {
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px;
    background: #fff;
    width: 100%
}

.grid-tour-01 .item.featured {
    background: #fffcd7
}

.grid-tour-01 .title-cate {
    position: absolute;
    bottom: 0;
    padding: 5px 10px;
    width: 100%;
    color: #fefe00;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    background: #0a0a0aa1;
    font-family: 'roboto'
}

.grid-tour-01 .item .item-bottom .price {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-family: 'roboto'
}

.grid-tour-01 .item .item-bottom .price .normal-price {
    padding: 4px 10px;
    color: #10375e;
    font-size: 14px
}

.tooltip-inner {
    display: none
}

.grid-tour-01 .item .item-bottom .price .sale-price {
    color: #ff002d;
    font-weight: 700;
    font-size: 17px
}

.grid-tour-01 .item .item-bottom .province {
    background: #4db655;
    text-decoration: none;
    font-family: 'roboto';
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 4px 8px;
    left: -12px
}

.grid-tour-01 .item .item-bottom .province:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    left: 0;
    top: 25px;
    border-width: 0 6px 6px 0;
    border-color: transparent #000333 transparent transparent
}

.grid-tour-01 .item .item-bottom .title {
    font-size: 16px;
    margin: 5px 0;
    color: #10375e;
    font-family: 'roboto';
    margin-top: 10px
}

.grid-tour-01 .item .item-bottom .title a {
    color: #10375e;
    display: block;
    text-align: justify
}

.grid-tour-01 .item .item-bottom .title a:hover {
    text-decoration: none;
    color: #ff9903
}

.grid-tour-01 .item .item-bottom .meta {
    list-style-type: none;
    padding: 0;
    font-size: 16px;
}

.grid-tour-01 .item .item-bottom .meta i {
    color: #333;
    margin-right: 10px
}

.grid-tour-01 .item .item-bottom .meta .schedule a {
    display: inline-block;
    background: #ff9903;
    color: #fff;
    padding: 1px 4px;
    font-size: 13px;
    margin-right: 3px;
    line-height: 20px;
    border-radius: 5px;
    margin-bottom: 6px;
    width: 45px
}

.box-schedule.stuck {
    position: fixed;
    top: 70px;
    z-index: 99;
    width: 350px;
    background: #fff
}

@media only screen and (max-width: 1200px) {
    .box-schedule.stuck {
        width: 300px
    }
}

@media only screen and (max-width: 992px) {
    .box-schedule.stuck {
        position: relative;
        top: 0;
        width: 100%
    }
}

#widget-item-schedule a {
    display: inline-block;
    background: #ff9903;
    color: #fff;
    padding: 1px 4px;
    font-size: 13px;
    margin-right: 3px;
    line-height: 20px;
    border-radius: 5px;
    margin-bottom: 6px;
    width: 45px
}

.header-waypoint-sticky.header-main .header-top {
    display: none
}

.bd-inclusions-tabs .nav-pills .nav-link.active, .bd-inclusions-tabs .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #c50000
}

.grid-provide-01 {
    list-style-type: none;
    padding: 0
}

.grid-provide-01 .item {
    margin-bottom: 30px
}

.grid-provide-01 .item .item-top {
    position: relative;
    position: relative
}

.grid-provide-01 .item .item-top img {
    width: auto;
    height: 172px;
    object-fit: cover
}

.grid-provide-01 .item .item-top .title a {
    font-size: 21px;
    text-align: center;
    display: block;
    color: #fff;
    text-decoration: none
}

.box-search-top {
    background: #ff9903;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    padding-top: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.box-search-top label {
    color: #fff;
    font-weight: 700
}

.siderbar .box-search {
    background: #fff;
    padding: 0;
    border-radius: 0 0 10px 10px;
    padding-top: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.siderbar .box-search label {
    color: #333;
    font-weight: 700
}

.sticker {
    position: relative;
    z-index: 100
}

h1.title-topic {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 7px;
    text-shadow: 1px 1px #ccc;
    line-height: 24px;
    padding: 17px 0;
    color: #e51873
}

.ribbon {
    height: 60px;
    margin: 0 auto;
    position: absolute;
    width: 50px;
    left: 6px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    font-size: 14.5px;
    color: #fff;
    padding-top: 12px;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px
}

.ribbon-top {
    background: #a900a8
}

.ribbon:after, .ribbon:before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    top: 100%
}

.ribbon:after {
    border-left: 50px solid transparent;
    right: 0
}

.ribbon-top:after, .ribbon-top:before {
    border-top: 20px solid #a900a8
}

.corner {
    width: 0;
    height: 0;
    border-bottom: 7px solid #333;
    border-left: 7px solid transparent;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 9999
}

.ribbon:before {
    border-right: 50px solid transparent;
    left: 0
}

.cornerGrid, .ribbonGrid {
    top: -6px
}

.grid-tour-01 .item .item-top {
    position: relative
}

.grid-tour-01 .item .item-top a {
    display: block;
    display: block;
    width: 100%;
    min-height: 180px;
    background: url(/uploads/images/tours/slider/thumbs/blank.jpg) no-repeat #a9a9a9;
    background-size: 356px 249px
}

.grid-tour-01 .item .item-top a img {
    display: block
}

.grid-tour-01 .item .item-bottom {
    padding: 6px;
    padding-bottom: 10px;
    position: relative
}

.grid-tour-01 .item .item-top img {
    width: 100%
}

.frame-sl {
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .03), #000);
    position: absolute;
    bottom: 0;
    padding: 20px 15px 10px;
    z-index: 1
}

.search-in-slide .form-group {
    margin-bottom: 15px
}

.grid-tour-01 .item .item-bottom .meta li {
    margin: 10px 0
}

.owl-theme .owl-nav {
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

section.top-slider {
    margin-bottom: 20px;
    padding: 0
}

.grid-tour-01 .item .item-bottom .phuongtien {
    position: absolute;
    right: -6px;
    top: 6px;
    background: rebeccapurple;
    padding: 2px 11px;
    font-size: 14px;
    font-family: 'roboto'
}

.box-phuongtien {
    position: relative
}

.heading-1 span a {
    color: #ed187d
}

a.view-more-news {
    margin-top: 23px;
    display: block;
    text-align: right
}

.grid-tour-01 .item .item-bottom .phuongtien .box-phuongtien i {
    color: #ff9903;
    margin-right: 10px
}

.grid-tour-01 .item .item-bottom .phuongtien .box-phuongtien span {
    color: #fff
}

.grid-tour-01 .item .item-bottom .phuongtien .box-phuongtien:after {
    content: '';
    position: absolute;
    right: -11px;
    top: 23px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #000333 transparent transparent
}

.footer {
    padding: 30px 0;
    background: #10375e;
    padding-bottom: 0
}

.footer .inform-contact {
    padding: 0;
    list-style-type: none;
    color: #fff
}

.footer .inform-contact .fa, .footer .inform-contact .fas {
    margin-right: 15px;
    color: #ff9903
}

.footer .inform-contact li {
    margin-bottom: 5px
}

.footer .inform-contact a {
    color: #fff
}

.footer .inform-contact a:hover {
    text-decoration: none;
    color: #ff9903
}

.item-contact h5 {
    color: #fff;
    font-size: 16px;
    font-family: 'roboto'
}

.block-footer .title {
    color: #fff;
    border-bottom: 2px solid #10375e;
    font-family: 'roboto';
    padding-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    text-align: center
}

.block-footer .title:after {
    content: '';
    border-bottom: 2px solid #fff;
    position: absolute;
    z-index: 100;
    background: #fff;
    width: 83px;
    bottom: 5px;
    left: 38%
}

.block-footer {
    margin-bottom: 40px;
    font-size: 15px
}

.block-footer .item-social ul {
    padding: 0;
    list-style-type: none
}

.block-footer .item-social ul li {
    display: inline-block;
    margin-right: 10px
}

.block-footer .item-social ul li img {
    width: 30px;
    height: auto;
    vertical-align: text-bottom
}

.block-footer .item-social ul li i {
    font-size: 30px;
    color: #ff9903
}

.item-newsletter {
    margin-top: 15px
}

.block-footer .item-social ul li .fa-viber {
    background: rebeccapurple;
    color: #fff;
    padding: 5px;
    font-size: 23px;
    border: 1px solid #9864cc;
    border-radius: 5px
}

fieldset.scheduler-border {
    border: 1px groove #ddd;
    padding: 0 1.4em 1.4em;
    margin: 0 0 1.5em;
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: 700 !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none
}

fieldset.scheduler-border legend {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'roboto';
    font-weight: 700
}

.item-newsletter h5 {
    color: #fff;
    margin-top: 25px;
    font-size: 16px;
    font-family: 'roboto';
    margin-bottom: 20px
}

.item-newsletter .btn-save {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

.item-newsletter .col-form-label {
    color: #f5f5f5
}

.block-footer .keyword {
    text-align: justify
}

.block-footer .keyword a {
    color: #fff
}

.block-footer .keyword a:hover {
    color: #ff9903;
    text-decoration: none
}

.payment ol {
    padding: 0;
    margin-left: 18px
}

.payment ol li {
    color: #fff;
    text-align: justify
}

.payment ol li a {
    color: #fff
}

.payment ol li a:hover {
    color: #ff9903;
    text-decoration: none
}

.footer .end-footer {
    background: #fff;
    padding: 10px 0
}

.footer .end-footer .copyright {
    font-size: 15px;
    color: #10375e;
    padding: 10px 0;
    font-weight: 700
}

.footer .end-footer .license {
    text-align: center
}

.footer .end-footer .license img {
    width: 170px;
    height: auto
}

.category-page .big-banner {
    position: relative
}

.category-page .big-banner .title {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 39%;
    padding: 10px 20px;
    color: #ff0;
    background: #171717c9;
    font-size: 30px;
    border-radius: 5px 0 0 5px;
    font-family: 'roboto'
}

.category-page .big-banner img {
    width: 100%;
    height: auto;
    display: block
}

.topic-page .big-banner {
    position: relative;
    min-height: 280px
}

.gallery-nav .image:after {
    background: none !important
}

.gallery-nav .slick-center .image:after {
    background: #ffffff7d !important
}

.topic-page .big-banner .title {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 39%;
    padding: 10px 20px;
    color: #ff0;
    background: #171717c9;
    font-size: 30px;
    border-radius: 5px 0 0 5px;
    font-family: 'roboto'
}

.category-page .big-banner {
    position: relative;
    min-height: 280px
}

.category-page .big-banner .title {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 39%;
    padding: 10px 20px;
    color: #ff0;
    background: #171717c9;
    font-size: 30px;
    border-radius: 5px 0 0 5px;
    font-family: 'roboto'
}

.topic-page section {
    padding: 10px 0
}

.topic-page .big-banner img {
    width: 100%;
    height: auto;
    display: block
}

.big-banner .box-search {
    position: absolute;
    width: 320px;
    top: 38px;
    background: #171717ad;
    padding: 6px 20px;
    left: 20px;
    border-radius: 5px;
    padding-bottom: 0
}

.big-banner .box-search .title-search {
    color: #ff0;
    text-align: center;
    font-size: 20px;
    font-family: 'roboto';
    margin-bottom: 10px
}

.big-banner .box-search .form-group {
    margin-bottom: 10px
}

.big-banner .box-search .form-group .form-control {
    padding: 2px;
    font-size: 14px;
    height: 27px
}

.big-banner .box-search .form-group .btn-search-2 {
    color: #fff;
    background: #4db654;
    padding: 2px 10px;
    font-size: 13px
}

.main-content {
    padding: 30px 0
}

.tab-tours .nav-tabs {
    border-bottom: 1px solid #ccc
}

.tab-tours .nav-tabs .nav-link {
    margin-top: 4px;
    background: #ccc;
    color: #333;
    font-family: 'roboto';
    padding: 5px 10px;
    margin-right: 5px
}

.tab-tours .nav-tabs .nav-item.show .nav-link, .tab-tours .nav-tabs .nav-link.active {
    font-weight: 700;
    background: #ed187d;
    color: #fff
}

.tab-tours .tab-content {
    padding: 15px 30px 30px;
    padding-bottom: 30px
}

.list-tour-01 {
    list-style-type: none;
    padding: 0
}

.list-tour-01 .item-left img {
    width: 100%;
    height: auto;
    padding: 5px;
    display: block
}

.list-tour-01 .item {
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 5px
}

ul.list-tour-01 li {
    margin-bottom: 1px
}

.list-tour-01 .item .item-left, .list-tour-01 .item .item-right {
    padding: 12px
}

.list-tour-01 .item .item-right {
    padding-left: 0;
    position: relative
}

.list-tour-01 .item .item-right .title a {
    font-size: 16px;
    line-height: 22px;
    color: #10375e;
    font-family: 'roboto';
    border-bottom: 2px solid #10375e;
    display: block;
    padding-bottom: 2px
}

.list-tour-01 .item .item-right .title a:hover {
    text-decoration: none
}

.list-tour-01 .item .item-right .meta {
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    margin-bottom: 10px
}

.list-tour-01 .item .item-right .price {
    display: inline-block;
    font-size: 17px;
    font-family: 'roboto';
}

.tooltip .arrow {
    display: none
}

h5.title-sub-cate a {
    color: #e51873
}

.list-tour-01 .item .item-right .price .normal-price {
    padding: 4px 10px
}

.list-tour-01 .item .item-right .price .sale-price {
    padding: 4px 10px;
    color: #ff002d;
    font-weight: 700
}

.list-tour-01 .item .item-right .meta i {
    margin-right: 9px;
    color: #ff9903
}

h5.title-sub-cate {
    font-size: 20px;
    color: #e51873
}

h5.title-sub-cate i {
    position: relative;
    left: -11px
}

.list-tour-01 .item .item-right .meta .schedule a {
    display: inline-block;
    background: #ff9903;
    color: #fff;
    padding: 1px 5px;
    font-size: 11px;
    margin-right: 4px;
    line-height: 16px;
    border-radius: 5px;
}

.list-tour-01 .item .item-right .btn-view-detail {
    display: inline-block;
    background: #4db654;
    color: #fff;
    padding: 1px 4px;
    font-size: 13px;
    margin-right: 5px;
    line-height: 22px;
    position: absolute;
    right: 104px;
    width: 100px
}

.list-tour-01 .item .item-right .btn-booking {
    display: inline-block;
    background: #c50000;
    color: #fff;
    padding: 1px 4px;
    font-size: 13px;
    margin-right: 5px;
    line-height: 23px;
    position: absolute;
    right: 7px;
    width: 88px
}

.widget {
    margin-bottom: 30px
}

.widget.button-like-fb {
    background: #f6f6f6;
    padding: 3px 10px 7px;
    border-radius: 5px;
    border: 1px solid #ccc
}

.single-blog-post {
    position: relative;
    z-index: 1;
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 7px
}

.single-blog-post .post-thumbnail {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    width: 100px;
    padding: 5px
}

.single-blog-post .post-content {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    width: 100%
}

.single-blog-post .post-content .post-title {
    color: #10375e;
    margin-bottom: 5px;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    font-family: 'roboto'
}

.single-blog-post .post-content .post-title:hover {
    text-decoration: none;
    color: #ff9903
}

.list-tour-01 .item .item-right .title a:hover {
    text-decoration: none;
    color: #ff9903
}

.single-blog-post .post-thumbnail img {
    width: 100%;
    width: auto;
    height: 71px;
    object-fit: cover;
    display: block
}

.single-blog-bottom {
    text-align: right
}

.single-blog-bottom .btn-view-detail {
    background: #ff9903;
    color: #fff;
    padding: 1px 4px;
    font-size: 13px;
    margin-right: 5px;
    line-height: 23px
}

.widget .widget-title {
}

.widget .widget-title h4 {
    background: #57ae45;
    display: block;
    color: #fff;
    font-family: 'roboto';
    font-size: 19px;
    line-height: 29px;
    margin: 0;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.widget .widget-title h4:after {
}

.widget.news .widget-content {
    padding: 10px;
    border-radius: 0 0 5px 5px
}

.y-kien-khach-hang .item .avatar {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    margin: 7px 9px 0 0;
    text-align: center
}

.y-kien-khach-hang .item .avatar .img {
    display: inline-block;
    position: relative;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
    -o-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    background-image: url(https://viettourist.com/resources/images/feedback/mieu-mieu.jpg)
}

.y-kien-khach-hang .item .avatar .name {
    margin: 5px 0;
    font-size: smaller;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.y-kien-khach-hang .item .comment {
    text-align: justify;
    display: block
}

.box-y-kien-khach-hang .item {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ccc
}

.box-y-kien-khach-hang .widget-content {
    padding: 10px;
    border-radius: 0 0 5px 5px
}

.widget.banner img {
    padding: 10px
}

.btn-viewmore {
    display: inline-block;
    background: #10375e;
    color: #fff;
    padding: 2px 8px;
    font-size: 13px;
    margin-right: 5px;
    line-height: 23px
}

.btn-viewmore:hover {
    color: #fff
}

.btn-viewmore i {
    margin-left: 5px
}

.top-detail-page .title {
    font-size: 22px;
    font-family: 'roboto';
    color: #10375e;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 0
}

.top-detail-page {
    margin-top: 20px;
    background: #f5f5f5
}

.top-detail-page .slideshow-meta-tour .meta {
    padding: 0;
    list-style-type: none;
    margin: 20px 0;
    font-size: 15px;
    font-family: 'roboto'
}

.top-detail-page .slideshow-meta-tour .meta li .meta-title {
    min-width: 110px;
    display: inline-block;
    font-weight: 700
}

.top-detail-page .slideshow-meta-tour .note {
    font-size: 13px;
    margin-bottom: 10px;
    font-family: 'roboto'
}

.top-detail-page .price {
    display: block;
    font-size: 16px;
    font-family: 'roboto';
    margin: 20px 0
}

.top-detail-page .price .normal-price {
    padding: 4px 10px;
    color: #10375e;
    font-size: 14px;
}

.top-detail-page .price .sale-price {
    margin-left: -4px;
    color: #ff002d;
    font-weight: 700;
    font-size: 28px;
}

.slideshow-meta-tour .meta-detail-page {
    padding-right: 15px
}

.slideshow-meta-tour .btn i {
    margin-right: 10px
}

.slideshow-meta-tour .btn-booking {
    background: #c50000;
    display: block;
    color: #fff;
    text-align: left;
    font-family: 'roboto';
    margin-bottom: 15px
}

.slideshow-meta-tour .btn-download {
    background: #46b44e;
    display: block;
    color: #fff;
    text-align: left;
    font-family: 'roboto'
}

.top-detail-page .slideshow-meta-tour .meta li a {
    color: #c50000
}

.top-detail-page .slideshow-meta-tour .meta li a:hover {
    text-decoration: none
}

.gallery-lich-trinh {
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    margin: 20px 0
}

.nav-tour {
    padding-bottom: 20px
}

.nav-tour ul {
    padding: 0;
    list-style-type: none;
    border-bottom: 2px solid #ff9903;
    background: #f5f5f5
}

.nav-tour ul li {
    display: inline-block
}

.nav-tour ul li a {
    color: #333;
    text-transform: uppercase;
    font-family: 'roboto';
    font-size: 13px;
    text-decoration: none;
    border-right: 1px solid #afafaf;
    padding: 8px;
    display: block
}

.nav-tour ul li a.active {
    background: #ff9903;
    color: #fff;
    font-weight: 700;
    border-right: none
}

.detail-page .block-tab-product {
    background: #f5f5f5;
    padding: 15px 15px 20px;
    position: relative;
    margin-bottom: 20px
}

.detail-page .block-tab-product .title-block {
    background: #ff9903;
    position: absolute;
    right: -7px;
    top: 0;
    padding: 4px 8px;
    color: #fff;
    font-weight: 700;
    font-family: 'roboto'
}

.detail-page .block-tab-product .title-block:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #333 transparent transparent
}

#detail-content-sticky-nav-timeline > .item {
    margin-bottom: 20px
}

#detail-content-sticky-nav-timeline .item .title .date {
    position: relative;
    font-size: 14px;
    display: flex;
    margin-right: 15px;
    float: left;
    clear: none;
    color: #fff;
    border-radius: 0 5px 5px 0;
    line-height: 21px;
    width: 107px;
    background: rgb(255, 153, 3);
    background: linear-gradient(90deg, rgba(255, 153, 3, 1) 30%, rgba(2, 125, 197, 1) 30%);
}

#detail-content-sticky-nav-timeline .item .title .date i {
    padding: 6px 12px;
    line-height: 18px;
    text-align: center;
    margin: auto 0 auto 0;
}

#detail-content-sticky-nav-timeline .item .title .date span {
    padding: 4px 10px 3px 5px;
    margin: auto 0 auto 0;
}

#detail-content-sticky-nav-timeline .item .open-timeline {
    height: auto !important;
}

.label-c {
    font-size: 14px;
    line-height: 32px;
    color: #fff
}

#box-schedule .title {
    background: #017dc5;
    padding: 6px;
    text-align: center;
    border-radius: 6px 6px 0 0
}

#box-schedule .title h4 {
    color: #fff;
    font-size: 19px
}

#box-schedule .widget-content {
    background: #ff9903
}

.form-control {
    color: #000
}

.blog-entry {
    text-align: JUSTIFY;
}


#detail-content-sticky-nav-timeline .item .title {
    font-size: 16px;
    margin-bottom: 12px;
    color: #10375e;
    font-family: 'roboto';
    line-height: 29px;
    font-weight: 700
}

#detail-content-sticky-nav-timeline .item .title .content-title {
    display: flex;
    overflow: hidden;
    width: auto;
    line-height: 28px;
}

#detail-content-sticky-nav-timeline .item .content {
    text-align: justify;
    font-size: 16px;
    font-family: 'roboto';
    height: 200px;
    overflow: hidden;
    transition: height 2s;
}

#detail-content-sticky-nav-timeline .item .content p {
    margin-bottom: 0px;
}

#detail-content-sticky-nav-timeline .button-open-content {
    text-align: center;
    margin-bottom: 15px;
    display: block;
}

#detail-content-sticky-nav-timeline .button-open-content a {
    color: #ff002d;
}

#thongtincanbiet .content, #giatour .content {
    text-align: justify;
    font-size: 13px;
    font-family: 'roboto'
}

.table.lichkhoihanh {
    font-size: 13px;
    background: #fff;
    margin-top: 20px
}

.table.lichkhoihanh td, .table.lichkhoihanh th {
    padding: 7px 10px
}

.table.lichkhoihanh .thead-dark tr th {
    background: #10375e;
    border-color: #194673
}

.box-search .widget-content .form-control {
    font-size: 13px
}

.timeline-nav {
    display: none !important;
}

.table.lichkhoihanh .btn-booking {
    background: #c50000;
    display: block;
    color: #fff;
    text-align: center;
    font-family: 'roboto';
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px 10px
}

.box-search .widget-content {
    padding: 20px 15px;
    padding-bottom: 10px
}

.box-search .btn-search {
    background: #4db654;
    color: #fff
}

.widget-content.padding-15 {
    padding: 15px
}

.box-faqs {
    font-family: 'roboto'
}

.box-faqs .card {
    margin-bottom: 10px
}

.box-faqs .card-header {
    text-align: left;
    padding: 7px;
    background: #ff9907;
    color: #fff;
}

.box-faqs .card-header .btn {
    color: #fff;
    text-decoration: none;
    font-size: 13px
}

.card-body {
    font-size: 13px;
    text-align: justify
}

#detail-content-sticky-nav-timeline img {
    max-width: 100% !important;
    height: auto !important
}

.btn.vt-sumbit {
    color: #fff;
    background: linear-gradient(to right, #e51873, #f15097);
    font-style: normal;
    text-transform: none
}

.btn.vt-sumbit:hover {
    color: #fff;
    background: linear-gradient(to right, #e51873, #e51873)
}

.table.table-schedule {
    font-size: 16px;
    font-style: normal !important
}

.table.table-schedule td {
    vertical-align: middle
}

.table-schedule > thead > tr {
    background: #58ad46;
    color: #fff;
    font-size: 15px
}

.table-schedule td {
    padding: 10px
}

.flex {
    display: flex
}

.inside-right {
    flex: 1
}

.table-schedule .price {
    color: #e90000 !important
}

.display-box-search:hover {
    color: #fff;
    background: #ff1e81
}

.display-box-search {
    display: none
}

.grid-provide-01 .item .item-top > a {
    width: 255px;
    height: 178px;
    background: url(/uploads/images/tours/slider/thumbs/blank.jpg) no-repeat #a9a9a9;
    background-size: 255px 178px
}

.grid-tour-01 .owl-item .item-grid {
    padding: 10px
}

.staylong {
    position: absolute;
    background: #01375dad;
    color: #fff;
    padding: 1px 6px;
    right: 4px;
    border-radius: 5px;
    bottom: 4px;
    border: 1px solid #fbfbfb
}

.staylong .fas {
    margin-right: 3px
}

.block-bottom-cate .block-menu {
    margin-bottom: 15px
}

.block-menu i {
    color: #ff9903;
    margin-right: 9px
}

.block-bottom-cate .block-menu h3 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #e51873
}

.block-bottom-cate .block-menu a {
    color: #01375d;
    font-size: 15px
}

#hot-news {
    margin-top: 30px
}

.block-bottom-cate {
    padding: 20px 0
}

.float-call {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 100000
}

.float-call a {
    display: block;
    margin-bottom: 5px
}

.post-horizon-wrapper h2, .post-horizon-wrapper h3, .post-horizon-wrapper h4, .post-horizon-wrapper h5, .post-horizon-wrapper h6 {
    margin: 0;
}

@media only screen and (max-width: 1200px) {
    .search-in-slide {
        top: 0;
        width: 100%;
        background: #000
    }

    .grid-provide-01 .item .item-top > a {
        width: 210px;
        height: 179px;
        background-size: 210px 179px
    }

    .grid-tour-01 .item .item-top a {
        min-height: 175px
    }
}

.sidebar-wrapper {
    margin-top: 10px;
}

@media only screen and (max-width: 991px) {
    .search-in-slide {
        background: #000;
        top: 0;
        position: relative;
        width: 100%;
        border-radius: 0 0 5px 5px;
        padding: 15px;
        padding-bottom: 0
    }

    #detail-content-sticky-nav-timeline .item .title .content-title {
        padding-top: 7px;
        text-align: justify;
    }

    #detail-content-sticky-nav-timeline .item .title .date {
        float: left;
        margin-top: 6px;
        margin-right: 10px;
    }

    .grid-provide-01 .item .item-top > a {
        width: 210px;
        height: 179px;
        background-size: 210px 179px
    }

    .grid-tour-01 .item .item-top a {
        min-height: 180px
    }

    .big-banner .box-search {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding-bottom: 5px;
        border-radius: 0 0 5px 5px;
        background: #333
    }

    section.top-slider {
        margin-bottom: 40px
    }

    .category-page .big-banner .title {
        top: 47px
    }

    .big-banner .box-search .form-group .form-control {
        padding: .375rem .75rem;
        font-size: 1rem;
        height: calc(1.5em + .75rem + 2px)
    }

    .big-banner .box-search .form-group {
        margin-bottom: 20px
    }

    .big-banner .box-search .title-search {
        font-size: 30px
    }

    .logo {
        text-align: center
    }

    .owl-theme .owl-nav {
        opacity: .9 !important
    }
}

.dropdown-login {
    display: none
}

#hot-provide {
    margin-top: 20px
}

.fb_reset {
    display: none
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.short-text-desc {
    font-size: 15px;
    color: #01375d;
    font-family: 'roboto';
    font-weight: 400;
}

.text-sale {
    color: red;
    font-weight: bold;
}

td.hide-row-button-book {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .list-tour-01 .item .item-right {
        padding-left: 12px
    }

    .grid-provide-01 .item .item-top > a {
        width: 100%;
        min-height: 200px
    }

    .grid-tour-01 .item .item-top a {
        min-height: 180px
    }

    .y-kien-khach-hang .item .avatar {
        width: 100%
    }

    .nav-tour ul li a {
        border-bottom: 1px solid gray
    }

    .grid-provide-01 .item {
        width: 100%
    }

    .grid-provide-01 .item .item-top img {
        width: 100%;
        height: auto
    }

    .box-search-top, .pos-search-bar {
        display: none
    }

    .display-box-search {
        position: absolute;
        right: 40px;
        top: 0;
        padding: 2px 7px;
        background: #e51b74;
        color: #fff;
        border-radius: 5px;
        font-size: 12px;
        display: block;
    }

    .category-page .big-banner .title {
        position: relative;
        z-index: 100;
        right: 0;
        bottom: 0;
        padding: 18px 10px;
        background: #e51772;
        color: #fff;
        font-size: 24px;
        border-radius: 0;
        font-family: 'roboto';
        padding: 2px;
        font-weight: 700;
        text-align: center;
        top: 0;
        padding: 8px;
        margin: 0;
        border-radius: 0 0 5px 5px;
        text-shadow: 2px 3px #000
    }

    .grid-tour-01 .item .item-bottom .meta {

    }

    .grid-tour-01 .item .item-bottom .price {
        font-size: 11px
    }

    .grid-tour-01 .item .item-bottom .title {
        font-size: 15px
    }

    .grid-tour-01 .item {
        margin-bottom: 10px
    }

    .grid-tour-01 {
        margin-top: 10px
    }

    .category-page .big-banner {
        min-height: auto;
    }
}

.hvr-bounce-to-right {
    display: block;
}

.blog-entry table {
    width: 100% !important;
}


@media only screen and (max-width: 522px) {
    .list-tour-01 .item .item-right .btn-view-detail, .list-tour-01 .item .item-right .btn-booking {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin: 20px 0;
        line-height: 35px
    }

    .heading-1 span {

        font-size: 19px;
        padding: 7px 0px;

    }


}

@media only screen and (max-width: 425px) {
    .category-page .big-banner .title {
        top: 16px
    }
}

@media only screen and (max-width: 800px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #no-more-tables tr {
        border: 1px solid #ccc
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #d8d8d8;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        color: #343434;
        background: #fff
    }

    #no-more-tables tr td:first-child {
        background-color: #56ae45;
        color: #fff;
        font-weight: 700
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700;
        content: attr(data-title)
    }
}