/*
* Theme
*/

body,
html {
    color: #000000;
    font-family: "Open Sans", sans-serif;
    height: 100%;
    letter-spacing: 0.025rem;
}

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

a:focus {
    outline: none !important;
}

a[href^=tel] {
    color: inherit;
}


/*
* Background image
*/

.bg-cover {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.bg-parallax {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 150%;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: -75%;
}


/*
* Background overlay
*/

.bg-overlay-black-1,
.bg-overlay-black-2,
.bg-overlay-black-3,
.bg-overlay-black-4,
.bg-overlay-black-5,
.bg-overlay-black-6,
.bg-overlay-black-7,
.bg-overlay-black-8,
.bg-overlay-black-9,
.bg-overlay-gray-1,
.bg-overlay-gray-2,
.bg-overlay-gray-3,
.bg-overlay-gray-4,
.bg-overlay-gray-5,
.bg-overlay-gray-6,
.bg-overlay-gray-7,
.bg-overlay-gray-8,
.bg-overlay-gray-9 {
    position: relative;
}

.bg-overlay-black-1:before,
.bg-overlay-black-2:before,
.bg-overlay-black-3:before,
.bg-overlay-black-4:before,
.bg-overlay-black-5:before,
.bg-overlay-black-6:before,
.bg-overlay-black-7:before,
.bg-overlay-black-8:before,
.bg-overlay-black-9:before,
.bg-overlay-gray-1:before,
.bg-overlay-gray-2:before,
.bg-overlay-gray-3:before,
.bg-overlay-gray-4:before,
.bg-overlay-gray-5:before,
.bg-overlay-gray-6:before,
.bg-overlay-gray-7:before,
.bg-overlay-gray-8:before,
.bg-overlay-gray-9:before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bg-overlay-black-1:before {
    background: rgba(0, 0, 0, 0.1) !important;
}

.bg-overlay-black-2:before {
    background: rgba(0, 0, 0, 0.2) !important;
}

.bg-overlay-black-3:before {
    background: rgba(0, 0, 0, 0.3) !important;
}

.bg-overlay-black-4:before {
    background: rgba(0, 0, 0, 0.4) !important;
}

.bg-overlay-black-5:before {
    background: rgba(0, 0, 0, 0.5) !important;
}

.bg-overlay-black-6:before {
    background: rgba(0, 0, 0, 0.6) !important;
}

.bg-overlay-black-7:before {
    background: rgba(0, 0, 0, 0.7) !important;
}

.bg-overlay-black-8:before {
    background: rgba(0, 0, 0, 0.8) !important;
}

.bg-overlay-black-9:before {
    background: rgba(0, 0, 0, 0.9) !important;
}

.bg-overlay-gray-1:before {
    background: rgba(37, 37, 37, 0.1) !important;
}

.bg-overlay-gray-2:before {
    background: rgba(37, 37, 37, 0.2) !important;
}

.bg-overlay-gray-3:before {
    background: rgba(37, 37, 37, 0.3) !important;
}

.bg-overlay-gray-4:before {
    background: rgba(37, 37, 37, 0.4) !important;
}

.bg-overlay-gray-5:before {
    background: rgba(37, 37, 37, 0.5) !important;
}

.bg-overlay-gray-6:before {
    background: rgba(37, 37, 37, 0.6) !important;
}

.bg-overlay-gray-7:before {
    background: rgba(37, 37, 37, 0.7) !important;
}

.bg-overlay-gray-8:before {
    background: rgba(37, 37, 37, 0.8) !important;
}

.bg-overlay-gray-9:before {
    background: rgba(37, 37, 37, 0.9) !important;
}


/*
* Border
*/

.border {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.border-thick {
    border-width: 2px !important;
}

.border-medium-thick {
    border-width: 3px !important;
}

.border-extra-thick {
    border-width: 4px !important;
}

.border-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
}

.border-y-0 {
    border-bottom: 0 !important;
    border-top: 0 !important;
}


/*
* Box shadow
*/

.box-shadow {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05) !important;
}

.box-shadow-shallow {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
}

.box-shadow-wide {
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2) !important;
}


/*
* Button
*/

.btn,
.btn:hover,
.btn:focus {
    color: #ffffff;
}

.btn {
    border: none !important;
    cursor: pointer;
    font-size: 0.75rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0.125rem;
    line-height: 1.125rem;
    margin-right: 1rem;
    outline: 0;
    padding: 0.75rem 1.375rem;
    text-transform: uppercase;
}

.btn:focus {
    box-shadow: none;
}

.btn-circle {
    border-radius: 50% !important;
}

.btn-icon {
    height: 37px;
    line-height: 37px;
    width: 37px;
    padding: 0 !important;
}

.btn-icon i {
    margin: 0 !important;
}

.btn i {
    margin-right: 0.187rem;
}


/*
* Button size
*/

.btn-extra-small {
    font-size: 0.625rem;
    line-height: 0.9375rem;
    margin-right: 0.75rem;
    padding: 0.625rem 0.75rem 0.5rem;
}

.btn-extra-small.btn-icon {
    height: 30px;
    line-height: 31px;
    width: 30px;
}

.btn-small {
    font-size: 0.625rem;
    line-height: 0.9375rem;
    margin-right: 0.75rem;
    padding: 0.625rem 0.875rem;
}

.btn-small.btn-icon {
    height: 35px;
    line-height: 36px;
    width: 35px;
}

.btn-medium {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 0.75rem 1.375rem;
}

.btn-medium.btn-icon {
    height: 41px;
    line-height: 42px;
    width: 41px;
}

.btn-large {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 1.125rem 1.875rem;
}

.btn-large.btn-icon {
    height: 56px;
    line-height: 57px;
    width: 56px;
}

.btn-extra-large {
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 1.25rem 2.188rem;
}

.btn-extra-large.btn-icon {
    height: 62px;
    line-height: 64px;
    width: 62px;
}


/*
* Card
*/

.card-body .icon {
    margin-right: 44px;
    margin-top: -30px;
}

.card-body .icon.icon-small {
    margin-right: 34px;
    margin-top: -25px;
}

.card-body .icon.icon-large {
    margin-right: 48px;
    margin-top: -34px;
}

.accordion > .card {
    margin-bottom: 17px;
}

.accordion > .card:last-child {
    margin-bottom: 0;
}

.accordion .card-header {
    background-color: #ffffff;
    padding: 0;
}

.accordion .card-header a {
    display: block;
    padding: 0.875rem 1.25rem;
}

.accordion .card-header a:before {
    color: #666666;
    content: '\f106';
    display: block;
    height: 45px;
    font-family: "FontAwesome", sans-serif;
    font-size: 0.875rem;
    padding: 0.875rem 1.25rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.accordion .card-header a.collapsed:before {
    content: '\f107';
}


/*
* Ease
*/

.ease {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*
* Flickity
*/

.carousel-custom.flickity-enabled.is-draggable .flickity-viewport,
.carousel-custom.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: url("../img/icon-left-right.png"), move !important;
    cursor: url("../img/icon-left-right.png"), -webkit-grab !important;
    cursor: url("../img/icon-left-right.png"), grab !important;
}

.carousel-custom {
    position: relative;
}

.carousel-custom {
    margin-bottom: 42px;
}

.carousel-custom .flickity-page-dots {
    bottom: -32px;
}

.carousel-custom .flickity-page-dots .dot {
    margin: 0 6px;
}

.carousel-custom .flickity-page-dots .dot.is-selected {
    opacity: 0.7;
}


/*
* Font family
*/

.font-base {
    font-family: "Open Sans", sans-serif !important;
}

.font-alt {
    font-family: "Montserrat", sans-serif !important;
}


/*
* Font weight
*/

.font-w-300 {
    font-weight: 300 !important;
}

.font-w-400 {
    font-weight: 400 !important;
}

.font-w-600 {
    font-weight: 600 !important;
}

.font-w-700 {
    font-weight: 700 !important;
}

.font-w-900 {
    font-weight: 900 !important;
}


/*
* Form
*/

input[type="email"].form-control,
input[type="text"].form-control,
textarea.form-control,
select.form-control {
    font-size: 0.875rem !important;
    letter-spacing: 0.025rem !important;
    padding: 0.75rem 0.875rem;
}

select.form-control {
    font-size: 0.875rem !important;
    height: auto !important;
    letter-spacing: 0.025rem !important;
    padding: 0.657rem 0.625rem;
}

label.error {
    color: #cc0000;
    display: none !important;
    font-size: 0.875rem;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.form-group {
    margin-bottom: 1.25rem;
}

.form-control.error {
    border-color: #cc0000;
}

::-webkit-input-placeholder {
    color: #20222b !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.025rem !important;
    opacity: 1 !important;
    text-overflow: ellipsis !important;
}

:-moz-placeholder {
    color: #20222b !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.025rem !important;
    opacity: 1 !important;
    text-overflow: ellipsis !important;
}

:-ms-input-placeholder {
    color: #20222b !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.025rem !important;
    opacity: 1 !important;
    text-overflow: ellipsis !important;
}


/*
* Heading style
*/

.title-underline-black,
.title-underline-black-light,
.title-underline-gray,
.title-underline-gray-light,
.title-underline-gray-dark,
.title-underline-white,
.title-underline-blue,
.title-underline-blue-dodger,
.title-underline-blue-egyptian,
.title-underline-blue-midnight,
.title-underline-green,
.title-underline-orange,
.title-underline-pink,
.title-underline-portage,
.title-underline-red,
.title-underline-thick-black,
.title-underline-thick-black-light,
.title-underline-thick-gray,
.title-underline-thick-gray-light,
.title-underline-thick-gray-dark,
.title-underline-thick-white,
.title-underline-thick-blue,
.title-underline-thick-blue-dodger,
.title-underline-thick-blue-egyptian,
.title-underline-thick-blue-midnight,
.title-underline-thick-green,
.title-underline-thick-orange,
.title-underline-thick-pink,
.title-underline-thick-portage,
.title-underline-thick-red,
.title-sideline-black,
.title-sideline-black-light,
.title-sideline-gray,
.title-sideline-gray-light,
.title-sideline-gray-dark,
.title-sideline-white,
.title-sideline-blue,
.title-sideline-blue-dodger,
.title-sideline-blue-egyptian,
.title-sideline-blue-midnight,
.title-sideline-green,
.title-sideline-orange,
.title-sideline-pink,
.title-sideline-portage,
.title-sideline-red {
    display: inline-block;
}

.title-sideline-black,
.title-sideline-black-light,
.title-sideline-gray,
.title-sideline-gray-light,
.title-sideline-gray-dark,
.title-sideline-white,
.title-sideline-blue,
.title-sideline-blue-dodger,
.title-sideline-blue-egyptian,
.title-sideline-blue-midnight,
.title-sideline-green,
.title-sideline-orange,
.title-sideline-pink,
.title-sideline-portage,
.title-sideline-red {
    position: relative;
}

.title-underline-black,
.title-underline-black-light,
.title-underline-gray,
.title-underline-gray-light,
.title-underline-gray-dark,
.title-underline-white,
.title-underline-blue,
.title-underline-blue-dodger,
.title-underline-blue-egyptian,
.title-underline-blue-midnight,
.title-underline-green,
.title-underline-orange,
.title-underline-pink,
.title-underline-portage,
.title-underline-red {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

.title-underline-thick-black,
.title-underline-thick-black-light,
.title-underline-thick-gray,
.title-underline-thick-gray-light,
.title-underline-thick-gray-dark,
.title-underline-thick-white,
.title-underline-thick-blue,
.title-underline-thick-blue-dodger,
.title-underline-thick-blue-egyptian,
.title-underline-thick-blue-midnight,
.title-underline-thick-green,
.title-underline-thick-orange,
.title-underline-thick-pink,
.title-underline-thick-portage,
.title-underline-thick-red {
    border-bottom: 5px solid transparent;
    padding-bottom: 4px;
}

.title-sideline-black,
.title-sideline-black-light,
.title-sideline-gray,
.title-sideline-gray-light,
.title-sideline-gray-dark,
.title-sideline-white,
.title-sideline-blue,
.title-sideline-blue-dodger,
.title-sideline-blue-egyptian,
.title-sideline-blue-midnight,
.title-sideline-green,
.title-sideline-orange,
.title-sideline-pink,
.title-sideline-portage,
.title-sideline-red {
    padding: 0;
}

.title-sideline-black:before,
.title-sideline-black-light:before,
.title-sideline-gray:before,
.title-sideline-gray-light:before,
.title-sideline-gray-dark:before,
.title-sideline-white:before,
.title-sideline-blue:before,
.title-sideline-blue-dodger:before,
.title-sideline-blue-egyptian:before,
.title-sideline-blue-midnight:before,
.title-sideline-green:before,
.title-sideline-orange:before,
.title-sideline-pink:before,
.title-sideline-portage:before,
.title-sideline-red:before {
    content: '';
    margin-top: -2px;
    position: absolute;
    left: -20px;
    top: 50%;
    width: 12px;
    height: 4px;
}

.title-underline-black {
    border-color: #000000;
}

.title-underline-thick-black {
    border-color: #000000;
}

.title-underline-black-light {
    border-color: #20222b;
}

.title-underline-thick-black-light {
    border-color: #20222b;
}

.title-underline-gray {
    border-color: #fafafa;
}

.title-underline-thick-gray {
    border-color: #fafafa;
}

.title-underline-gray-light {
    border-color: #fcfcfc;
}

.title-underline-thick-gray-light {
    border-color: #fcfcfc;
}

.title-underline-gray-dark {
    border-color: #666666;
}

.title-underline-thick-gray-dark {
    border-color: #666666;
}

.title-underline-white {
    border-color: #ffffff;
}

.title-underline-thick-white {
    border-color: #ffffff;
}

.title-underline-blue {
    border-color: #2c7dfa;
}

.title-underline-thick-blue {
    border-color: #2c7dfa;
}

.title-underline-blue-dodger {
    border-color: #edeff7;
}

.title-underline-thick-blue-dodger {
    border-color: #edeff7;
}

.title-underline-blue-egyptian {
    border-color: #0f36a5;
}

.title-underline-thick-blue-egyptian {
    border-color: #0f36a5;
}

.title-underline-blue-midnight {
    border-color: #141f72;
}

.title-underline-thick-blue-midnight {
    border-color: #141f72;
}

.title-underline-green {
    border-color: #14c167;
}

.title-underline-thick-green {
    border-color: #14c167;
}

.title-underline-orange {
    border-color: #f96331;
}

.title-underline-thick-orange {
    border-color: #f96331;
}

.title-underline-pink {
    border-color: #df5a87;
}

.title-underline-thick-pink {
    border-color: #df5a87;
}

.title-underline-portage {
    border-color: #8b91dd;
}

.title-underline-thick-portage {
    border-color: #8b91dd;
}

.title-underline-red {
    border-color: #f6576e;
}

.title-underline-thick-red {
    border-color: #f6576e;
}

.title-sideline-black:before {
    background-color: #000000;
}

.title-sideline-black-light:before {
    background-color: #20222b;
}

.title-sideline-gray:before {
    background-color: #fafafa;
}

.title-sideline-gray-light:before {
    background-color: #fcfcfc;
}

.title-sideline-gray-dark:before {
    background-color: #666666;
}

.title-sideline-white:before {
    background-color: #ffffff;
}

.title-sideline-blue:before {
    background-color: #2c7dfa;
}

.title-sideline-blue-dodger:before {
    background-color: #edeff7;
}

.title-sideline-blue-egyptian:before {
    background-color: #0f36a5;
}

.title-sideline-blue-midnight:before {
    background-color: #141f72;
}

.title-sideline-green:before {
    background-color: #14c167;
}

.title-sideline-orange:before {
    background-color: #f96331;
}

.title-sideline-pink:before {
    background-color: #df5a87;
}

.title-sideline-portage:before {
    background-color: #8b91dd;
}

.title-sideline-red:before {
    background-color: #f6576e;
}


/*
* Icon
*/

.icon {
    display: inline-block;
    font-size: 1.125rem !important;
    height: 60px;
    line-height: 55px !important;
    text-align: center;
    width: 60px;
}

.icon.icon-box-shadow {
    box-shadow: 0px 0px 0px 4px #ffffff !important;
}

.icon.icon-small {
    font-size: 0.75rem;
    height: 50px;
    line-height: 50px !important;
    width: 50px;
}

.icon.icon-small.icon-box-shadow {
    box-shadow: 0px 0px 0px 3px #ffffff !important;
}

.icon.icon-large {
    font-size: 1.5rem !important;
    height: 68px;
    line-height: 55px !important;
    width: 68px;
}


/*
* Label
*/

.label {
    border-radius: 3px;
    display: inline-block;
    opacity: 0.98;
    padding: 14px 18px;
}

.label-extra-small {
    padding: 8px 10px 7px;
}

.label-small {
    padding: 10px 14px;
}

.label.box-shadow {
    box-shadow: 0 20px 80px 0 rgba(0, 0, 0, 0.5);
}


/*
* Letter spacing
*/

.letter-spacing-1 {
    letter-spacing: 0.0625rem !important;
}

.letter-spacing-2 {
    letter-spacing: 0.125rem !important;
}

.letter-spacing-3 {
    letter-spacing: 0.1875rem !important;
}

.letter-spacing-4 {
    letter-spacing: 0.25rem !important;
}

.letter-spacing-5 {
    letter-spacing: 0.3125rem !important;
}

.letter-spacing-6 {
    letter-spacing: 0.375rem !important;
}

.letter-spacing-7 {
    letter-spacing: 0.4375rem !important;
}

.letter-spacing-8 {
    letter-spacing: 0.5rem !important;
}

.letter-spacing-9 {
    letter-spacing: 0.5625rem !important;
}

.letter-spacing-10 {
    letter-spacing: 0.625rem !important;
}

.no-letter-spacing {
    letter-spacing: 0rem !important;
}


/*
* Modal - Video
*/

.modal-video .modal-dialog {
    max-width: 560px;
}


/*
* Navigation
*/

.navbar,
.navbar-header,
.navbar-brand img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar {
    background-color: #000000 !important;
    opacity: 0.98;
    padding-bottom: 0;
    padding-top: 0;
}

.navbar.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.3) !important;
}

.navbar-header {
    align-items: center;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 80px;
    justify-content: space-between;
    line-height: 80px;
}

.navbar-brand {
    padding-bottom: 0;
    padding-top: 0;
}

.navbar-brand img {
    height: 46px;
    left: auto;
    position: absolute;
    top: 17px;
}

.navbar-brand img.logo-text-black {
    opacity: 0;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.navbar .nav-item {
    padding: 8px 0;
    position: relative;
}

.navbar .nav-item ul, .navbar .nav-item ul li {
    list-style: none;
}

.navbar .nav-item ul {
    position: absolute;
    left: 0;
    top: 24px;
    display: none;
    padding: 0;
    background: rgba(0, 0, 0, .3);
    width: 148px;
}

.navbar .nav-item ul li {
    padding: 4px 10px;
}

.navbar .nav-item:hover ul {
    display: block;
}

.navbar .nav-link {
    color: #ffffff !important;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 0.688rem;
    letter-spacing: 1px;
    padding: 0 !important;
    position: relative;
    text-transform: uppercase;
}

.navbar .nav-link.active:before {
    background-color: #ffffff !important;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin-bottom: -2px;
    position: absolute;
    width: 100%;
}


/*
* Opacity
*/

.opacity-0 {
    opacity: 0 !important;
}

.opacity-0-5 {
    opacity: 0.05 !important;
}

.opacity-1 {
    opacity: 0.1 !important;
}

.opacity-1-5 {
    opacity: 0.15 !important;
}

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-2-5 {
    opacity: 0.25 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-3-5 {
    opacity: 0.35 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

.opacity-4-5 {
    opacity: 0.45 !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

.opacity-5-5 {
    opacity: 0.55 !important;
}

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-6-5 {
    opacity: 0.65 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-7-5 {
    opacity: 0.75 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-8-5 {
    opacity: 0.85 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

.opacity-9-5 {
    opacity: 0.95 !important;
}

.no-opacity {
    opacity: 1 !important;
}


/*
* Overflow
*/

.overflow-hidden {
    overflow: hidden !important;
}


/*
* Position
*/

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-relative {
    position: relative !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.right-0 {
    right: 0 !important;
}

.right-50 {
    right: 50% !important;
}

.right-100 {
    right: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.left-0 {
    left: 0 !important;
}

.left-50 {
    left: 50% !important;
}

.left-100 {
    left: 100% !important;
}


/*
* Preloader
*/

.pace {
    -webkit-pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    height: 3px;
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 2000;
}


/*
* Scrollbar
*/

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background: rgba(210, 210, 210, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


/*
* Scroll to top
*/

.scroll-to-top {
    background-color: #000000;
    border-radius: 2px;
    display: none;
    position: fixed;
    right: 35px;
    top: 94%;
    text-align: center;
    z-index: 999;
}

.scroll-to-top i {
    color: #ffffff;
    font-size: 18px;
    margin: 0 6px;
}


/*
* Section
*/

section {
    padding: 80px 0px;
}

@media (max-width: 875px) {
    .fixed-top {
        position: static !important;
    }

    section {
        padding: 40px 0 !important;
    }

    .navbar-toggler {
        font-size: 12px !important;
    }

    .navbar-brand img {
        top: 8px !important;
        height: 38px !important;
    }

    .navbar-header {
        height: 56px !important;
        line-height: 56px !important;
    }
}

/*
* Separator
*/

.sep-line,
.sep-line-long,
.sep-line-full,
.sep-line-thin,
.sep-line-thin-long,
.sep-line-thin-full,
.sep-line-thick,
.sep-line-thick-long,
.sep-line-thick-full,
.sep-line-medium-thick,
.sep-line-medium-thick-long,
.sep-line-medium-thick-full,
.sep-line-extra-thick,
.sep-line-extra-thick-long,
.sep-line-extra-thick-full {
    display: block;
}

.sep-line-thin,
.sep-line-thin-long,
.sep-line-thin-full {
    height: 1px;
}

.sep-line,
.sep-line-long,
.sep-line-full {
    height: 2px;
}

.sep-line-thick,
.sep-line-thick-long,
.sep-line-thick-full {
    height: 4px;
}

.sep-line-medium-thick,
.sep-line-medium-thick-long,
.sep-line-medium-thick-full {
    height: 6px;
}

.sep-line-extra-thick,
.sep-line-extra-thick-long,
.sep-line-extra-thick-full {
    height: 8px;
}

.sep-line,
.sep-line-thin,
.sep-line-thick,
.sep-line-medium-thick,
.sep-line-extra-thick {
    width: 30px;
}

.sep-line-long,
.sep-line-thin-long,
.sep-line-thick-long,
.sep-line-medium-thick-long,
.sep-line-extra-thick-long {
    width: 80px;
}

.sep-line-full,
.sep-line-thin-full,
.sep-line-thick-full,
.sep-line-medium-thick-full,
.sep-line-extra-thick-full {
    width: 100%;
}


/*
* Table
*/

.table .td-time {
    min-width: 110px;
}


/*
* Tabs
*/

.nav.nav-tabs a {
    position: relative;
}

.nav.nav-tabs a:before {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    margin-bottom: -1px;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.nav.nav-tabs a.active:before {
    background-color: #666666;
    opacity: 1;
}


/*
* Text decoration
*/

.text-underline {
    text-decoration: underline !important;
}


/*
* Text size
*/

.text-extra-small {
    font-size: 0.625rem !important;
    line-height: 0.9375rem !important;
}

.text-small {
    font-size: 0.75rem !important;
    line-height: 1.125rem !important;
}

.text-medium {
    font-size: 0.875rem !important;
    line-height: 1.313rem !important;
}

.text-large {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

.text-extra-large {
    font-size: 1.125rem !important;
    line-height: 1.688rem !important;
}

.title-small {
    font-size: 1.25rem !important;
    line-height: 1.875rem !important;
}

.title-medium {
    font-size: 1.5rem !important;
    line-height: 2.125rem !important;
}

.title-large {
    font-size: 1.75rem !important;
    line-height: 2.375rem !important;
}

.title-extra-large {
    font-size: 2.25rem !important;
    line-height: 2.875rem !important;
}

.title-extra-large-2 {
    font-size: 2.75rem !important;
    line-height: 3.375rem !important;
}

.title-extra-large-3 {
    font-size: 3.125rem !important;
    line-height: 3.75rem !important;
}

.title-extra-large-4 {
    font-size: 4.375rem !important;
    line-height: 5rem !important;
}

.title-extra-large-5 {
    font-size: 5rem !important;
    line-height: 5.625rem !important;
}

.title-big {
    font-size: 6.25rem !important;
    line-height: 6.25rem !important;
}

.title-big-2 {
    font-size: 7.75rem !important;
    line-height: 7.75rem !important;
}

.title-big-3 {
    font-size: 9.375rem !important;
    line-height: 9.375rem !important;
}


/*
* Responsive
*/

/*
* Button size
*/

@media (max-width: 1199px) {
    .btn-lg-extra-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.75rem 0.5rem;
    }

    .btn-lg-extra-small.btn-icon {
        height: 30px;
        line-height: 31px;
        width: 30px;
    }

    .btn-lg-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.875rem;
    }

    .btn-lg-small.btn-icon {
        height: 35px;
        line-height: 36px;
        width: 35px;
    }

    .btn-lg-medium {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 0.75rem 1.375rem;
    }

    .btn-lg-medium.btn-icon {
        height: 41px;
        line-height: 42px;
        width: 41px;
    }

    .btn-lg-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.125rem 1.875rem;
    }

    .btn-lg-large.btn-icon {
        height: 56px;
        line-height: 57px;
        width: 56px;
    }

    .btn-lg-extra-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.25rem 2.188rem;
    }

    .btn-lg-extra-large.btn-icon {
        height: 62px;
        line-height: 64px;
        width: 62px;
    }
}

@media (max-width: 991px) {
    .btn-md-extra-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.75rem 0.5rem;
    }

    .btn-md-extra-small.btn-icon {
        height: 30px;
        line-height: 31px;
        width: 30px;
    }

    .btn-md-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.875rem;
    }

    .btn-md-small.btn-icon {
        height: 35px;
        line-height: 36px;
        width: 35px;
    }

    .btn-md-medium {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 0.75rem 1.375rem;
    }

    .btn-md-medium.btn-icon {
        height: 41px;
        line-height: 42px;
        width: 41px;
    }

    .btn-md-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.125rem 1.875rem;
    }

    .btn-md-large.btn-icon {
        height: 56px;
        line-height: 57px;
        width: 56px;
    }

    .btn-md-extra-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.25rem 2.188rem;
    }

    .btn-md-extra-large.btn-icon {
        height: 62px;
        line-height: 64px;
        width: 62px;
    }
}

@media (max-width: 767px) {
    .btn-sm-extra-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.75rem 0.5rem;
    }

    .btn-sm-extra-small.btn-icon {
        height: 30px;
        line-height: 31px;
        width: 30px;
    }

    .btn-sm-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.875rem;
    }

    .btn-sm-small.btn-icon {
        height: 35px;
        line-height: 36px;
        width: 35px;
    }

    .btn-sm-medium {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 0.75rem 1.375rem;
    }

    .btn-sm-medium.btn-icon {
        height: 41px;
        line-height: 42px;
        width: 41px;
    }

    .btn-sm-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.125rem 1.875rem;
    }

    .btn-sm-large.btn-icon {
        height: 56px;
        line-height: 57px;
        width: 56px;
    }

    .btn-sm-extra-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.25rem 2.188rem;
    }

    .btn-sm-extra-large.btn-icon {
        height: 62px;
        line-height: 64px;
        width: 62px;
    }
}

@media (max-width: 575px) {
    .btn-xs-extra-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.75rem 0.5rem;
    }

    .btn-xs-extra-small.btn-icon {
        height: 30px;
        line-height: 31px;
        width: 30px;
    }

    .btn-xs-small {
        font-size: 0.625rem;
        line-height: 0.9375rem;
        margin-right: 0.75rem;
        padding: 0.625rem 0.875rem;
    }

    .btn-xs-small.btn-icon {
        height: 35px;
        line-height: 36px;
        width: 35px;
    }

    .btn-xs-medium {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 0.75rem 1.375rem;
    }

    .btn-xs-medium.btn-icon {
        height: 41px;
        line-height: 42px;
        width: 41px;
    }

    .btn-xs-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.125rem 1.875rem;
    }

    .btn-xs-large.btn-icon {
        height: 56px;
        line-height: 57px;
        width: 56px;
    }

    .btn-xs-extra-large {
        font-size: 0.75rem;
        line-height: 1.125rem;
        padding: 1.25rem 2.188rem;
    }

    .btn-xs-extra-large.btn-icon {
        height: 62px;
        line-height: 64px;
        width: 62px;
    }
}


/*
* Border
*/

@media (max-width: 1199px) {
    .border-lg {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-lg-top {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-lg-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-lg-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-lg-left {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-lg-thick {
        border-width: 2px !important;
    }

    .border-lg-medium-thick {
        border-width: 3px !important;
    }

    .border-lg-extra-thick {
        border-width: 4px !important;
    }

    .border-lg-top-0 {
        border-top: 0 !important;
    }

    .border-lg-right-0 {
        border-right: 0 !important;
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-lg-left-0 {
        border-left: 0 !important;
    }

    .border-lg-x-0 {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .border-lg-y-0 {
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .border-lg-0 {
        border: 0 !important;
    }
}

@media (max-width: 991px) {
    .border-md {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-md-top {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-md-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-md-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-md-left {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-md-thick {
        border-width: 2px !important;
    }

    .border-md-medium-thick {
        border-width: 3px !important;
    }

    .border-md-extra-thick {
        border-width: 4px !important;
    }

    .border-md-top-0 {
        border-top: 0 !important;
    }

    .border-md-right-0 {
        border-right: 0 !important;
    }

    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-md-left-0 {
        border-left: 0 !important;
    }

    .border-md-x-0 {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .border-md-y-0 {
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .border-md-0 {
        border: 0 !important;
    }
}

@media (max-width: 767px) {
    .border-sm {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-sm-top {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-sm-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-sm-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-sm-left {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-sm-thick {
        border-width: 2px !important;
    }

    .border-sm-medium-thick {
        border-width: 3px !important;
    }

    .border-sm-extra-thick {
        border-width: 4px !important;
    }

    .border-sm-top-0 {
        border-top: 0 !important;
    }

    .border-sm-right-0 {
        border-right: 0 !important;
    }

    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-sm-left-0 {
        border-left: 0 !important;
    }

    .border-sm-x-0 {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .border-sm-y-0 {
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .border-sm-0 {
        border: 0 !important;
    }
}

@media (max-width: 575px) {
    .border-xs {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-xs-top {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-xs-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-xs-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-xs-left {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border-xs-thick {
        border-width: 2px !important;
    }

    .border-xs-medium-thick {
        border-width: 3px !important;
    }

    .border-xs-extra-thick {
        border-width: 4px !important;
    }

    .border-xs-top-0 {
        border-top: 0 !important;
    }

    .border-xs-right-0 {
        border-right: 0 !important;
    }

    .border-xs-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-xs-left-0 {
        border-left: 0 !important;
    }

    .border-xs-x-0 {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .border-xs-y-0 {
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .border-xs-0 {
        border: 0 !important;
    }
}


/*
* Navigation
*/

@media (max-width: 575px) {
    .navbar .container {
        margin: 0;
    }

    .navbar-toggler-right {
        right: 0;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .navbar-brand {
        padding-left: 1rem;
    }

    .navbar-toggler {
        margin-right: 1rem;
    }

    .navbar-collapse {
        padding-left: 1rem;
    }
}

@media (max-width: 991px) {
    .navbar {
        -webkit-box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
    }

    .navbar-header {
        width: 100%;
    }

    .navbar.navbar-light {
        background-color: #ffffff !important;
    }

    .navbar.navbar-light .navbar-brand img.logo-text-black {
        opacity: 1;
    }

    .navbar.navbar-light .navbar-brand img.logo-text-white {
        opacity: 0;
    }

    .navbar.navbar-light .navbar-collapse {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .navbar.navbar-light .nav-link {
        color: #000000 !important;
    }

    .navbar.navbar-light .nav-link.active:before {
        background-color: #000000 !important;
    }

    .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        padding-bottom: 12px;
        padding-top: 8px;
    }
}

@media (min-width: 992px) {
    .navbar {
        background-color: rgba(0, 0, 0, 0.15) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .navbar.shrink {
        background-color: #000000 !important;
        -webkit-box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 8px 17px -8px rgba(0, 0, 0, 0.1);
    }

    .navbar.shrink .navbar-header {
        height: 60px;
        line-height: 60px;
    }

    .navbar.shrink .navbar-brand img {
        height: 40px;
        top: 10px;
    }

    .navbar.shrink.navbar-light {
        background-color: #ffffff !important;
    }

    .navbar.shrink.navbar-light .navbar-brand img.logo-text-black {
        opacity: 1;
    }

    .navbar.shrink.navbar-light .navbar-brand img.logo-text-white {
        opacity: 0;
    }

    .navbar.shrink.navbar-light .nav-link {
        color: #000000 !important;
    }

    .navbar.shrink.navbar-light .nav-link.active:before {
        background-color: #000000 !important;
    }

    .navbar .nav-item {
        padding: 0 15px;
    }

    .navbar .nav-item:last-child {
        padding-right: 0;
    }
}


/*
* Position
*/

@media (max-width: 1199px) {
    .position-lg-absolute {
        position: absolute !important;
    }

    .position-lg-fixed {
        position: fixed !important;
    }

    .position-lg-relative {
        position: relative !important;
    }
}

@media (max-width: 991px) {
    .position-md-absolute {
        position: absolute !important;
    }

    .position-md-fixed {
        position: fixed !important;
    }

    .position-md-relative {
        position: relative !important;
    }
}

@media (max-width: 767px) {
    .position-sm-absolute {
        position: absolute !important;
    }

    .position-sm-fixed {
        position: fixed !important;
    }

    .position-sm-relative {
        position: relative !important;
    }
}

@media (max-width: 575px) {
    .position-xs-absolute {
        position: absolute !important;
    }

    .position-xs-fixed {
        position: fixed !important;
    }

    .position-xs-relative {
        position: relative !important;
    }
}


/*
* Section
*/

@media (min-width: 768px) {
    section {
        padding: 40px 0;
    }
}

@media (min-width: 992px) {
    section {
        padding: 80px 0;
    }
}


/*
* Text size
*/

@media (max-width: 1199px) {
    .text-lg-extra-small {
        font-size: 0.625rem !important;
        line-height: 0.9375rem !important;
    }

    .text-lg-small {
        font-size: 0.75rem !important;
        line-height: 1.125rem !important;
    }

    .text-lg-medium {
        font-size: 0.875rem !important;
        line-height: 1.313rem !important;
    }

    .text-lg-large {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .text-lg-extra-large {
        font-size: 1.125rem !important;
        line-height: 1.688rem !important;
    }

    .title-lg-small {
        font-size: 1.25rem !important;
        line-height: 1.875rem !important;
    }

    .title-lg-medium {
        font-size: 1.5rem !important;
        line-height: 2.125rem !important;
    }

    .title-lg-large {
        font-size: 1.75rem !important;
        line-height: 2.375rem !important;
    }

    .title-lg-extra-large {
        font-size: 2.25rem !important;
        line-height: 2.875rem !important;
    }

    .title-lg-extra-large-2 {
        font-size: 2.75rem !important;
        line-height: 3.375rem !important;
    }

    .title-lg-extra-large-3 {
        font-size: 3.125rem !important;
        line-height: 3.75rem !important;
    }

    .title-lg-extra-large-4 {
        font-size: 4.375rem !important;
        line-height: 5rem !important;
    }

    .title-lg-extra-large-5 {
        font-size: 5rem !important;
        line-height: 5.625rem !important;
    }

    .title-lg-big {
        font-size: 6.25rem !important;
        line-height: 6.25rem !important;
    }

    .title-lg-big-2 {
        font-size: 7.75rem !important;
        line-height: 7.75rem !important;
    }

    .title-lg-big-3 {
        font-size: 9.375rem !important;
        line-height: 9.375rem !important;
    }
}

@media (max-width: 991px) {
    .text-md-extra-small {
        font-size: 0.625rem !important;
        line-height: 0.9375rem !important;
    }

    .text-md-small {
        font-size: 0.75rem !important;
        line-height: 1.125rem !important;
    }

    .text-md-medium {
        font-size: 0.875rem !important;
        line-height: 1.313rem !important;
    }

    .text-md-large {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .text-md-extra-large {
        font-size: 1.125rem !important;
        line-height: 1.688rem !important;
    }

    .title-md-small {
        font-size: 1.25rem !important;
        line-height: 1.875rem !important;
    }

    .title-md-medium {
        font-size: 1.5rem !important;
        line-height: 2.125rem !important;
    }

    .title-md-large {
        font-size: 1.75rem !important;
        line-height: 2.375rem !important;
    }

    .title-md-extra-large {
        font-size: 2.25rem !important;
        line-height: 2.875rem !important;
    }

    .title-md-extra-large-2 {
        font-size: 2.75rem !important;
        line-height: 3.375rem !important;
    }

    .title-md-extra-large-3 {
        font-size: 3.125rem !important;
        line-height: 3.75rem !important;
    }

    .title-md-extra-large-4 {
        font-size: 4.375rem !important;
        line-height: 5rem !important;
    }

    .title-md-extra-large-5 {
        font-size: 5rem !important;
        line-height: 5.625rem !important;
    }

    .title-md-big {
        font-size: 6.25rem !important;
        line-height: 6.25rem !important;
    }

    .title-md-big-2 {
        font-size: 7.75rem !important;
        line-height: 7.75rem !important;
    }

    .title-md-big-3 {
        font-size: 9.375rem !important;
        line-height: 9.375rem !important;
    }
}

@media (max-width: 767px) {
    .text-sm-extra-small {
        font-size: 0.625rem !important;
        line-height: 0.9375rem !important;
    }

    .text-sm-small {
        font-size: 0.75rem !important;
        line-height: 1.125rem !important;
    }

    .text-sm-medium {
        font-size: 0.875rem !important;
        line-height: 1.313rem !important;
    }

    .text-sm-large {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .text-sm-extra-large {
        font-size: 1.125rem !important;
        line-height: 1.688rem !important;
    }

    .title-sm-small {
        font-size: 1.25rem !important;
        line-height: 1.875rem !important;
    }

    .title-sm-medium {
        font-size: 1.5rem !important;
        line-height: 2.125rem !important;
    }

    .title-sm-large {
        font-size: 1.75rem !important;
        line-height: 2.375rem !important;
    }

    .title-sm-extra-large {
        font-size: 2.25rem !important;
        line-height: 2.875rem !important;
    }

    .title-sm-extra-large-2 {
        font-size: 2.75rem !important;
        line-height: 3.375rem !important;
    }

    .title-sm-extra-large-3 {
        font-size: 3.125rem !important;
        line-height: 3.75rem !important;
    }

    .title-sm-extra-large-4 {
        font-size: 4.375rem !important;
        line-height: 5rem !important;
    }

    .title-sm-extra-large-5 {
        font-size: 5rem !important;
        line-height: 5.625rem !important;
    }

    .title-sm-big {
        font-size: 6.25rem !important;
        line-height: 6.25rem !important;
    }

    .title-sm-big-2 {
        font-size: 7.75rem !important;
        line-height: 7.75rem !important;
    }

    .title-sm-big-3 {
        font-size: 9.375rem !important;
        line-height: 9.375rem !important;
    }
}

@media (max-width: 575px) {
    .text-xs-extra-small {
        font-size: 0.625rem !important;
        line-height: 0.9375rem !important;
    }

    .text-xs-small {
        font-size: 0.75rem !important;
        line-height: 1.125rem !important;
    }

    .text-xs-medium {
        font-size: 0.875rem !important;
        line-height: 1.313rem !important;
    }

    .text-xs-large {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .text-xs-extra-large {
        font-size: 1.125rem !important;
        line-height: 1.688rem !important;
    }

    .title-xs-small {
        font-size: 1.25rem !important;
        line-height: 1.875rem !important;
    }

    .title-xs-medium {
        font-size: 1.5rem !important;
        line-height: 2.125rem !important;
    }

    .title-xs-large {
        font-size: 1.75rem !important;
        line-height: 2.375rem !important;
    }

    .title-xs-extra-large {
        font-size: 2.25rem !important;
        line-height: 2.875rem !important;
    }

    .title-xs-extra-large-2 {
        font-size: 2.75rem !important;
        line-height: 3.375rem !important;
    }

    .title-xs-extra-large-3 {
        font-size: 3.125rem !important;
        line-height: 3.75rem !important;
    }

    .title-xs-extra-large-4 {
        font-size: 4.375rem !important;
        line-height: 5rem !important;
    }

    .title-xs-extra-large-5 {
        font-size: 5rem !important;
        line-height: 5.625rem !important;
    }

    .title-xs-big {
        font-size: 6.25rem !important;
        line-height: 6.25rem !important;
    }

    .title-xs-big-2 {
        font-size: 7.75rem !important;
        line-height: 7.75rem !important;
    }

    .title-xs-big-3 {
        font-size: 9.375rem !important;
        line-height: 9.375rem !important;
    }
}


/*
* Width and height
*/

@media (min-width: 992px) {
    .w-lg-20 {
        width: 20% !important;
    }

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

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

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

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

    .h-lg-20 {
        height: 20% !important;
    }

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

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

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

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

@media (min-width: 768px) {
    .w-md-20 {
        width: 20% !important;
    }

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

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

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

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

    .h-md-20 {
        height: 20% !important;
    }

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

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

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

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

@media (min-width: 576px) {
    .w-sm-20 {
        width: 20% !important;
    }

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

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

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

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

    .h-sm-20 {
        height: 20% !important;
    }

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

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

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

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