/* Minification failed. Returning unminified contents.
(172,2): run-time error CSS1030: Expected identifier, found ' '
(172,2): run-time error CSS1019: Unexpected token, found ' '
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(4498,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found ']'
(12976,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13205,11): run-time error CSS1035: Expected colon, found ';'
(13430,18): run-time error CSS1046: Expect comma, found '173'
(13430,25): run-time error CSS1046: Expect comma, found ')'
(13706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(13708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
: run-time error CSS1036: Expected expression, found ''
(15394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17673,16): run-time error CSS1035: Expected colon, found ';'
(17865,1): run-time error CSS1035: Expected colon, found '}'
: run-time error CSS1066: Unexpected end of file encountered
 */
/*------------------------------------------------------------------
* Table of Content
* 1. Reset
* 2. Default Typography
* 3. Global
* 4. Margin Sets
* 5. Padding Sets
* 6. Image
* 7. Layout
* 8. Typography
* 9. Row > Number of Columns
* 10. Row Gap
* 11. Row Margin Bottom
* 12. Reordering
* 13. Column width from max
* 14. Border
* 15. List
* 16. Background
* 17. Button
* 18. Form
-------------------------------------------------------------------*/


/**
 * Reset
 */

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;
}

ol:not(.ol) li,
ul:not(.ul) li{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ol.ol,
ul.ul {
    margin-left: 35px;
    margin-bottom: 20px;
}

ol.ol,
ul.ul {
    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;
}

ul.list-group li{
  padding: .75rem 1.25rem;
}

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
}


/**
 * Default Typography
 */

a,
a:visited,
a:focus,
a:active,
a:hover,
:focus {
    text-decoration: none;
    outline: none;
}

a {
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #FF2D54;
    font-weight: 400;
}

a:hover,
a:focus {
    text-decoration: none;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #E0163B;
}

::selection {
    color: #FF2D54;
    background: #DFEAF7;
}

::-moz-selection {
    color: #FF2D54;
    background: #DFEAF7;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #515263;
    font-weight: 400;
    font-size: 13px;
    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: 576px) {}

@media (min-width: 768px) {
    body {
        font-size: 14px;
        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: 15px;
    }
    .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: 992px) {}

@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;
    }
}


/**
 * Global
 */

.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: 0.1;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-35 {
    opacity: 0.35;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-45 {
    opacity: 0.45;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-55 {
    opacity: 0.55;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-65 {
    opacity: 0.65;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-85 {
    opacity: 0.85;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-925 {
    opacity: 0.925;
}

.opacity-95 {
    opacity: 0.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;
}

.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;
    }
}


/**
 * Margin Sets
 */

.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: 0px !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: 0px !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: 0px !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
    }
}


/**
 * Padding Sets
 */

.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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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: 0px !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
 */

.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: 0.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: 0.9;
}

.overlay-relative .overlay-holder.opacity-8 {
    opacity: 0.8;
}

.overlay-relative .overlay-holder.opacity-7 {
    opacity: 0.7;
}

.overlay-relative .overlay-holder.opacity-6 {
    opacity: 0.6;
}

.overlay-relative .overlay-holder.opacity-5 {
    opacity: 0.5;
}

.overlay-relative .overlay-holder.opacity-4 {
    opacity: 0.4;
}

.overlay-relative .overlay-holder.opacity-3 {
    opacity: 0.3;
}

.overlay-relative .overlay-holder.opacity-2 {
    opacity: 0.2;
}

.overlay-relative .overlay-holder.opacity-1 {
    opacity: 0.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%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.overlay-relative.overlay-gradient .overlay-holder.right {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=1);
    /* IE6-9 */
}

.overlay-relative.overlay-gradient .overlay-holder.top {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.overlay-relative.overlay-gradient .overlay-holder.bottom {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.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%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.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%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.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%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}

.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%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.99) 99%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.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%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    padding: 10px;
    padding-top: 50px;
}

.caption-relative .caption-show-hide {
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.caption-relative:hover .caption-show-hide {
    opacity: 1;
    height: 100px;
}


/**
 * Layout
 */

.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] > div,
.row > [class*=col] > a,
.row > [class*=col] > article,
.row > [class*=col] > figure {}

.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 {}

.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;
    }
}


/**
 * Typography
 */

.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: -0.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: 0.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: #03ADC5 !important;
}

.text-secondary {
    color: #0AD17A !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 > Number of Columns
 */

.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
 */

.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 Margin Bottom
 */

.row.mb-0 {
    margin-bottom: 0 !important;
}

.row.mb-0 > [class*=col] {
    padding-bottom: 0px;
}

.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: 0px;
    }
    .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: 0px;
    }
    .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: 0px;
    }
    .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: 0px;
    }
    .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;
}


/**
 * Reordering
 */

.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%
}


/**
 * Column width from max
 */

@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 {
    border: 1px solid #E1E1E1;
}

.border-primary {
    border-color: #03ADC5;
}

.border-secondary {
    border-color: #0AD17A;
}

.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%;
}


/**
 * List
 */

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: #0B8CDB;
    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: 576px) {}

@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;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}


/**
 * Background
 */

.bg-primary {
    background: #03ADC5 !important;
    color: #FFF;
}

.bg-secondary {
    background: #0AD17A !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: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px 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: #962C2E !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 #03ADC5;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
}

.bg-box-border-secondary {
    background-color: #FFFCFA;
    border: 2px solid #0AD17A;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px 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;
}


/**
 * Button
 */

.btn {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 13px;
    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;
}

.btn-primary {
    background: #03ADC5;
    border-color: #03ADC5;
    color: #FFF;
}

.btn-primary:hover {
    background: #0BDBBA;
    border-color: #0BDBBA;
}

.btn-secondary {
    background: #0AD17A;
    border-color: #0AD17A;
    color: #FFF;
}

.btn-secondary:hover {
    background: #0BDBBA;
    border-color: #0BDBBA;
}

.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: #03ADC5;
}

.btn-secondary.btn-border {
    color: #0AD17A;
}

.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: 0.5;
    -webkit-box-shadow: 0px 3px 24px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 24px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 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;
}


/** When with .collapsed, mean box closed */

.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: 0px 0px 11px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 0px 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: 0.8;
}

.btn-change-search.collapsed:before {
    content: '+ Change Search';
}

.btn-change-search:before {
    content: '- Cancel';
}


/**
 * Form
 */

.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: 0.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: 0.875rem;
}

.custom-file-sm .custom-file-label::after {
    height: calc(calc(1.8125rem + 2px) - 1px * 2);
    font-size: 0.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: #0B8CDB;
    background-color: #0B8CDB;
}

.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: #0B8CDB;
    border-color: #0B8CDB;
}

.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;
}

.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;
}

.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;
}

.form-icon-left .icon-font {
    left: 0;
}

.form-icon-right .icon-font {
    right: 0;
}

.bg-primary .form-control {
    border-color: #FFF;
}

/*------------------------------------------------------------------
* Table of Content
* 1. Bootstrap Override
* 2. Affix - Sidebar Navigation Sticky from Bootstrap V3
* 3. Bootstrap Rating
* 4. Readmore jQuery
* 5. Chosen
* 6. Slick carousel
* 7. Bootstrap TouchSpin
* 8. Ion.RangeSlider
* 9. Air Datepicker
* 10. Typeahead
-------------------------------------------------------------------*/


/**
 * Bootstrap Override
 */


/** collapse */

.bt-collapse-wrapper .collapse-header {
    position: relative;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f0d8";
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 0;
    color: #939393;
    font-size: 14px;
    line-height: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse].collapsed:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed),
.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed):after {
    color: #FF5252;
}

.bt-collapse-wrapper .collapse-header h3,
.bt-collapse-wrapper .collapse-header h4,
.bt-collapse-wrapper .collapse-header h5,
.bt-collapse-wrapper .collapse-header h6 {
    margin: 0;
}

.bt-collapse-wrapper .collapse-header a.collapse-link {
    display: block;
}

.bt-collapse-wrapper .collapse-item {
    border: 1px solid #E1E1E1;
    border-bottom: 0;
    margin: 0;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bt-collapse-wrapper .collapse-item + .collapse-item {
    margin-top: 20px;
}

.bt-collapse-wrapper .collapse-header {
    position: relative;
    padding-right: 30px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #E1E1E1;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f106 ";
    font-weight: 900;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    line-height: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #999;
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: block;
    text-align: center;
    padding-left: 2px;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse].collapsed:after {
    content: "\f106";
    color: #999;
}

.bt-collapse-wrapper .collapse-header .collapse-title {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
}

.bt-collapse-wrapper .collapse-header .collapse-title > a {
    display: block;
    line-height: 1;
    padding: 22px 25px 18px;
    font-weight: 700;
    color: #333;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed) {}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed) .collapse-title {
    color: #333;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed):after {}

.bt-collapse-wrapper .collapse-body {
    padding: 20px;
    border-bottom: 1px solid #E1E1E1;
}

.bt-collapse-wrapper .collapse-inner {
    padding-left: 15px;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed) {
    color: #333;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:hover {
    color: #FF5252;
}

.bt-collapse-wrapper .collapse-header [data-toggle=collapse]:not(.collapsed):after {
    color: #999;
}


/** dropdown */

.dropdown .btn-interactive {
    position: relative;
    padding-right: 15px;
}

.dropdown .btn-interactive:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f0d7";
    font-weight: 900;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    height: 10px;
}

.show.dropdown .btn-interactive:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown.dropdown-smooth-01 .dropdown-menu {
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
    padding: 0;
}

.dropdown.show.dropdown-smooth-01 .dropdown-menu {
    max-height: 600px;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu {
    z-index: 999999;
}


/** progress bar */

.progress-item h6.process-label {
    line-height: 1;
    font-weight: 500;
}

.amimated-process-bar {
    width: 0;
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}


/** Box Expand cloned from Navbar Expand  */

@media (max-width: 575.98px) {
    .box-expand-sm > .container,
    .box-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .box-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .box-expand-sm .box-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .box-expand-sm .box-nav .dropdown-menu {
        position: absolute
    }
    .box-expand-sm .box-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .box-expand-sm > .container,
    .box-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .box-expand-sm .box-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .box-expand-sm .box-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .box-expand-md > .container,
    .box-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .box-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .box-expand-md .box-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .box-expand-md .box-nav .dropdown-menu {
        position: absolute
    }
    .box-expand-md .box-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .box-expand-md > .container,
    .box-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .box-expand-md .box-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .box-expand-md .box-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .box-expand-lg > .container,
    .box-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .box-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .box-expand-lg .box-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .box-expand-lg .box-nav .dropdown-menu {
        position: absolute
    }
    .box-expand-lg .box-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .box-expand-lg > .container,
    .box-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .box-expand-lg .box-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .box-expand-lg .box-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .box-expand-xl > .container,
    .box-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .box-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .box-expand-xl .box-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .box-expand-xl .box-nav .dropdown-menu {
        position: absolute
    }
    .box-expand-xl .box-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .box-expand-xl > .container,
    .box-expand-xl > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .box-expand-xl .box-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .box-expand-xl .box-toggler {
        display: none
    }
}

.box-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box-expand > .container,
.box-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.box-expand .box-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.box-expand .box-nav .dropdown-menu {
    position: absolute
}

.box-expand .box-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.box-expand > .container,
.box-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.box-expand .box-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.box-expand .box-toggler {
    display: none
}


/**
 * 	Affix - Sidebar Navigation Sticky from Bootstrap V3
 * 	Require affix.js
 */

.affix-nav.affix-top,
.affix-nav.affix {
    position: static;
}

.affix-nav.affix-bottom {
    position: relative;
    border-color: blue;
}

.affix-nav ul {
    display: block;
}

.affix-nav .nav-link:focus {}

.affix-box:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.affix-box .sub-affix-box {
    border-left: 2px solid #CCC;
    padding: 30px;
    background-color: #F5F5F5;
    margin-bottom: 30px;
}

.affix-box .sub-affix-box:nth-of-type(1) {
    margin-top: 30px;
}

.affix-box .sub-affix-box:last-child {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .affix-nav.affix {
        position: fixed;
        top: 130px
    }
    .affix-nav.affix .hide-on-affix {
        display: none;
    }
    .vertical-menu.affix > ul {
        -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.21);
        -moz-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.21);
        box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.21);
    }
    .affix-nav.affix,
    .affix-nav.affix-bottom {
        width: 209px
    }
}

@media (min-width: 1200px) {
    .affix-nav.affix-bottom,
    .affix-nav.affix {
        width: 248px
    }
}


/**
 * Bootstrap Rating
 */

.symbol {
    display: inline-block;
    border-radius: 50%;
    border: 5px double #fff;
    width: 30px;
    height: 30px
}

.symbol-empty {
    background-color: #757575
}

.symbol-filled {
    background-color: #000;
}

.rating-symbol-background {}

.rating-symbol-foreground {}

.rating-symbol {}

.rating-item {
    line-height: 1.25;
}

.rating-item .rating-icon {
    font-size: 14px;
    color: #0AD17A;
}

.rating-item .rating-symbol {
    margin-right: 2px;
}

.rating-item .rating-text {
    margin: 3px 0 0;
}

.rating-item.rating-xs .rating-icon {
    font-size: 10px;
}

.rating-item.rating-xs .rating-symbol {
    margin-right: 1px;
}

.rating-item.rating-sm .rating-icon {
    font-size: 12px;
}

.rating-item.rating-lg .rating-icon {
    font-size: 17px;
}

.rating-item.rating-inline .rating-icons {
    margin-right: 3px;
}

.rating-item.rating-inline .rating-icons,
.rating-item.rating-inline .rating-text {
    display: inline-block;
    vertical-align: middle;
}


/**
 * Readmore jQuery
 */

.read-more-article {
    max-height: 68px;
}

.read-more-div-open,
.read-more-div-close {
    font-size: 12px;
    display: block;
    margin-top: 7px;
    font-weight: 700;
    letter-spacing: 1px;
}

.read-more-div-close {
    margin-top: 15px;
}


/*
 * Bootstrap 4 Component - Chosen
 * Version: 1.0.9
 * Copyright (c) 2017-18 Martin Haubek
 */

.chosen-select,
.chosen-select-deselect {
    width: 100%
}

.chosen-container {
    display: inline-block;
    position: relative;
    width: 100%!important;
    font-size: 1rem;
    text-align: left;
    vertical-align: middle
}

.chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #80bdff;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
    right: 0
}

.chosen-container .chosen-results {
    margin: 0;
    position: relative;
    max-height: 15rem;
    padding: .5rem 0 0;
    color: #6c757d;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    line-height: 1.5;
    list-style: none;
    margin: 0;
    padding: .25rem .25rem .25rem 1.5rem
}

.chosen-container .chosen-results li em {
    font-style: normal;
    color: #6c757d
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    padding-left: .75rem;
    color: #adb5bd;
    font-weight: 400;
    text-transform: uppercase
}

.chosen-container .chosen-results li.group-option {
    padding-left: 1.5rem
}

.chosen-container .chosen-results li.active-result {
    cursor: pointer;
    display: list-item
}

.chosen-container .chosen-results li.result-selected {
    color: #495057
}

.chosen-container .chosen-results li.result-selected:before {
    display: inline-block;
    position: relative;
    top: .3rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: -1.25rem;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23495057' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-size: 1.25rem 1.25rem;
    background-position: center center;
    background-repeat: no-repeat
}

.chosen-container .chosen-results li.highlighted {
    background-color: #007bff;
    background-image: none;
    color: #fff
}

.chosen-container .chosen-results li.highlighted:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")
}

.chosen-container .chosen-results li.highlighted em {
    background: transparent;
    color: rgba(255, 255, 255, 0.8)
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ced4da
}

.chosen-container .chosen-results .no-results {
    display: list-item;
    padding: .25rem 0 1rem 1.065rem;
    color: #dc3545
}

.chosen-container .chosen-results-scroll {
    background: #fff;
    margin: 0 .25rem;
    position: absolute;
    text-align: center;
    width: 20rem;
    z-index: 1
}

.chosen-container .chosen-results-scroll span {
    display: inline-block;
    height: 1.5px;
    text-indent: -5000px;
    width: .5rem
}

.chosen-container-single .chosen-single {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    color: #6c757d;
    display: block;
    height: calc(2.25rem + 2px);
    overflow: hidden;
    line-height: calc(2.25rem + 2px);
    padding: 0 0 0 .75rem;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.chosen-container-single .chosen-single abbr {
    display: inline-block;
    position: absolute;
    top: .45rem;
    right: 2.5rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-size: 1.5rem 1.5rem;
    background-position: center center;
    background-repeat: no-repeat
}

.chosen-container-single .chosen-single abbr:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")
}

.chosen-container-single .chosen-single span {
    display: block;
    margin-right: 1.5rem;
    text-overflow: ellipsis
}

.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
    background-position: right 2px
}

.chosen-container-single .chosen-single div {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 100%;
    padding-left: .5rem;
    background-color: #fff
}

.chosen-container-single .chosen-single div:after {
    display: inline-block;
    position: relative;
    top: .25rem;
    left: -1rem;
    width: 2rem;
    height: 2rem;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");
    background-size: 2rem 2rem;
    background-position: center center;
    background-repeat: no-repeat
}

.chosen-container-single .chosen-default {
    color: #adb5bd
}

.chosen-container-single a:not([href]):not([tabindex]) {
    color: #adb5bd!important
}

.chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) {
    color: #6c757d!important
}

.chosen-container-single .chosen-search-input {
    display: none;
    border: none
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: .5rem .5rem 0;
    position: relative;
    white-space: nowrap;
    z-index: 1000
}

.chosen-container-single .chosen-search:after {
    display: inline-block;
    position: relative;
    top: .365rem;
    left: -1.75rem;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
    background-size: 1.25rem 1.25rem;
    background-position: center center;
    background-repeat: no-repeat
}

.chosen-container-single .chosen-search input[type="text"] {
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    outline: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding: .25rem 1rem .25rem .5rem;
    width: 100%
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    background-clip: padding-box
}

.chosen-container-single-nosearch .chosen-search {
    display: none
}

.chosen-container-multi .chosen-choices {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    cursor: text;
    height: auto!important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices .search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    background: transparent!important;
    border: 0!important;
    color: #adb5bd;
    height: calc(2.25rem + 2px);
    margin: 0;
    padding: 0 0 0 .75rem;
    outline: 0;
    width: 100%!important
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: #ced4da
}

.chosen-container-multi .chosen-choices .search-choice {
    background-clip: padding-box;
    position: relative;
    margin: .35rem 0 0 .5rem;
    padding: .25rem 1.5rem .25rem .25rem;
    border: 1px solid #ced4da;
    background-color: #f8f9fa;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    cursor: default;
    font-size: .875rem;
    line-height: 1;
    color: #6c757d
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    display: inline-block;
    position: absolute;
    top: .2rem;
    right: .125rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-size: 1rem 1rem;
    background-position: center center;
    background-repeat: no-repeat
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23921925' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")
}

.chosen-container-multi .chosen-choices .search-choice-focus {
    background: #dee2e6
}

.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: right -11px
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none
}

.chosen-container-active .chosen-single {
    border: 1px solid #80bdff;
    transition: border linear 0ms, box-shadow linear 0
}

@media screen and (prefers-reduced-motion: reduce) {
    .chosen-container-active .chosen-single {
        transition: none
    }
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    border: 1px solid #80bdff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: border linear 0ms, box-shadow linear 0
}

@media screen and (prefers-reduced-motion: reduce) {
    .chosen-container-active.chosen-with-drop .chosen-single {
        transition: none
    }
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
    display: inline-block;
    position: relative;
    top: .25rem;
    left: -1rem;
    width: 2rem;
    height: 2rem;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23adb5bd' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
    background-size: 2rem 2rem;
    background-position: center center;
    background-repeat: no-repeat
}

.chosen-container-active .chosen-choices {
    border: 1px solid #80bdff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: border linear 0ms, box-shadow linear 0
}

@media screen and (prefers-reduced-motion: reduce) {
    .chosen-container-active .chosen-choices {
        transition: none
    }
}

.chosen-container-active .chosen-choices .search-field input[type="text"] {
    color: #6c757d!important;
}

.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.chosen-container-active.chosen-with-drop .chosen-search-input {
    display: inline-block;
}

.chosen-disabled {
    cursor: default;
    opacity: .5!important
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-container-optgroup-clickable li.group-result {
    text-transform: none!important
}

.chosen-container-optgroup-clickable li.group-result:hover {
    background-color: #007bff;
    color: #fff;
    cursor: pointer
}

.chosen-container.is-valid .chosen-single,
.chosen-container.is-valid .chosen-choices,
.chosen-container.is-valid .chosen-drop,
.chosen-container:valid .chosen-single,
.chosen-container:valid .chosen-choices,
.chosen-container:valid .chosen-drop {
    border-color: #28a745
}

.chosen-container.is-invalid .chosen-single,
.chosen-container.is-invalid .chosen-choices,
.chosen-container.is-invalid .chosen-drop,
.chosen-container:invalid .chosen-single,
.chosen-container:invalid .chosen-choices,
.chosen-container:invalid .chosen-drop {
    border-color: #dc3545
}

input[type="text"].chosen-focus-input {
    position: absolute;
    top: -9000px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: transparent!important;
    border: 0!important;
    outline: 0
}


/* Customized */

.chosen-container-single .chosen-single {
    border-color: #E1E1E1;
    border-radius: 3px;
}

.chosen-container-single .chosen-default {
    color: #9B9B9B
}

.chosen-container-single a:not([href]):not([tabindex]) {
    color: #9B9B9B!important
}


/* as placeholder */

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    color: #9B9B9B;
}

.chosen-container .chosen-drop,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active .chosen-choices {
    border-color: #A1A1A1;
}

.chosen-container-single .chosen-single div {
    top: -3px;
    right: -7px;
}

.chosen-container-single .chosen-single div:after {
    background-image: none;
    font-family: "Ionicons";
    content: "\f35f";
    display: block;
    text-align: center;
    color: #666;
}

.chosen-container-active.chosen-with-drop .chosen-single div:after {
    background-image: none;
    content: "\f365";
}

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    height: 36px;
}

.chosen-container .chosen-results li {
    padding: 5px 10px;
}

.chosen-container .chosen-results li.result-selected:before {
    display: none;
}

.form-icon-left .chosen-single {
    padding-left: 30px;
    background: none;
}

.form-icon-left .chosen-container-multi .chosen-choices {
    padding-left: 20px;
    background: none;
}

.form-icon-left .chosen-container-active.chosen-with-drop .chosen-single {
    background: none;
}

.chosen-bg-light .chosen-container-single .chosen-single,
.chosen-bg-light .chosen-container-single .chosen-single div {
    background-color: #F9F9F9;
}

.bg-primary .chosen-container-single .chosen-single {
    border-color: #FFF;
}


/* Slick carousel */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}


/* slick-theme */

.slick-loading .slick-list {
    background: #fff url(images/slick-ajax-loader.gif) center center no-repeat
}


/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 25px;
    margin-top: -13px;
    padding: 0;
    cursor: pointer;
    color: inherit;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: inherit;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .1
}

.slick-prev:before,
.slick-next:before {
    font-family: 'ElegantIcons';
    font-size: 22px;
    opacity: .5;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-style: normal;
}

.slick-prev {
    left: -30px
}

[dir='rtl'] .slick-prev {
    right: -30px;
    left: auto
}

.slick-prev:before {
    content: '\3c'
}

[dir='rtl'] .slick-prev:before {
    content: '\3d'
}

.slick-next {
    right: -30px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -30px
}

.slick-next:before {
    content: '\3d'
}

[dir='rtl'] .slick-next:before {
    content: '\3c'
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 25px
}

ul.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    cursor: pointer
}

ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

ul.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

ul.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

ul.slick-dots li button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    text-align: center;
    opacity: .5;
    border: 2px solid #CCC;
}

ul.slick-dots li.slick-active button:before {
    opacity: .9;
    background-color: #CCC;
}


/* Customized */

ul.slick-dots li.slick-active,
ul.slick-dots li.slick-active button,
ul.slick-dots li.slick-active button:before {
    width: 20px;
}

.slick-carousel-wrapper [class*=custom-arrow-wrapper] ul li {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
}

.slick-carousel-wrapper [class*=custom-arrow-wrapper] ul li[class*=custom-prev] {
    left: 0;
}

.slick-carousel-wrapper [class*=custom-arrow-wrapper] ul li[class*=custom-next] {
    right: 0;
}

.slick-carousel-wrapper [class*=custom-arrow-wrapper] button {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 20px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 1px;
}

.slick-carousel-wrapper [class*=custom-arrow-wrapper] button:hover {
    opacity: 1;
}

.slick-carousel-wrapper [class*=custom-arrow-wrapper] .slick-disabled button {
    opacity: 0.2;
    cursor: not-allowed;
}

.custom-arrow-outside ul li {
    display: inline-block;
}

.custom-arrow-outside button {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 20px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    padding-top: 1px;
}

.custom-arrow-outside button:hover {
    opacity: 1;
}

.custom-arrow-outside .slick-disabled button {
    opacity: 0.2;
    cursor: not-allowed;
}

.slick-center-mode .image {
    opacity: 0.3;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slick-center-mode .slick-item:hover {
    cursor: pointer;
}

.slick-center-mode .slick-center .image {
    opacity: 1;
}

.slick-center-mode .slick-center.slick-item:hover {
    cursor: default;
}


/* Gap */

.slick-carousel-wrapper {
    position: relative;
}

.slick-carousel-wrapper[class*=gap-] .slick-carousel-outer {
    overflow: hidden;
}

.slick-carousel-wrapper.gap-1 .slick-carousel-inner {
    margin-left: -1px;
}

.slick-carousel-wrapper.gap-1 .slick-carousel-inner .slick-item {
    margin-left: 1px;
    margin-right: 2px;
}

.slick-carousel-wrapper.gap-2 .slick-carousel-inner {
    margin-left: -1px;
    margin-right: 1px;
}

.slick-carousel-wrapper.gap-2 .slick-carousel-inner .slick-item {
    margin-left: 1px;
    margin-right: 2px;
}

.slick-carousel-wrapper.gap-5 .slick-carousel-inner {
    margin-left: -3px;
    margin-right: -2px;
}

.slick-carousel-wrapper.gap-5 .slick-carousel-inner .slick-item {
    margin-left: 3px;
    margin-right: 3px;
}

.slick-carousel-wrapper.gap-10 .slick-carousel-inner {
    margin-left: -5px;
    margin-right: -3px;
}

.slick-carousel-wrapper.gap-10 .slick-carousel-inner .slick-item {
    margin-left: 5px;
    margin-right: 5px;
}

.slick-carousel-wrapper.gap-15 .slick-carousel-inner {
    margin-left: -8px;
    margin-right: -7px;
}

.slick-carousel-wrapper.gap-15 .slick-carousel-inner .slick-item {
    margin-left: 8px;
    margin-right: 7px;
}

.slick-carousel-wrapper.gap-20 .slick-carousel-inner {
    margin-left: -10px;
    margin-right: -8px;
}

.slick-carousel-wrapper.gap-20 .slick-carousel-inner .slick-item {
    padding-left: 10px;
    padding-right: 10px;
}

.slick-carousel-wrapper.gap-30 .slick-carousel-inner {
    margin-left: -15px;
    margin-right: -15px;
}

.slick-carousel-wrapper.gap-30 .slick-carousel-inner .slick-item {
    padding-left: 15px;
    padding-right: 15px;
}

.slick-carousel-wrapper.gap-1 .slick-carousel-outer,
.slick-carousel-wrapper.gap-2 .slick-carousel-outer,
.slick-carousel-wrapper.gap-10 .slick-carousel-outer,
.slick-carousel-wrapper.gap-20 .slick-carousel-outer {
    margin-right: -1px;
}


/* Slick Gallery */

.slick-gallery-wrapper .gallery-image + .nav-image {
    margin-top: 2px;
}

.slick-gallery-wrapper .slick-prev {
    left: 10px;
    z-index: 1;
}

.slick-gallery-wrapper .slick-next {
    right: 10px;
    z-index: 1;
}

.slick-gallery-wrapper .nav-image {
    position: relative;
}

.slick-gallery-wrapper .nav-image:before,
.slick-gallery-wrapper .nav-image:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #FFF;
    display: block;
    z-index: 3
}

.slick-gallery-wrapper .nav-image:before {
    left: -1px;
}

.slick-gallery-wrapper .nav-image:after {
    right: -1px;
}

.slick-gallery-wrapper .nav-image .slick-item {
    padding-left: 1px;
    padding-right: 1px;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.slick-gallery-wrapper .nav-image .slick-item:hover {
    cursor: pointer;
    opacity: 0.9;
}

.slick-gallery-wrapper .nav-image .slick-center.slick-active {
    opacity: .5
}

.slick-gallery-wrapper .nav-image .slick-center.slick-current {
    opacity: 1
}

.slick-gallery-slideshow .slick-prev {
    left: 0;
}

.slick-gallery-slideshow .slick-next {
    right: 0;
}

.slick-gallery-slideshow .slick-prev:before,
.slick-gallery-slideshow .slick-next:before {
    color: #FFF;
    opacity: .7;
}

.slick-gallery-slideshow .slick-prev:hover:before,
.slick-gallery-slideshow .slick-prev:focus:before,
.slick-gallery-slideshow .slick-next:hover:before,
.slick-gallery-slideshow .slick-next:focus:before {
    opacity: 1
}

.gallery-slideshow {
    margin-bottom: 1px;
}

.gallery-slideshow .image {
    padding: 0;
}

.gallery-nav .image {
    padding: 0;
    border: 1px solid transparent;
    opacity: 1;
    transition: all 300ms ease;
    position: relative;
}

.gallery-nav .image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.gallery-nav .slick-center .image {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
}

.gallery-nav .slick-center .image:after {
    background: rgba(0, 0, 0, 0);
}

.gallery-nav .image:hover {
    cursor: pointer;
}


/* Slick Creative */

.slick-carousel-wrapper.slick-creative-layout-wrapper {
    overflow: hidden;
    position: relative;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 1;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay .overlay-left,
.slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay .overlay-right {
    display: block;
    position: absolute;
    top: 0;
    height: 600px;
    width: 1110px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay .overlay-left {
    left: -1110px;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay .overlay-right {
    right: -1110px;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper [class*=custom-arrow-wrapper] ul li {
    display: inline-block;
    position: absolute;
    top: 210px;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper [class*=custom-arrow-wrapper] ul li.slick-creative-layout-prev {
    left: 0;
    margin-left: 10px;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper [class*=custom-arrow-wrapper] ul li.slick-creative-layout-next {
    right: 0;
    margin-right: 10px;
}

.slick-carousel-wrapper.slick-creative-layout-wrapper [class*=custom-arrow-wrapper] ul li button {
    color: red;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background-color: #FFF;
    opacity: 1;
    text-align: center;
    padding: 0;
    font-size: 20px;
}


/* Slick Animation for Caption */

.slick-animation .animation {
    display: inline-block;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.slick-animation .animation.animation-block {
    display: block;
}

.slick-animation .transitionDelay1 {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.slick-animation .transitionDelay2 {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.slick-animation .transitionDelay3 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.slick-animation .transitionDelay4 {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.slick-animation .transitionDelay5 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.slick-animation .transitionDelay6 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.slick-animation .transitionDelay7 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.slick-animation .transitionDelay8 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.slick-animation .transitionDelay9 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.slick-animation .transitionDelay10 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.slick-animation .transitionDelay12 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.slick-animation .transitionDelay14 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.slick-animation .transitionDuration2 {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.slick-animation .transitionDuration4 {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.slick-animation .transitionDuration6 {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.slick-animation .transitionDuration8 {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

.slick-animation .transitionDuration10 {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.slick-animation .transitionDuration12 {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

.slick-animation .transitionDuration14 {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

.slick-animation .transitionDuration16 {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

.slick-animation .transitionDuration18 {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

.slick-animation .transitionDuration20 {
    -webkit-transition-duration: 2.0s;
    transition-duration: 2.0s
}

.slick-animation .transitionDuration22 {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

.slick-animation .transitionDuration24 {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

.slick-animation .transitionDuration26 {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

.slick-animation .fromTop {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slick-animation .fromBottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.slick-animation .fromLeft {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.slick-animation .fromRight {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.slick-animation .slick-center .animation {
    opacity: 1
}

.slick-animation .slick-center .fromTop {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.slick-animation .slick-center .fromBottom {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.slick-animation .slick-center .fromLeft {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
}

.slick-animation .slick-center .fromRight {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
}

@media (min-width: 576px) {
    .slick-carousel-wrapper.gap-sm-1 .slick-carousel-inner {
        margin-left: -1px;
    }
    .slick-carousel-wrapper.gap-sm-1 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-sm-2 .slick-carousel-inner {
        margin-left: -1px;
        margin-right: 1px;
    }
    .slick-carousel-wrapper.gap-sm-2 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-sm-5 .slick-carousel-inner {
        margin-left: -3px;
        margin-right: -2px;
    }
    .slick-carousel-wrapper.gap-sm-5 .slick-carousel-inner .slick-item {
        margin-left: 3px;
        margin-right: 3px;
    }
    .slick-carousel-wrapper.gap-sm-10 .slick-carousel-inner {
        margin-left: -5px;
        margin-right: -3px;
    }
    .slick-carousel-wrapper.gap-sm-10 .slick-carousel-inner .slick-item {
        margin-left: 5px;
        margin-right: 5px;
    }
    .slick-carousel-wrapper.gap-sm-15 .slick-carousel-inner {
        margin-left: -8px;
        margin-right: -7px;
    }
    .slick-carousel-wrapper.gap-sm-15 .slick-carousel-inner .slick-item {
        margin-left: 8px;
        margin-right: 7px;
    }
    .slick-carousel-wrapper.gap-sm-20 .slick-carousel-inner {
        margin-left: -10px;
        margin-right: -8px;
    }
    .slick-carousel-wrapper.gap-sm-20 .slick-carousel-inner .slick-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .slick-carousel-wrapper.gap-sm-30 .slick-carousel-inner {
        margin-left: -15px;
        margin-right: -15px;
    }
    .slick-carousel-wrapper.gap-sm-30 .slick-carousel-inner .slick-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slick-carousel-wrapper.gap-sm-1 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-sm-2 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-sm-10 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-sm-20 .slick-carousel-outer {
        margin-right: -1px;
    }
}

@media (min-width: 768px) {
    .slick-carousel-wrapper.gap-md-1 .slick-carousel-inner {
        margin-left: -1px;
    }
    .slick-carousel-wrapper.gap-md-1 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-md-2 .slick-carousel-inner {
        margin-left: -1px;
        margin-right: 1px;
    }
    .slick-carousel-wrapper.gap-md-2 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-md-5 .slick-carousel-inner {
        margin-left: -3px;
        margin-right: -2px;
    }
    .slick-carousel-wrapper.gap-md-5 .slick-carousel-inner .slick-item {
        margin-left: 3px;
        margin-right: 3px;
    }
    .slick-carousel-wrapper.gap-md-10 .slick-carousel-inner {
        margin-left: -5px;
        margin-right: -3px;
    }
    .slick-carousel-wrapper.gap-md-10 .slick-carousel-inner .slick-item {
        margin-left: 5px;
        margin-right: 5px;
    }
    .slick-carousel-wrapper.gap-md-15 .slick-carousel-inner {
        margin-left: -8px;
        margin-right: -7px;
    }
    .slick-carousel-wrapper.gap-md-15 .slick-carousel-inner .slick-item {
        margin-left: 8px;
        margin-right: 7px;
    }
    .slick-carousel-wrapper.gap-md-20 .slick-carousel-inner {
        margin-left: -10px;
        margin-right: -8px;
    }
    .slick-carousel-wrapper.gap-md-20 .slick-carousel-inner .slick-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .slick-carousel-wrapper.gap-md-30 .slick-carousel-inner {
        margin-left: -15px;
        margin-right: -15px;
    }
    .slick-carousel-wrapper.gap-md-30 .slick-carousel-inner .slick-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slick-carousel-wrapper.gap-md-1 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-md-2 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-md-10 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-md-20 .slick-carousel-outer {
        margin-right: -1px;
    }
}

@media (min-width: 992px) {
    .slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay {
        width: 930px;
        margin-left: -465px;
        left: 50%;
    }
    .slick-carousel-wrapper.slick-creative-layout-wrapper [class*=custom-arrow-wrapper] ul li.slick-creative-layout-prev {
        margin-left: -20px;
    }
    .slick-carousel-wrapper.slick-creative-layout-wrapper [class*=custom-arrow-wrapper] ul li.slick-creative-layout-next {
        margin-right: -20px;
    }
    .slick-carousel-wrapper.gap-lg-1 .slick-carousel-inner {
        margin-left: -1px;
    }
    .slick-carousel-wrapper.gap-lg-1 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-lg-2 .slick-carousel-inner {
        margin-left: -1px;
        margin-right: 1px;
    }
    .slick-carousel-wrapper.gap-lg-2 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-lg-5 .slick-carousel-inner {
        margin-left: -3px;
        margin-right: -2px;
    }
    .slick-carousel-wrapper.gap-lg-5 .slick-carousel-inner .slick-item {
        margin-left: 3px;
        margin-right: 3px;
    }
    .slick-carousel-wrapper.gap-lg-10 .slick-carousel-inner {
        margin-left: -5px;
        margin-right: -3px;
    }
    .slick-carousel-wrapper.gap-lg-10 .slick-carousel-inner .slick-item {
        margin-left: 5px;
        margin-right: 5px;
    }
    .slick-carousel-wrapper.gap-lg-15 .slick-carousel-inner {
        margin-left: -8px;
        margin-right: -7px;
    }
    .slick-carousel-wrapper.gap-lg-15 .slick-carousel-inner .slick-item {
        margin-left: 8px;
        margin-right: 7px;
    }
    .slick-carousel-wrapper.gap-lg-20 .slick-carousel-inner {
        margin-left: -10px;
        margin-right: -8px;
    }
    .slick-carousel-wrapper.gap-lg-20 .slick-carousel-inner .slick-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .slick-carousel-wrapper.gap-lg-30 .slick-carousel-inner {
        margin-left: -15px;
        margin-right: -15px;
    }
    .slick-carousel-wrapper.gap-lg-30 .slick-carousel-inner .slick-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slick-carousel-wrapper.gap-lg-1 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-lg-2 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-lg-10 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-lg-20 .slick-carousel-outer {
        margin-right: -1px;
    }
}

@media (min-width: 1200px) {
    .slick-carousel-wrapper [class*=custom-arrow-wrapper] ul li[class*=custom-prev] {
        left: -40px;
    }
    .slick-carousel-wrapper [class*=custom-arrow-wrapper] ul li[class*=custom-next] {
        right: -40px;
    }
    .slick-carousel-wrapper.slick-creative-layout-wrapper .slick-overlay {
        width: 1110px;
        margin-left: -555px;
    }
    .slick-carousel-wrapper.gap-xl-1 .slick-carousel-inner {
        margin-left: -1px;
    }
    .slick-carousel-wrapper.gap-xl-1 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-xl-2 .slick-carousel-inner {
        margin-left: -1px;
        margin-right: 1px;
    }
    .slick-carousel-wrapper.gap-xl-2 .slick-carousel-inner .slick-item {
        margin-left: 1px;
        margin-right: 2px;
    }
    .slick-carousel-wrapper.gap-xl-5 .slick-carousel-inner {
        margin-left: -3px;
        margin-right: -2px;
    }
    .slick-carousel-wrapper.gap-xl-5 .slick-carousel-inner .slick-item {
        margin-left: 3px;
        margin-right: 3px;
    }
    .slick-carousel-wrapper.gap-xl-10 .slick-carousel-inner {
        margin-left: -5px;
        margin-right: -3px;
    }
    .slick-carousel-wrapper.gap-xl-10 .slick-carousel-inner .slick-item {
        margin-left: 5px;
        margin-right: 5px;
    }
    .slick-carousel-wrapper.gap-xl-15 .slick-carousel-inner {
        margin-left: -8px;
        margin-right: -7px;
    }
    .slick-carousel-wrapper.gap-xl-15 .slick-carousel-inner .slick-item {
        margin-left: 8px;
        margin-right: 7px;
    }
    .slick-carousel-wrapper.gap-xl-20 .slick-carousel-inner {
        margin-left: -10px;
        margin-right: -8px;
    }
    .slick-carousel-wrapper.gap-xl-20 .slick-carousel-inner .slick-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .slick-carousel-wrapper.gap-xl-30 .slick-carousel-inner {
        margin-left: -10px;
        margin-right: -10px;
    }
    .slick-carousel-wrapper.gap-xl-30 .slick-carousel-inner .slick-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .slick-carousel-wrapper.gap-xl-1 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-xl-2 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-xl-10 .slick-carousel-outer,
    .slick-carousel-wrapper.gap-xl-20 .slick-carousel-outer {
        margin-right: -1px;
    }
}


/*
 *  Bootstrap TouchSpin - v4.2.0
 *  A mobile and touch friendly input spinner component for Bootstrap 3 & 4.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */


/* This CSS file is unnecessary if you are not using vertical buttons functionality */

.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 11
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    position: absolute;
    right: 0;
    height: 50%;
    padding: 0;
    width: 2em;
    text-align: center;
    line-height: 1
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0 4px 0 0;
    top: 0
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 4px 0;
    bottom: 0
}

.bootstrap-touchspin .input-group-btn-vertical {
    height: auto;
    top: 1px;
    bottom: 1px;
    right: 1px;
}


/* customized */

.bootstrap-touchspin .input-group-btn-vertical {
    border-left: 1px solid #E1E1E1;
    width: 25px;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    width: 25px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-bottom: 1px solid #E1E1E1;
    border-radius: 0 3px 0 0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 3px 0;
}

.bootstrap-touchspin .input-group-btn-vertical .btn {
    font-size: 16px;
    color: #AAA;
}

.bootstrap-touchspin .input-group-btn-vertical .btn.btn-white:hover {
    background-color: #E1E1E1;
}

.bootstrap-touchspin .form-control {
    border-radius: 5px;
    border-radius: 3px !important;
}

.form-spin-group .form-icon-left .icon-font i,
.form-spin-group .form-icon-right .icon-font i {
    position: relative;
    z-index: 4;
}


/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none!important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0.0);
    z-index: 2
}

.irs-disabled {
    opacity: .4
}

.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    outline: none!important;
    z-index: -9999!important;
    background: none!important;
    border-style: solid!important;
    border-color: transparent!important
}


/* Customized  */

.irs {
    height: 40px
}

.irs-with-grid {
    height: 60px
}

.irs-line {
    height: 2px;
    top: 25px
}

.irs-line-left {
    height: 2px;
    background: #F0EBFF;
    border-radius: 2px;
}

.irs-line-mid {
    height: 2px;
    background: #F0EBFF;
}

.irs-line-right {
    height: 2px;
    background: #F0EBFF;
    border-radius: 2px;
}

.irs-bar {
    height: 2px;
    top: 25px;
    background: #0B8CDB;
}

.irs-bar-edge {
    top: 25px;
    height: 2px;
    width: 14px;
    background: #0B8CDB;
    border-radius: 2px;
}

.irs-shadow {
    height: 1px;
    top: 34px;
    background: #000;
    opacity: .75
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=75)
}

.irs-slider {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: 18px;
    background: #FFF;
    border: 1px solid #0B8CDB;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
}

.irs-slider.state_hover,
.irs-slider:hover {
    background: #FFF;
    cursor: pointer;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.45);
}

.irs-min,
.irs-max {
    color: #c0c0c0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: none;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #0B8CDB
}

.irs-from,
.irs-to,
.irs-single {
    color: #0B8CDB;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: 500;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #d8dff3
}

.irs-grid-pol {
    background: #E5E5E5;
}

.irs-grid-text {
    color: #B7B7B7;
}


/**
 * Air Datepicker
 */

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}


/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4EB5E6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4EB5E6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}


/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0 0.3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0 .3s;
    transition: opacity .3s ease, transform .3s ease, left 0 0.3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0 0;
    transition: opacity .3s ease, transform .3s ease, left 0 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
    left: 10px
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    right: 10px
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}


/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-title,
.datepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}


/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */

.datepicker--time {
    border-top: 1px solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none
}

.datepicker--time-row input[type='range']::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type='range']:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type='range']:focus {
    outline: none
}

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type='range']:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type='range']::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    margin-top: -6px
}

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-fill-lower {
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-fill-upper {
    background: transparent
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}


/** customized */

.datepicker {
    border: 1px solid #E1E1E1;
    border-radius: 3px;
}

.datepicker,
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    font-family: 'Roboto', sans-serif;
}

.datepicker--cell.-current- {
    color: #FF5252
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #FF5252
}

.datepicker--button {
    color: #FF5252;
    border-radius: 3px;
}

.datepicker--button:hover {
    color: #4a4a4a;
}

.datepicker--cell.-selected- {
    background: #FF5252
}

.datepicker--cell.-selected-.-current- {
    background: #FF5252
}

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
    background: #FF5252;
    border-color: #FF5252
}

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
    background: #FF5252;
    border-color: #FF5252
}

.datepicker--time-row input[type='range']:focus::-ms-thumb {
    background: #FF5252;
    border-color: #FF5252
}

.datepicker--day-name {
    color: #0B8CDB;
}

.datepicker--cell.-selected-.-focus- {
    background: #FF5252
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    background: #FB8082
}


/**
 * Typeahead
 */

.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
    font: inherit;
    margin: 0
}

.typeahead__container optgroup {
    font-weight: 700
}

.typeahead__container button,
.typeahead__container input {
    overflow: visible
}

.typeahead__container button,
.typeahead__container select {
    text-transform: none
}

.typeahead__container [type=reset],
.typeahead__container [type=submit],
.typeahead__container button,
.typeahead__container html [type=button] {
    -webkit-appearance: button
}

.typeahead__container [type=button]::-moz-focus-inner,
.typeahead__container [type=reset]::-moz-focus-inner,
.typeahead__container [type=submit]::-moz-focus-inner,
.typeahead__container button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.typeahead__container [type=button]:-moz-focusring,
.typeahead__container [type=reset]:-moz-focusring,
.typeahead__container [type=submit]:-moz-focusring,
.typeahead__container button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.typeahead__container fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.typeahead__container legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.typeahead__container textarea {
    overflow: auto
}

.typeahead__container [type=checkbox],
.typeahead__container [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.typeahead__container [type=number]::-webkit-inner-spin-button,
.typeahead__container [type=number]::-webkit-outer-spin-button {
    height: auto
}

.typeahead__container [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.typeahead__container [type=search]::-webkit-search-cancel-button,
.typeahead__container [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.typeahead__container::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

.typeahead__container::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.typeahead__container {
    position: relative;
    font: 1rem Lato, Helvetica Neue, Arial, Helvetica, sans-serif
}

.typeahead__container * {
    box-sizing: border-box;
    outline: 0
}

.typeahead__query {
    position: relative;
    z-index: 2;
    width: 100%
}

.typeahead__filter {
    position: relative
}

.typeahead__filter button {
    min-width: 100%;
    white-space: nowrap
}

.typeahead__filter button:after {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    vertical-align: -2px;
    content: "";
    border: 4px solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.typeahead__field {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.typeahead__button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.typeahead__field {
    color: #555
}

.typeahead__field .typeahead__hint,
.typeahead__field [contenteditable],
.typeahead__field input,
.typeahead__field textarea {
    display: block;
    width: 100%;
    line-height: 1.25;
    min-height: calc(.5rem * 2 + 1.25rem + 2px);
    padding: .5rem .75rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px 0 0 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.typeahead__field .typeahead__hint:active,
.typeahead__field .typeahead__hint:focus,
.typeahead__field [contenteditable]:active,
.typeahead__field [contenteditable]:focus,
.typeahead__field input:active,
.typeahead__field input:focus,
.typeahead__field textarea:active,
.typeahead__field textarea:focus {
    border-color: #66afe9
}

.typeahead__field input[type=search],
.typeahead__field input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.typeahead__field input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.typeahead__container.hint .typeahead__field [contenteditable],
.typeahead__container.hint .typeahead__field input,
.typeahead__container.hint .typeahead__field textarea {
    background: transparent
}

.typeahead__container.hint .typeahead__query>:last-child,
.typeahead__hint {
    background: #fff
}

.typeahead__container button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 1.25;
    padding: .5rem .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #555
}

.typeahead__container button:focus,
.typeahead__container button:hover {
    color: #3c3c3c;
    background-color: #f5f5f5;
    border-color: #b3b3b3
}

.typeahead__container button.active,
.typeahead__container button:active {
    background-image: none
}

.typeahead__container button:active,
.typeahead__container button:focus {
    border-color: #66afe9
}

.typeahead__container button.disabled,
.typeahead__container button[disabled],
.typeahead__container input.disabled,
.typeahead__container input[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    box-shadow: none;
    background-color: #fff;
    border-color: #ccc
}

.typeahead__container .typeahead__field .typeahead__hint,
.typeahead__container .typeahead__field .typeahead__label-container,
.typeahead__container .typeahead__field [contenteditable],
.typeahead__container .typeahead__field input,
.typeahead__container .typeahead__field textarea {
    padding-right: 32px
}

.typeahead__button,
.typeahead__filter {
    z-index: 1
}

.typeahead__button button,
.typeahead__filter button {
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.typeahead__button:active,
.typeahead__button:active button:active,
.typeahead__button:active button:focus,
.typeahead__button:focus,
.typeahead__button:focus button:active,
.typeahead__button:focus button:focus,
.typeahead__button:hover,
.typeahead__button:hover button:active,
.typeahead__button:hover button:focus,
.typeahead__filter:active,
.typeahead__filter:active button:active,
.typeahead__filter:active button:focus,
.typeahead__filter:focus,
.typeahead__filter:focus button:active,
.typeahead__filter:focus button:focus,
.typeahead__filter:hover,
.typeahead__filter:hover button:active,
.typeahead__filter:hover button:focus {
    z-index: 5
}

.typeahead__filter+.typeahead__button button {
    margin-left: -2px
}

.typeahead__container.filter .typeahead__filter {
    z-index: 5
}

.typeahead__dropdown,
.typeahead__list {
    position: absolute;
    left: 0;
    z-index: 14;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-clip: padding-box
}

.typeahead__result.detached .typeahead__list {
    position: relative;
    z-index: 6;
    top: auto;
    left: auto
}

.typeahead__dropdown {
    right: 0;
    left: auto;
    z-index: 5
}

.typeahead__list>li {
    position: relative;
    border-top: 1px solid #ccc
}

.typeahead__list>li:first-child {
    border-top: none
}

.typeahead__dropdown .typeahead__dropdown-item[disabled]>a,
.typeahead__list .typeahead__item[disabled]>a {
    cursor: not-allowed;
    color: #bababa;
    background-color: #fafafa
}

.typeahead__dropdown .typeahead__dropdown-item>a,
.typeahead__list .typeahead__item>a {
    display: block;
    padding: .5rem .75rem;
    clear: both;
    color: #333;
    text-decoration: none
}

.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active>a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover,
.typeahead__list .typeahead__item:not([disabled]).active>a,
.typeahead__list .typeahead__item:not([disabled])>a:focus,
.typeahead__list .typeahead__item:not([disabled])>a:hover {
    background-color: #f5f5f5;
    color: #3c3c3c
}

.typeahead__list.empty>li {
    padding: .5rem .75rem;
    color: #333
}

.typeahead__list>.typeahead__group {
    border-color: #bfdef6;
    font-weight: 700
}

.typeahead__list>.typeahead__group:first-child {
    border-top: 1px solid #bfdef6
}

.typeahead__list>.typeahead__group.active>a,
.typeahead__list>.typeahead__group>a,
.typeahead__list>.typeahead__group>a:focus,
.typeahead__list>.typeahead__group>a:hover {
    cursor: default;
    color: #17639f;
    background: #ecf5fc;
    display: block;
    padding: .5rem .75rem;
    clear: both;
    text-decoration: none
}

.typeahead__list>li.typeahead__group+li.typeahead__item {
    border-color: #bfdef6
}

.typeahead__container.backdrop+.typeahead__backdrop,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.result .typeahead__list {
    display: block!important
}

.typeahead__container+.typeahead__backdrop,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container .typeahead__list {
    display: none!important
}

.typeahead__dropdown li:last-child {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ccc
}

.typeahead__cancel-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    cursor: pointer;
    line-height: 1.25;
    padding: .5rem .75rem;
    visibility: hidden
}

.typeahead__label .typeahead__cancel-button {
    visibility: visible;
    right: 4px
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button,
.typeahead__label .typeahead__cancel-button {
    visibility: visible
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover,
.typeahead__label .typeahead__cancel-button:hover {
    color: #d0021b
}

.typeahead__search-icon {
    padding: 0 1.25rem;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat scroll 50% transparent
}

.typeahead__container.loading .typeahead__query:after,
.typeahead__container.loading .typeahead__query:before {
    transition: all 0 linear, opacity .2s ease;
    position: absolute;
    z-index: 3;
    content: "";
    top: 50%;
    right: .55em;
    margin-top: -.675rem;
    width: 1.35rem;
    height: 1.35rem;
    box-sizing: border-box;
    border-radius: 500rem;
    border-style: solid;
    border-width: .1em
}

.typeahead__container.loading .typeahead__query:before {
    border-color: rgba(0, 0, 0, .35)
}

.typeahead__container.loading .typeahead__query:after {
    animation: a .6s linear;
    animation-iteration-count: infinite;
    border-color: #fff transparent transparent;
    box-shadow: 0 0 0 1px transparent
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.typeahead__label-container {
    list-style: none;
    position: absolute;
    padding-top: .375rem;
    padding-left: 6px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex
}

.typeahead__label {
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    position: relative;
    background: #ecf5fc;
    border: 1px solid #c2e0ff;
    padding-left: 4px;
    border-radius: 2px;
    margin-right: 4px;
    margin-bottom: .375rem
}

.typeahead__label>* {
    -ms-flex-item-align: center;
    align-self: center
}

.typeahead__label .typeahead__cancel-button {
    line-height: normal;
    height: auto;
    position: static;
    padding: calc(1rem);
    margin-left: 4px;
    font-size: .875rem;
    border-left: 1px solid #c2e0ff
}

.typeahead__label .typeahead__cancel-button:hover {
    background-color: #d5e9f9
}


/** customized */

.typeahead__container {
    font-family: 'Roboto', sans-serif;
}

.typeahead__container::-webkit-input-placeholder {
    color: #9B9B9B;
    opacity: 1
}

.typeahead__dropdown,
.typeahead__list {
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    margin-top: 1px;
}

.typeahead__list>li {
    font-size: 14px;
    border-bottom-color: #E1E1E1;
}


/*------------------------------------------------------------------
* Table of Content
* 1. Layout
* 2. Header
* 3. Login
* 4. Hero Banner
* 5. Search form
* 6. Menu
* 7. Footer
* 8. Back To Top
* 9. Page title and breadcrumb
* 10. Title, heading and sidebar
* 11. Pagination
* 12. Result page
* 13. Detail Page
* 14. Horizontal Sticky Navigation
* 15. Booking and payment page
* 16. Product item
* 17. Featured Box and Items
* 18. Featured list
* 19. Counting item
* 20. Testimonial
* 21. Call to action and partner
* 22. Post and blog
* 23. Infobox for google map
* 24. Progress bar
* 25. Dashboard
* 26. Contact Us
* 27. Faq Page
* 28. Error Page
* 29. List Group
-------------------------------------------------------------------*/


/**
 * Layout
 */

.with-navbar-fixed-top .body-inner {
    padding-top: 69px;
}

section,
.section {
    padding: 50px 0;
}

.section-sm {
    padding-top: 70px;
    padding-bottom: 70px;
}

.section-xs {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-wrapper.zero {
    padding-top: 0;
    padding-bottom: 0;
}

.page-wrapper.page-detail {
    padding-top: 40px;
}

.page-wrapper.page-detail .sidebar-wrapper {
    padding-top: 40px;
}

@media (min-width: 992px) {
    section,
    .section {
        padding: 90px 0;
    }
}

@media only screen and (max-width: 991px) {
    .body-inner {
        overflow: hidden;
    }
}


/**
 * Header
 */

.header-main .header-top {
    background-color: #FFF;
    color: #FFF;
    font-size: 13px;
    padding: 5px 0;
}

.with-waypoint-sticky .header-main .header-top {
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header-main .header-top .header-logo img {
    height: 35px;
    width: auto;
    margin-top: 8px;
}

.header-main .header-top .mini-menu > ul {
    float: right;
}

.header-main .header-top .mini-menu > ul > li {
    float: left;
}

.header-main .dropdown > .btn {
    font-size: 13px;
    padding: 5px 10px;
    color: #000;
}

.header-main .dropdown > .btn-interactive {
    padding-right: 20px;
}

.header-main .dropdown > .btn-interactive:after {
    right: 5px;
}

.header-main .dropdown > .btn:focus {
    color: #03ADC5;
}

.header-main .dropdown .btn:hover{
  color: #fff ;
}

.header-main .dropdown > .btn:hover {
    background-color: #03ADC5;
    border-color: #03ADC5;
}

.header-main .dropdown-language > .btn img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    middle;
    margin-top: -3px;
    margin-right: 5px;
}

.header-main .dropdown-language .dropdown-menu .dropdown-item img {
    width: 30px;
}

.header-main .dropdown .dropdown-menu a {
    font-size: 12px;
}

.header-main .dropdown .dropdown-menu a.dropdown-item.active {
    background-color: transparent;
    color: #FF5252;
    font-weight: 600;
}

.header-main .dropdown .dropdown-menu a.dropdown-item:hover {
    color: #FF5252;
    text-decoration: underline;
}

.header-main .dropdown .dropdown-menu a .image {
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.header-main .dropdown-login .dropdown-menu-inner {
    width: 250px;
    padding: 20px;
}

.header-main .dropdown-login > .btn {
    border: 1px solid #03ADC5;
    background-color: #03ADC5;
    color: #fff;
    margin-left: 10px;
}

.header-main .dropdown-login > .btn:hover {
    border: 1px solid #029db3;
    background-color: #029db3;
}

.header-main .dropdown-login > .btn-interactive {
    padding-right: 25px;
}

.header-main .dropdown-login > .btn-interactive:after {
    right: 10px;
}

.header-main .header-nav {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.header-main .navbar-wrapper {
    position: relative;
}

.header-main .navbar-phone {
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 500;
}

.header-main .navbar-phone i {
    font-size: 17px;
    line-height: 1;
    vertical-align: middle;
    margin-top: -2px;
}


/* Main Menu Dropdown */

.header-main .main-nav {
    margin: 0;
    padding: 0;
}

.header-main .main-nav li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-main .main-nav li:last-child {
    border-bottom: 0;
}

.header-main .main-nav li a {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    line-height: 1.25;
    padding: 15px 20px;
    position: relative;
}

.header-main .main-nav > li {
    float: left;
}

.header-main .main-nav > li > a {
    line-height: 1;
    font-size: 12px;
    padding: 10px 0;
    padding-right: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}

.header-main .main-nav li ul {
    z-index: 9999;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
    background-color: #333;
}

.header-main .main-nav li a:hover,
.main-nav li ul > li:hover > a {
    color: #FF5252;
}

.header-main .main-nav > li:hover > a,
.header-main .main-nav > li > a:hover {
    color: #FF5252;
}


/* Mega Menu */

.header-main .main-nav > li.mega-menu {
    position: inherit !important;
    left: 0;
    color: inherit;
}

.header-main .main-nav > li.mega-menu ul {
    left: 0;
    width: 100%;
}

.header-main .main-nav > li.mega-menu ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-main .main-nav > li.mega-menu ul li a:hover {
    color: #FF5252;
}

.header-main .main-nav > li.mega-menu .megamenu-container .arrow-indicator {
    display: none;
}


/* Menu Arrow */

.header-main .header-main .arrow-indicator {
    display: none;
}

.header-main .navbar-arrow .arrow-indicator {
    color: #999;
}

.header-main .navbar-arrow ul li .arrow-indicator {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    margin-left: 5px;
}

.header-main .navbar-arrow ul li .arrow-indicator:after {
    font-family: 'Ionicons';
    content: "\f123";
    display: block;
    line-height: 1;
}

.header-main .navbar-arrow ul li ul li .arrow-indicator {
    margin: 0;
    position: absolute;
    top: 20px;
    right: 10px;
}

.header-main .navbar-arrow ul li ul li .arrow-indicator:after {
    content: "\f125";
}

.header-main .navbar-arrow > ul > li:hover .arrow-indicator {
    color: #FF5252;
}

.header-main .navbar-arrow > ul > li:hover li .arrow-indicator {
    color: rgba(255, 255, 255, 0.5);
    top: 20px;
    right: 10px;
}

.header-main .navbar-arrow > ul > li li:hover .arrow-indicator {
    color: #FF5252;
}


/* Button to open/close collase on mobile for header */

.header-main .btn.btn-toggle {
    font: inherit;
    text-transform: inherit;
    background-color: transparent;
    padding: 0;
    margin: 11px 0 0;
    margin-left: 15px;
    letter-spacing: inherit;
    color: rgb(3 173 197);
    border: 0;
}

.header-main .btn.btn-toggle:before {
    font-family: "Ionicons";
    content: "\f2d7";
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    font-size: 23px;
}

.header-main .btn.btn-toggle.collapsed:before {
    content: "\f394";
}

.header-main .navbar {
    padding: 0;
}

@media (min-width: 576px) {
    .header-main .header-top .mini-menu > ul {}
    .header-main .main-nav > li.mega-menu ul {
        width: 510px;
    }
    .header-main .header-top .header-logo img {
        height: 45px;
        margin-top: 5px;
    }
}

@media (min-width: 768px) {
    .header-main .main-nav > li.mega-menu ul {
        width: 690px;
    }
    .header-main .header-top .header-logo img {
        height: 65px;
        width: auto;
        margin-top: 0;
    }
    .header-main .btn.btn-toggle {
        margin-top: 9px;
    }
}

@media (min-width: 992px) {
    .header-main .main-menu-nav:before {
        display: none;
    }
    .header-main .main-nav li a,
    .header-main .main-nav li ul li a {
        font-size: 13px;
    }
    .header-main .main-nav > li {
        margin-right: 20px;
        border-bottom: 0;
    }
    .header-main .main-nav > li > a {
        font-size: 13px;
        padding: 0;
        padding-top: 21px;
        padding-bottom: 20px;
    }
    .header-main .main-nav li ul {
        top: 54px;
        width: 220px;
    }
    .header-main .main-nav > li.mega-menu ul {
        padding: 0;
        width: 930px
    }
    .header-main .main-nav li ul li ul {
        left: 219px;
        top: 0;
    }
    .header-main .arrow-indicator {
        display: inline-block;
    }
    .header-main.header-mobile-menu .main-menu-nav {
        display: block;
    }
    .header-waypoint-sticky.header-main {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
    }
    .header-waypoint-sticky.header-main .header-top {
        padding: 7px 0;
    }
    .header-waypoint-sticky.header-main .header-nav {
        background-color: #FFF;
    }
    .header-waypoint-sticky.header-main .main-nav > li > a {
        padding-top: 16px;
        padding-bottom: 15px;
    }
    .header-waypoint-sticky.header-main .main-nav > li > ul {
        top: 44px;
    }
}

@media (min-width: 1200px) {
    .header-main .main-nav > li.mega-menu ul {
        width: 1110px;
    }
    .header-main .main-nav > li.mega-menu ul li a {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    .header-main .main-nav > li.mega-menu ul li a:last-child {
        border-bottom: 0;
    }
    .header-main .main-nav > li.mega-menu ul li .row > div:last-child a {
        border-right: 0;
    }
}

@media only screen and (max-width: 991px) {
    .header-main.with-absolute-navbar .navbar {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999998;
    }
    .header-main.with-absolute-navbar .navbar:before,
    .with-absolute-navbar .navbar:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 3000px;
        background-color: #333;
        display: block;
    }
    .header-main.with-absolute-navbar .navbar:before {
        left: -3000px;
    }
    .header-main.with-absolute-navbar .navbar:after {
        right: -3000px;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav {
        margin: 0;
        background-color: #333;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li {
        float: none;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li > a {
        line-height: 1;
        font-size: 12px;
        padding: 13px 0;
        color: rgba(255, 255, 255, 0.7);
        padding-right: 20px;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li > a:hover {
        color: #FFF;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li .arrow-indicator {
        margin: 0;
        position: absolute;
        top: 14px;
        right: 0;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li:hover .arrow-indicator {
        color: #FFF;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li:hover li .arrow-indicator {
        color: rgba(255, 255, 255, 0.5);
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li li:hover .arrow-indicator {
        color: #FFF;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li .arrow-indicator:after {
        font-family: "Ionicons";
        content: "\f218";
        font-size: 12px;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li:hover > a .arrow-indicator:after,
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li > ul> li:hover > a .arrow-indicator:after {
        content: "\f209";
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav li ul {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav li ul li a {
        color: rgba(255, 255, 255, 0.5);
        padding-left: 0;
        padding-right: 0;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav li ul li a:hover {
        color: #FFF;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav li ul li .arrow-indicator {
        margin-left: 7px;
        position: relative;
        top: 1px;
        right: auto;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav li ul li ul {
        left: 0;
        width: auto;
        margin: 0 15px 10px;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav li ul li ul li a {
        padding: 10px 0;
    }
    .header-main.header-mobile-menu .main-menu-nav .main-nav > li.mega-menu ul {
        width: 100%;
    }
}


/**
 * Login
 */

.form-login {
    border: 1px solid #E3E3E3;
    background-color: #FFF;
    font-size: 13px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-radius: 5px;
}

.form-login .form-inner {
    padding: 20px;
}

.form-login .form-inner .form-group {
    margin: 0;
}

.form-login .form-inner .form-control {
    border-radius: 0;
}

.form-login .form-inner .form-control:not(.form-control-sm) {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

.form-login .login-with-socials .btn {
    margin: 0 0 1px;
}

.form-login .text-seperator {
    border-bottom: 1px solid #E3E3E3;
    text-align: center;
    margin: 15px 0 35px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}

.form-login .text-seperator span {
    width: 40px;
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 38px;
    display: block;
    margin-bottom: -20px;
    background: #FFF;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.);
    );
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.);
    );
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.form-login .nav a.btn-link:hover {
    color: #FF5252;
    text-decoration: underline;
}

.dropdown-login .form-login {
    border: 0;
    width: 300px;
}

.dropdown-login .form-login .form-inner {
    padding-top: 0;
}

.form-login-modal .modal-inner {
    border-radius: 4px;
    overflow: hidden;
}

.form-login-modal .form-login {
    border: 0;
}

.form-login-modal .close {
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #FFF;
    text-align: center;
    font-size: 14px;
    background-color: red;
    color: #FFF;
    opacity: 1;
    line-height: 18px;
    padding-left: 2px;
    position: absolute;
    top: -10px;
    right: -10px;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.form-login-modal .close:hover {
    background-color: #000;
}


/**
 * Hero Banner
 */

.hero-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #FFF;
}

.hero-banner .hero-inner {
    position: relative;
}

.hero-banner .hero-inner.position-absolute {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hero-banner .set-height-01 {
    height: 800px;
}

.hero-banner .set-height-02 {
    height: 530px;
}

.hero-banner .hero-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-banner .hero-top {
    align-self: flex-start;
    padding-top: 30px;
}

.hero-banner .hero-bottom {
    align-self: flex-end;
    padding-bottom: 30px;
}

.hero-banner[class*=opacity] {
    opacity: 1;
}

.hero-banner.opacity-0:before {
    opacity: 0;
}

.hero-banner.opacity-1:before {
    opacity: 0.1;
}

.hero-banner.opacity-2:before {
    opacity: 0.2;
}

.hero-banner.opacity-3:before {
    opacity: 0.3;
}

.hero-banner.opacity-4:before {
    opacity: 0.4;
}

.hero-banner.opacity-5:before {
    opacity: 0.5;
}

.hero-banner.opacity-6:before {
    opacity: 0.6;
}

.hero-banner.opacity-7:before {
    opacity: 0.7;
}

.hero-banner.opacity-8:before {
    opacity: 0.8;
}

.hero-banner.opacity-9:before {
    opacity: 0.9;
}

.hero-banner.opacity-10:before {
    opacity: 1;
}

.hero-banner.position-top {
    background-position: center top;
}

.hero-banner.position-bottom {
    background-position: center bottom;
}

.hero-banner .set-min-height-1100px {
    min-height: none;
    padding: 60px 0 150px;
}

.slick-hero-slider-wrapper {
    overflow: hidden;
    position: relative;
}

.slick-hero-slider .bg-image {
    display: table;
    width: 100%;
    height: 530px;
}

.slick-hero-slider-02 .bg-image,
.hero-banner .set-height-03 {
    height: 800px;
}

.slick-hero-slider .caption-outer {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.slick-hero-slider-caption {
    color: rgba(255, 255, 255, 0.8);
}

.slick-hero-slider-caption h2 {
    font-size: 28px;
    line-height: 1.25;
    color: #FFF;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 2px;
    font-weight: 700
}

.slick-hero-slider-caption p {
    color: #FFF;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 300;
    margin-bottom: 20px
}

.slick-hero-slider-caption a span {
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: #FFF;
    display: inline-block;
    padding: 7px 25px;
    display: inline-block;
    margin-top: 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.slick-hero-slider-caption a span.bg-primary {
    border: #005294;
    padding: 8px 25px
}

.slick-hero-slider-caption a:hover span {
    background: #004680!important;
    border-color: #004680!important;
    text-decoration: none
}

.slick-hero-slider .slick-dots {
    bottom: 20px
}

.slick-hero-slider .slick-prev:before,
.slick-hero-slider .slick-next:before {
    color: #FFF;
    font-size: 24px;
}

.slick-hero-slider .slick-prev {
    left: 0;
    z-index: 1;
}

.slick-hero-slider .slick-next {
    right: 2px;
    z-index: 1;
}

.slick-hero-slider .slick-dots li {
    margin: 0 3px;
}

.slick-hero-slider .slick-dots li button:before {
    background: #FFF;
    border-radius: 20px;
}

.slick-hero-slider .slick-dots li.slick-active,
.slick-hero-slider .slick-dots li.slick-active button,
.slick-hero-slider .slick-dots li.slick-active button:before {
    width: 20px;
}

.hero-text {
    line-height: 1.25;
    color: #FFF;
}

.hero-text h2 {
    color: #FFF;
    font-size: 26px;
    text-transform: capitalize;
    line-height: 1.15;
    margin: 0 0 5px;
    font-weight: 500;
    letter-spacing: 1px;
}

.hero-text .lead {
    font-weight: 300;
}

.hero-text .hero-price {
    text-transform: uppercase;
    font-size: 11px;
}

.hero-text .hero-price > span {
    display: block;
    font-size: 40px;
}

.hero-form-absolute {
    margin: 30px 0;
}

.hero-form-absolute.option-02 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

@media (min-width: 576px) {
    .hero-banner .set-height-01 {
        height: 850px;
    }
    .hero-banner .set-height-02 {
        height: 450px;
    }
}

@media (min-width: 768px) {
    .hero-banner .set-height-01 {
        height: 1000px;
    }
    .hero-banner .set-height-02 {
        height: 650px;
    }
    .slick-hero-slider .bg-image {
        height: 550px;
    }
    .slick-hero-slider-02 .bg-image,
    .hero-banner .set-height-03 {
        height: 900px;
    }
    .slick-hero-slider-caption h2 {
        font-size: 50px;
    }
    .slick-hero-slider-caption p {
        font-size: 24px;
    }
    .hero-text h2 {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .hero-banner .hero-inner {
        padding: 180px 0 200px;
    }
    .hero-banner .set-height-01,
    .hero-banner .set-height-02 {
        height: 800px;
    }
    .slick-hero-slider .bg-image {
        height: 800px;
    }
    .slick-hero-slider-02 .bg-image,
    .hero-banner .set-height-03 {
        height: 530px;
    }
    .slick-hero-slider .slick-prev:before,
    .slick-hero-slider .slick-next:before {
        font-size: 30px;
    }
    .slick-hero-slider .slick-prev {
        left: 5px;
    }
    .slick-hero-slider .slick-next {
        right: 10px;
    }
    .hero-form-absolute {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
    }
    .hero-form-absolute .hero-form-inner {
        position: relative;
        z-index: 2;
    }
    .hero-text h2 {
        font-size: 40px;
    }
    .hero-text .hero-price {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .slick-hero-slider .slick-prev {
        left: 10px;
    }
    .slick-hero-slider .slick-next {
        right: 12px;
    }
}


/**
 * Search form
 */

.form-search-main-01 {}

.form-search-main-01 .form-group {
    margin: 0;
}

.form-search-main-01 .form-control.form-control-sm {
    font-size: 13px;
}

.form-search-main-01 .form-group.form-disabled {
    position: relative;
}

.form-search-main-01 .form-group.form-disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75);
    cursor: not-allowed;
}

.form-search-main-01 .form-destionation-row {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.form-search-main-01 .form-destionation-row h6 {
    line-height: 1.25;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-weight: 500;
}

.form-search-main-01 .form-destionation-row .form-remove {
    float: right;
    line-height: 1;
    font-size: 14px;
}

.form-search-main-01 .advance-search {
    color: inherit;
    margin-right: 15px;
}

.form-search-main-01 .form-people-row {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.form-search-main-01 .form-people-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.form-search-main-01 .form-people-row .h6 {
    line-height: 1;
    font-size: 10px;
    margin-top: 23px;
    display: block;
    margin-left: 3px;
}

.form-search-main-01 a.advance-search i {
    font-size: 15px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.change-search-wrapper {
    background: #FFF;
    padding: 25px;
    margin: 0 0 30px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    border-radius: 5px;
}

.change-search-wrapper .form-group {
    margin: 0;
}

.main-search-form-horizontal-wrapper .menu-horizontal-wrapper-05 {
    position: relative;
    z-index: 5;
    margin-top: -70px;
}

.main-search-form-horizontal-wrapper .menu-horizontal-wrapper-05:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    height: 200px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    z-index: 1;
}

.main-search-form-horizontal-wrapper .menu-horizontal-05 ul {
    padding-bottom: 30px;
    position: relative;
    z-index: 9;
}

.main-search-form-horizontal-wrapper .main-search-form-horizontal {
    position: relative;
    z-index: 9;
}

.main-search-form-horizontal-wrapper .tab-content {
    position: relative;
    z-index: 9;
}

.main-search-form-horizontal .form-inner {
    border-radius: 5px;
    background-color: #FFF;
    padding: 4px;
    -webkit-box-shadow: 0px 0px 46px 1px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 46px 1px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 46px 1px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.17);
}

.main-search-form-horizontal .form-group {
    margin: 0;
    position: relative;
}

.main-search-form-horizontal .form-group:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 1px;
    background-color: #E5E5E5;
}

.main-search-form-horizontal .form-group:last-child:before {
    display: none;
}

.main-search-form-horizontal .form-inner .form-control {
    border: 0;
    margin: 0;
    padding: 27px 15px;
}

.main-search-form-horizontal .chosen-container-single .chosen-single {
    border: 0;
    margin: 0;
    padding: 9px 15px 5px;
    height: 54px;
}

.main-search-form-horizontal .chosen-container-single .chosen-single div {
    top: 5px;
}

.main-search-form-horizontal .form-inner .btn-search {
    margin: 0;
    padding: 16px 20px 11px;
    font-size: 24px;
    border-radius: 5px;
    line-height: 1.15;
}

.main-search-form-horizontal .form-inner .form-single .form-control,
.main-search-form-horizontal .form-double .form-control,
.main-search-form-horizontal .form-tripple .form-control {
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

.main-search-form-horizontal .form-inner .row-set-width {
    max-width: 230px;
}

.main-search-form-horizontal .form-remove.disabled {
    height: 1px;
    display: block;
    overflow: hidden;
}

.main-search-form-horizontal .bg-change-focus-addclass {
    background-color: #FFF;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
}

.main-search-form-horizontal .bg-change-focus-addclass.focus {
    border: 1px solid #A1A1A1;
}

.main-search-form-horizontal .form-inner .form-actions a {
    color: #000;
    margin-right: 20px;
    display: bloxck;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

.main-search-form-horizontal .form-inner .form-actions a i {
    color: #003580;
}

.main-search-form-horizontal .typeahead__container .form-control[type=search] {
    padding-top: 28px;
    padding-bottom: 26px;
}

.main-search-form-horizontal .typeahead__container .form-control[type=search]::-webkit-input-placeholder {
    color: #9B9B9B;
    opacity: 1;
}

.main-search-form-horizontal .typeahead__container.cancel:not(.loading) .typeahead__cancel-button {
    margin-top: 11px;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical {
    border-left: 0;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-bottom: 0;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical .btn {
    margin-right: 5px;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical .btn.btn-white {
    background-color: #F1F1F1;
    color: #AAA;
    border-radius: 30px;
    width: 16px;
    height: 16px;
    line-height: 12px;
    padding: 0;
    display: block;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical .btn.btn-white:hover {
    background-color: #E1E1E1;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    margin-top: 8px;
}

.main-search-form-horizontal .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-bottom: 8px;
}

.main-search-form-horizontal-wrapper.alt-style-01 .menu-horizontal-wrapper-05 {
    margin-top: -55px;
}

.main-search-form-horizontal-wrapper.alt-style-01 .form-inner {
    background-color: #0B8CDB;
    border: 3px solid #FFF;
    padding: 20px;
}

.main-search-form-horizontal-wrapper.alt-style-01 .form-inner .bg-change-focus-addclass {
    border-color: #FFF;
}

.main-search-form-horizontal-wrapper.alt-style-01 .main-search-form-horizontal .bg-change-focus-addclass.focus {
    border: 1px solid #A1A1A1;
}

@media (min-width: 576px) {
    .main-search-form-horizontal .form-inner {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media (min-width: 768px) {
    .main-search-form-horizontal-wrapper .menu-horizontal-wrapper-05 {
        margin-top: -80px;
    }
    .main-search-form-horizontal-wrapper .menu-horizontal-wrapper-05:before {
        bottom: -35px;
    }
    .main-search-form-horizontal-wrapper.alt-style-01 .menu-horizontal-wrapper-05 {
        margin-top: -95px;
    }
    .main-search-form-horizontal-wrapper.alt-style-01 .menu-horizontal-wrapper-05:before {
        bottom: -50px;
    }
}


/**
 * Menu
 */

.menu-horizontal-01 ul {
    margin-bottom: 20px;
    background-color: #D7DBDE;
    text-align: center;
    display: block;
    border-radius: 5px 5px 0 0;
}

.menu-horizontal-01 ul li {
    display: inline-block;
}

.menu-horizontal-01 ul li a {
    display: block;
    line-height: 1;
    padding: 20px 20px 15px;
    color: inherit;
    font-size: 12px;
}

.menu-horizontal-01 ul li a.active,
.menu-horizontal-01 ul li.active a,
.menu-horizontal-01 ul li a:hover {
    background-color: #FFF;
}

.menu-horizontal-wrapper-02 {
    background-color: #FFF;
    color: #333;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 5px;
}

.menu-horizontal-02 {
    padding: 18px 25px 15px;
    background-color: #00b5ce;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0px 11px 17px -14px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 11px 17px -14px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 11px 17px -14px rgba(0, 0, 0, 0.5);
}

.menu-horizontal-02 ul li {
    display: inline-block;
}

.menu-horizontal-02 ul li:not(:last-child) {
    margin-right: 1px;
}

.menu-horizontal-02 ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    padding: 7px 10px;
    border-radius: 100px;
}

.menu-horizontal-02 ul li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.menu-horizontal-02 ul li.active a,
.menu-horizontal-02 ul li a.active {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.3);
}

.menu-horizontal-wrapper-02 .menu-horizontal-content {
    padding: 25px;
}

.menu-horizontal-wrapper-03.alt-z-index {
    position: relative;
    z-index: 1;
}

.menu-horizontal-03 {
    text-align: center;
}

.menu-horizontal-03 ul {
    margin: -30px 0 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu-horizontal-03 ul li {
    margin: 0 1px;
}

.menu-horizontal-03 ul li:first-child {
    padding-left: 0;
}

.menu-horizontal-03 ul li:last-child {
    padding-right: 0;
}

.menu-horizontal-03 ul li a {
    display: block;
    color: #FFF;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 30px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px 5px 0 0;
    padding-top: 2px;
}

.menu-horizontal-03 ul li.active a,
.menu-horizontal-03 ul li a.active,
.menu-horizontal-03 ul li a:hover {
    color: #000;
    background-color: #FFF;
}

.menu-horizontal-03 ul li.active a,
.menu-horizontal-03 ul li a.active {
    font-weight: 600;
}

.bg-light .menu-horizontal-03 ul li.active a,
.bg-light .menu-horizontal-03 ul li a.active,
.bg-light .menu-horizontal-03 ul li a:hover {
    background-color: #F8F9FA;
}

.menu-horizontal-04 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.menu-horizontal-04 .container {
    position: relative;
}

.menu-horizontal-04 .container:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -13px;
    height: 3px;
    background-color: #D2DCE0;
}

.menu-horizontal-04 .menu-heading {
    text-align: left;
}

.menu-horizontal-04 .menu-heading h3 {
    line-height: 1.15;
    margin: 12px 0 0;
    font-weight: 400;
}

.menu-horizontal-04 .menu-nav nav ul {
    display: block;
    margin: 0 -5px;
}

.menu-horizontal-04 .menu-nav nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
}

.menu-horizontal-04 .menu-nav nav ul li a {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding: 0 7px;
}

.menu-horizontal-04 .menu-nav nav ul li a:after {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    right: 130%;
    bottom: -17px;
    height: 3px;
    background-color: #0AD17A;
    z-index: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.menu-horizontal-04 .menu-nav nav ul li a.active:after,
.menu-horizontal-04 .menu-nav nav ul li a:hover:after {
    right: -10px;
}

.menu-horizontal-04 .menu-nav nav ul li a .icon-font {
    display: block;
    font-size: 40px;
    margin: 0 0 20px;
    color: #333;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.menu-horizontal-04 .menu-nav nav ul li.active a,
.menu-horizontal-04 .menu-nav nav ul li a.active,
.menu-horizontal-04 .menu-nav nav ul li a:hover {
    color: #000;
}

.menu-horizontal-04 .menu-nav nav ul li.active a .icon-font,
.menu-horizontal-04 .menu-nav nav ul li a.active .icon-font,
.menu-horizontal-04 .menu-nav nav ul li a:hover .icon-font {
    color: #0AD17A;
}

.menu-horizontal-wrapper-05 {}

.menu-horizontal-05 ul {
    margin-left: -15px;
    margin-right: -15px;
}

.menu-horizontal-05 ul li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.menu-horizontal-05 ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1;
    font-weight: 500;
}

.menu-horizontal-05 ul li a.active {
    color: #FFF;
}

nav.menu-vertical-wrapper-01, .nav-pills{
    width: 100%;
}

ul.menu-vertical-01, .nav-pills {
    border: 1px solid #E5E5E5;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

ul.menu-vertical-01 li {
    display: block;
    width: 100%;
}

ul.menu-vertical-01 li a{
    display: block;
    color: inherit;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 15px 25px 13px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    font-size: 13px;
}

.nav-pills .nav-link{
  border-bottom: 1px solid #E5E5E5;
  font-size: 13px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 0;
  position: relative;
  padding: 15px 25px 13px;
  color: #515263;
}

ul.menu-vertical-01 li:last-child a, .nav-pills .nav-link:last-child {
    border-bottom: 0;
}

ul.menu-vertical-01 li a:after, .nav-pills .nav-link:after {
    content: "";
    position: absolute;
    top: 15px;
    right: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent transparent;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

ul.menu-vertical-01 li a:hover, .nav-pills .nav-link:hover {
    color: #FF5252;
}

ul.menu-vertical-01 li.active a,
ul.menu-vertical-01 li a.active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #03ADC5;
    border-right-color: #03ADC5;
    color: #FFF;
}

ul.menu-vertical-01 li.active a:after,
ul.menu-vertical-01 li a.active:after, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link.active:after, .nav-pills .show>.nav-link:after {
    border-color: transparent transparent transparent #03ADC5;
}

nav.menu-vertical-wrapper-02 {
    width: 100%;
    background: #F0F1F9;
    box-shadow: 0px 3px 30px -1px rgba(0, 0, 0, 0.3);
    padding: 15px;
}

nav.menu-vertical-wrapper-02 h6 {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
}

ul.menu-vertical-02 {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

ul.menu-vertical-02 li {
    display: block;
    width: 100%;
    padding: 0;
    margin-right: -10px;
}

ul.menu-vertical-02 li + li {
    margin-top: 1px;
}

ul.menu-vertical-02 li a {
    color: inherit;
    line-height: 1.25;
    padding: 10px;
    display: block;
    font-weight: 500;
    border: 1px solid transparent;
}

ul.menu-vertical-02 li a i {
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

ul.menu-vertical-02 li a:hover,
ul.menu-vertical-02 li.active a {
    background: #FFF;
    color: #0B8CDB;
    border-color: #0B8CDB;
}

@media (min-width: 576px) {
    .menu-horizontal-03 ul li a {
        font-size: 12px;
        padding: 0 15px;
    }
}

@media (min-width: 768px) {
    .menu-horizontal-02 ul li a {
        font-size: 15px;
        letter-spacing: 0.5px;
        padding: 9px 15px;
    }
    .menu-horizontal-02 ul li a:hover {
        background-color: rgba(0, 0, 0, 0.1);
        color: #FFF;
    }
    .menu-horizontal-03 ul {
        margin: -50px 0 60px;
    }
    .menu-horizontal-03 ul li {
        margin: 0 2px 0 3px;
    }
    .menu-horizontal-03 ul li a {
        font-size: 14px;
        padding: 0 25px;
        height: 50px;
        padding-top: 5px;
    }
}

@media (min-width: 992px) {
    .menu-horizontal-03 ul {
        margin: -60px 0 60px;
    }
    .menu-horizontal-03 ul li a {
        letter-spacing: 1px;
        padding: 0 40px;
        height: 60px;
    }
    .menu-horizontal-04 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .menu-horizontal-04 .container:after {
        bottom: -63px;
    }
    .menu-horizontal-04 .menu-heading h3 {
        font-size: 36px;
    }
    .menu-horizontal-04 .menu-nav nav ul {
        margin: 0 -15px;
    }
    .menu-horizontal-04 .menu-nav nav ul li {
        padding: 0 15px;
    }
    .menu-horizontal-04 .menu-nav nav ul li a {
        letter-spacing: 1px;
        padding: 0 10px;
    }
    .menu-horizontal-04 .menu-nav nav ul li a:after {
        bottom: -67px;
    }
    .menu-horizontal-04 .menu-nav nav ul li a .icon-font {
        font-size: 55px;
    }
}

@media (min-width: 1200px) {
    .menu-horizontal-04 .menu-nav nav ul {
        margin: 0 -20px;
    }
    .menu-horizontal-04 .menu-nav nav ul li {
        padding: 0 20px;
    }
    .menu-horizontal-04 .menu-nav nav ul li a .icon-font {
        font-size: 70px;
    }
}


/**
 * Footer
 */

.footer-wrapper {
    background-color: #03ADC5;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    padding-top: 30px;
}

.footer-wrapper .footer-title {
    line-height: 1.1;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.footer-wrapper a {
    color: #FFF;
}

.footer-wrapper .footer-phone {
    font-size: 30px;
}

.footer-wrapper .footer-phone i {
    margin-top: -5px;
    font-size: 26px;
}

.footer-wrapper ul.footer-menu li {
    display: inline-block;
    margin-right: 20px;
}

.footer-wrapper ul.footer-menu li a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrapper a:hover,
.footer-wrapper ul.footer-menu li a:hover {
    color: #FF5252;
    ;
}

.footer-wrapper .footer-newsletter {
    margin-bottom: 50px;
}

.footer-wrapper .footer-newsletter .form-control {
    border-color: transparent;
    font-size: 13px;
    padding-top: 19px;
    padding-bottom: 17px;
}

.footer-wrapper .footer-socials a {
    font-size: 22px;
    margin-right: 15px;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrapper .footer-socials a:hover {
    color: #FF5252;
}

.footer-wrapper .post-footer {
    background-color: #059aaf;
    padding: 20px 0;
    margin-top: 40px;
    font-size: 12px;
    letter-spacing: 2px;
}

@media (min-width: 768px) {
    .footer-wrapper ul.footer-menu li {
        display: block;
        margin-right: 0;
    }
    .footer-wrapper ul.footer-menu li + li {
        margin-top: 10px;
    }
    .footer-wrapper .post-footer {
        margin-top: 70px;
    }
}

@media (min-width: 992px) {
    .footer-wrapper {
        padding-top: 30px;
    }
    .footer-wrapper .post-footer {
        text-align: center;
    }
}

@media (min-width: 1200px) {}


/**
 * Back To Top
 */

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 7px;
    right: 15px;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #0AD17A;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    padding: 0;
    -webkit-box-shadow: 0px 3px 8px -6px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 3px 8px -6px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 3px 8px -6px rgba(0, 0, 0, 0.43);
    z-index: 999999;
    border: 1px solid #0AD17A;
}

.back-to-top:hover {
    color: #FFF;
    margin-bottom: 5px;
    background-color: #0BDBBA;
    border-color: #0BDBBA ;
}


/**
 * Page title and breadcrumb
 */

.breadcrumb-wrapper {
    border-bottom: 1px solid #E5E5E5;
    background-color: #03adc5;
}

.breadcrumb {
    padding: 20px;
    padding-left: 0;
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    position: relative;
    border-top: 0;
    border-bottom: 0;
}

.breadcrumb-item {
    line-height: 1.25;
    font-size: 12px;
    letter-spacing: 1px;
}

.breadcrumb-item a {
    color: rgba(255,255,255,0.95);
    opacity: 0.8;
}

.breadcrumb-item.active {
    font-weight: 500;
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before{
  color: rgba(255,255,255,0.95);
}

.page-title-02 {
    position: relative;
    color: #FFF;
    padding: 80px 0 30px;
}

.page-title-02 .icon-font {
    font-size: 60px;
    line-height: 1;
}

.page-title-02 h2 {
    color: #FFF;
    letter-spacing: 0.5px;
    margin: 0;
    line-height: 1.25;
    position: relative;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 38px;
}

.page-title-02 p {
    color: #FFF;
    opacity: 0.9;
}

.page-title-02 .breadcrumb {
    padding: 0;
    margin: 60px 0 0;
    background-color: transparent;
    border-radius: 0;
    border: 0;
}

.page-title-02 .breadcrumb-item {
    line-height: 1.25;
}

.page-title-02 .breadcrumb-item,
.page-title-02 .breadcrumb-item a {
    color: #FFF;
}

.page-title-02 .breadcrumb-item + .breadcrumb-item::before {
    color: #FFF;
}


/**
 * Title, heading and sidebar
 */

.section-title {
    line-height: 1.25;
    margin-bottom: 40px;
}

.section-title p {
    font-size: 18px;
}

.section-title h2,
.section-title h3,
.section-title h4 {
    font-family: 'Aleo', serif;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0;
}

.section-title h2 {
    line-height: 1.25;
    font-size: 28px;
}

.section-title h2 + p {
    margin-top: 7px;
}

.section-title h3 {
    line-height: 1.25;
}

.section-title h3 + p {
    margin-top: 5px;
}

.section-title h4 {
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-title h4 + p {
    margin-top: 2px;
    font-size: 16px;
}

.pre-heading {
    display: block;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.heading-title {
    font-family: 'Aleo', serif;
    font-weight: 400;
    text-transform: capitalize;
}

.heading-title + p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.55;
}

.pre-heading + h2.heading-title {
    margin-top: 10px;
}

h2.heading-title {
    line-height: 1.15;
    margin-bottom: 30px;
}

h2.heading-title + p.post-heading {
    margin-top: -25px;
    margin-bottom: 30px;
}

.pre-heading + h3.heading-title {
    margin-top: 10px;
}

h3.heading-title {
    line-height: 1.2;
    margin-bottom: 18px;
}

h3.heading-title + p.post-heading {
    margin-top: -18px;
    margin-bottom: 18px;
}

.pre-heading + h4.heading-title {
    margin-top: 7px;
}

h4.heading-title {
    line-height: 1.25;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h4.heading-title + p.post-heading {
    margin-top: -12px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.45;
}

.sidebar-wrapper {
    width: 100%;
}

.sidebar-wrapper .wrapper-inner {
    width: 100%;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    border-radius: 5px;
    background-color: #FFF;
}

.sidebar-wrapper .sidebar-title {
    padding: 20px 20px 18px;
    margin: 0 0 20px;
    border-radius: 5px 5px 0 0;
}

.sidebar-wrapper .sidebar-title h4 {
    line-height: 1;
    margin: 0;
}

.sidebar-wrapper .sidebar-title .filter-reset {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.25;
    display: block;
    margin: 0 0 1px;
}

.sidebar-box {
    margin: 0 0 20px;
}

.sidebar-box .box-title {
    text-transform: uppercase;
    line-height: 1;
    font-weight: 400;
    padding: 10px 20px;
}

.sidebar-box .box-title h5 {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
}

.sidebar-box .box-content {
    padding: 10px 0 25px;
    margin: 0 20px;
    border-bottom: 1px solid #EDECEC;
}

.sidebar-box:last-child .box-content {
    border-bottom: 0;
}

.sidebar-box .box-content .form-group:last-child {
    margin: 0;
}

.sidebar-box .box-content.fix-height {
    max-height: 200px;
    overflow: hidden;
}

.style-02 .sidebar-box {
    margin: 0;
}

.style-02 .sidebar-box + .sidebar-box {
    margin-top: 40px;
}

.style-02 .sidebar-box .box-title {
    border-bottom: 1px solid #D5D5D5;
    padding: 0 0 15px;
}

.style-02 .sidebar-box .box-title h5 span {
    display: ineline-block;
    position: relative;
}

.style-02 .sidebar-box .box-title h5 span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    height: 3px;
    background-color: #0B8CDB;
}

.style-02 .sidebar-box .box-content {
    padding: 30px 0 0;
    margin: 0;
    border: 0;
}

.sidebar-box.special .box-content {
    background-color: #E9E9E9;
}

.sidebar-box.collapse-item .collapse-header {
    position: relative;
}

.sidebar-box.collapse-item .collapse-header [data-toggle=collapse]:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f056";
    font-weight: 900;
    position: absolute;
    top: 16px;
    right: 10px;
    color: #939393;
    font-size: 14px;
    line-height: 1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sidebar-box.collapse-item .collapse-header [data-toggle=collapse].collapsed:after {
    content: "\f055";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    - o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebar-text-widget ul {
    margin: 0;
    margin-left: 25px;
    padding: 0;
    line-height: 1.45;
}

.sidebar-text-widget ul li {
    list-style: circle;
}

@media (min-width: 992px) {
    .section-title {
        line-height: 1.25;
        margin-bottom: 40px;
    }
    .section-title p {
        font-size: 24px;
        font-weight: 300;
    }
    .section-title h2 {
        font-size: 38px;
    }
    h3.heading-title {
        margin-bottom: 25px;
    }
    h3.heading-title + p.post-heading {
        margin-top: -25px;
        margin-bottom: 25px;
    }
    .pre-heading + h4.heading-title {
        margin-top: 7px;
    }
    .sidebar-wrapper .sidebar-title .filter-reset {
        font-size: 11px;
    }
    .sidebar-box:last-child .box-content {
        padding-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .sidebar-wrapper .sidebar-title .filter-reset {
        letter-spacing: 1px;
    }
}


/**
 * Pagination
 */

.pager-wrappper {
    margin-top: 15px;
}

.pagination {
    margin: 0 -3px;
}

.pagination.text-center > li {
    text-align: center;
    display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
    padding: 0;
    margin: 0 3px;
    border: 0;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    text-align: center;
    color: #666;
    background: none;
    font-size: 13px;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
    color: #FFF;
    background: #0AD17A
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #0AD17A;
    color: #FFF;
}


/**
 * Result page
 */

.sorting-box {
    padding: 15px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    border-radius: 5px;
    background-color: #FFF;
}

.sort-by-wrapper {
    line-height: 1.2;
    display: table;
}

.sort-by-wrapper .nav.nav-tabs{
  border-bottom: none;
  display: inline-block;
}

.sort-by-wrapper .nav-tabs .nav-link{
  border: none;
  display: inline-block;
}

.sorting-label {
    vertical-align: middle;
    display: inline-block;
    font-weight: 300;
    padding-top: 3px;
}

.sort-by-wrapper.for-layout-option .sorting-label {
    margin-right: 10px;
}

.sorting-middle-holder {
    display: inline-block;
    margin: 0;
    margin-left: 0;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

ul.sort-by {
    margin: 1px -5px -1px;
    padding: 0;
    clear: both;
    line-height: 1.2;
}

ul.sort-by li {
    display: inline-block;
    margin: 5px;
}

ul.sort-by li a {
    display: block;
    position: relative;
    color: inherit;
    font-weight: 300;
}

ul.sort-by li a:hover {
    color: #0AD17A;
    text-decoration: underline;
}

ul.sort-by li.active a {
    color: #0AD17A;
    font-weight: 500;
}

.btn-sorting {
    border: 0;
    font-size: 18px;
    line-height: 1;
    margin: 0;
    margin-top: 6px;
    margin-left: 5px;
    padding: 0;
    color: inherit;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.sort-by-wrapper .nav.nav-tabs .btn-sorting.nav-link.active,
.sort-by-wrapper .nav.nav-tabs .btn-sorting.nav-link:hover {
    color: #0AD17A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 576px) {
    .sorting-middle-holder {
        margin-left: 15px;
    }
    .sort-by-wrapper.for-layout-option .sorting-label {
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .sorting-box {
        padding: 15px 25px;
    }
}

@media (min-width: 992px) {
    .sorting-middle-holder {
        margin-left: 25px;
    }
    ul.sort-by {
        margin: 0 -10px;
    }
    ul.sort-by li {
        margin: 5px 10px;
    }
}

@media (min-width: 1200px) {}


/**
 * Detail page
 */

.detail-header {
    background: #FFF;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -40px;
}

.detail-header h2 {
    line-height: 1.2;
    font-weight: 300;
    margin: 0 0 5px;
    display: inline-block;
}

.detail-header .star-rating-wrapper {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

.detail-header .star-rating-wrapper.alt {
    padding-left: 0;
    padding-right: 15px;
    margin-top: -1px;
}

.detail-header .star-rating-wrapper.alt a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2.5px;
    display: inline-block;
}

.detail-header .star-rating-wrapper.align-bottom {
    vertical-align: middle;
    padding-left: 10px;
}

.detail-header .star-rating-wrapper.align-bottom .rating-item {
    font-size: 15px;
    margin-right: 3px;
    display: inline-block;
}

.detail-header .star-rating-wrapper.align-bottom .fa {
    font-size: 13px;
    margin-right: 2px;
}

.detail-header .intro-info {
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0;
}

.detail-header .intro-info > span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}

.detail-header .intro-info > span:last-child {
    padding-right: 0;
}

.detail-header .intro-info > span:before {
    content: "";
    position: absolute;
    top: 11px;
    right: 6px;
    width: 4px;
    height: 4px;
    background: #CCC;
    border-radius: 10px;
}

.detail-header .intro-info > span:last-child:before {
    display: none;
}

.detail-header .location {
    line-height: 1.45;
}

.detail-header .location a {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 30px;
    text-transform: uppercase;
}

.detail-header .location a:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 9px;
    width: 10px;
    height: 1px;
    background: #FF5252;
}

.detail-header .price {
    line-height: 1;
}

.detail-header .price > span {
    font-size: 12px;
    color: #FF5252;
}

.detail-header .price > span > span {
    font-size: 24px;
    font-weight: 700;
}

.detail-header .content-right .btn {
    padding-left: 20px;
    padding-right: 20px;
}

.detail-header.for-guide {
    overflow: hidden;
}

.detail-header.for-guide .detail-header-inner {
    position: relative;
    padding-left: 172px;
}

.detail-header.for-guide .image {
    width: 152px;
    position: absolute;
    bottom: -50px;
    left: 0;
}

.detail-header.for-guide .image img {
    border-radius: 50%;
}

.detail-header.for-guide .detail-header-image-box-shadow {
    position: absolute;
    bottom: 8px;
    left: -5px;
    right: -5px;
    height: 15px;
    -webkit-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    background: #FFF;
}

.detail-gallery {
    margin-top: 40px;
}

.detail-sidebar {
    display: block;
    width: 100%;
    margin-top: 40px;
}

.detail-content-section {
    padding-top: 40px;
}

.detail-content-section h3 {
    text-transform: uppercase;
    line-height: 1.2;
}

ul.main-facility-list {
    margin: 25px 0 0;
}

ul.main-facility-list li {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: 0.5px;
}

ul.main-facility-list li .icon {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.detail-review-header {
    background: #FFF;
    padding: 25px 25px 15px;
    margin: 0 0 40px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    position: relative;
}

.detail-review-header .average-score {
    margin-bottom: 30px;
}

.detail-review-header .average-score h5 {
    letter-spacing: 1px;
}

.detail-review-header .average-score .number {
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0 12px;
}

.detail-review-header .average-score a {
    display: block;
}

.detail-review-header .progress-radial-inner .caption {
    padding: 0 30px;
}

.detail-review-header .content .progress {
    margin: 0 0 5px;
}

.detail-review-header .content .progress-label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    padding-top: 3px;
}

.detail-review-header .content .progress-label > span {
    float: right;
    font-weight: 700;
    font-size: 18px;
    margin-top: -4px;
}

.review-item {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.review-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.review-item .entry {
    margin: 0 0 15px;
}

.review-item .entry ul,
.review-item .entry ol {
    list-style: disc;
    margin-left: 20px;
    line-height: 25px
}

.review-item .entry ul li,
.review-item .entry ol li {
    margin-bottom: 7px
}

.review-item .entry ul ul,
.review-item .entry ol ol {
    margin-top: 7px
}

.review-item .entry > ul,
.review-item .entry> ol {
    margin-bottom: 15px
}

.review-item .entry ol {
    list-style: decimal
}

.review-item .meta {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #A9A9A9;
    border-top: 1px solid #E0E0E0;
    padding-top: 15px;
}

.review-item .progress-radial .overlay {
    background: #F8F9FA;
}

.review-item ul.meta-list {
    margin: 20px 0 0;
}

.review-item ul.meta-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.2;
    font-size: 13px;
    letter-spacing: 0.7px;
    margin: 12px 0;
}

.review-item ul.meta-list li .position-absolute-top img {
    width: 22px;
    display: block;
    margin-top: -3px;
}

.review-item ul.meta-list li .position-absolute-top i {
    font-size: 16px;
    margin-top: -2px;
    color: #A9A9A9;
}

ul.review-useful li {
    display: inline-block;
    margin: 0 5px
}

ul.review-useful {
    margin-left: -5px;
    margin-right: -5px;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .detail-review-header {
        padding-left: 270px;
        min-height: 270px;
    }
    .detail-review-header .average-score {
        width: 200px;
        position: absolute;
        top: 35px;
        left: 25px;
        margin-bottom: 0;
    }
    ul.review-useful {
        float: right;
    }
}

#hotel-detail-map {
    width: 100%;
    height: 520px;
}


/**
* Horizontal Sticky Navigation
*/

.fullwidth-horizon-sticky {
    position: relative;
    background: #FFF;
    border-bottom: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
}

.fullwidth-horizon-sticky.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10009
}

.fullwidth-horizon-sticky .fullwidth-horizon-sticky-item {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease
}

ul.horizon-sticky-nav {
    margin: 0;
    padding: 0;

}

ul.horizon-sticky-nav > li {
    display: inline-block;
    margin: 0;
    padding: 0
}

ul.horizon-sticky-nav > li a {
    padding: 15px 10px;
    line-height: 1;
    display: block;
    position: relative;
    border: 1px solid transparent;
    border-top: 0;
    padding-top: 16px;
    margin-bottom: -1px;
    color: #5d5d5d;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
}

ul.horizon-sticky-nav > li a:hover {
    color: #FF5252
}

ul.horizon-sticky-nav > li.active a {
    background: #F7F7F7;
    border-color: #E5E5E5;
    border-bottom-color: #F7F7F7;
    color: #D60D45
}

.fullwidth-horizon-sticky.fixed .fullwidth-horizon-sticky-item {
    width: 100%;
    border: 0
}

.fullwidth-horizon-sticky.fixed ul.horizon-sticky-nav {
    border-bottom: 0;
    border-top: 0;
}

.fullwidth-horizon-sticky-item {
    padding: 0
}

.fullwidth-horizon-sticky.fixed .fullwidth-horizon-sticky-item {
    border: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.fullwidth-horizon-sticky-section {
    padding-top: 40px;
}

@media (min-width: 992px) {
    .fullwidth-horizon-sticky.fixed {
        top: 100px;
    }
}


/**
* Account dropdown
*/
.account-selection-box {
    background: #FFF;
    padding: 0 20px 5px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    box-sizing: border-box;
    width: 100%;
    position: absolute;
}

.account-selection-box .heading {
    clear: both;
    margin: 0 -20px 20px;
    background: #0AD17A;
    padding: 10px;
}

.account-selection-box .heading h4,
.account-selection-box .heading h5 {
    text-transform: capitalize;
    color: #FFF;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.account-selection-filter {
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.25;
    display: block;
    margin: 0 0 1px;
}

.account-selection-filter:hover {
    text-decoration: underline;
    color: #FFF;
}


/**
* Booking and payment page
*/

.booking-selection-box {
    background: #FFF;
    padding: 30px 20px 20px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    width: 100%;
}

.booking-selection-box .heading {
    clear: both;
    margin: -30px -20px 20px;
    background: #0AD17A;
    padding: 18px 20px 15px;
}

.booking-selection-box .heading h4,
.booking-selection-box .heading h5 {
    text-transform: capitalize;
    color: #FFF;
    margin: 0;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.booking-selection-filter {
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.25;
    display: block;
    margin: 0 0 1px;
}

.booking-selection-filter:hover {
    text-decoration: underline;
    color: #FFF;
}

ul.booking-amount-list {
    position: relative;
    border: 1px solid #ECECEC;
    padding: 15px;
}

.modal-body ul.booking-amount-list{
  border: none;
}

ul.booking-amount-list:before {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #0AD17A;
    position: absolute;
    left: 50%;
    top: 29px;
    display: block;
    width: 16px;
    text-align: center;
    margin-left: -8px;
}

ul.booking-amount-list li {
    width: 50%;
    float: left;
    line-height: 1.25;
    font-size: 13px;
    color: #333;
}

ul.booking-amount-list li span {
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}

ul.summary-price-list li {
    line-height: 1.25;
    padding-right: 80px;
    position: relative;
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

ul.summary-price-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

ul.summary-price-list li span.absolute-right {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    color: #0AD17A;
    letter-spacing: 1px;
    font-size: 13px;
}

ul.summary-price-list li.total {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    border-top: 2px solid #ECECEC;
    margin-top: -11px;
    padding-top: 15px;
}

ul.summary-price-list li.total span.absolute-right {
    top: 15px;
    font-size: 18px;
}

ul.payment-list {
    margin: 5px 0 10px;
}

ul.payment-list li {
    float: left;
    width: 60px;
    margin-right: 5px;
    margin-bottom: 5px;
}

ul.payment-list li img {
    width: auto;
}

ul.confirmation-list {
    position: relative;
    line-height: 1.45;
}

ul.confirmation-list:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #E1E1E1;
}

ul.confirmation-list li > span:last-child {
    float: right;
    max-width: 60%;
    text-align: right
}

ul.confirmation-list li + li {
    margin-top: 20px;
}

ul.confirmation-list li.total {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    border-top: 3px double #ECECEC;
    margin-top: 20px;
    padding-top: 20px;
}

.success-box {
    position: relative;
    margin: 0 0 30px
}

.success-box .icon {
    width: 120px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #0AD17A;
    background: #0AD17A;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.success-box .icon span {
    font-size: 56px;
    color: #FFF;
    width: 100%;
}

.success-box .content {
    border: 1px solid #358d44;
    background: #FFF;
    margin-left: 121px;
    padding: 30px;
    color: #555
}

.success-box .content h4 {
    line-height: 1.25;
}

.payment-option-box .payment-desc {
    border: 1px solid #EDECEC;
    padding: 25px 30px 20px;
    line-height: 1.6;
    margin: 15px 0 0;
    display: none;
    transform: all .6s;
}

.payment-option-box input[type=radio]:checked ~ .payment-desc {
    display: block
}

.payment-option-item + .payment-option-item {
    margin-top: 15px;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .booking-selection-filter {
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .booking-selection-filter {
        letter-spacing: 1px;
    }
}


/**
 * Product item
 */

.product-grid-item {
    background: #FFF;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    line-height: 1.25;
}

.product-grid-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.product-grid-item a {
    color: inherit;
    display: block;
}

.product-grid-item img {}

.product-grid-item .content {
    padding: 20px;
}

.product-grid-item .short-info {
    margin-right: 85px;
    margin-top: 12px;
}

.product-grid-item p.rating-text [class*=bg] {
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    padding: 2px 4px 0;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    position: relative;
    z-index: 1;
}

.product-grid-item h5,
.product-grid-item h6 {
    line-height: 1.25;
    margin-bottom: 7px;
}

.product-grid-item p {
    margin: 0;
}

.product-grid-item p.location {
    font-style: italic;
}

.product-grid-item p.location i {
    font-size: normal;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
}

.product-grid-item .price {
    max-width: 80px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    border-left: 1px solid #E3E5E7;
    padding-left: 12px;
    line-height: 1.2;
}

.product-grid-item .price span {
    display: block;
    margin: 3px 0 0;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.product-grid-item ul.meta-list {
    margin: 15px -10px 0;
}

.product-grid-item ul.meta-list li {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    padding: 0 10px;
    letter-spacing: 0.5px;
    position: relative;
}

.product-grid-item ul.meta-list li:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 6px;
    display: block;
    width: 2px;
    height: 2px;
    background-color: #333;
    border-radius: 5px;
}

.product-grid-item ul.meta-list li:last-child {
    margin-right: 0;
}

.product-grid-item ul.meta-list li:last-child:after {
    display: none;
}

.product-grid-item .caption-relative .caption-bottom.caption-gradient {
    padding: 15px 20px;
    padding-top: 40px;
}

[class*=slick-product-item] {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -20px;
}

[class*=slick-product-item] .slick-item {
    padding: 20px 5px;
}

[class*=slick-product-item] .slick-prev {
    left: -15px
}

[class*=slick-product-item] .slick-next {
    right: -15px
}

.product-long-item {
    background: #FFF;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    line-height: 1.25;
    margin-bottom: 20px;
}

.product-long-item:last-child {
    margin-bottom: 0;
}

.product-long-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.product-long-item .image {
    width: 100%;
    margin: 15px 15px 0;
}

.product-long-item .col-inner {
    padding: 0 15px 0;
}

.product-long-item .content-top {
    margin-bottom: 15px;
}

.product-long-item h5,
.product-long-item h6 {
    line-height: 1.25;
    margin: 10px 0 7px;
}

.product-long-item p {
    margin: 0;
    line-height: 1.45;
}

.product-long-item p.location {
    font-style: italic;
    line-height: 1.25;
}

.product-long-item p.location i {
    font-size: normal;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
}

.product-long-item p.rating-text [class*=bg] {
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    padding: 2px 4px 0;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    position: relative;
    z-index: 1;
}

.product-long-item .price {
    font-size: 12px;
    text-align: center;
    border-left: 1px solid #E3E5E7;
    padding-left: 12px;
    line-height: 1.2;
}

.modal-body .product-long-item .price{
  border-left: none;
  padding-left: 0;
}

.product-long-item .price span {
    display: block;
    margin: 3px 0 0;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.product-long-item .content {
    padding-bottom: 20px;
}

.product-long-item .content-bottom {
    border-top: 1px solid #E3E5E7;
    margin: 0 -20px;
    margin-left: -25px;
    padding: 10px 15px;
    padding-left: 25px;
}

.product-long-item ul.list-icon-absolute li {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding-left: 20px;
}

.product-long-item ul.list-icon-absolute li .icon-font {
    top: 1px;
}

.product-long-item ul.meta-list {
    margin: 0 -10px 0;
}

.product-long-item ul.meta-list li {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    padding: 0 10px;
    letter-spacing: 0.5px;
    position: relative;
}

.product-long-item ul.meta-list li:after {
    content: "";
    position: absolute;
    right: -3px;
    top: 6px;
    display: block;
    width: 2px;
    height: 2px;
    background-color: #333;
    border-radius: 5px;
}

.product-long-item ul.meta-list li:last-child {
    margin-right: 0;
}

.product-long-item ul.meta-list li:last-child:after {
    display: none;
}

.product-long-item.for-guide .image {
    width: 150px;
    margin: 15px auto;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.product-long-item.for-guide .image img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.product-long-item.for-guide .image-shadow {
    margin-top: -10px;
    margin-bottom: 20px;
    position: relative;
    line-height: 1.2;
    background: #FFF;
    z-index: 2;
}

.product-long-item.for-guide .image-shadow > span {
    position: absolute;
    top: 0;
    left: 20px;
    right: 0;
    height: 20px;
    -webkit-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    display: block;
    background: #FFF;
    z-index: 2;
}

.product-long-item.for-guide .image-shadow:after {
    content: "";
    position: absolute;
    left: 10px;
    right: -10px;
    height: 20px;
    background: #FFF;
    z-index: 3;
}

.product-long-item.for-guide .item-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    display: block;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    text-align: center;
}

.product-long-item.for-guide .item-label > span {
    position: relative;
    z-index: 2;
    display: block;
    padding: 4px 12px;
    width: 100%;
}

.product-long-item-02:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
}

.product-long-item-02 a {
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-top: 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.product-long-item-02 .meta {
    line-height: 1.25;
}

.product-long-item-02 .meta .item-price {
    font-size: 28px;
    font-weight: 500;
}

.item-large-10 {
    background: #FFF;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    line-height: 1.25;
}

.product-grid-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.item-large-10 .content-top {
    padding: 20px 25px;
}

.item-large-10 h5,
.item-large-10 h6 {
    line-height: 1.25;
    margin: 10px 0 7px;
}

.item-large-10 p {
    margin: 0;
    line-height: 1.45;
}

.item-large-10 p.location {
    font-style: italic;
    line-height: 1.25;
    margin-bottom: 15px;
}

.item-large-10 p.location i {
    font-size: normal;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
}

.item-large-10 p.rating-text [class*=bg] {
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    padding: 2px 4px 0;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    position: relative;
    z-index: 1;
}

.item-large-10 .price {
    font-size: 12px;
    text-align: center;
    border-left: 1px solid #E3E5E7;
    padding-left: 12px;
    line-height: 1.2;
}

.item-large-10 .price span {
    display: block;
    margin: 3px 0 0;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.item-large-10 .content-bottom {
    border-top: 1px solid #E3E5E7;
    margin: 10px 25px 20px;
    padding-top: 15px;
}

.item-large-10 ul.list-icon-absolute li {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding-left: 20px;
}

.item-large-10 ul.list-icon-absolute li .icon-font {
    top: 1px;
}

.bg-image.item-large-10 {
    box-shadow: 0;
    padding: 100px 0;
    border-radius: 0;
}

.bg-image.item-large-10 .content {
    border-radius: 3px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    min-height: 350px;
}

.bg-image.item-large-10:hover .content {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

a.product-small-item {
    color: inherit;
    display: block;
    font-weight: inherit;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
}

.product-small-item {
    line-height: 1.25;
    background: #FFF;
    box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
    transition: all 0.3s ease-out;
    position: relative;
}

.product-small-item + .product-small-item {
    margin-top: 10px;
}

.product-small-item:hover {
    box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29);
}

.product-small-item .image {
    width: 110px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.product-small-item .image img {
    object-fit: cover;
    width: 110px;
    height: 100%;
}

.product-small-item .content {
    margin-left: 125px;
    padding: 10px 0;
    padding-right: 10px;
}

.product-small-item h6 {
    line-height: 1.25;
    margin: 3px 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.product-small-item .meta {
    font-size: 13px;
    letter-spacing: 1px;
}

.product-small-item .price {
    margin-top: 10px;
}

.product-small-item .price span {
    font-size: 16px;
}

.product-small-item.no-image .content {
    margin-left: 0;
    padding: 0;
}

.product-small-item.alt-image .content {
    margin-left: 130px;
    padding: 15px 0;
}

.product-small-item.alt-image .image {
    position: absolute;
    left: 5px;
    bottom: -15px;
    width: 120px;
    height: 120px;
    padding: 10px;
}

.product-small-item.alt-image .image img {
    height: 100%;
    border-radius: 50%;
}

.product-small-item.alt-image .image-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;
    -webkit-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    background: #FFF;
}

a.item-small {
    color: inherit;
    display: block;
}

.item-small {
    line-height: 1.25;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    background: #FFF;
    overflow: hidden;
    border-radius: 3px;
}

.item-small:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.item-small + .item-small-02 {
    margin-top: 20px;
}

.item-small .image {
    width: 120px;
    height: 120px;
    float: left;
}

.item-small .image img {
    object-fit: cover;
    width: 120px;
    height: 120px;
}

.item-small .content {
    margin-left: 120px;
    height: 120px;
    padding: 10px 15px;
    position: relative;
}

.item-small h6 {
    line-height: 1.1;
    margin: 0 0 3px;
}

.item-small .meta {
    position: absolute;
    bottom: 10px;
    right: 15px;
    display: block;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
}

.item-small .meta > span {
    letter-spacing: 1px;
    font-weight: 400;
}

.guide-grid-item {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding-bottom: 5px;
    background: #FFF;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    border-radius: 3px;
}

.guide-grid-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.guide-grid-item a {
    color: inherit;
    display: block;
}

.guide-grid-item .image {
    width: 85%;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.guide-grid-item .image img {
    border-radius: 50%;
}

.guide-grid-item .heading {
    text-align: center;
    margin-top: -40px;
    position: relative;
    line-height: 1.2;
}

.guide-grid-item .heading h5,
.guide-grid-item .heading h6 {
    line-height: 1.25;
    margin-bottom: 7px;
}

.guide-grid-item .heading-box-shadow {
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 15px;
    -webkit-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
    box-shadow: 0px -6px 13px -6px rgba(0, 0, 0, 0.39);
}

.guide-grid-item .heading .heading-inner {
    z-index: 2;
    position: relative;
    background: #FFF;
    padding-top: 20px;
}

.guide-grid-item .heading .location {
    margin: 0 0 7px;
    font-style: italic;
}

.guide-grid-item .heading .location i {
    font-size: normal;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
}

.guide-grid-item .content {
    position: relative;
    min-height: 70px;
    padding: 20px;
}

.guide-grid-item .meta-box {
    margin-right: 85px;
    font-size: 13px;
    line-height: 1.2;
}

.guide-grid-item ul.meta-list {
    padding-top: 5px;
}

.guide-grid-item ul.meta-list li + li {
    margin-top: 10px;
}

.guide-grid-item ul.meta-list li .badge {
    font-weight: 500;
}

.guide-grid-item .price {
    position: absolute;
    bottom: 18px;
    right: 15px;
    width: 80px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    border-left: 1px solid #EDECEC;
    padding: 0;
    padding-left: 5px;
}

.guide-grid-item .price > span {
    display: block;
    margin: 3px 0 0;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.guide-grid-item .price > span > span {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    line-height: 1;
}

.guide-grid-item .item-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    display: inline-block;
    line-height: 1;
}

.guide-grid-item .item-label > span {
    position: relative;
    z-index: 2;
    display: block;
    padding: 4px 12px;
    width: 100%;
}

.hotel-room-sm-item + .hotel-room-sm-item {
    border-top: 2px solid #E5E5E5;
    padding-top: 15px;
    margin-top: 15px;
}

.hotel-room-sm-item .the-hotel-item {
    line-height: 1.25;
    border-bottom: 3px double #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.hotel-room-sm-item .the-hotel-item h5 {
    line-height: 1;
    margin: 0 0 5px;
}

.hotel-room-sm-item .the-hotel-item h5 a {
    color: #333;
}

.hotel-room-sm-item .the-hotel-item h5 a:hover {
    color: #c2185b;
}

.hotel-room-sm-item .the-hotel-item .location {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    margin-right: 5px;
}

.hotel-room-sm-item .the-hotel-item .rating-item {
    margin-top: -2px;
}

.hotel-room-sm-item .the-room-item {
    font-size: 13px;
    line-height: 1;
    position: relative;
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EBEBEB;
}

.hotel-room-sm-item .the-room-item:last-child {
    margin: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.hotel-room-sm-item .the-room-item h6 {
    line-height: 1;
    margin: 0 0 3px;
    margin-right: 15px;
    font-size: 13px;
    letter-spacing: 1px;
}

.hotel-room-sm-item .the-room-item .remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 9px;
    color: #A7A7A7;
}

.hotel-room-sm-item .the-room-item .remove:hover {
    color: #c2185b;
}

.hotel-room-sm-item .the-room-item > div > span {
    display: block;
}

.hotel-room-sm-item .the-room-item > div > span.amount {
    float: left;
}

.hotel-room-sm-item .the-room-item > div > span.price {
    float: left;
    font-weight: 700;
    color: #0AD17A;
    letter-spacing: 1px;
}

.room-item {
    line-height: 1.2;
    font-size: 14px;
}

.room-item.heading {
    background: #F3F4FD;
    border: 2px solid #0B8CDB;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 0 10px;
    margin: 0 0 30px;
    background: #FAF9FF;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    text-transform: uppercase;
}

.room-item {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E0E0;
}

.room-item.no-bb-last:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.room-item h5,
.room-item h6 {
    line-height: 1.2;
    margin-bottom: 10px;
}

.room-item .image {
    margin-top: 3px;
}

.room-item .content {
    line-height: 1.2;
    font-size: 14px;
}

.room-item .content p {
    margin: 0 0 12px;
}

.room-item .content .max-man {
    letter-spacing: 0.5px;
    font-size: 15px;
    margin-bottom: 10px;
}

.room-item .price {}

.room-item .price .number {
    font-size: 22px;
    font-weight: 700;
}

.room-item .price .number small {
    font-size: 16px;
}

.room-item .price .not-this {
    text-decoration: line-through;
    color: #A9A9A9;
    margin-right: 3px;
}

.place-item {
    position: relative;
    padding-left: 30px;
}

.place-item .icon-font {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    line-height: 1.3;
}

.place-item ul:not(:last-child) {
    margin: 0 0 25px;
}

.place-item ul li {
    font-size: 14px;
    line-height: 1.25;
    margin: 0 0 7px;
}

.product-large-item {
    background: #FFF;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    line-height: 1.25;
}

.product-grid-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.product-large-item .image img {
    min-height: 400px;
    object-fit: cover;
}

.product-large-item .content-top {
    padding: 20px 25px;
}

.product-large-item h5,
.product-large-item h6 {
    line-height: 1.25;
    margin: 10px 0 7px;
}

.product-large-item p {
    margin: 0;
    line-height: 1.45;
}

.product-large-item p.location {
    font-style: italic;
    line-height: 1.25;
    margin-bottom: 15px;
}

.product-large-item p.location i {
    font-size: normal;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 3px;
    margin-top: -3px;
    display: inline-block;
}

.product-large-item p.rating-text [class*=bg] {
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    padding: 2px 4px 0;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    position: relative;
    z-index: 1;
}

.product-large-item .price {
    font-size: 12px;
    text-align: center;
    border-left: 1px solid #E3E5E7;
    padding-left: 12px;
    line-height: 1.2;
}

.product-large-item .price span {
    display: block;
    margin: 3px 0 0;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.product-large-item .content-bottom {
    border-top: 1px solid #E3E5E7;
    margin: 10px 25px 20px;
    padding-top: 15px;
}

.product-large-item ul.list-icon-absolute li {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding-left: 20px;
}

.product-large-item ul.list-icon-absolute li .icon-font {
    top: 1px;
}

.bg-image.product-large-item {
    box-shadow: 0;
    padding: 100px 0 200px;
    border-radius: 0;
}

.bg-image.product-large-item .content {
    border-radius: 3px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    min-height: 350px;
}

.bg-image.product-large-item:hover .content {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.product-large-item .content {
    overflow: hidden;
}

.item-deal-horizontal {
    line-height: 1.25;
    padding: 25px 20px 20px;
    overflow: hidden;
    display: block;
    width: 100%;
}

a.item-deal-horizontal {
    color: #FFF;
}

.item-deal-horizontal .deal-highlight {
    font-size: 12px;
    line-height: 1.25;
    text-transform: uppercase;
    display: block;
    text-align: right;
}

.item-deal-horizontal .deal-highlight span {
    font-weight: 700;
    font-size: 30px;
    display: block;
}

.item-deal-horizontal h6 {
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 10px;
    color: #FFF;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    [class*=slick-product-item] {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -20px;
    }
    [class*=slick-product-item] .slick-item {
        padding: 20px 10px;
    }
    .product-long-item .image {
        width: 300px;
        margin: 0;
    }
    .product-long-item .image img {
        width: 100%;
        height: 270px;
        object-fit: cover;
    }
    .product-long-item .price {
        margin-top: 5px;
        margin-right: 5px;
    }

    .product-long-item .col-inner {
        padding: 15px 15px 0;
    }
    .product-long-item.for-guide .image {
        margin-top: 20px;
        margin-left: 20px;
    }
    .bg-image.product-large-item {
        box-shadow: 0;
        padding: 100px 0;
        border-radius: 0;
    }
}

@media (min-width: 992px) {
    [class*=slick-product-item] .slick-prev {
        left: -25px
    }
    [class*=slick-product-item] .slick-next {
        right: -25px
    }
}

@media (min-width: 1200px) {
    [class*=slick-product-item] {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -20px;
    }
    [class*=slick-product-item] .slick-item {
        padding: 20px 15px;
    }
    [class*=slick-product-item] .slick-prev {
        left: -40px
    }
    [class*=slick-product-item] .slick-next {
        right: -40px
    }
}


/**
 * Featured Box and Items
 */

.featured-image-grid-item {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s ease-out;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    background-color: #FFF;
}

.featured-image-grid-item:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.featured-image-grid-item .image img {
    height: 200px;
    object-fit: cover;
}

.featured-image-grid-item .content {
    padding: 10px;
    line-height: 1.45;
}

.cols-lg-3 .featured-image-grid-item .content p {
    font-size: 14px;
    letter-spacing: 0;
}

.featured-image-grid-item .item-highlight {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    display: block;
}

.featured-image-grid-item .item-highlight span {
    font-weight: 700;
    font-size: 35px;
    display: block;
}

.featured-image-grid-item .item-expire {
    display: inline-block;
    border: 2px dashed #E5E5E5;
    padding: 7px 5px 5px;
    line-height: 1.15;
    font-weight: 500;
    font-size: 12px;
}

.featured-image-grid-item .act-as-btn {
    font-size: 13px;
    line-height: 1;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: -60px;
    margin-top: 45px;
    transition: all 0.3s ease-out;
}

.featured-image-grid-item.with-highlight:hover {
    margin-bottom: -30px;
}

.featured-image-grid-item:hover .act-as-btn {
    margin-bottom: 0;
    margin-top: 15px;
}

.featured-text-item {
    padding: 25px 25px 20px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.65;
    -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.featured-text-item .featured-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.featured-text-item a {
    font-size: 13px;
    line-height: 1;
    display: block;
    margin-top: 30px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.featured-text-item .image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.featured-text-item .image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.featured-text-item.bg-light {
    background: #EBEFF2 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.featured-icon-small-item {
    font-size: 13px;
    line-height: 1.45;
    padding-left: 60px;
    position: relative;
}

.featured-icon-small-item h6 {
    text-transform: uppercase;
    line-height: 1.15;
    margin: 0 0 7px;
}

.featured-icon-small-item p {
    letter-spacing: 1px;
}

.featured-icon-small-item .icon-font {
    font-size: 40px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
}

.featured-icon-grid-item-01 {
    position: relative;
    line-height: 1.55;
    text-align: center;
}

.featured-icon-grid-item-01 h5 {
    line-height: 1.25;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.featured-icon-grid-item-01 .icon-font {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 30px;
    border-radius: 50%;
    background-color: #F1FBFF;
    border: 2px solid #F1FBFF;
    font-size: 30px;
    color: #03ADC5;
}

.featured-icon-grid-wrapper-02 {
    background-color: #FAFAFA;
    border-left: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5
}

.featured-icon-grid-item-02 {
    text-align: center;
    padding: 40px;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5
}

.featured-icon-grid-item-02 .icon-font {
    color: #0B8CDB;
    font-size: 50px;
    margin: 0 0 5px;
}

.featured-icon-grid-item-02 .content {
    line-height: 1.7;
}

.featured-icon-grid-item-02 .content h5 {
    line-height: 1.25;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.featured-icon-horizontal-item-01 {
    position: relative;
    line-height: 1.55;
}

.featured-icon-horizontal-item-01 h5 {
    line-height: 1.25;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.featured-icon-horizontal-item-01 .icon-font {
    width: 80px;
    height: 80px;
    line-height: 76px;
    text-align: center;
    border-radius: 50%;
    background-color: #F1FBFF;
    border: 2px solid #F1FBFF;
    font-size: 30px;
    float: left;
    color: #0B8CDB;
}

.featured-icon-horizontal-item-01 .content {
    margin-left: 105px;
}

.bg-image .featured-icon-horizontal-item-01,
.bg-image .featured-icon-horizontal-item-01 h5,
.bg-dark .featured-icon-horizontal-item-01 h5 {
    color: #FFF;
}

.bg-dark .featured-icon-horizontal-item-01 {
    color: rgba(255, 255, 255, 0.8);
}

.bg-dark .featured-icon-horizontal-item-01 .icon-font {
    background-color: transparent;
    border-color: #0B8CDB;
}

.bg-light .featured-icon-horizontal-item-01 .icon-font {
    border-color: #0B8CDB;
    background-color: transparent;
}

.featured-icon-horizontal-wrapper-02 {
    background-color: #FAFAFA;
    border-left: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5
}

.featured-icon-horizontal-item-02 {
    padding: 40px;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5
}

.featured-icon-horizontal-item-02 .icon-font {
    color: #0B8CDB;
    font-size: 60px;
    margin: 0 0 5px;
    width: 100px;
    float: left;
    text-align: center;
    line-height: 1;
    margin-right
}

.featured-icon-horizontal-item-02 .content {
    line-height: 1.7;
    margin-left: 110px;
}

.featured-icon-horizontal-item-02 .content h5 {
    line-height: 1.25;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.image-caption-01 {
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    font-size: 13px;
    background-color: #FFF;
    padding: 5px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
}

.image-caption-01:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    transform: scale(1.025);
}

.image-caption-01 img {
    border-radius: 3px;
}

.image-caption-01 .overlay-holder {
    border-radius: 3px;
    transition: all 0.3s ease-out;
}

.image-caption-01 .caption-inner h4,
.image-caption-01 .caption-inner h5,
.image-caption-01 .caption-inner h6 {
    color: #FFF;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.image-caption-01 .wider img {
    height: 250px;
    object-fit: cover;
}

.image-caption-01 .higher img {
    height: 300px;
    object-fit: cover;
}

.image-caption-01:hover .overlay-holder.opacity-2 {
    opacity: 0.5;
}

.featured-contact-01 {
    font-size: 13px;
    letter-spacing: 1.5px;
    line-height: 1.2;
}

.featured-contact-01 h5,
.featured-contact-01 h6 {
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
    letter-spacing: 1px;
    font-weight: 500;
}

.featured-contact-01 .phone-number {
    display: block;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #000;
    margin: 5px 0 0;
}

ul.main-facility-list {
    margin: 25px 0 0;
}

ul.main-facility-list li {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: 0.5px;
}

ul.main-facility-list li .icon-font {
    display: inline-block;
    font-size: 20px;
    margin-right: 5px;
}

.feature-box {
    background: #FFFAF5;
    padding: 20px 25px 15px;
    border: 2px solid #0AD17A;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    margin-bottom: 20px;
    margin-top: 20px;
}

.feature-box ul li {
    line-height: 1.45;
}

.feature-box ul li + li {
    margin-top: 7px;
}

.feature-box ul li > span {
    display: block;
    vertical-align: top;
}

.feature-box ul li > span > span {
    display: block;
}

.feature-box ul li > span.icon-font {
    font-size: 21px;
    float: left;
    line-height: 1;
}

.feature-box ul li > span.content {
    margin-left: 30px;
}

.feature-box-2 {
    margin-bottom: 20px;
    background: #FAF9FF;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
}

.feature-box-2 > .feature-row {
    position: relative;
    line-height: 1.45;
    padding: 15px 15px 13px;
    border-bottom: 1px solid #EBEFF2;
}

.feature-box-2 > .feature-row:last-child {
    border-bottom: 0;
}

.feature-box-2 > .feature-row:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 33.33333%;
    width: 1px;
    background: #EBEFF2;
    margin-left: -5px;
    display: none;
}

.feature-box-2 .label {
    margin: 0 0 15px;
    padding: 7px 10px;
    display: inline-block;
}

.feature-box-2 .progress {
    margin-top: -5px;
    margin-bottom: 10px;
}

.feature-box-2 .progress-label span {
    float: right;
    color: #D01C79;
    font-weight: 700;
}

.feature-box-2.alt-after > .feature-row:after {
    left: 33.33333%;
}

.waether-item {
    font-size: 42px;
    position: relative;
    padding-right: 15px;
    display: inline-block;
    margin-right: 30px;
    margin-top: 20px;
}

.waether-item .icon {
    color: #A8A8A8;
}

.waether-item:after {
    font-family: 'weathericons';
    content: "\f03c";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
}

@media (min-width: 576px) {
    .feature-box-2 > .feature-row:after {
        display: block;
    }
}

@media (min-width: 768px) {
    .featured-image-grid-item .image img {
        height: 300px;
    }
    .featured-image-grid-item .content {
        padding: 20px 25px;
    }
    .featured-image-grid-item .item-expire {
        padding: 10px 10px 8px;
    }
    .image-caption-01 .higher img {
        height: 500px;
    }
    .feature-box-2 > .feature-row {
        padding: 18px 18px 17px;
    }
    .feature-box.set-width {
        float: left;
        width: 300px;
        margin-right: 30px;
        margin-top: 7px;
    }
    .feature-box-2 > .feature-row:after {
        left: 25%;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}


/**
 * Featured list
 */

.list-col-wrapper-01 {
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
}

.list-col-wrapper-01 .list-col-01 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
}

.list-col-wrapper-01 .list-col-01 h5 {
    line-through: 1.25;
}

.list-col-wrapper-01 .list-col-01 ul {
    padding: 25px 0 10px;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.list-col-wrapper-01 .list-col-01 ul:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: -100px;
    right: 20px;
    width: 1px;
    background-color: #E5E5E5;
}

.list-col-wrapper-01 .list-col-01 ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -50px;
    right: -50px;
    height: 1px;
    background-color: #E5E5E5;
}

.list-col-wrapper-01 > div > div:last-child .list-col-01 ul:after {
    display: none;
}

.list-col-wrapper-01 .list-col-01 ul li {
    display: inline-block;
    margin-right: 25px;
}

.list-col-wrapper-01 .list-col-01 ul li a {
    color: inherit;
    display: block;
    line-height: 1.25;
    position: relative;
    padding-left: 20px;
}

.list-col-wrapper-01 .list-col-01 ul li a:hover {
    color: #E0163B;
}

.list-col-wrapper-01 .list-col-01 ul li a:before {
    font-family: "Ionicons";
    content: "\f3d3";
    position: absolute;
    left: 0;
    top: 3px;
    line-height: 1;
    font-size: 12px;
    color: #A1A1A1;
    transition: all 0.3s ease-out;
}

.list-col-wrapper-01 .list-col-01 ul li a:hover:before {
    left: 5px;
    color: #E0163B;
}

.list-col-wrapper-01 .list-col-01 a.more-list {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 15px;
}

ul.category-list li + li {
    margin-top: 10px;
}

ul.category-list li a {
    letter-spacing: 1.5px;
    color: #212121;
    font-weight: 400;
}

ul.category-list li a:hover {
    color: #FF5252;
}

ul.category-list li a span {
    float: right;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .list-col-wrapper-01 .list-col-01 {
        margin-bottom: 0;
    }
    .list-col-wrapper-01 .list-col-01 h5 {
        padding: 0 20px;
    }
    .list-col-wrapper-01 .list-col-01 ul {
        padding: 25px 0;
        padding-right: 25px;
    }
    .list-col-wrapper-01 .list-col-01 ul li {
        display: block;
        margin-right: 0;
    }
    .list-col-wrapper-01 .list-col-01 ul li + li {
        margin-top: 15px;
    }
    .list-col-wrapper-01 .list-col-01 ul:after {
        display: block;
    }
}

@media (min-width: 1200px) {
    .list-col-wrapper-01 .list-col-01 a.more-list {
        font-size: 13px;
        letter-spacing: 1px;
    }
}


/**
 * Counting item
 */

.counting-box-01 {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    padding: 20px;
}

.item-counting-01 {
    border: 1px solid #E1E1E1;
    text-align: center;
    line-height: 1;
    padding: 20px 10px 15px;
    font-size: 12px;
    letter-spacing: 1px;
    width: 100%;
}

.item-counting-01 .icon-font {
    font-size: 24px;
}

.item-counting-01 .counting-number {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 10px 0;
}

.counting-wrapper-02.bg-image {
    padding: 120px 30px;
}

.item-counting-02 {
    width: 100%;
}

.item-counting-02 .counting-inner {
    line-height: 1.5;
    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;
    width: 100%;
}

.item-counting-02 .counting-inner > div {}

.item-counting-02 .counting-number {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 5px;
    padding: 15px 0;
    padding-right: 35px;
    margin-right: 30px;
    line-height: 1;
    -webkit-flex-basis: 140px;
    ;
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    max-width: 160px;
}

.item-counting-02 .counting-number > span {
    display: block;
}

.item-counting-02 .counting-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin-top: 5px;
}

.item-counting-02 .counting-content {
    padding-top: 2px;
}

.counting-wrapper-02 .creative-text {
    position: relative;
    padding-left: 100px;
    margin-top: 30px;
    line-height: 1.25;
}

.counting-wrapper-02 .creative-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 70px;
    height: 4px;
    background-color: #FF1944;
}

@media (min-width: 768px) {
    .item-counting-02 .counting-inner > div {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
    .item-counting-02 .counting-number {
        font-size: 70px;
        border-right: 1px solid #DDD;
        text-align: right;
    }
    .counting-wrapper-02.bg-image {
        padding: 120px 0;
    }
}


/**
 * Testimonial
 */

.testimonial-grid {
    border-radius: 3px;
    padding: 30px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    width: 100%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.testimonial-grid .testimonial-header {
    font-size: 12px;
    line-height: 1.25;
}

.testimonial-grid .testimonial-header h6 {
    line-height: 1.25;
    margin: 0 0 5px;
}

.testimonial-grid .testimonial-body {
    font-size: 16px;
    margin-top: 30px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.testimonial-grid .testimonial-footer {
    margin-top: 20px;
}

.testimonial-horizontal {
    position: relative;
    padding-top: 60px;
}

.testimonial-horizontal:before {
    font-family: 'ElegantIcons';
    content: "\7b";
    display: block;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 70px;
    color: #CCC;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -30px;
    display: block;
    width: 60px;
    text-align: center;
}

.testimonial-horizontal {
    text-align: center;
}

.testimonial-horizontal .saying {
    font-size: 22px;
    font-style: italic;
    line-height: 1.5;
    position: relative;
    margin: 0 0 25px;
}

.testimonial-horizontal .man {
    text-align: center;
}

.testimonial-horizontal .man .man-inner {
    display: inline-block;
}

.testimonial-horizontal .man .image {
    width: 66px;
    height: 66px;
    border: 2px solid #0B8CDB;
    padding: 2px;
    border-radius: 50%;
    float: left;
}

.testimonial-horizontal .texting {
    margin-left: 85px;
    text-align: left;
}

.testimonial-horizontal .man h5,
.testimonial-long-item-10 .man h6 {
    line-height: 1;
    margin: 1px 0;
}

.testimonial-horizontal p {
    line-height: 1;
    margin: 10px 0 7px;
    font-size: 13px;
    letter-spacing: 1px;
}

.slick-testimonial-long-wrapper {
    overflow: hidden;
}

#slick-testimonial-long-nav.slick-gallery-nav {
    position: relative;
    padding-top: 80px;
}

#slick-testimonial-long-nav.slick-gallery-nav:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    width: 1px;
    height: 30px;
    background: #CCC;
}

#slick-testimonial-long-nav.slick-gallery-nav .image:after {
    display: none;
}

#slick-testimonial-long-nav.slick-gallery-nav .man {
    opacity: 0.4;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

#slick-testimonial-long-nav.slick-gallery-nav .man:hover {
    cursor: pointer;
    opacity: 0.7;
}

#slick-testimonial-long-nav.slick-gallery-nav .slick-center .man {
    opacity: 1;
}

#slick-testimonial-long-nav.slick-gallery-nav .slick-center .man:hover {
    cursor: default;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .slick-testimonial-long-wrapper,
    .testimonial-horizontal {
        width: 80%;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {}


/**
 * Call to action and partner
 */

.cta-promo-horizon-01 {
    padding: 150px 0;
    line-height: 1.25;
}

.cta-promo-horizon-01 .promo-text {
    text-align: center;
    color: #FFF;
}

.cta-promo-horizon-01 .promo-text h2 {
    text-transform: capitalize;
    color: #FFF;
    line-height: 1.15;
    margin: 0 0 10px;
    font-weight: 400;
}

.cta-promo-horizon-01 .promo-text p {
    font-size: 26px;
    font-weight: 300;
}

.cta-horizon {
    text-align: center;
    padding: 30px 0;
}

.container .cta-horizon {
    padding: 30px;
}

.cta-horizon h3,
.cta-horizon h4 {
    line-height: 1.25;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
}

.cta-horizon a {
    border: 2px solid rgba(255, 255, 255, 0.6);
    font-size: 12px;
    letter-spacing: 1px;
    padding: 13px 20px 10px;
    margin-top: 10px;
}

.bg-primary.cta-horizon a.btn:hover {
    color: #FFF;
    border-color: #FFF;
    text-decoration: none;
}

.cta-promo-list {
    padding: 100px 0;
    line-height: 1.6;
}

.cta-promo-list h5 {
    line-height: 1.25;
    text-transform: capitalize;
    margin: 0 0 7px;
}

.cta-promo-list ul.list-icon-absolute li {
    padding-left: 40px;
}

.cta-promo-list ul.list-icon-absolute li + li {
    margin-top: 25px;
}

.cta-promo-list .list-icon-absolute .icon-font {
    line-height: 1;
    top: 1px;
}

.partners-wrapper {
    text-align: center;
}

.partners-wrapper .image-partner {
    height: 35px;
    width: auto;
    margin: 10px 30px;
    display: inline-block;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .cta-horizon h3,
    .cta-horizon h4 {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }
    .cta-horizon a {
        display: inline-block;
        border: 2px solid rgba(255, 255, 255, 0.6);
        margin-top: 0;
        margin-left: 30px;
    }
}

@media (min-width: 992px) {
    .partners-wrapper .image-partner {
        height: 60px;
    }
}

@media (min-width: 1200px) {}


/**
 * Post and blog
 */

.post-grid {
    background: #F8F9FA;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.13);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    padding: 30px 30px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #0B8CDB;
    width: 100%;
}

.post-grid:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}

.post-grid .post-header {
    margin-bottom: 15px;
}

.post-grid h5 {
    line-height: 1.45;
    margin-top: 0;
    margin-left: 70px;
}

.post-grid img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    float: left;
}

.post-grid .post-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.post-grid .post-content p {
    margin-bottom: 15px;
}

.post-grid .post-meta {
    background: #0B8CDB;
    color: #FFF;
    font-size: 13px;
    padding: 20px 30px;
    margin-top: 25px;
    margin-left: -31px;
    margin-right: -31px;
}

.post-grid .post-meta i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.15;
}

.post-grid .post-meta a {
    color: rgba(255, 255, 255, 0.8);
}

.post-grid .post-meta a:hover {
    color: rgba(255, 255, 255, 1);
}

.post-grid .post-meta span:not(:last-child) {
    margin-right: 20px;
}

.post-grid .btn-read-more {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.post-horizon-item {
    border-bottom: 1px solid #E5E5E5;
    padding: 25px 0;
    position: relative;
    min-height: 230px;
    max-width: 100%;
}

.post-horizon-item:first-child {
    padding-top: 0
}

.post-horizon-item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.post-horizon-wrapper-02 .post-horizon-item:last-child {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 25px
}

.post-horizon-item .image {
    width: 200px;
    height: 200px;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-bottom: 20px;
}

.post-horizon-item .image img {
    object-fit: cover;
    border-radius: 3px;
    width: 200px;
    height: 200px;
}

.post-horizon-item h3 {
    line-height: 1.15;
    margin-bottom: 10px;
}

.post-horizon-item .content .blog-entry {
    margin: 15px 0 0
}

.post-horizon-item .blog-entry img {
    margin: 0 0 25px
}

.post-horizon-item .meta {
    font-style: italic;
    font-size: 13px;
    letter-spacing: 1px;
}

.post-horizon-item .meta a {
    color: #212121;
    font-weight: 500;
}

.post-horizon-item .meta a:hover {
    color: #E0163B;
}

.post-horizon-item ul.blog-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    font-style: italic;
    font-size: 13px;
    letter-spacing: 1px;
}

.post-horizon-item ul.blog-meta li {
    display: inline
}

.post-horizon-item ul.blog-meta li:after {
    content: "|";
    color: #E5E5E5;
    margin-right: 7px;
    padding-left: 10px
}

.post-horizon-item ul.blog-meta li:last-child:after {
    content: " "
}

.post-horizon-item a.btn-read-more {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
}

.post-horizon-item.blog-single {
    margin: 0;
}

.blog-entry ul,
.blog-entry ol {
    list-style: disc;
    margin-left: 20px;
    line-height: 25px
}

.blog-entry ul li,
.blog-entry ol li {
    margin-bottom: 7px
}

.blog-entry ul ul,
.blog-entry ol ol {
    margin-top: 7px
}

.blog-entry > ul,
.blog-entry > ol {
    margin-bottom: 15px
}

.blog-entry ul li {
    list-style-type: circle;
}

.blog-entry ol li {
    list-style-type: decimal-leading-zero;
}

.blog-extra {
    padding: 25px 25px 20px;
    margin: 40px 0 20px;
    border-radius: 3px;
}

.blog-author {
    padding: 0;
    position: relative;
    line-height: 1.45;
}

.author-details {
    margin-left: 120px;
    position: relative
}

.author-label {
    position: absolute;
    width: 100px
}

.author-label img {
    width: 100%
}

.blog-author .social {
    float: right;
    margin-top: -5px
}

.blog-pager-wrapper {
    position: relative;
    border: 1px solid #E5E5E5;
    margin: 40px 10px;
}

.blog-pager-wrapper h5 {
    margin: 0;
    line-height: 1.2
}

.blog-pager-wrapper h5 a {
    position: relative;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    padding: 15px 20px;
    padding-top: 69px;
}

.blog-pager-wrapper h5 a:before {
    position: absolute;
    top: 2px;
    font-size: 16px;
    color: #20B3E8;
    o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

.blog-pager-wrapper h5 a .image {
    width: 44px;
    display: block;
    margin-bottom: 10px;
    position: absolute;
    top: 15px;
}

.blog-pager-wrapper h5.blog-pager-prev {
    text-align: right;
    border-right: 1px solid #E5E5E5
}

.blog-pager-wrapper h5.blog-pager-prev a .image {
    right: 15px
}

.blog-pager-wrapper h5.blog-pager-prev a:before {
    content: "Previous";
    left: -35px
}

.blog-pager-wrapper h5.blog-pager-prev a:hover:before {
    left: -40px;
}

.blog-pager-wrapper h5.blog-pager-next a .image {
    left: 15px
}

.blog-pager-wrapper h5.blog-pager-next a:before {
    content: "Next";
    right: -35px
}

.blog-pager-wrapper h5.blog-pager-next a:hover:before {
    right: -40px;
}

.blog-pager-wrapper h5.blog-pager-prev {
    text-align: right;
}

.blog-pager-wrapper h5.blog-pager-prev img {
    display: inline-block;
}

.blog-pager-wrapper h5.blog-pager-prev a:before,
.blog-pager-wrapper h5.blog-pager-next a:before {
    width: 70px;
    display: block;
    height: 24px;
    line-height: 24px;
    border-radius: 60px;
    background-color: #FFF;
    border: 1px solid #D5D5D5;
    color: #333;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    transform: rotate(90deg);
}

ul.comment-item {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.comment-item li {
    position: relative;
    display: block;
    padding-left: 65px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #E5E5E5
}

ul.comment-item li li:last-child,
ul.comment-item li li li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

ul.comment-item ul {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #E5E5E5;
    margin-left: -40px
}

.comment-item h6 {
    margin-bottom: 5px
}

.comment-item .comment-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.comment-item .comment-avatar img {
    width: 100%;
    width: 100%;
    border-radius: 50%
}

.comment-item .comment-time {
    display: block;
    font-style: italic;
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    line-height: 1.2
}

.comment-item a.comment-reply {
    float: right;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
}

.comment-item a.comment-reply:hover {
    color: #FFF;
}

ul.post-small-list li {
    line-height: 1.45
}

ul.post-small-list li + li {
    margin-top: 20px;
}

ul.post-small-list li h6 {
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease-out;
}

ul.post-small-list li h6:hover {
    color: #FF5252;
}

ul.post-small-list li .image {
    width: 80px;
    float: left;
    margin-top: 5px
}

ul.post-small-list li .image img {
    display: block;
    border-radius: 3px;
}

ul.post-small-list li .content {
    margin-left: 100px;
}

ul.post-small-list li .recent-post-sm-meta {
    margin: 10px 0 0;
    font-size: 12px;
    font-style: italic;
}

.tag-cloud {
    margin-bottom: -5px
}

.tag-cloud span {
    display: block;
    float: left;
    line-height: 1;
    padding: 5px 7px;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 5px
}

.tag-cloud a {
    border: 1px solid #E1E1E1;
    line-height: 1;
    font-size: 12px;
    padding: 5px 7px;
    margin-left: 3px;
    margin-bottom: 5px;
    display: block;
    float: left;
    color: inherit;
    border-radius: 3px
}

.tag-cloud a:hover {
    border-color: #FF5252;
    color: #FF5252;
}

.tag-cloud-wrapper {
    border-top: 1px solid #EFEFEF;
    position: relative;
    margin: 20px 0 0;
    padding: 20px 0 0
}

.tag-cloud-wrapper .tag-cloud-heading {
    float: left
}

.tag-cloud-wrapper .tag-cloud {
    margin-left: 50px;
    margin-top: 5px
}

@media only screen and (max-width: 1199px) {
    .blog-wrapper {
        padding-right: 0
    }
}

ul.social-share-sm {
    position: relative;
    display: inline-block;
    line-height: 1;
    float: left
}

ul.social-share-sm li {
    display: inline-block;
    margin: 0 0 5px
}

ul.social-share-sm li span,
ul.social-share-sm li a {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px
}

ul.social-share-sm:after,
ul.social-share-sm li span:after,
ul.social-share-sm li a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    width: 1px;
    height: 13px;
    background: #E3E3E3
}

ul.social-share-sm.pull-right {
    margin-right: -10px
}

ul.social-share-sm.pull-right:after {
    display: none
}

ul.social-share-sm li a:after {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 6px;
    right: -3px
}

ul.social-share-sm li:last-child a {
    margin-right: 0
}

ul.social-share-sm li:last-child a:after {
    display: none
}

ul.social-share-sm li a {
    font-weight: 400;
    color: #999
}

ul.social-share-sm li a:hover {
    color: #D65049
}

ul.social-share-sm.for-useful {
    float: right
}

ul.social-share-sm.for-useful:after {
    display: none
}

ul.social-share-sm.for-useful li:not(:last-child) {
    margin-right: 10px
}

ul.social-share-sm.for-useful li span {
    margin-right: 0
}

ul.social-share-sm.for-useful li a {
    margin-right: 0;
    padding-right: 0
}

ul.social-share-sm.for-useful li a:after {
    display: none
}

.review-list ul.social-share-sm {
    margin-top: 20px
}

@media (min-width: 576px) {
    .post-horizon-item {
        margin-left: 170px;
        left: 0;
    }
    .post-horizon-item:hover .image {
        left: -160px
    }
    .post-horizon-item:first-child .image {
        top: 0
    }
    .post-horizon-item .image {
        width: 150px;
        height: 150px;
        margin-right: 30px;
        position: absolute;
        top: 23px;
        left: -170px;
    }
    .post-horizon-item .image img {
        width: 150px;
        height: 150px;
    }
}

@media (min-width: 768px) {
    .post-horizon-item {
        margin-left: 230px;
        left: 0;
    }
    .post-horizon-item .image {
        width: 200px;
        height: 200px;
        left: -230px;
    }
    .post-horizon-item .image img {
        width: 200px;
        height: 200px;
    }
    .post-horizon-item:hover .image {
        left: -220px
    }
    .blog-pager-wrapper h5 a {
        padding: 25px 20px;
    }
    .blog-pager-wrapper h5 a .image {
        top: 25px;
    }
    .blog-pager-wrapper h5.blog-pager-prev a {
        padding-right: 75px;
    }
    .blog-pager-wrapper h5.blog-pager-next a {
        padding-left: 75px;
    }
    ul.comment-item ul {
        margin-left: -20px
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}


/**
 * Infobox for google map
 */

.infoBox {
    background: #fff!important;
    border: 1px solid #0B8CDB;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.2;
    width: 120px!important;
    margin-left: -60px;
    padding: 10px;
    text-align: center;
    z-index: 99;
}

.infoBox:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #0B8CDB;
    border-width: 10px;
    margin-left: -10px;
}

.infoBox > img {
    height: 16px;
    width: 16px;
    overflow: hidden;
    position: absolute!important;
    top: -8px;
    right: -8px;
    display: block;
    background: #FFF;
    border-radius: 50%;
    border: 1px solid #FFF;
}

.infoBox > img:hover {}

.infoBox h4,
.infoBox h5,
.infoBox h6 {
    margin: 0;
    line-height: 1;
}

.c0ntact-map .infoBox h6 {
    font-size: 11px;
    font-weight: 500;
}

.infoBox #infobox {
    position: relative
}

.infobox-wrapper {
    display: none
}

.hotel-detail-location-wrapper .infoBox {
    padding: 7px;
    letter-spacing: 1px;
}

.hotel-detail-location-wrapper .map-holder,
.map-holder {
    background: #FFF;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);
}


/**
 * Progress bar
 */

.progress-radial,
.progress-radial * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.progress-radial {
    position: relative;
    border-radius: 50%
}

.progress-radial .overlay {
    position: absolute;
    width: 80%;
    background: #FFF;
    border-radius: 50%;
    font-size: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.progress-0 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(0deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-1 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(356.4deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(93.6deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-2 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(352.8deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(97.2deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-3 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(349.2deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(100.8deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-4 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(345.6deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(104.4deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-5 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(342deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-10 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(324deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-15 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(306deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-20 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(288deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-25 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-30 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(252deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-35 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(234deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-40 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(216deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-45 {
    background-image: -webkit-linear-gradient(0deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(198deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #D9D9D9 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-50 {
    background-image: -webkit-linear-gradient(180deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(-90deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-55 {
    background-image: -webkit-linear-gradient(162deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(-72deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-60 {
    background-image: -webkit-linear-gradient(144deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(-54deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-65 {
    background-image: -webkit-linear-gradient(126deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(-36deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-70 {
    background-image: -webkit-linear-gradient(108deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(-18deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-75 {
    background-image: -webkit-linear-gradient(90deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(0deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-80 {
    background-image: -webkit-linear-gradient(72deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(18deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-85 {
    background-image: -webkit-linear-gradient(54deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(36deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-90 {
    background-image: -webkit-linear-gradient(36deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(54deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-95 {
    background-image: -webkit-linear-gradient(18deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(72deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-100 {
    background-image: -webkit-linear-gradient(0deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), -webkit-linear-gradient(180deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9);
    background-image: linear-gradient(90deg, #0B8CDB 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #0B8CDB 50%, #D9D9D9 50%, #D9D9D9)
}

.progress-radial-inner {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 1.2;
    border-radius: 50%;
    display: table;
}

.progress-radial-inner .caption {
    display: table-cell;
    vertical-align: middle;
}

.progress-radial-md {
    width: 200px;
    height: 200px;
    margin: 0;
}

.progress-radial-md .overlay {
    width: 190px;
    height: 190px;
}

.progress-radial-md .progress-radial-inner {
    width: 190px;
    height: 190px;
}

.progress-radial-sm {
    width: 60px;
    height: 60px;
    margin: 0;
}

.progress-radial-sm .overlay {
    width: 55px;
    height: 55px;
}

.progress-radial-sm .progress-radial-inner {
    width: 55px;
    height: 55px;
}

.progress {
    height: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #E6E6E6
}

.progress-primary .progress-bar {
    background: #0B8CDB
}


/**
 * Dashboard
 */

.dashboard-avatar {
    line-height: 1.25;
    height: 100px;
    background: #FFF;
    box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
    transition: all 0.3s ease-out;
    position: relative;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
}

.dashboard-avatar:hover {
    box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29);
}

.dashboard-avatar .image {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.dashboard-avatar .image img {
    object-fit: cover;
    width: 100px;
    height: 100%;
}

.dashboard-avatar .content {
    margin-left: 20px;
    padding: 12px 0;
    padding-right: 10px;
}

.dashboard-avatar h6 {
    line-height: 1;
    margin: 0 0 3px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.avatar-upload {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
    border: 2px solid #FFF;
}

.avatar-upload:hover {
    transform: scale(1.05);
    cursor: pointer
}

.avatar-upload:hover .profile-pic {
    opacity: .3
}

.avatar-upload .profile-pic {
    transition: all .3s ease
}

.avatar-upload .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    opacity: 0;
}

.avatar-upload .upload-button i {
    font-size: 60px;
}

.avatar-upload .upload-button:hover {
    opacity: 1
}

.avatar-upload .file-upload {
    display: none;
}

.avatar-upload .labeling {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    line-height: 1;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    transition: all .3s ease
}

.avatar-upload:hover .labeling {
    opacity: 0;
}

.create-account .form-create-show {
    display: none;
    transition: all .6s;
}

.create-account input[type="checkbox"]:checked ~ .form-create-show {
    display: block;
    transition: all .6s
}


/**
 * Contact Us
 */

.map-contact-wrapper .infoBox {
    background: #0B8CDB!important;
    border: 1px solid #0B8CDB;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.2;
    width: 140px!important;
    margin-left: -70px;
    padding: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.21)
}

.map-contact-wrapper .infoBox:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #0B8CDB;
    border-width: 10px;
    margin-left: -10px
}

.map-contact-wrapper .infoBox > img {
    height: 16px;
    width: 16px;
    overflow: hidden;
    position: absolute!important;
    top: -8px;
    right: -8px;
    display: block;
    background: #FFF;
    border-radius: 50%;
    border: 2px solid #FFF;
    -webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.21)
}

.map-contact-wrapper .infoBox h6 {
    margin: 0;
    line-height: 1;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.map-contact-wrapper .infoBox #infobox {
    position: relative
}

.infobox-wrapper {
    display: none
}

.contact-successful-messages {
    margin-bottom: 25px;
}

.contact-content {
    padding: 80px 0;
}

.contact-content .help-block {
    line-height: 1.2;
    font-size: 12px
}

.contact-social a {
    margin-right: 5px
}

ul.contact-list {
    margin-top: 30px
}

ul.contact-list li {
    line-height: 1.45;
    margin: 0 0 25px
}

ul.contact-list li .icon-font {
    width: 20px;
    float: left;
    line-height: 1;
    margin-top: -3px;
    font-size: 20px;
    display: block;
}

ul.contact-list li .content {
    margin-left: 35px
}

ul.contact-list li h6 {
    line-height: 1;
    margin: 0 0 10px
}

ul.address-list li {
    margin: 0;
    position: relative;
    padding-left: 15px;
    line-height: 1.4
}

ul.address-list li + li {
    margin-top: 25px
}

ul.address-list li a {
    font-weight: 400
}

ul.address-list li h5 {
    line-height: 1.2;
    margin: 0 0 10px
}

ul.address-list li > i {
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width: 991px) {
    ul.address-list li {
        padding-left: 0
    }
}


/**
 * Faq Page
 */

.faq-section {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 40px;
}

.faq-section + .faq-section {
    margin-top: 50px;
}

.faq-section h3 {
    margin-bottom: 40px;
    line-height: 1;
}

.faq-item + .faq-item {
    margin-top: 30px;
}

.faq-item p {
    font-size: 16px;
}


/**
 * Error Page
 */

.error-404-wrapper {
    text-align: center
}

.error-404-wrapper .container {
    padding-top: 80px;
    padding-bottom: 80px
}

.error-404-wrapper h2 {
    font-weight: 500;
    font-size: 84px;
    line-height: 1;
    margin: 0 0 15px
}

.error-404-wrapper h3 {
    font-size: 28px;
    line-height: 1;
    margin: 0 0 15px
}

.error-menu {
    text-align: left;
    margin: 0 0 5px
}

.error-menu i {
    font-size: 10px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px
}

/*
* List Group
*/

.list-group-item{
  font-size: 16px;
}

.list-group-item:not(span){
  font-size: 700;
}

.product-long-item p.reservation-details{
  font-size: 17px;
}

/*
* Image Ribbon
*/

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: 5px;
}

.ribbon-green {
  text-align: center;
  font-weight: bold;
  text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #C41870;
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #79003d;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​

