@layer base {
    /*
Project: Phoneburner.com
Version: 1.0
*/

    /*------------------------------------------------------------------
    [Table of contents]

    1. Global Styles
    2. Typography
    3. Navigation
    4. Forms
    5. Buttons
    6. Blocks
    7. Divider
    8. Testimonials
    9. Overlay
    10. List
    11. Pricing block
    12. Tabs
    13. Whitelabel benefit icon
    14. Accordion
    15. Number icon
    16. Theme icon
    17. Carousel center
    18. Animations
    19. Footer
    20. Helper Classes
    21. Responsive utilities
    -------------------------------------------------------------------*/


    /*------------------------------------------------------------------
    [1. Global Styles]
    */
    body {
        position: relative;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-size-adjust: 100%;
        white-space: normal;
        background: #fff;
        min-height: 100vh;
    }

    .main-container {
        clear: both;
    }

    .container,
    .container-fluid {
        position: relative;
    }

    audio, canvas, progress, video {
        display: inline-block;
        vertical-align: baseline;
    }

    video {
        max-width: 100%;
    }

    img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    iframe {
        display: block;
        width: 100%;
        border: 0;
        overflow: hidden;
    }

    section {
        position: relative;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    #map {
        width: 100%;
        height: 250px;
    }

    /*------------------------------------------------------------------
    [2. Typography]
    */
    html {
        font-size: 16px;
    }

    body {
        font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.625;
        color: #232F34;
    }

    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
        color: #000;
        position: relative;
        margin-top: 0;
        margin-bottom: 1rem;
        font-variant-ligatures: common-ligatures;
        line-height: 1.2;
    }

    h1,
    .h1 {
        font-size: 3rem;
        font-weight: 800;
    }

    h2,
    .h2 {
        font-size: 2.5rem;
        font-weight: 800;
    }

    h3,
    .h3 {
        font-size: 2.0rem;
        font-weight: 800;
    }

    h4,
    .h4 {
        font-size: 1.75rem;
        font-weight: 800;
    }

    h5,
    .h5 {
        font-size: 1.25rem;
        font-weight: 800;
    }

    h6,
    .h6 {
        font-size: .75rem;
        font-weight: 800;
    }

    /* Heading Uppercase */
    .heading-uppercase {
        text-transform: uppercase;
    }

    h1.heading-uppercase,
    .h1.heading-uppercase {
        letter-spacing: 7px;
        margin-right: -7px;
    }

    h2.heading-uppercase,
    .h2.heading-uppercase {
        letter-spacing: 7px;
        margin-right: -7px;
    }

    h3.heading-uppercase,
    .h3.heading-uppercase {
        letter-spacing: 7px;
        margin-right: -7px;
    }

    h4.heading-uppercase,
    .h4.heading-uppercase {
        letter-spacing: 4px;
        margin-right: -4px;
    }

    h5.heading-uppercase,
    .h5.heading-uppercase {
        letter-spacing: 3px;
        margin-right: -3px;
    }

    h6.heading-uppercase,
    .h6.heading-uppercase {
        letter-spacing: 2px;
        margin-right: -2px;
    }

    p {
        margin-bottom: 1rem;
    }

    p.lead {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.7;
        max-width: 800px;
        margin: auto;
    }

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

    a {
        cursor: pointer;
        color: #F06F27;
        text-decoration: none;
    }

    a, .btn {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    a:hover {
        opacity: .9;
    }

    a:hover, a:focus {
        text-decoration: none;
        outline: 0;
        color: #F06F27;
    }

    a, button {
        outline: none;
    }

    button:focus {
        outline: none;
    }

    em {
        font-style: italic;
    }

    strong {
        font-weight: 700;
    }

    pre {
        margin: 0;
        padding: 9.5px;
        color: #272727;
        background-color: #f7f7f7;
        border: 1px solid #e8e8e8;
        border-radius: 0px;
        text-align: left;
    }

    input,
    select,
    textarea {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
    }

    label {
        font-weight: 600;
    }

    ul.menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    ul.menu li {
        margin-top: 10px;
    }

    ul.menu li:first-child {
        margin-top: 0;
    }

    ul.menu.horizontal-menu li {
        float: left;
        margin-top: 0;
        margin-left: 30px;
    }

    ul.menu.horizontal-menu li:first-child {
        margin-left: 0;
    }

    ul.iconlist i {
        color: #fff;
        width: 30px;
    }

    /*------------------------------------------------------------------
    [3. Navigation]
    */
    .navbar {
        padding: 1.25rem 15px;
        backface-visibility: hidden;
        margin-bottom:-1px;
    }

    .navbar-brand {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 1.875rem;
        transition: none;
        margin-top: -14px;
    }

    .navbar-brand img {
        display: block;
    }

    .navbar-toggler {
        border: 0;
        outline: none;
        padding: 0;
        width: auto;
        height: 3rem;
        padding-right: 40px;
        position: relative;
    }

    .navbar-toggler-icon,
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        position: absolute;
        right: 0;
        height: 2px;
        background: #000;
        transition: all .3s ease-out;
    }

    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: '';
    }

    .navbar-toggler-icon {
        top: 50%;
        margin-top: -1px;
        width: 40px;
    }

    .navbar-toggler-icon::before {
        top: -10px;
        left: 0;
    }

    .navbar-toggler-icon::after {
        bottom: -10px;
        left: 0;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon {
        width: 30px;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon::before {
        left: -10px;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon::after {
        left: 10px;
    }

    .navbar-nav .nav-link {
        font-size: 1.0625rem;
        position: relative;
    }

    .navbar-nav .active > .nav-link::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(272.86deg, #16D9D9 -48.46%, #16A7D9 48.94%);
        border-radius: 4px;
    }

    .navbar-light,
    nav.site-navigation.navbar-animated.fn-fixed {
        background: #fff;
        box-shadow: 0px 1px 4px rgba(82, 91, 95, 0.1)
    }

    .navbar-light .navbar-brand,
    nav.navbar.fn-fixed .navbar-brand {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-brand:hover,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-brand:hover,
    .navbar-light .navbar-brand:focus,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-nav .nav-link,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-light .navbar-nav .nav-link:hover,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled,
    nav.navbar.fn-fixed .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-toggler,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.1);
    }

    .navbar-light .navbar-toggler-icon,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-toggler-icon,
    .navbar-light .navbar-toggler-icon::before,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-toggler-icon::before,
    .navbar-light .navbar-toggler-icon::after,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-toggler-icon::after {
        background-image: none;
        background-color: #000;
    }

    .navbar-light .navbar-text,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-text {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-light .navbar-text a,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-text a:hover,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-text a:hover,
    .navbar-light .navbar-text a:focus,
    nav.site-navigation.navbar-animated.fn-fixed .navbar-text a:focus {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-dark .navbar-brand {
        color: #fff;
    }

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255,255,255,.65);
    }

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 1);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-dark .navbar-toggler-icon,
    .navbar-dark .navbar-toggler-icon::before,
    .navbar-dark .navbar-toggler-icon::after {
        background-image: none;
        background-color: #fff;
    }

    .navbar-dark .navbar-text {
        color: #fff;
    }

    .navbar-dark .navbar-text a {
        color: #fff;
    }

    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
        color: #fff;
    }

    .navbar .btn {
        display: block;
        width: 100%;
    }

    .navbar-dark .navbar-brand .light {
        display: block;
    }

    .navbar-dark .navbar-brand .dark {
        display: none;
    }

    div.dropdown-menu {
        box-shadow: 0 4px 18px 0 rgba(0,0,0,0.15);
        border: none;
        padding: 20px 10px;
    }

    div.dropdown-menu .dropdown-item {
        color: rgba(0, 0, 0, 0.5);
    }

    div.dropdown-menu .dropdown-item:hover {
        color: rgba(0, 0, 0, 1);
        background: transparent;
    }

    div.dropdown-menu .dropdown-item .item-icon {
        display: block;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-radius: .5rem;
        background: #fff;
        border: solid 2px rgba(0,0,0,0.05);
        margin-right: 1.5rem;
        color: #F06F27;
    }

    .dropdown-toggle::after {
        width: auto;
        height: auto;
        margin-left: 10px;
        vertical-align: .125em;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        content: "\f078";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: Font Awesome\ 5 Pro;
        font-weight: 900;
        font-size: 12px;
    }

    .dropdown-products .menu-item-name {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.7);
    }

    .dropdown-products a:hover .menu-item-name {
        color: rgba(0, 0, 0, 0.9);
    }

    .dropdown-products .menu-item-description {
        font-size: 14px;
        color: #a5a7a9;
    }

    @media (min-width: 992px){

        .navbar {
            z-index: 1000;
            padding-left: 0;
            padding-right: 0;
        }

        .navbar .container {
            max-width: 1140px;
        }

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

        .fixed-top-lg {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding: .5rem .75rem;
        }

        .navbar-expand-lg .navbar-nav .active .nav-link::before {
            left:.75rem;
            right:.75rem;
        }

        .navbar .btn {
            display: inline-block;
            width: auto;
        }

        .navbar .dropdown .dropdown-menu {
            display: block;
            visibility: hidden;
            margin-top: -1px;
            opacity: 0;
            transform: translate3d(0, 10px, 0);
            -webkit-transform: translate3d(0, 10px, 0);
            -moz-transform: translate3d(0, 10px, 0);
            transition: opacity .3s ease-out, transform .3s ease-out, visibility .3s;
            -webkit-transition: opacity .3s ease-out, transform .3s ease-out, visibility .3s;
            -moz-transition: opacity .3s ease-out, transform .3s ease-out, visibility .3s;
        }

        .navbar .dropdown:hover > .dropdown-menu {
            display: block;
            visibility: visible;
            opacity: 1;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            transition: opacity .3s ease-out, transform .3s ease-out;
            -webkit-transition: opacity .3s ease-out, transform .3s ease-out;
            -moz-transition: opacity .3s ease-out, transform .3s ease-out;
        }

        .navbar .dropdown-menu::before {
            content: '';
            width: 24px;
            height: 24px;
            transform: rotate(45deg);
            background-color: #fff;
            position: absolute;
            top: -4px;
            left: calc(10px + 1.5rem);
            border-radius: 4px;
        }

        nav.site-navigation.navbar-animated {
            transition: transform .5s ease-out;
        }

        nav.site-navigation.navbar-animated.fn-fade-out {
            opacity: 0;
        }

        nav.site-navigation.navbar-animated.fn-fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            background: #fff !important;
            box-shadow: 0px 1px 4px rgba(82, 91, 95, 0.1);
        }

        nav.site-navigation.navbar-animated.fn-slide-up {
            transform: translateY(-100%);
        }

        nav.site-navigation.navbar-animated.fn-slide-down {
            transform: translateY(0);
        }

        nav.site-navigation.navbar-animated.fn-fixed.navbar-dark .navbar-brand .light {
            display: none;
        }

        nav.site-navigation.navbar-animated.fn-fixed.navbar-dark .navbar-brand .dark {
            display: block;
        }

        nav.site-navigation.navbar-animated.fn-fixed .d-none-fn-fixed {
            display: none !important;
        }

        nav.site-navigation.navbar-animated.fn-fixed .d-inline-block-fn-fixed {
            display: inline-block !important;
        }

    }

    /*------------------------------------------------------------------
    [4. Forms]
    */
    .form-control {
        display: block;
        width: 100%;
        padding: .9375rem;
        font-size: 1rem;
        color: #808086;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid transparent;
    }

    .form-control:focus {
        border-color: transparent;
        box-shadow: none;
    }

    .form-contrrol-bordered {
        border-color: #E2E8EA;
    }

    .form-contrrol-bordered:focus {
        border-color: #d2d8da;
    }

    select.form-control:not([size]):not([multiple]) {
        height: auto;
    }

    .home-form {
        border-radius: 10rem;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
    }

    @media(max-width: 1199px){

        .home-form {
            border-radius: 10px;

        }

        .home-form .input-group > *,
        .home-form .input-group > * .btn {
            width: 100%;
            margin: 0 !important;
            text-align: center;
        }

        .home-form .input-group > *:last-child .btn {
            border-top-right-radius: 0;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        .home-form .input-group > *:nth-child(2) .form-control {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            text-align: center;
            border-bottom: 1px solid rgba(0,0,0,0.1);
        }
    }

    /*------------------------------------------------------------------
    [5. Buttons]
    */
    .btn {
        font-weight: 700;
        padding: .9375rem 3.125rem;
        font-size: .8125rem;
        line-height: 1rem;
        border: 2px solid transparent;
    }

    .btn:not([class*="btn-outline-"]){
        border: 0;
        padding-top: 1.0625rem;
        padding-bottom: 1.0625rem;
    }

    .btn:hover {
        opacity: .9;
    }

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

    .btn-rounded-circle {
        border-radius: 10rem;
    }

    .btn-group-sm>.btn, .btn-sm {
        padding: .5rem 1.125rem;
    }

    .btn-group-sm>.btn:not([class*="btn-outline-"]),
    .btn-sm:not([class*="btn-outline-"]){
        border: 0;
        padding-top: .625rem;
        padding-bottom: .625rem;
    }

    .btn-group-lg>.btn,
    .btn-lg {
        padding: 1rem 3.125rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        border-radius: .25rem;
    }

    .btn-group-lg:not([class*="btn-outline-"])>.btn,
    .btn-lg:not([class*="btn-outline-"]) {
        padding: 1.125rem 3.125rem;
    }

    .btn-xl {
        padding: 20px 60px!important;
    }

    .btn-primary {
        color: #fff;
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
        background: #FB682C;
        border-color: transparent;
    }

    .btn-primary:hover {
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
        background: #FB682C;
        border-color: transparent;
    }

    .btn-primary.focus,
    .btn-primary:focus {
        color: #fff;
        box-shadow: none;
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show>.btn-primary.dropdown-toggle {
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
        background: #FB682C;
        border-color: transparent;
    }

    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }

    .btn-outline-white {
        color: #fff;
        border-color: #fff;
    }

    .btn-outline-white:hover {
        color: #14A5F4;
        background-color: #fff;
        border-color: #fff;
        opacity: 1;
    }

    .btn-outline-white:focus, .btn-outline-white.focus {
        box-shadow: none;
    }

    .btn-outline-white.disabled, .btn-outline-white:disabled {
        color: #14A5F4;
        background-color: transparent;
    }

    .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,
    .show > .btn-outline-white.dropdown-toggle {
        color: #14A5F4;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-white.dropdown-toggle:focus {
        box-shadow: none;
    }

    .btn-outline-light {
        color: #fff;
        border-color: rgba(255,255,255,.3);
    }

    .btn-outline-light:hover {
        color: #F06F27;
        background-color: #fff;
        border-color: #fff;
        opacity: 1;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: none;
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #F06F27;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #F06F27;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
        box-shadow: none;
    }

    .btn-outline-gray {
        color: #232F34;
        border-color: #EDEDEE;
    }

    .btn-outline-gray:hover {
        color: #F06F27;
        background-color: #fff;
        border-color: #F06F27;
        opacity: 1;
    }

    .btn-outline-gray:focus, .btn-outline-gray.focus {
        box-shadow: none;
    }

    .btn-outline-gray.disabled, .btn-outline-gray:disabled {
        color: #232F34;
        background-color: transparent;
    }

    .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
    .show > .btn-outline-gray.dropdown-toggle {
        color: #232F34;
        background-color: #fff;
        border-color: #EDEDEE;
    }

    .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gray.dropdown-toggle:focus {
        box-shadow: none;
    }

    .btn-link {
        color: #F06F27;
    }

    .btn-link:hover {
        color: #F06F27;
        text-decoration: none;
        opacity: .75;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #F06F27;
        opacity: .25;
    }

    .btn-link-white {
        color: #fff;
    }

    .btn-link-white:hover {
        color: #fff;
    }

    .btn-link-white:disabled, .btn-link-white.disabled {
        color: #fff;
    }

    a.learn-more img {
        transition: all .3s ease-out;
    }

    a.learn-more:hover img {
        margin-left: calc(.5rem + 3px) !important;
    }

    /*------------------------------------------------------------------
    [6. Blocks]
    */
    .block {
        position: relative;
        transition: all .3s ease-out;
    }

    .block-rounded {
        border-radius: 10px;
    }

    .block-rounded .rounded-top {
        border-top-left-radius: inherit !important;
        border-top-right-radius: inherit !important;
    }

    .block-rounded .rounded-bottom {
        border-bottom-left-radius: inherit !important;
        border-bottom-right-radius: inherit !important;
    }

    .block-shadow {
        box-shadow: 0px 5px 5px rgba(21, 21, 41, 0.05);
    }

    .block-shadow:hover {
        box-shadow: 0px 5px 5px rgba(21, 21, 41, 0.12);
    }

    /*------------------------------------------------------------------
    [7. Divider]
    */
    .divider-text {
        overflow: hidden;
    }

    .divider-text p {
        color: #A4A7B3;
        display: table;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        font-size: .75rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .divider-text p::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 1000%;
        height: 1px;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 1rem;
        background: #525B5F;
        opacity: .2;
    }

    .divider-text p::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 1000%;
        height: 1px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 1rem;
        background: #525B5F;
        opacity: .2;
    }

    .divider {
        width: 54px;
        height: 1px;
        background: #525B5F;
        opacity: .2;
    }

    /*------------------------------------------------------------------
    [8. Testimonials]
    */
    .slider-container {
        position: relative;
    }

    .slick-slide {
        outline: none;
    }

    .testimonials-slider .slider-item {
        padding: 0 15px 30px 15px;
    }

    .testimonial-block {
        background: #fff;
        box-shadow: 0px 10px 20px rgba(82, 91, 95, 0.1);
        border-radius: 4px;
        padding: 40px 40px 40px 40px;
    }

    .testimonial-block .rate {
        color: #9DA6A8;
    }

    .slider-nav {

    }

    .slider-nav .slick-arrow {
        display: block;
        position: absolute;
        top: 50%;
        margin: 0;
        margin-top: -55px;
        padding: 0;
        border: 0;
        background: #fff;
        width: 50px;
        height: 50px;
        text-indent: 0;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 0px 10px 20px rgba(82, 91, 95, 0.1);
        color: #9CAAC2;
        transition: all .3s ease-out;
        z-index: 100;
    }

    .slider-nav .slick-arrow.slick-prev {
        left: -10px;
    }

    .slider-nav .slick-arrow.slick-next {
        right: -10px;
    }

    .slider-nav .slick-arrow:hover {
        color: #F06F27;
    }

    .slider-nav .slick-dots {
        display: table;
        list-style: none;
        margin: 0 2rem;
        padding: 0;
    }

    .slider-nav .slick-dots li {
        position: relative;
        float: left;
        margin: 3px;
        width: 10px;
        height: 10px;
    }

    .slider-nav .slick-dots li button {
        position: relative;
        width: 10px;
        height: 10px;
        background: #E2E8EA;
        border-radius: 10px;
        margin: 0;
        padding: 0;
        border: 0;
        text-indent: -9999px;
        cursor: pointer;
    }

    .slider-nav .slick-dots li.slick-active button {
        background: linear-gradient(0deg, #14A5F4, #14A5F4), linear-gradient(315deg, #16B0D9 0%, #165AD9 94.8%);
    }

    .author-image img {
        border-radius: 50%;
    }

    @media(min-width:1300px){
        .slider-nav .slick-arrow.slick-prev {
            left: -95px;
        }

        .slider-nav .slick-arrow.slick-next {
            right: -95px;
        }
    }

    /*------------------------------------------------------------------
    [9. Overlay]
    */
    .overlay,
    .overlay-inner {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .canvas-wrapper {
        overflow: hidden;
    }

    .canvas-wrapper canvas {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .bg-image-holder img {
        display: none !important
    }

    .home-features-overlay {
        top: -300px;
    }

    /*------------------------------------------------------------------
    [10. List]
    */
    .icon-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .icon-list li {
        margin-top: 1rem;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }

    .icon-list li:first-child {
        margin-top: 0;
    }

    .icon-list span {
        padding-left: 1rem;
    }

    .icon-list svg {
        width: 32px;
    }

    .icon-list svg * {
        stroke: #fd671a;
    }

    /*------------------------------------------------------------------
    [11. Pricing block]
    */
    .pricing-block {
        position: relative;
        border-radius: 4px;
        box-shadow: 0px 20px 40px rgba(82, 91, 95, 0.1);
    }

    .pricing-block .price {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .price-value > * {
        line-height: 1;
        font-weight: bold;
    }

    .price-currency {
        font-size: 24px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .price-before-comma {
        font-size: 64px;
    }

    .price-after-comma {
        font-size: 24px;
        margin-left: 5px;
        margin-top: 5px;
    }

    .pricing-block .plan {
        overflow: hidden;
    }

    .pricing-block .plan > * {
        float: left;
    }

    .pricing-block .plan .plan-users {
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid #E4E4E4;
    }

    .pricing-block .rangeslider {
        background: #EAEBEC;
    }

    .pricing-block .rangeslider--horizontal {
        height: 10px;
    }

    .pricing-block .rangeslider,
    .pricing-block .rangeslider__fill {
        box-shadow: none;
    }

    .pricing-block .rangeslider__fill {
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
    }

    .pricing-block .rangeslider__handle {
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
        border: 7px solid #fff;
        width: 30px;
        height: 30px;
        box-shadow: 0px 5px 10px rgba(82, 91, 95, 0.25);
    }

    .pricing-block .rangeslider__handle:active,
    .pricing-block .rangeslider--active .rangeslider__handle {
        background: #232F34;
    }

    .pricing-block .rangeslider__handle:after {
        display: none;
    }

    .pricing-block .rangeslider-scale .scale-col {
        position: relative;
        padding-top: 12px;
    }

    .pricing-block .rangeslider-scale .scale-col:before {
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        width: 1px;
        height: 12px;
        background: #EAEBEC;
    }

    .pricing-block .rangeslider-scale .scale-col.text-center:before {
        left: 15px;
        right: 15px;
        margin: 0 auto;
    }

    .pricing-block .rangeslider-scale .scale-col.text-right:before {
        left: auto;
        right: 15px;
    }

    /*------------------------------------------------------------------
    [12. Tabs]
    */
    .nav-tabs .nav-link {
        border: 0;
        border-bottom: 3px solid transparent;
        color: rgba(0,0,0,0.7);
        border-radius: 0;
        padding: .5rem 0;
        margin: 0 1rem;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #FD671A;
        background-color: #fff;
        border-color: transparent;
        border-bottom-color: #FD671A;
    }

    .nav-alternative {
        overflow: hidden;
        border-radius: 50px;
    }

    .nav-alternative .nav-link {
        background: #fff;
        color: #A4A7B3;
    }

    .nav-alternative .nav-link.active {
        background: #FB682C;
        color: #fff;
    }

    /*------------------------------------------------------------------
    [13. Whitelabel benefit icon]
    */
    .whitelabel-benefit-icon {
        border-radius: 100px;
        width: 100px;
        height: 100px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .whitelabel-benefit-icon svg {
        width: 60px;
        height: 60px;
    }

    .whitelabel-benefit-icon svg * {
        stroke: #fd671a;
    }

    /*------------------------------------------------------------------
    [14. Accordion]
    */
    .accordion-item {
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-bottom: 1px solid rgba(82, 91, 95, 0.2);
    }

    .accordion-item:last-child {
        border-bottom: 0;
    }

    .accordion-item a {
        position: relative;
        color: #232F34;
        padding-left: 20px;
    }

    .accordion-item:not(.active) a:hover {
        color: #F06F27;
    }

    .accordion-item a:before {
        content: '\f105';
        position: absolute;
        top: 5px;
        left: 0;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: Font Awesome\ 5 Pro;
        font-weight: 900;
        font-size: 12px;
        color: #F06F27;
        transition: transform .3s ease-out;
    }

    .accordion-item.active a:before {
        transform: rotate(90deg);
    }

    .accordion-collapse {
        padding-left: 20px;
    }

    /*------------------------------------------------------------------
    [15. Number icon]
    */
    .number-icon {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
    }

    /*------------------------------------------------------------------
    [16. Theme icon]
    */
    .t-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .t-icon.t-icon-90 {
        width: 90px;
        height: 90px;
    }

    /*------------------------------------------------------------------
    [17. Carousel center]
    */
    .carousel-center p {
        opacity: 0;
        transition: all .3s ease-out;
    }

    .carousel-center .slick-center p {
        opacity: 1;
    }

    .carousel-center .slick-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
        font-size: 2rem;
    }

    .carousel-center .slick-prev {
        left: -25px;
    }

    .carousel-center .slick-next {
        right: -25px;
    }

    .app-carousel .app-carousel-logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 150px;
    }

    .app-carousel img {
        width: auto;
        height: 100%;
        max-height: 64px;
        opacity: .75;
        transition: all .3s ease-out;
    }

    .app-carousel .slick-center img {
        opacity: 1;
        transform: scale(1.25);
    }

    @media(max-width: 577px){
        .carousel-center .slick-prev {
            left: -5px;
        }

        .carousel-center .slick-next {
            right: -5px;
        }
    }

    .carousel-clients .slick-track {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .carousel-clients .slick-slide {
        padding-left: 20px;
        padding-right: 20px;
    }

    .carousel-clients .slick-slide img {
        margin-left: auto;
        margin-right: auto;
    }

    .carousel-clients .slick-arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #A0A5A7;
        font-size: 2rem;
    }

    .carousel-clients .slick-prev {
        left: -30px;
    }

    .carousel-clients .slick-next {
        right: -30px;
    }

    @media(max-width: 577px){
        .carousel-clients .slick-prev {
            left: -5px;
        }

        .carousel-clients .slick-next {
            right: -5px;
        }
    }

    /*------------------------------------------------------------------
    [18. Animations]
    */
    .animation-bounce {
        animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        -moz-animation: bounce 2s infinite;
        -o-animation: bounce 2s infinite;
    }

    @-webkit-keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            -webkit-transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-20px);
        }
        60% {
            -webkit-transform: translateY(-15px);
        }
    }
    @-moz-keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            -moz-transform: translateY(0);
        }
        40% {
            -moz-transform: translateY(-20px);
        }
        60% {
            -moz-transform: translateY(-15px);
        }
    }
    @-o-keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            -o-transform: translateY(0);
        }
        40% {
            -o-transform: translateY(-20px);
        }
        60% {
            -o-transform: translateY(-15px);
        }
    }
    @keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-20px);
        }
        60% {
            transform: translateY(-15px);
        }
    }

    /*------------------------------------------------------------------
    [19. Footer]
    */
    .site-footer {
        position: relative;
        color: rgba(255,255,255,.7);
    }

    .site-footer ul li {
        margin-bottom: .25rem;
    }

    .site-footer ul li:last-child {
        margin-bottom: 0;
    }

    .site-footer .copyright {
        border-top: 1px solid rgba(82,91,95,.2);
    }

    .site-footer a {
        color: rgba(255,255,255,.7);
    }

    .site-footer a:hover {
        color: rgba(255,255,255,1);
    }

    /*------------------------------------------------------------------
    [20. Helper Classes]
    */

    /* Text */
    .text-12 {
        line-height: 1rem;
        font-size: 0.75rem !important;
    }

    .text-14 {
        line-height: 1.5rem;
        font-size: 0.875rem !important;
    }

    .text-18 {
        line-height: 1.75rem;
        font-size: 1.125rem !important;
    }

    .text-20 {
        line-height: 1.75rem;
        font-size: 1.25rem !important;
    }

    .text-22 {
        line-height: 1.75rem;
        font-size: 1.375rem !important;
    }

    .text-24 {
        line-height: 2.25rem;
        font-size: 1.5rem !important;
    }

    .text-28 {
        line-height: 2.5rem;
        font-size: 1.75rem !important;
    }

    @media(min-width:992px){
        .text-lg-18 {font-size: 18px !important}
        .text-lg-20 {font-size: 20px !important}
        .text-lg-22 {font-size: 22px !important}
        .text-lg-28 {font-size: 28px !important}
        .text-lg-30 {font-size: 30px !important}
        .text-lg-40 {font-size: 40px !important}
        .text-lg-50 {font-size: 50px !important}
        .text-lg-65 {font-size: 65px !important}
        .text-lg-100 {font-size: 100px !important}
    }

    .fs-18 {font-size: 18px}
    .fs-20 {font-size: 20px}
    .fs-22 {font-size: 22px}
    .fs-28 {font-size: 28px}
    .fs-30 {font-size: 30px}
    .fs-50 {font-size: 50px}
    .fs-65 {font-size: 65px}
    .fs-100 {font-size: 100px}

    @media(min-width:992px){
        .fs-lg-18 {font-size: 18px}
        .fs-lg-20 {font-size: 20px}
        .fs-lg-22 {font-size: 22px}
        .fs-lg-28 {font-size: 28px}
        .fs-lg-30 {font-size: 30px}
        .fs-lg-35 {font-size: 35px}
        .fs-lg-36 {font-size: 36px}
        .fs-lg-40 {font-size: 40px}
        .fs-lg-50 {font-size: 50px}
        .fs-lg-55 {font-size: 55px}
        .fs-lg-60 {font-size: 60px}
        .fs-lg-65 {font-size: 65px}
        .fs-lg-75 {font-size: 75px}
        .fs-lg-100 {font-size: 100px}
    }

    .lh-1 {line-height: 1}
    .lh-11 {line-height: 1.1}
    .lh-12 {line-height: 1.2}
    .lh-13 {line-height: 1.3}
    .lh-14 {line-height: 1.4}
    .lh-15 {line-height: 1.5}
    .lh-16 {line-height: 1.6}
    .lh-17 {line-height: 1.7}
    .lh-18 {line-height: 1.8}

    @media(min-width:992px){
        .lh-lg-1 {line-height: 1}
        .lh-lg-11 {line-height: 1.1}
        .lh-lg-12 {line-height: 1.2}
        .lh-lg-13 {line-height: 1.3}
        .lh-lg-14 {line-height: 1.4}
        .lh-lg-15 {line-height: 1.5}
        .lh-lg-16 {line-height: 1.6}
        .lh-lg-17 {line-height: 1.7}
        .lh-lg-18 {line-height: 1.8}
    }

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

    .text-quote {
        position: relative;
    }

    .text-quote:before {
        content: '“';
        position: absolute;
        top: 0;
        left: -.5em;
    }

    .text-primary,
    ul.text-primary a {
        color: #FD671A !important
    }

    .text-white,
    ul.text-white a {
        color: #fff !important
    }

    .text-grey,
    ul.text-grey a {
        color: #9DA6A8 !important
    }

    .text-grey-2,
    ul.text-grey-2 a {
        color: #A4A7B3 !important
    }

    .text-dark,
    ul.text-dark a {
        color: #000 !important
    }

    .text-dark-2,
    ul.text-dark-2 a {
        color: #435457 !important
    }

    .text-dark-3,
    ul.text-dark-3 a {
        color: #5E6D6F !important
    }

    .text-dark-4,
    ul.text-dark-4 a {
        color: #161B30 !important
    }

    .text-dark-4-opacity-75,
    ul.text-dark-4-opacity-75 a {
        color: rgba(22,27,48,.75) !important
    }

    .text-yellow,
    ul.text-yellow a {
        color: #FF9900 !important
    }

    .text-orange,
    ul.text-orange a {
        color: #FB682C !important
    }

    .text-green,
    ul.text-green a {
        color: #3aca6b !important
    }

    /* Background */
    .bg-transparent {
        background: transparent !important
    }

    .bg-primary {
        background: linear-gradient(290.31deg, #E1571C -37.95%, #F06F27 62.05%) !important
    }

    .bg-dark {
        background: linear-gradient(303.04deg, #192339 -0.57%, #1D2034 90.1%) !important
    }

    .bg-dark-mask {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.0701993), rgba(0, 0, 0, 0.0701993)) !important
    }

    .bg-dark-3 {
        background: #161B30;
    }

    .bg-dark-4 {
        background: radial-gradient(100% 100% at 50% 37.9%, rgba(0, 0, 0, 0.375) 0%, rgba(22, 27, 48, 0.75) 100%), linear-gradient(0deg, rgba(22, 27, 48, 0.5), rgba(22, 27, 48, 0.5));
    }

    .bg-dark-5 {
        background: #1D2034;
    }

    .bg-dark-6 {
        background: #121521;
    }

    .bg-very-dark {
        background: #121421;
    }

    .bg-light {
        background: linear-gradient(326.35deg, #FFFFFF 19.29%, #E1E3EC 119.29%) !important
    }

    .bg-light-2 {
        background: linear-gradient(330.32deg, #FFFFFF 25.49%, #F5F6F6 79.72%, #EDEDEE 125.49%) !important
    }

    .bg-light-3 {
        background: #000000 !important
    }

    .bg-orange-1 {
        background: #FB682C;
    }

    .bg-blue-1 {
        background: #4C92D5;
    }

    .bg-cover {
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .bg-center-left {
        background-position: center left;
    }

    .bg-center {
        background-position: center;
    }

    .bg-center-right {
        background-position: center right;
    }

    .bg-top-left {
        background-position: top left;
    }

    .bg-top-center {
        background-position: top center;
    }

    .bg-top-right {
        background-position: top right;
    }

    .bg-bottom-left {
        background-position: bottom left;
    }

    .bg-bottom-center {
        background-position: bottom center;
    }

    .bg-bottom-right {
        background-position: bottom right;
    }

    .bg-norepeat {
        background-repeat: no-repeat;
    }

    .bg-repeat {
        background-repeat: repeat;
    }

    .bg-repeatx {
        background-repeat: repeat-x;
    }

    .bg-repeaty {
        background-repeat: repeat-y;
    }

    /* Spacing */
    .m-n16 {
        margin: -1rem !important;
    }

    .mt-40 {
        margin-top: 2.5rem !important;
    }

    .mt-70 {
        margin-top: 4.375rem !important;
    }

    .mt-80 {
        margin-top: 5rem !important;
    }

    .mt-90 {
        margin-top: 5.625rem !important;
    }

    .mt-100 {
        margin-top: 6.25rem !important;
    }

    .mt-120 {
        margin-top: 7.5rem !important;
    }

    .mt-160 {
        margin-top: 10rem !important;
    }

    .mt--120 {
        margin-top: -7.5rem !important;
    }

    .mb-40 {
        margin-bottom: 2.5rem !important;
    }

    .mb-70 {
        margin-bottom: 4.375rem !important;
    }

    .mb-80 {
        margin-bottom: 5rem !important;
    }

    .mb-90 {
        margin-bottom: 5.625rem !important;
    }

    .mb-100 {
        margin-bottom: 6.25rem !important;
    }

    .mb-120 {
        margin-bottom: 7.5rem !important;
    }

    .mb-160 {
        margin-bottom: 10rem !important;
    }

    .mb--80 {
        margin-bottom: -5rem !important;
    }

    .p-16 {
        padding: 1rem !important;
    }

    .pt-40 {
        padding-top: 2.5rem !important;
    }

    .pt-70 {
        padding-top: 4.375rem !important;
    }

    .pt-80 {
        padding-top: 5rem !important;
    }

    .pt-90 {
        padding-top: 5.625rem !important;
    }

    .pt-100 {
        padding-top: 6.25rem !important;
    }

    .pt-120 {
        padding-top: 7.5rem !important;
    }

    .pt-160 {
        padding-top: 10rem !important;
    }

    .pt-240 {
        padding-top: 15rem !important;
    }

    .pb-40 {
        padding-bottom: 2.5rem !important;
    }

    .pb-70 {
        padding-bottom: 4.375rem !important;
    }

    .pb-80 {
        padding-bottom: 5rem !important;
    }

    .pb-90 {
        padding-bottom: 5.625rem !important;
    }

    .pb-100 {
        padding-bottom: 6.25rem !important;
    }

    .pb-120 {
        padding-bottom: 7.5rem !important;
    }

    .pb-160 {
        padding-bottom: 10rem !important;
    }

    .pb-200 {
        padding-bottom: 12.5rem !important;
    }

    @media(min-width: 992px){
        .mt-lg-70 { margin-top: 4.375rem !important }
        .mt-lg-80 { margin-top: 5rem !important }
        .mt-lg-90 { margin-top: 5.625rem !important }
        .mt-lg-100 { margin-top: 6.25rem !important }
        .mt-lg-120 { margin-top: 7.5rem !important }
        .mt-lg-160 { margin-top: 10rem !important }

        .mb-lg-70 { margin-bottom: 4.375rem !important }
        .mb-lg-80 { margin-bottom: 5rem !important }
        .mb-lg-90 { margin-bottom: 5.625rem !important }
        .mb-lg-100 { margin-bottom: 6.25rem !important }
        .mb-lg-120 { margin-bottom: 7.5rem !important }
        .mb-lg-160 { margin-bottom: 10rem !important }
        .mb-lg--80 { margin-bottom: -5rem !important }
        .mb-lg--160 { margin-bottom: -10rem !important }

        .pt-lg-40 { padding-top: 2.5rem !important }
        .pt-lg-60 { padding-top: 3.375rem !important }
        .pt-lg-70 { padding-top: 4.375rem !important }
        .pt-lg-80 { padding-top: 5rem !important }
        .pt-lg-90 { padding-top: 5.625rem !important }
        .pt-lg-100 { padding-top: 6.25rem !important }
        .pt-lg-120 { padding-top: 7.5rem !important }
        .pt-lg-160 { padding-top: 10rem !important }
        .pt-lg-200 { padding-top: 12.5rem !important }
        .pt-lg-240 { padding-top: 15rem !important }

        .pb-lg-40 { padding-bottom: 2.5rem !important }
        .pb-lg-60 { padding-bottom: 3.375rem !important }
        .pb-lg-70 { padding-bottom: 4.375rem !important }
        .pb-lg-80 { padding-bottom: 5rem !important }
        .pb-lg-90 { padding-bottom: 5.625rem }
        .pb-lg-100 { padding-bottom: 6.25rem }
        .pb-lg-120 { padding-bottom: 7.5rem !important }
        .pb-lg-160 { padding-bottom: 10rem !important }
        .pb-lg-200 { padding-bottom: 12.5rem !important }
        .pb-lg-240 { padding-bottom: 15rem !important }
    }

    @media(min-width: 1200px){
        .mt-xl-70 {
            margin-top: 4.375rem !important;
        }

        .mt-xl-80 {
            margin-top: 5rem !important;
        }

        .mt-xl-90 {
            margin-top: 5.625rem !important;
        }

        .mt-xl-100 {
            margin-top: 6.25rem !important;
        }

        .mt-xl-120 {
            margin-top: 7.5rem !important;
        }

        .mt-xl-160 {
            margin-top: 10rem !important;
        }

        .mb-xl-70 {
            margin-bottom: 4.375rem !important;
        }

        .mb-xl-80 {
            margin-bottom: 5rem !important;
        }

        .mb-xl-90 {
            margin-bottom: 5.625rem !important;
        }

        .mb-xl-100 {
            margin-bottom: 6.25rem !important;
        }

        .mb-xl-120 {
            margin-bottom: 7.5rem !important;
        }

        .mb-xl-160 {
            margin-bottom: 10rem !important;
        }

        .mb-lg--80 {
            margin-bottom: -5rem !important;
        }

        .mb-xl--160 {
            margin-bottom: -10rem !important;
        }

        .pt-xl-70 {
            padding-top: 4.375rem !important;
        }

        .pt-xl-80 {
            padding-top: 5rem !important;
        }

        .pt-xl-90 {
            padding-top: 5.625rem !important;
        }

        .pt-xl-100 {
            padding-top: 6.25rem !important;
        }

        .pt-xl-120 {
            padding-top: 7.5rem !important;
        }

        .pt-xl-160 {
            padding-top: 10rem !important;
        }

        .pt-xl-240 {
            padding-top: 15rem !important;
        }

        .pb-xl-70 {
            padding-bottom: 4.375rem !important;
        }

        .pb-xl-80 {
            padding-bottom: 5rem !important;
        }

        .pb-xl-90 {
            padding-bottom: 5.625rem !important;
        }

        .pb-xl-100 {
            padding-bottom: 6.25rem !important;
        }

        .pb-xl-120 {
            padding-bottom: 7.5rem !important;
        }

        .pb-xl-160 {
            padding-bottom: 10rem !important;
        }

        .pb-xl-240 {
            padding-bottom: 15rem !important;
        }
    }

    /* Opacity */
    .opacity-100 {opacity: 1}
    .opacity-95 {opacity: .95}
    .opacity-90 {opacity: .9}
    .opacity-85 {opacity: .85}
    .opacity-80 {opacity: .8}
    .opacity-75 {opacity: .75}
    .opacity-70 {opacity: .70}
    .opacity-65 {opacity: .65}
    .opacity-60 {opacity: .60}
    .opacity-55 {opacity: .55}
    .opacity-50 {opacity: .5}
    .opacity-45 {opacity: .45}
    .opacity-40 {opacity: .4}
    .opacity-35 {opacity: .35}
    .opacity-30 {opacity: .3}
    .opacity-25 {opacity: .25}
    .opacity-20 {opacity: .2}
    .opacity-15 {opacity: .15}
    .opacity-10 {opacity: .1}
    .opacity-5 {opacity: .05}
    .opacity-0 {opacity: 0}

    /* Shadow */
    .shadow-1 {box-shadow: 0 2px 4px rgba(22,27,48,.5)}
    .shadow-2 {box-shadow: 0 6px 20px rgba(0,0,0,.1)}
    .shadow-3 {box-shadow: 0 20px 20px rgba(0,0,0,.1)}
    .shadow-4 {box-shadow: 0 6px 10px rgba(0,0,0,.1)}
    .shadow-5 {box-shadow: 0 1px 3px rgba(0,0,0,.5)}

    /* Images */
    .image-items-container {
        position: relative;
    }

    .image-item {
        position: relative;
    }

    .image-item.above-top-left {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .image-item.above-bottom-right {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 10;
    }

    .img-shadow {
        box-shadow: 0px 10px 20px rgba(82, 91, 95, 0.1);
    }

    .img-rounded {
        border-radius: 4px;
    }

    /* Video */
    .video-block {
        position: relative;
        position: relative;
        margin: auto;
        box-shadow: 0px 20px 40px rgba(82, 91, 95, 0.1);
        border-radius: 6px;
        overflow: hidden;
        max-width: 730px;
    }

    .video-block img {
        display: block;
        background: #fff;
        box-shadow: 0px 20px 40px rgba(82, 91, 95, 0.1);
        border-radius: 4px;
    }

    .video-block .btn-play {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px;
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
        box-shadow: 0px 6px 10px rgba(237, 106, 37, 0.274796);
        border-radius: 50%;
        color: #FBFCFD;
        line-height: 80px;
        text-align: center;
        z-index: 100;
    }

    .video-block .video-js .vjs-big-play-button {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin-top: -40px;
        margin-left: -40px;
        background: linear-gradient(360deg, #E1571C 0%, #FF8532 100%);
        box-shadow: 0px 6px 10px rgba(237, 106, 37, 0.274796);
        border-radius: 50%;
        color: #FBFCFD;
        line-height: 80px;
        text-align: center;
        z-index: 100;
        border: none;
    }

    .video-block .vjs-has-started .vjs-big-play-button {
        display: none;
    }

    /* z-index */
    .z-index-above {
        z-index: 100;
    }

    /* Border */
    [class*="border-"] {border:0}

    .border-0 {border:0}
    .border-1 {border:1px}
    .border-t-0 {border-top:0}
    .border-t-1 {border-top:1px}
    .border-b-0 {border-bottom:0}
    .border-b-1 {border-bottom:1px}
    .border-l-0 {border-left:0}
    .border-l-1 {border-left:1px}
    .border-r-0 {border-right:0}
    .border-r-1 {border-right:1px}

    @media(min-width: 576px){
        .border-sm-0 {border:0}
        .border-sm-1 {border:1px}
        .border-sm-t-0 {border-top:0}
        .border-sm-t-1 {border-top:1px}
        .border-sm-b-0 {border-bottom:0}
        .border-sm-b-1 {border-bottom:1px}
        .border-sm-l-0 {border-left:0}
        .border-sm-l-1 {border-left:1px}
        .border-sm-r-0 {border-right:0}
        .border-sm-r-1 {border-right:1px}
    }

    @media(min-width: 768px){
        .border-md-0 {border:0}
        .border-md-1 {border:1px}
        .border-md-t-0 {border-top:0}
        .border-md-t-1 {border-top:1px}
        .border-md-b-0 {border-bottom:0}
        .border-md-b-1 {border-bottom:1px}
        .border-md-l-0 {border-left:0}
        .border-md-l-1 {border-left:1px}
        .border-md-r-0 {border-right:0}
        .border-md-r-1 {border-right:1px}
    }

    @media(min-width: 992px){
        .border-lg-0 {border:0}
        .border-lg-1 {border:1px}
        .border-lg-t-0 {border-top:0}
        .border-lg-t-1 {border-top:1px}
        .border-lg-b-0 {border-bottom:0}
        .border-lg-b-1 {border-bottom:1px}
        .border-lg-l-0 {border-left:0}
        .border-lg-l-1 {border-left:1px}
        .border-lg-r-0 {border-right:0}
        .border-lg-r-1 {border-right:1px}
    }

    @media(min-width: 1200px){
        .border-xl-0 {border:0}
        .border-xl-1 {border:1px}
        .border-xl-t-0 {border-top:0}
        .border-xl-t-1 {border-top:1px}
        .border-xl-b-0 {border-bottom:0}
        .border-xl-b-1 {border-bottom:1px}
        .border-xl-l-0 {border-left:0}
        .border-xl-l-1 {border-left:1px}
    }

    [class*="border-"] {border-style:solid;border-color:#cfd0d1}

    .border-gray {
        border-color: #E4E4E4;
    }

    /* Position spaces */
    .top-0 {top: 0}
    .top-auto {top: auto}
    .bottom-0 {bottom: 0}
    .bottom-auto {bottom: auto}
    .left-0 {left: 0}
    .left-100 {left: 100%}
    .left-auto {left: auto}
    .right-0 {right: 0}
    .right-100 {right: 100%}
    .right-auto {right: auto}

    /* Other */
    @media(min-width: 1025px){
        .fullscreen-element {
            height: 100vh;
        }
    }

    /* Width */
    .w--60 {width: 60px}
    .w--75 {width: 75px}
    .w--160 {width: 160px}
    .w--225 {width: 225px}
    .mw-40px {max-width: 40px!important}
    .mw-50px {max-width: 50px!important}

    @media(min-width: 992px){
        .mw-lg-40px {max-width: 40px}
        .mw-lg-50px {max-width: 50px}
        .mw-lg-100 {max-width: 100%}
    }

    /* Height */
    .h--160 {height: 160px}
    .h--225 {height: 225px}
    .minh-300px {min-height: 300px}

    @media(min-width: 992px){
        .minh-lg-55px {min-height: 55px}
        .minh-lg-500px {min-height: 500px}
        .minh-lg-900px {min-height: 900px}
    }

    /*------------------------------------------------------------------
    [21. Responsive utilities]
    */
    body.mobile {
        -webkit-text-size-adjust: none;
    }

    @media (min-width: 768px){
        .reason__icon svg {
            height: 5.625rem;
            width: 5.625rem;
        }
    }

    @media screen and (min-width:1200px){

        .bg-xl-transparent {
            background: transparent !important
        }

    }
}