html {
    -webkit-font-smoothing: antialiased
}

body {
    position: relative;
    overflow-x: hidden;
    letter-spacing: 0.04em
}

    body::-webkit-scrollbar-track {
        background: #ddd
    }

    body::-webkit-scrollbar {
        width: 6px;
        background: #ddd
    }

    body::-webkit-scrollbar-thumb {
        background: #C3AC6D
    }

    body.disable-hover {
        pointer-events: none
    }

p {
    margin-bottom: 2rem
}

a {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    outline: none
}

hr {
    border-color: #eee;
    display: inline-block;
    width: 100%
}

button,
input,
optgroup,
select,
textarea {
    font-family: "Source Sans Pro", "Montserrat", Arial, "Helvetica Neue", sans-serif
}

.wp-caption,
.sp-widget-block img,
.sp-blog-block img {
    max-width: 100%;
    height: auto
}

button,
input,
select,
textarea {
    max-width: 100%
}

#sp-wrapper {
    background: #fff;
    position: relative;
    z-index: 10
}

.form-control {
    letter-spacing: 0.04em
}

.sp-marg30 {
    margin-top: 30px
}

.sp-marg50 {
    margin-top: 50px
}

@media (max-width: 767px) {
    .text-right {
        text-align: center !important
    }

    .text-left {
        text-align: center !important
    }

    [class*='col-'] {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .sp-marg30,
    .sp-marg50 {
        margin-top: 30px
    }
}

.sp-section {
    position: relative;
    z-index: 992;
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #fff
}

    .sp-section.demo .container {
        width: 1500px
    }

    .sp-section.demo .row {
        margin-left: -20px;
        margin-right: -20px
    }

    .sp-section.demo [class*='col-'] {
        padding-left: 20px;
        padding-right: 20px
    }

    .sp-section.pt0 {
        padding-top: 0px
    }

    .sp-section.pb0 {
        padding-bottom: 0px
    }

    .sp-section.none {
        padding: 0
    }

    .sp-section.border {
        border-top: 1px solid #eee
    }

    .sp-section.white {
        color: #fff
    }

        .sp-section.white h1,
        .sp-section.white h2,
        .sp-section.white h3,
        .sp-section.white h4,
        .sp-section.white h5,
        .sp-section.white h6 {
            color: #fff
        }

    .sp-section.little {
        padding-top: 80px;
        padding-bottom: 80px
    }

@media (max-width: 767px) {
    .sp-section.little {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.sp-section.bg-color-light {
    background: #f5f5f5;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.sp-section.bg-color-dark {
    background: #333;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    color: #fff
}

.sp-section img {
    max-width: 100%
}

@media (max-width: 767px) {
    .sp-section {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center
    }
}

.sp-title-block {
    width: 100%;
    margin-bottom: 2rem;
    text-transform: capitalize
}

    .sp-title-block.line h3 {
        margin-bottom: 1.4rem
    }

    .sp-title-block.line span {
        margin-bottom: 1.4rem;
        display: block
    }

    .sp-title-block.line:after {
        content: '';
        height: 25px;
        width: 2px;
        background: #C3AC6D;
        display: inline-block;
        text-align: center
    }

.sp-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
}

.jarallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.sp-btn-container.align_center {
    text-align: center
}

.sp-btn-container.align_left {
    text-align: left
}

.sp-btn-container.align_right {
    text-align: right
}

.typed-cursor {
    -webkit-animation: typed-blink 0.7s infinite;
    animation: typed-blink 0.7s infinite;
    opacity: 1;
    display: inline-block
}

@-webkit-keyframes typed-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes typed-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.row {
    max-width: none !important
}

.btn {
    cursor: pointer
}

.btn-lg {
    font-size: 15px;
    font-weight: 400
}

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

.form-control:-webkit-autofill {
    -webkit-transition: none;
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

.carousel-indicators {
    margin-bottom: 2rem
}

    .carousel-indicators li {
        border-radius: 50%;
        background-color: #fff;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s
    }

        .carousel-indicators li:hover,
        .carousel-indicators li.active {
            background-color: #C3AC6D
        }

.carousel-fade .carousel-inner .carousel-item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1
}

    .carousel-fade .carousel-inner .carousel-item-next,
    .carousel-fade .carousel-inner .carousel-item-prev,
    .carousel-fade .carousel-inner .active.carousel-item-left,
    .carousel-fade .carousel-inner .active.carousel-item-right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

.progress {
    background-color: #ddd;
    border-radius: 0
}

    .progress .progress-bar {
        background-color: #222;
        height: 5px
    }

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
    border-radius: 0
}

.input-group .font-size,
.input-group .input-group-addon,
.input-group .input-group-btn {
    z-index: 10
}

#sp-preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15000;
    background: #fff
}

    #sp-preloader:after {
        content: '';
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px
    }

    #sp-preloader:after {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: inline-block;
        background: #C3AC6D;
        -webkit-animation: 1.15s infinite ease-in-out;
        animation: 1.15s infinite ease-in-out;
        -webkit-animation-name: sp-site-loader;
        animation-name: sp-site-loader
    }

        #sp-preloader:after:before,
        #sp-preloader:after:after {
            -webkit-animation: 1.15s infinite ease-in-out;
            animation: 1.15s infinite ease-in-out;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0
        }

@-webkit-keyframes sp-site-loader {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes sp-site-loader {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.sp-scroll-top {
    position: fixed;
    padding: 10px;
    text-align: center;
    right: 30px;
    bottom: 30px;
    color: #fff;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
    z-index: 1000;
    border-radius: 20px;
    background-color: #C3AC6D;
    opacity: 0;
    line-height: 1;
    visibility: hidden
}

    .sp-scroll-top.scroll-top-visible {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible
    }

    .sp-scroll-top > i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        color: #fff;
        display: inline-block;
        opacity: 1;
        font-size: 20px;
        vertical-align: middle
    }

    .sp-scroll-top > .anno-text {
        padding-left: 10px;
        padding-right: 5px;
        white-space: nowrap;
        display: none;
        font-size: 14px;
        text-transform: uppercase;
        vertical-align: middle
    }

    .sp-scroll-top:hover {
        background: #222;
        color: #fff
    }

.sp-pagination {
    text-align: center;
    font-size: 0
}

    .sp-pagination ul {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none
    }

        .sp-pagination ul li {
            font-weight: bold;
            display: inline
        }

            .sp-pagination ul li a {
                display: inline-block;
                font-size: 18px;
                padding: 10px 25px;
                color: #333
            }

            .sp-pagination ul li.current a,
            .sp-pagination ul li:hover a {
                color: #C3AC6D
            }

@media (max-width: 767px) {
    .sp-pagination {
        margin-top: 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

    .slick-slider:hover .slick-arrow.circle.slick-next {
        right: 15px;
        opacity: 1
    }

    .slick-slider:hover .slick-arrow.circle.slick-prev {
        left: 15px;
        opacity: 1
    }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.6;
    color: inherit;
    border: 0;
    outline: none !important;
    background: transparent;
    -webkit-appearance: none;
    font-size: 0;
    display: inline-block;
    padding: 0;
    line-height: 1;
    z-index: 100
}

    .slick-arrow:hover {
        opacity: 1
    }

    .slick-arrow:before {
        font-family: "sp-theme-icons";
        content: "\f3d2";
        font-size: 40px
    }

    .slick-arrow.slick-next {
        left: auto;
        right: 0
    }

        .slick-arrow.slick-next:before {
            content: '\f3d3'
        }

    .slick-arrow.slick-disabled {
        opacity: 0.2;
        pointer-events: none
    }

    .slick-arrow.circle {
        font-size: 18px;
        background: #fff;
        cursor: pointer;
        position: absolute;
        top: 50%;
        text-align: center;
        margin-top: -18px;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        text-decoration: none;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        line-height: 36px
    }

        .slick-arrow.circle:before {
            content: none
        }

        .slick-arrow.circle > i {
            position: relative;
            color: #333
        }

        .slick-arrow.circle:hover {
            background: #C3AC6D
        }

            .slick-arrow.circle:hover i {
                color: #fff
            }

        .slick-arrow.circle.slick-next {
            right: 0;
            opacity: 0
        }

        .slick-arrow.circle.slick-prev {
            left: 0;
            opacity: 0
        }

.slick-dots {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    margin-top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 150;
    line-height: 1;
    font-size: 0
}

    .slick-dots > li {
        display: inline-block
    }

    .slick-dots button {
        color: transparent;
        text-indent: -9999px;
        -webkit-appearance: none;
        display: inline-block;
        height: 1em;
        width: 1em;
        margin-right: .4em;
        margin-left: .4em;
        padding: 0;
        border: 0;
        outline: none !important;
        border-radius: 50%;
        background: #ddd;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
        font-size: 0.9375rem
    }

    .slick-dots > li:hover button,
    .slick-dots > li.slick-active button {
        background-color: #C3AC6D
    }

.slick-dots-inside .slick-dots {
    position: absolute;
    bottom: 2.625rem;
    margin-top: 0
}

    .slick-dots-inside .slick-dots button {
        background: #fff;
        font-size: 1rem
    }

#sp-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050;
    background: transparent;
    color: #fff;
    padding: 20px 30px;
    border-bottom: 1px solid transparent
}

#sp-header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #sp-header-inner > .brand-logo {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: inherit;
        font-size: 2.1rem;
        margin-right: auto;
        min-width: 0;
        line-height: 1
    }

        #sp-header-inner > .brand-logo > h1 {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: inherit;
            color: inherit
        }

            #sp-header-inner > .brand-logo > h1 > span {
                color: #C3AC6D
            }

        #sp-header-inner > .brand-logo img {
            max-width: 100%;
            height: auto
        }

            #sp-header-inner > .brand-logo img.logo-dark {
                display: none
            }

    #sp-header-inner > .header-extras {
        font-size: 0;
        line-height: 1;
        margin-left: 30px;
        margin-right: -10px;
        border-left: 1px solid currentColor;
        padding-left: 20px
    }

        #sp-header-inner > .header-extras > * {
            vertical-align: middle
        }

        #sp-header-inner > .header-extras > a {
            padding: 5px 10px;
            color: inherit;
            display: inline-block
        }

            #sp-header-inner > .header-extras > a > i {
                font-size: 22px
            }

            #sp-header-inner > .header-extras > a:hover {
                opacity: 0.6
            }

        #sp-header-inner > .header-extras > .v-separator {
            display: inline-block;
            width: 1px;
            height: 22px;
            background: currentColor;
            margin: 0 30px
        }

#sp-primary-nav {
    text-align: right;
    line-height: 1
}

    #sp-primary-nav > .nav_menu {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        margin: 0 -17px;
        font-size: 0
    }

        #sp-primary-nav > .nav_menu::after {
            display: block;
            content: "";
            clear: both
        }

        #sp-primary-nav > .nav_menu > li {
            position: relative;
            display: inline-block
        }

            #sp-primary-nav > .nav_menu > li > a {
                display: inline-block;
                font-size: 16px;
                white-space: nowrap;
                padding: 15px 17px;
                font-weight: 400;
                color: inherit;
                text-transform: uppercase;
                -webkit-transition-property: opacity, color, background;
                transition-property: opacity, color, background
            }

            #sp-primary-nav > .nav_menu > li.menu-item-has-children > a:after {
                padding-left: 7px;
                content: '\e821';
                font-size: 14px;
                font-family: "sp-theme-icons"
            }

            #sp-primary-nav > .nav_menu > li:hover > a {
                opacity: 0.6
            }

            #sp-primary-nav > .nav_menu > li.menu-item-has-children:hover > a {
                opacity: 1;
                background: #fff;
                color: #333
            }

        #sp-primary-nav > .nav_menu .sub-menu {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none;
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
            -webkit-transition: opacity 0.25s, visibility 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.25s, visibility 0.35s, -webkit-transform 0.35s;
            transition: transform 0.35s, opacity 0.25s, visibility 0.35s;
            transition: transform 0.35s, opacity 0.25s, visibility 0.35s, -webkit-transform 0.35s;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 100%;
            left: 0;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            background: #fff;
            text-align: left
        }

            #sp-primary-nav > .nav_menu .sub-menu.invert-attach-point {
                left: auto;
                right: 0
            }

            #sp-primary-nav > .nav_menu .sub-menu > li {
                display: inline-block;
                position: relative
            }

                #sp-primary-nav > .nav_menu .sub-menu > li > a {
                    position: relative;
                    display: inline-block;
                    padding: 10px 20px;
                    font-size: 15px;
                    color: #333;
                    width: 220px;
                    line-height: 1.75;
                    white-space: normal;
                    -webkit-transition-property: background;
                    transition-property: background;
                    text-transform: capitalize;
                    border-top: 1px solid #eee
                }

                #sp-primary-nav > .nav_menu .sub-menu > li.menu-item-has-children > a:after {
                    right: 20px;
                    position: absolute;
                    padding-left: 7px;
                    content: '\e81f';
                    font-size: 14px;
                    font-family: "sp-theme-icons"
                }

                #sp-primary-nav > .nav_menu .sub-menu > li:hover > a {
                    background: #f5f5f5
                }

            #sp-primary-nav > .nav_menu .sub-menu .sub-menu {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
                left: 100%;
                top: 0
            }

                #sp-primary-nav > .nav_menu .sub-menu .sub-menu.invert-attach-point {
                    -webkit-transform: translate3d(10px, 0, 0);
                    transform: translate3d(10px, 0, 0);
                    right: 100%;
                    left: auto
                }

        #sp-primary-nav > .nav_menu > li.sp-mega-menu > ul {
            border-top: 1px solid #eee
        }

            #sp-primary-nav > .nav_menu > li.sp-mega-menu > ul > li > a {
                width: 200px;
                border-top: 0;
                border-bottom: 1px solid #eee;
                border-right: 1px solid #eee
            }

        #sp-primary-nav > .nav_menu > li.sp-mega-menu.mega-2-columns > ul {
            -webkit-columns: 2;
            columns: 2
        }

        #sp-primary-nav > .nav_menu > li.sp-mega-menu.mega-3-columns > ul {
            -webkit-columns: 3;
            columns: 3
        }

        #sp-primary-nav > .nav_menu li.menu-item-has-children:hover > .sub-menu {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible
        }

#sp-mobile-nav-bg,
#sp-mobile-nav-container {
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden
}

#sp-mobile-nav-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1030;
    background: rgba(0, 0, 0, 0.85)
}

#sp-mobile-nav-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1040;
    border-top: 0 solid transparent;
    border-bottom: 25px solid transparent;
    overflow: hidden
}

    #sp-mobile-nav-container > .overlay-inner-wrap {
        position: absolute;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 50%;
        margin-left: -200px;
        width: 400px;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: center
    }

#sp-primary-nav #sp-mobile-nav-trigger {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
    z-index: 1040;
    margin: 15px 0;
    width: 1.5em;
    height: 1em;
    color: inherit;
    -webkit-transition: none;
    transition: none
}

    #sp-primary-nav #sp-mobile-nav-trigger > span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: currentColor;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all .3s ease-in-out, color 0.25s;
        transition: all .3s ease-in-out, color 0.25s
    }

        #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(1) {
            top: 0
        }

        #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(2),
        #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(3) {
            top: 50%;
            margin-top: -1px
        }

        #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(4) {
            bottom: 0
        }

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(1) {
    top: 50%;
    width: 0;
    left: 50%
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(4) {
    bottom: 50%;
    width: 0;
    left: 50%
}

#sp-mobile-nav-container .sp-soc-icons {
    margin-top: 15px;
    font-size: 0;
    opacity: 0
}

    #sp-mobile-nav-container .sp-soc-icons > a {
        display: inline-block;
        color: #C3AC6D;
        padding: 0 15px;
        opacity: 1;
        font-size: 23px
    }

        #sp-mobile-nav-container .sp-soc-icons > a:hover {
            color: #fff
        }

#sp-mobile-nav-container .nav_menu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none
}

    #sp-mobile-nav-container .nav_menu li > a.sub-active {
        color: #C3AC6D
    }

    #sp-mobile-nav-container .nav_menu li.menu-item-has-children > a {
        position: relative
    }

        #sp-mobile-nav-container .nav_menu li.menu-item-has-children > a:after {
            content: '\f3d0';
            font-family: "sp-theme-icons";
            margin-left: 5px;
            font-size: 12px;
            position: absolute;
            top: 50%;
            margin-top: 2px;
            line-height: 1;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    #sp-mobile-nav-container .nav_menu > li {
        position: relative;
        opacity: 0
    }

        #sp-mobile-nav-container .nav_menu > li > a {
            font-size: 20px;
            line-height: 35px;
            text-transform: uppercase;
            margin-bottom: 15px;
            display: block;
            color: #fff;
            font-weight: 400
        }

            #sp-mobile-nav-container .nav_menu > li > a:hover {
                color: #C3AC6D
            }

    #sp-mobile-nav-container .nav_menu .sub-menu {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        padding: 0 0 15px;
        display: none
    }

        #sp-mobile-nav-container .nav_menu .sub-menu a {
            font-size: 16px;
            font-weight: 400;
            text-align: center;
            margin-bottom: 10px;
            color: #fff;
            text-transform: none;
            display: block
        }

            #sp-mobile-nav-container .nav_menu .sub-menu a:hover {
                color: #C3AC6D
            }

        #sp-mobile-nav-container .nav_menu .sub-menu .sub-menu {
            padding-top: 5px
        }

html.sp-active-burger-menu,
html.sp-active-burger-menu > body {
    position: relative;
    height: 100%;
    overflow: hidden
}

    html.sp-active-burger-menu #sp-mobile-nav-bg,
    html.sp-active-burger-menu #sp-mobile-nav-container {
        opacity: 1;
        visibility: visible
    }

        html.sp-active-burger-menu #sp-mobile-nav-container .nav_menu > li,
        html.sp-active-burger-menu #sp-mobile-nav-container .sp-soc-icons {
            -webkit-animation: sp-menu-effect 0.4s linear forwards;
            animation: sp-menu-effect 0.4s linear forwards
        }

    html.sp-active-burger-menu #sp-header.header-stuck .brand-logo .logo-dark {
        display: none
    }

    html.sp-active-burger-menu #sp-header.header-stuck .brand-logo .logo-white {
        display: block
    }

@-webkit-keyframes sp-menu-effect {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sp-menu-effect {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#sp-search-block-container {
    margin: 0;
    padding: 0;
    border: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.85);
    visibility: hidden;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    z-index: 10000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #sp-search-block-container > .search-block-inner {
        padding: 0 30px;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        width: 600px;
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
        transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
        text-align: center;
        opacity: 0
    }

        #sp-search-block-container > .search-block-inner > form {
            position: relative
        }

    #sp-search-block-container .search-input {
        position: relative;
        z-index: 10005;
        -webkit-appearance: none;
        background: transparent;
        padding: 15px 45px 15px 0;
        border: none;
        font-size: 30px;
        width: 100%;
        border-bottom: 1px solid #fff;
        outline: none;
        color: #fff
    }

        #sp-search-block-container .search-input::-webkit-input-placeholder {
            color: #fff
        }

        #sp-search-block-container .search-input::-moz-placeholder {
            color: #fff
        }

        #sp-search-block-container .search-input:-moz-placeholder {
            color: #fff
        }

        #sp-search-block-container .search-input:-ms-input-placeholder {
            color: #fff
        }

    #sp-search-block-container .search-btn {
        -webkit-appearance: none;
        border: none;
        background: transparent;
        outline: 0;
        cursor: pointer;
        font-size: 35px;
        color: #fff;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
        opacity: 0.85;
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 45px;
        text-align: right;
        z-index: 10010
    }

        #sp-search-block-container .search-btn:hover {
            opacity: 1
        }

    #sp-search-block-container .close-search {
        position: absolute;
        top: 10px;
        right: 30px;
        line-height: 1;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s
    }

        #sp-search-block-container .close-search i {
            font-size: 70px;
            color: #fff
        }

        #sp-search-block-container .close-search:hover {
            opacity: 0.6
        }

    #sp-search-block-container.open {
        opacity: 1;
        visibility: visible
    }

        #sp-search-block-container.open > .search-block-inner {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

#sp-header {
    position: fixed;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear
}

    #sp-header a {
        -webkit-transition-duration: 0.25s;
        transition-duration: 0.25s
    }

body.admin-bar #sp-header {
    top: 32px
}

@media (max-width: 782px) {
    body.admin-bar #sp-header {
        top: 46px
    }
}

#sp-header.header-stuck {
    position: fixed;
    padding-top: 15px;
    padding-bottom: 15px
}

    #sp-header.header-stuck .brand-logo {
        font-size: 2rem
    }

        #sp-header.header-stuck .brand-logo .logo-dark {
            display: block
        }

        #sp-header.header-stuck .brand-logo .logo-white {
            display: none
        }

#sp-header.stuck-slidein {
    position: absolute;
    -webkit-transition: none;
    transition: none
}

    #sp-header.stuck-slidein:not(.header-stuck) {
        top: 0
    }

    #sp-header.stuck-slidein.header-stuck {
        position: fixed;
        -webkit-animation: sp-header-stuck-slidein 500ms 1 forwards;
        animation: sp-header-stuck-slidein 500ms 1 forwards
    }

@-webkit-keyframes sp-header-stuck-slidein {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes sp-header-stuck-slidein {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

body:not(.sp-active-burger-menu) #sp-header.header-stuck {
    background: #fff;
    border-bottom-color: #eee;
    color: #333;
    -webkit-box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.1)
}

@media (max-width: 1199px) {
    #sp-primary-nav > .nav_menu {
        display: none
    }
}

@media (min-width: 1200px) {
    #sp-primary-nav > #sp-mobile-nav-trigger {
        display: none
    }
}

@media (max-width: 575px) {
    #sp-header {
        padding: 10px 15px !important
    }

    #sp-header-inner > .brand-logo {
        font-size: 1.6rem !important;
        padding-right: 30px
    }

    #sp-header-inner > .header-extras {
        display: none
    }
}

#sp-footer-sizing-helper {
    display: none
}

#sp-footer {
    background: #222;
    width: 100%
}

    #sp-footer.sp-footer-fixed {
        position: fixed;
        bottom: 0;
        left: 0
    }

        #sp-footer.sp-footer-fixed + #sp-footer-sizing-helper {
            display: block
        }

    #sp-footer .container {
        padding-left: 25px;
        padding-right: 25px
    }

        #sp-footer .container .row {
            margin-left: -25px;
            margin-right: -25px
        }

            #sp-footer .container .row [class*='col-'] {
                padding-left: 25px;
                padding-right: 25px
            }

@media (max-width: 767px) {
    #sp-footer .container .row [class*='col-'] {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

#sp-footer > .sp-main-footer {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #333;
    color: #fff
}

@media (max-width: 767px) {
    #sp-footer > .sp-main-footer {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center
    }
}

#sp-footer > .sp-main-footer .title-block h4 {
    color: #fff
}

#sp-footer > .sp-main-footer .soclink-block ul {
    padding: 0px;
    margin-top: 2rem;
    margin-bottom: 0
}

    #sp-footer > .sp-main-footer .soclink-block ul li {
        display: inline-block;
        list-style: none;
        padding-right: 20px
    }

        #sp-footer > .sp-main-footer .soclink-block ul li a {
            color: #C3AC6D;
            border-radius: 50%;
            font-size: 23px;
            display: inline-block;
            text-align: center;
            -webkit-transition: all .3s linear;
            transition: all .3s linear
        }

            #sp-footer > .sp-main-footer .soclink-block ul li a:hover {
                color: #fff;
                -webkit-transition: all .3s linear;
                transition: all .3s linear
            }

#sp-footer > .sp-main-footer .twitter-block ul {
    padding-left: 50px;
    margin: 0
}

    #sp-footer > .sp-main-footer .twitter-block ul li {
        list-style: none;
        padding-bottom: 1.3rem
    }

        #sp-footer > .sp-main-footer .twitter-block ul li:last-child {
            padding-bottom: 0
        }

        #sp-footer > .sp-main-footer .twitter-block ul li:before {
            content: '\f242';
            font-family: 'sp-theme-icons';
            color: #c3ac6d;
            font-size: 30px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            top: 5px;
            display: inline-block;
            position: relative;
            margin-right: 22px;
            line-height: 1;
            height: 100%;
            margin-left: -50px
        }

#sp-footer > .sp-main-footer .instagram-block {
    margin-left: -5px
}

    #sp-footer > .sp-main-footer .instagram-block ul {
        padding: 0;
        margin: 0
    }

        #sp-footer > .sp-main-footer .instagram-block ul li {
            list-style: none;
            float: left;
            width: 25%
        }

            #sp-footer > .sp-main-footer .instagram-block ul li a {
                width: 75px;
                height: 75px;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover
            }

    #sp-footer > .sp-main-footer .instagram-block a {
        display: inline-block;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }

        #sp-footer > .sp-main-footer .instagram-block a:hover {
            opacity: 0.6
        }

#sp-footer > .sp-end-footer {
    position: relative;
    padding: 25px 0;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1
}

    #sp-footer > .sp-end-footer > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #sp-footer > .sp-end-footer a {
        color: #fff
    }

        #sp-footer > .sp-end-footer a:hover {
            color: #C3AC6D
        }

    #sp-footer > .sp-end-footer .menu-block {
        margin-left: auto
    }

        #sp-footer > .sp-end-footer .menu-block ul {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none
        }

            #sp-footer > .sp-end-footer .menu-block ul li {
                display: inline
            }

                #sp-footer > .sp-end-footer .menu-block ul li:after {
                    content: '|';
                    padding: 0 10px
                }

                #sp-footer > .sp-end-footer .menu-block ul li:last-child:after {
                    display: none
                }

@media (max-width: 991px) {
    #sp-footer > .sp-end-footer {
        text-align: center
    }

        #sp-footer > .sp-end-footer > .container {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        #sp-footer > .sp-end-footer .end-footer-block {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

            #sp-footer > .sp-end-footer .end-footer-block + .end-footer-block {
                padding-top: 20px
            }
}

.sp-intro {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .sp-intro .intro-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 10
    }

        .sp-intro .intro-bg:before {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background: #000;*/
            background: #c20322;
            opacity: 0.55;
            content: '';
            z-index: 15
        }

        .sp-intro .intro-bg.no-overlay:before {
            display: none
        }

        .sp-intro .intro-bg > img {
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover;";
            width: 100%;
            height: 100%
        }

    .sp-intro .intro-dotted-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/dotted-bg-pattern.png");
        z-index: 17
    }

    .sp-intro .intro-body {
        position: relative;
        z-index: 20;
        padding: 50px 25px
    }

@media (max-width: 575px) {
    .sp-intro .intro-body {
        padding: 50px 15px
    }
}

.sp-intro .intro-body h1,
.sp-intro .intro-body h2,
.sp-intro .intro-body h3,
.sp-intro .intro-body h4,
.sp-intro .intro-body h5,
.sp-intro .intro-body h6,
.sp-intro .intro-body p,
.sp-intro .intro-body a {
    color: #fff
}

.sp-intro .intro-body .btn-white {
    color: #333
}

.sp-intro .intro-body .btn-border {
    border: 2px solid #fff
}

    .sp-intro .intro-body .btn-border:hover {
        color: #333
    }

.sp-intro .intro-body .list-inline {
    margin: 0 -10px -20px
}

    .sp-intro .intro-body .list-inline li {
        display: inline-block;
        margin: 0 10px 20px
    }

.sp-intro .intro-body p {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

    .sp-intro .intro-body p:last-child {
        margin-bottom: 0
    }

.sp-intro .intro-body .btn {
    text-shadow: none;
    border-radius: 30px;
    padding: 8px 22px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.sp-intro .intro-body .sp-intro-image-icon {
    margin-bottom: 2.5rem
}

.sp-intro .intro-body .icon-big {
    font-size: 90px;
    line-height: 90px
}

.sp-intro.fullscreen {
    height: 100vh;
    min-height: 450px
}

    .sp-intro.fullscreen .intro-body {
        padding: 75px 25px 75px 25px
    }

.sp-intro.kenburns .intro-bg {
    -webkit-animation: sp-intro-kenburns 30s;
    animation: sp-intro-kenburns 30s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.sp-intro:not(.fullscreen):first-child {
    padding-top: 50px
}

@-webkit-keyframes sp-intro-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@keyframes sp-intro-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

.sp-intro .intro-title {
    line-height: 1;
    font-family: "Montserrat", "Source Sans Pro", Arial, "Helvetica Neue", sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 2.5rem
}

    .sp-intro .intro-title:last-child {
        margin-bottom: 0
    }

    .sp-intro .intro-title.intro-title-1 {
        font-size: 4.3rem
    }

    .sp-intro .intro-title.intro-title-2 {
        font-size: 2.15rem
    }

    .sp-intro .intro-title.intro-title-3 {
        font-size: 1.43333rem
    }

    .sp-intro .intro-title.intro-title-4 {
        font-size: 1.075rem
    }

    .sp-intro .intro-title.intro-title-5 {
        font-size: .86rem
    }

    .sp-intro .intro-title.intro-title-6 {
        font-size: .71667rem
    }

@media (max-width: 767px) {
    .sp-intro .intro-title.intro-title-1 {
        font-size: 3.2rem
    }

    .sp-intro .intro-title.intro-title-2 {
        font-size: 1.6rem
    }

    .sp-intro .intro-title.intro-title-3 {
        font-size: 1.06667rem
    }

    .sp-intro .intro-title.intro-title-4 {
        font-size: .8rem
    }

    .sp-intro .intro-title.intro-title-5 {
        font-size: .64rem
    }

    .sp-intro .intro-title.intro-title-6 {
        font-size: .53333rem
    }
}

@media (max-width: 575px) {
    .sp-intro .intro-title.intro-title-1 {
        font-size: 3rem
    }

    .sp-intro .intro-title.intro-title-2 {
        font-size: 1.5rem
    }

    .sp-intro .intro-title.intro-title-3 {
        font-size: 1rem
    }

    .sp-intro .intro-title.intro-title-4 {
        font-size: .75rem
    }

    .sp-intro .intro-title.intro-title-5 {
        font-size: .6rem
    }

    .sp-intro .intro-title.intro-title-6 {
        font-size: .5rem
    }
}

.sp-intro .intro-regular-text {
    line-height: 1.75;
    text-transform: inherit;
    margin-bottom: 2.5rem
}

.sp-intro .sp-scroll-down-cta {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 30px;
    margin-top: 2rem
}

    .sp-intro .sp-scroll-down-cta i {
        font-size: 40px;
        line-height: 1
    }

    .sp-intro .sp-scroll-down-cta > span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-animation: sp-scrolldown-arrow 2.5s infinite;
        animation: sp-scrolldown-arrow 2.5s infinite
    }

@media (max-width: 575px) {
    .sp-intro .sp-scroll-down-cta {
        margin-top: 1rem
    }
}

@-webkit-keyframes sp-scrolldown-arrow {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
        opacity: 0
    }
}

@keyframes sp-scrolldown-arrow {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0, 30px);
        transform: translate(0, 30px);
        opacity: 0
    }
}

.sp-intro.sp-intro-image {
    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
}

.sp-intro.sp-intro-carousel .slider-item {
    position: relative;
    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
}

.sp-intro.sp-intro-carousel.fullscreen .slider-item {
    height: 100vh;
    min-height: 450px
}

.sp-intro.sp-intro-carousel .slick-arrow {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s
}

@media (max-width: 991px) {
    .sp-intro.sp-intro-carousel .slick-arrow {
        display: none !important
    }
}

@media (max-width: 767px) {
    .sp-intro.sp-intro-carousel .slick-dots {
        display: none !important
    }
}

.sp-intro.sp-intro-video {
    position: relative;
    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
}

    .sp-intro.sp-intro-video > .intro-body {
        z-index: 30
    }

    .sp-intro.sp-intro-video > .video-container,
    .sp-intro.sp-intro-video > .video-container:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .sp-intro.sp-intro-video > .video-container:after {
            background: #000;
            opacity: 0.5;
            content: '';
            z-index: 15
        }

        .sp-intro.sp-intro-video > .video-container > .video-placeholder {
            -o-object-fit: cover;
            object-fit: cover;
            font-family: "object-fit: cover;";
            width: 100%;
            height: 100%;
            position: relative;
            z-index: 10
        }

        .sp-intro.sp-intro-video > .video-container > .video-controls {
            position: absolute;
            bottom: 25px;
            right: 30px;
            margin: 0 -10px;
            line-height: 1;
            z-index: 20;
            display: none
        }

            .sp-intro.sp-intro-video > .video-container > .video-controls > a {
                display: inline-block;
                min-width: 46px;
                color: inherit;
                opacity: 0.5;
                font-size: 28px;
                padding: 5px 10px
            }

                .sp-intro.sp-intro-video > .video-container > .video-controls > a:hover {
                    opacity: 1
                }

@media (max-width: 767px) {
    .sp-intro.sp-intro-video > .video-container > .video-controls {
        display: none
    }
}

#sp-about p {
    margin-bottom: 0px
}

span.sp-signature {
    width: 100%;
    font-size: 23px;
    display: block;
    margin-top: 20px;
    font-family: 'Shadows Into Light', cursive;
    font-style: italic;
    letter-spacing: 2px;
    -webkit-transform: rotate(-3deg) !important;
    transform: rotate(-3deg) !important
}

.sp-services-container {
    margin-bottom: -50px
}

    .sp-services-container .sp-services-block {
        margin-bottom: 50px
    }

@media (max-width: 767px) {
    .sp-services-container {
        margin-bottom: -30px
    }

        .sp-services-container .sp-services-block {
            margin-bottom: 30px
        }
}

.sp-services-block .icon {
    font-size: 65px;
    margin-bottom: 1rem;
    color: #111
}

.sp-services-block .title h4 {
    font-size: 19px;
    margin-bottom: 1rem
}

.sp-services-block .text {
    margin-bottom: 0
}

.sp-team-block {
    margin-top: 10px
}

    .sp-team-block .image {
        position: relative;
        margin-bottom: 1rem
    }

        .sp-team-block .image:before {
            content: '';
            background: rgba(0, 0, 0, 0.15);
            left: 0;
            top: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 4px;
            -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear
        }

        .sp-team-block .image img {
            max-width: 100%;
            border-radius: 4px
        }

        .sp-team-block .image .soc-links {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%
        }

            .sp-team-block .image .soc-links ul {
                display: inline-block;
                text-align: center;
                padding: 0;
                margin: 0
            }

                .sp-team-block .image .soc-links ul li {
                    float: left;
                    opacity: 0;
                    visibility: hidden;
                    list-style: none;
                    margin: 0 10px;
                    text-align: center;
                    font-size: 25px;
                    -webkit-transition: all 0.25s linear;
                    transition: all 0.25s linear;
                    -webkit-transform: translate3d(0, 20px, 0);
                    transform: translate3d(0, 20px, 0);
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s
                }

                    .sp-team-block .image .soc-links ul li a {
                        color: #fff
                    }

                        .sp-team-block .image .soc-links ul li a:hover {
                            opacity: 0.75
                        }

    .sp-team-block .title h4 {
        font-size: 21px;
        margin-bottom: 0.5rem
    }

    .sp-team-block .type {
        color: #999
    }

    .sp-team-block:hover .image ul li {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, -webkit-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
        transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s
    }

        .sp-team-block:hover .image ul li:first-child {
            -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s
        }

        .sp-team-block:hover .image ul li:nth-child(2) {
            -webkit-transition-delay: 0.20s;
            transition-delay: 0.20s
        }

        .sp-team-block:hover .image ul li:nth-child(3) {
            -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s
        }

        .sp-team-block:hover .image ul li:nth-child(4) {
            -webkit-transition-delay: 0.30s;
            transition-delay: 0.30s
        }

    .sp-team-block:hover .image:before {
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: all 0.25s linear;
        transition: all 0.25s linear
    }

.sp-animate-numbers.white h2 {
    color: #fff
}

.sp-animate-numbers.white p {
    color: #fff
}

.sp-animate-numbers h2 {
    font-size: 55px;
    line-height: 90px;
    letter-spacing: 7px;
    margin-bottom: 0
}

.sp-animate-numbers p {
    font-size: 21px;
    margin-bottom: 0
}

.sp-portfolio-block {
    overflow: hidden;
    width: 100%
}

    .sp-portfolio-block .sp-portfolio-sorting {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        margin-bottom: 50px
    }

        .sp-portfolio-block .sp-portfolio-sorting li {
            display: inline-block
        }

            .sp-portfolio-block .sp-portfolio-sorting li:after {
                content: '/';
                padding: 0 1rem;
                font-size: 15px
            }

            .sp-portfolio-block .sp-portfolio-sorting li:last-child:after {
                content: none
            }

            .sp-portfolio-block .sp-portfolio-sorting li a {
                color: #333
            }

            .sp-portfolio-block .sp-portfolio-sorting li.active > a {
                color: #C3AC6D
            }

@media (max-width: 575px) {
    .sp-portfolio-block .sp-portfolio-sorting {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .sp-portfolio-block .sp-portfolio-sorting li:after {
            display: none
        }

        .sp-portfolio-block .sp-portfolio-sorting li {
            padding: 0 1rem
        }
}

.sp-portfolio-block.inner .sp-portfolio-sorting {
    margin-bottom: 100px
}

    .sp-portfolio-block.inner .sp-portfolio-sorting li {
        margin: 0 10px 10px 10px
    }

        .sp-portfolio-block.inner .sp-portfolio-sorting li > a {
            display: inline-block;
            border-radius: 4px;
            background: #eee;
            -webkit-transition: background 0.25s linear;
            transition: background 0.25s linear;
            padding: 6px 18px
        }

        .sp-portfolio-block.inner .sp-portfolio-sorting li:hover > a,
        .sp-portfolio-block.inner .sp-portfolio-sorting li.active > a {
            background: #C3AC6D;
            color: #fff
        }

        .sp-portfolio-block.inner .sp-portfolio-sorting li:after {
            content: none
        }

.sp-portfolio-block.inner .sp-portfolio-items {
    margin-left: -30px;
    margin-right: -30px;
    width: auto
}

    .sp-portfolio-block.inner .sp-portfolio-items [class^="col-"],
    .sp-portfolio-block.inner .sp-portfolio-items [class*=" col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item {
        padding: 0;
        margin-bottom: 30px
    }

        .sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item.x2 a {
            height: 708px
        }

        .sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item a {
            height: 340px
        }

.sp-portfolio-items {
    margin-left: -17px;
    margin-right: -17px;
    width: auto
}

    .sp-portfolio-items [class^="col-"],
    .sp-portfolio-items [class*=" col-"] {
        padding: 0
    }

.sp-portfolio-item {
    padding: 2px
}

    .sp-portfolio-item.x2 a {
        height: 704px
    }

    .sp-portfolio-item a {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 350px;
        position: relative;
        display: block;
        cursor: pointer
    }

        .sp-portfolio-item a .portfolio-hover {
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.2);
            -webkit-transition: all 0.25s;
            transition: all 0.25s;
            padding: 50px 50px 0 50px
        }

            .sp-portfolio-item a .portfolio-hover h5 {
                color: #fff;
                font-size: 1.4rem;
                margin-bottom: 0;
                text-align: left;
                position: relative;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
                opacity: 0
            }

            .sp-portfolio-item a .portfolio-hover span.desc {
                color: #fff;
                text-align: left;
                position: relative;
                display: block;
                margin-top: 20px;
                width: 70%;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
                -webkit-transition: all 0.65s;
                transition: all 0.65s;
                opacity: 0
            }

            .sp-portfolio-item a .portfolio-hover span.link {
                color: #fff;
                font-size: 3.3rem;
                text-align: left;
                position: absolute;
                bottom: 30px;
                left: 50px;
                line-height: 1;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
                -webkit-transition: all 0.75s;
                transition: all 0.75s;
                opacity: 0
            }

    .sp-portfolio-item:hover .portfolio-hover {
        background: rgba(0, 0, 0, 0.65)
    }

        .sp-portfolio-item:hover .portfolio-hover h5 {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition-delay: 0s;
            transition-delay: 0s
        }

        .sp-portfolio-item:hover .portfolio-hover span.desc {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
        }

        .sp-portfolio-item:hover .portfolio-hover span.link {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s
        }

    .sp-portfolio-item img {
        max-width: 100%;
        height: auto
    }

.sp-portfolio-list.unlist {
    margin-bottom: 3rem
}

    .sp-portfolio-list.unlist li {
        display: inline-block;
        margin: 0 20px
    }

        .sp-portfolio-list.unlist li:last-child {
            margin: 0 20px
        }

.sp-portfolio-list ul {
    padding: 0;
    margin: 0
}

    .sp-portfolio-list ul li {
        list-style: none;
        line-height: 1;
        margin-bottom: 1rem
    }

        .sp-portfolio-list ul li:last-child {
            margin: 0
        }

        .sp-portfolio-list ul li i {
            font-size: 30px;
            padding-right: 8px;
            position: relative;
            top: 5px
        }

.sp-portfolio-bar-left a {
    color: #333
}

    .sp-portfolio-bar-left a:hover {
        color: #C3AC6D
    }

        .sp-portfolio-bar-left a:hover:before {
            color: #C3AC6D;
            -webkit-transition: color 0.25s linear;
            transition: color 0.25s linear
        }

    .sp-portfolio-bar-left a:before {
        font-family: 'sp-theme-icons';
        font-size: 21px;
        color: #333;
        content: '\f3d2';
        top: 2px;
        position: relative;
        margin-right: 10px;
        -webkit-transition: color 0.25s linear;
        transition: color 0.25s linear
    }

.sp-portfolio-bar-right a {
    color: #333
}

    .sp-portfolio-bar-right a:hover {
        color: #C3AC6D
    }

        .sp-portfolio-bar-right a:hover:after {
            color: #C3AC6D;
            -webkit-transition: color 0.25s linear;
            transition: color 0.25s linear
        }

    .sp-portfolio-bar-right a:after {
        font-family: 'sp-theme-icons';
        font-size: 21px;
        color: #333;
        content: '\f3d3';
        top: 2px;
        position: relative;
        margin-left: 10px;
        -webkit-transition: color 0.25s linear;
        transition: color 0.25s linear
    }

.sp-portfolio-bar-center {
    margin-top: 5px
}

    .sp-portfolio-bar-center a {
        line-height: 1;
        font-size: 30px;
        color: #333
    }

        .sp-portfolio-bar-center a:hover {
            color: #C3AC6D
        }

#sp-single-portfolio .sp-single-heading {
    position: relative
}

    #sp-single-portfolio .sp-single-heading h1 {
        position: absolute;
        top: 0;
        line-height: 1;
        font-weight: bold
    }

        #sp-single-portfolio .sp-single-heading h1:after {
            font-family: 'sp-theme-icons';
            font-size: 50px;
            color: #333;
            content: '\f3d6';
            padding-left: 30px;
            line-height: 1;
            position: relative;
            top: 3px
        }

#sp-single-portfolio h3 {
    margin-top: 5px
}

#sp-single-portfolio .sp-single-portfolio-soc {
    margin-top: 2rem
}

    #sp-single-portfolio .sp-single-portfolio-soc ul {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        font-size: 0;
        max-width: none
    }

        #sp-single-portfolio .sp-single-portfolio-soc ul li {
            display: inline
        }

            #sp-single-portfolio .sp-single-portfolio-soc ul li a {
                display: inline-block;
                font-size: 18px;
                color: #333;
                padding: 5px 14px
            }

                #sp-single-portfolio .sp-single-portfolio-soc ul li a:hover {
                    color: #C3AC6D
                }

.sp-circle {
    position: relative;
    display: inline-block;
    margin: 0 15px;
    vertical-align: top;
    text-align: center;
    width: 125px;
    padding-top: 42px;
    height: 125px
}

    .sp-circle canvas {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }

    .sp-circle span {
        font-weight: 700;
        font-size: 17px
    }

        .sp-circle span:after {
            content: '%';
            margin-left: 0.1em
        }

@media (max-width: 575px) {
    .sp-circle {
        margin-top: 15px;
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    .sp-circle {
        margin-bottom: 15px
    }
}

.sp-circle-text {
    margin-top: -5px;
    font-size: 14px
}

@media (max-width: 991px) {
    #sp-magic .text-right {
        text-align: center !important
    }
}

.sp-slick-testimonials .slick-dots {
    margin-top: 15px
}

.sp-testimonials-block {
    text-align: center
}

    .sp-testimonials-block .text {
        margin-bottom: 0
    }

    .sp-testimonials-block .photo img {
        border-radius: 50%;
        width: 80px;
        height: 80px;
        margin-top: 2rem
    }

    .sp-testimonials-block .name {
        margin-bottom: 1rem;
        margin-top: 2rem
    }

        .sp-testimonials-block .name:empty {
            display: none
        }

.sp-contacts-list ul {
    padding: 0;
    margin: 0
}

    .sp-contacts-list ul li {
        list-style: none;
        margin-bottom: 0.45rem
    }

        .sp-contacts-list ul li i {
            font-size: 30px;
            padding-right: 8px;
            position: relative;
            top: 5px
        }

.sp-slick-clients .item {
    opacity: 0.65;
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
    padding: 0 15px;
    text-align: center
}

    .sp-slick-clients .item img {
        max-width: 100%;
        height: auto
    }

    .sp-slick-clients .item:hover {
        opacity: 1
    }

@media (max-width: 767px) {
    .sp-slick-clients .item {
        opacity: 1
    }
}

#sp-quote .sp-signature {
    font-size: 30px
}

.sp-quote {
    font-size: 19px
}

    .sp-quote:before,
    .sp-quote:after {
        font-family: "sp-theme-icons";
        font-size: 23px;
        position: relative
    }

    .sp-quote:after {
        content: '\e80f';
        left: 15px;
        top: 7px
    }

    .sp-quote:before {
        content: '\e80e';
        right: 15px
    }

.sp-progress-bar {
    margin: 1rem 0 2rem 0
}

    .sp-progress-bar .title {
        display: inline-block;
        width: 100%;
        margin-bottom: 0.5rem
    }

        .sp-progress-bar .title span {
            float: right;
            font-size: 15px;
            position: relative;
            top: 2px
        }

    .sp-progress-bar .progress-bar {
        -webkit-transition: none;
        transition: none
    }

.pricing_tables_wrap {
    background: #fff;
    text-align: center;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
    -webkit-transition: -webkit-box-shadow 0.5s ease;
    transition: -webkit-box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease
}

    .pricing_tables_wrap > .pricing_tables_name {
        text-align: center;
        font-size: 29px;
        color: #C3AC6D;
        padding: 1rem 0;
        font-weight: 600;
        border-bottom: 1px solid #eee
    }

    .pricing_tables_wrap > .pricing_tables_price {
        text-align: center;
        font-size: 65px;
        padding: 1rem 0;
        border-bottom: 1px solid #eee;
        margin-bottom: 0
    }

        .pricing_tables_wrap > .pricing_tables_price span {
            color: #888;
            font-size: 27px;
            position: relative;
            left: -7px;
            top: -29px
        }

        .pricing_tables_wrap > .pricing_tables_price i {
            color: #888;
            font-size: 14px;
            position: relative;
            top: 0;
            font-weight: 300
        }

    .pricing_tables_wrap > .pricing_tables_desc {
        padding: 20px 30px;
        border-bottom: 1px solid #eee;
        text-align: center
    }

        .pricing_tables_wrap > .pricing_tables_desc ul {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none
        }

            .pricing_tables_wrap > .pricing_tables_desc ul li {
                display: block;
                padding: 10px 0;
                color: #888
            }

    .pricing_tables_wrap > .pricing_tables_buttons {
        text-align: center;
        padding: 20px 30px;
        margin: 0 -10px
    }

        .pricing_tables_wrap > .pricing_tables_buttons > a,
        .pricing_tables_wrap > .pricing_tables_buttons > .btn,
        .pricing_tables_wrap > .pricing_tables_buttons > .btn-group {
            vertical-align: middle;
            margin: 10px
        }

    .pricing_tables_wrap.featured {
        -webkit-box-shadow: 0 15px 50px -5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 15px 50px -5px rgba(0, 0, 0, 0.25)
    }

        .pricing_tables_wrap.featured > .pricing_tables_name {
            color: #333
        }

        .pricing_tables_wrap.featured > .pricing_tables_price {
            color: #C3AC6D
        }

#sp-pricing-tables-faq h4 {
    margin-bottom: 1.5rem
}

#sp-pricing-tables-faq p {
    margin-bottom: 4rem
}

    #sp-pricing-tables-faq p:last-child {
        margin-bottom: 0
    }

.card.sp-faq-card {
    border: 1px solid #eee;
    border-radius: 0;
    text-align: left
}

    .card.sp-faq-card + .sp-faq-card {
        margin-top: 15px
    }

    .card.sp-faq-card > .card-header {
        padding: 0.5rem 1.5rem;
        background-color: #fff;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: none
    }

        .card.sp-faq-card > .card-header > .card-title {
            font-size: 1.1rem;
            color: #333;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            min-width: 0;
            -webkit-transition: color 0.25s;
            transition: color 0.25s;
            margin: 10px 0
        }

        .card.sp-faq-card > .card-header > .toggle-icon {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin-left: 20px;
            color: #C3AC6D;
            line-height: 1;
            font-size: 40px;
            will-change: transform;
            -webkit-transition: -webkit-transform 0.25s;
            transition: -webkit-transform 0.25s;
            transition: transform 0.25s;
            transition: transform 0.25s, -webkit-transform 0.25s
        }

        .card.sp-faq-card > .card-header:hover > .card-title {
            color: #C3AC6D
        }

    .card.sp-faq-card > .card-contents > .card-contents-inner {
        border-top: 1px solid #eee;
        padding: 1rem 1.5rem
    }

    .card.sp-faq-card > .card-contents p {
        margin-bottom: 1rem
    }

        .card.sp-faq-card > .card-contents p:last-child {
            margin-bottom: 0
        }

    .card.sp-faq-card.card-open > .card-header > .card-title {
        color: #C3AC6D
    }

    .card.sp-faq-card.card-open > .card-header > .toggle-icon {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.sp-faq-articles {
    border-top: 1px solid #ddd;
    padding-top: 2rem
}

    .sp-faq-articles ul {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none
    }

        .sp-faq-articles ul li {
            margin-bottom: 15px
        }

            .sp-faq-articles ul li:last-child {
                margin-bottom: 0
            }

            .sp-faq-articles ul li:before {
                content: '\f3d3';
                font-family: 'sp-theme-icons';
                font-size: 18px;
                padding-right: 10px;
                color: #C3AC6D
            }

            .sp-faq-articles ul li a {
                color: #333
            }

                .sp-faq-articles ul li a:hover {
                    color: #C3AC6D
                }

.sp-clients-grid .sp-clients-block {
    background: #fff;
    padding: 2rem;
    margin-bottom: 30px;
    -webkit-transition: -webkit-box-shadow 0.5s;
    transition: -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
    will-change: box-shadow
}

    .sp-clients-grid .sp-clients-block > .client-logo {
        padding-bottom: 1.5rem;
        display: inline-block;
        max-width: 100%;
        opacity: 0.85;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
        will-change: opacity
    }

    .sp-clients-grid .sp-clients-block:hover {
        -webkit-box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.075);
        box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.075)
    }

        .sp-clients-grid .sp-clients-block:hover > .client-logo {
            opacity: 1
        }

    .sp-clients-grid .sp-clients-block > .client-title {
        margin-bottom: 1.5rem
    }

    .sp-clients-grid .sp-clients-block .btn {
        -webkit-transition-property: background, border;
        transition-property: background, border
    }

.sp-subscribe-form {
    position: relative;
    max-width: 570px;
    padding: 0 15px;
    margin: 0 auto
}

    .sp-subscribe-form > .form-inner-wrap {
        position: relative;
        z-index: 50;
        -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
        transition: opacity 0.25s, -webkit-transform 0.25s;
        transition: opacity 0.25s, transform 0.25s;
        transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s
    }

        .sp-subscribe-form > .form-inner-wrap img {
            max-width: 130px;
            opacity: 0.2;
            margin-top: 2rem
        }

        .sp-subscribe-form > .form-inner-wrap p.appear-message {
            margin-top: 1rem;
            margin-bottom: 0
        }

        .sp-subscribe-form > .form-inner-wrap .input-group {
            width: 350px;
            margin: auto
        }

    .sp-subscribe-form > .form-output {
        position: absolute;
        top: 50%;
        left: 0;
        padding: 0 15px;
        width: 100%;
        min-height: 118px;
        z-index: 100;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-50%) scale(0.8);
        transform: translateY(-50%) scale(0.8);
        background: inherit;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        text-align: center
    }

        .sp-subscribe-form > .form-output:before {
            font-family: "sp-theme-icons";
            font-size: 70px;
            line-height: 70px;
            display: block;
            margin: 0 auto 20px;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards
        }

    .sp-subscribe-form.mc-loading > .form-inner-wrap,
    .sp-subscribe-form.mc-invalid > .form-inner-wrap,
    .sp-subscribe-form.mc-valid > .form-inner-wrap {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .sp-subscribe-form.mc-loading > .form-output,
    .sp-subscribe-form.mc-invalid > .form-output,
    .sp-subscribe-form.mc-valid > .form-output {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }

        .sp-subscribe-form.mc-loading > .form-output:before,
        .sp-subscribe-form.mc-invalid > .form-output:before,
        .sp-subscribe-form.mc-valid > .form-output:before {
            -webkit-animation-name: sp-mc-form-output-icon;
            animation-name: sp-mc-form-output-icon
        }

    .sp-subscribe-form > .form-output.valid:before {
        content: '\f3fd';
        color: #5cb85c
    }

    .sp-subscribe-form > .form-output.error:before {
        content: '\f404';
        color: #d9534f
    }

    .sp-subscribe-form.mc-loading > .form-output:before {
        content: '\f45a';
        color: inherit;
        font-size: 55px;
        -webkit-animation: sp-mc-loading-icon 1s linear infinite;
        animation: sp-mc-loading-icon 1s linear infinite
    }

@-webkit-keyframes sp-mc-loading-icon {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes sp-mc-loading-icon {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes sp-mc-form-output-icon {
    from {
        -webkit-transform: rotate(-360deg) scale(0.7);
        transform: rotate(-360deg) scale(0.7);
        opacity: 0.3
    }

    to {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1
    }
}

@keyframes sp-mc-form-output-icon {
    from {
        -webkit-transform: rotate(-360deg) scale(0.7);
        transform: rotate(-360deg) scale(0.7);
        opacity: 0.3
    }

    to {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1
    }
}

#sp-404 > .intro-body {
    padding-top: 50px;
    padding-bottom: 50px
}

#sp-404 h1 {
    margin-bottom: 2rem;
    font-size: 5rem;
    line-height: 5rem
}

#sp-404 h3 {
    margin-bottom: 3rem;
    font-size: 3.5rem;
    font-family: 'Shadows Into Light', cursive;
    -webkit-transform: rotate(-2deg) !important;
    transform: rotate(-2deg) !important
}

#sp-404 .sp-soc-links {
    margin-bottom: 2rem;
    font-size: 0
}

    #sp-404 .sp-soc-links ul {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none
    }

        #sp-404 .sp-soc-links ul li {
            display: inline
        }

            #sp-404 .sp-soc-links ul li a {
                display: inline-block;
                padding: 0 12px;
                font-size: 26px
            }

                #sp-404 .sp-soc-links ul li a:hover {
                    color: #C3AC6D
                }

#sp-404 .sp-404-menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-size: 0
}

    #sp-404 .sp-404-menu ul li {
        display: inline;
        white-space: nowrap
    }

        #sp-404 .sp-404-menu ul li:after {
            content: '|';
            display: inline-block;
            margin: 0 10px;
            font-size: 1rem
        }

        #sp-404 .sp-404-menu ul li:last-child:after {
            content: ''
        }

        #sp-404 .sp-404-menu ul li a {
            font-size: 1rem
        }

            #sp-404 .sp-404-menu ul li a:hover {
                color: #C3AC6D
            }

@media (max-width: 767px) {
    #sp-404 h1 {
        font-size: 3.8rem;
        line-height: 3.8rem;
        padding: 0 15px
    }

    #sp-404 h3 {
        font-size: 3rem;
        padding: 0 15px;
        margin-bottom: 2rem
    }

    #sp-404 .sp-404-menu ul {
        padding: 0 15px
    }
}

@media (max-width: 575px) {
    #sp-404 h1 {
        font-size: 3rem
    }

    #sp-404 h3 {
        font-size: 2rem
    }
}

.sp-text-rotate {
    display: inline-block;
    white-space: nowrap
}

@media (max-width: 767px) {
    .sp-text-rotate {
        white-space: normal
    }
}

.rotating {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
    transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform-origin-x: 50%
}

    .rotating.flip {
        position: relative
    }

    .rotating .front,
    .rotating .back {
        left: 0;
        top: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .rotating .front {
        position: absolute;
        display: inline-block;
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px)
    }

    .rotating.flip .front {
        z-index: 1
    }

    .rotating .back {
        display: block;
        opacity: 0
    }

    .rotating.spin {
        -webkit-transform: rotate(360deg) scale(0);
        transform: rotate(360deg) scale(0)
    }

    .rotating.flip .back {
        z-index: 2;
        display: block;
        opacity: 1;
        -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
        transform: rotateY(180deg) translate3d(0, 0, 0)
    }

    .rotating.flip.up .back {
        -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
        transform: rotateX(180deg) translate3d(0, 0, 0)
    }

    .rotating.flip.cube .front {
        -webkit-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
        transform: translate3d(0, 0, 100px) scale(0.85, 0.85)
    }

    .rotating.flip.cube .back {
        -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
        transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9)
    }

    .rotating.flip.cube.up .back {
        -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
        transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9)
    }

.typed-cursor {
    -webkit-animation: typed-blink 0.7s infinite;
    animation: typed-blink 0.7s infinite;
    opacity: 1;
    display: inline-block
}

@keyframes typed-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch {
    overflow: hidden !important;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, 0.85);
    -webkit-transition: background 0.25s linear;
    transition: background 0.25s linear
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none
}

    #swipebox-slider .slide {
        height: 100%;
        width: 100%;
        line-height: 1px;
        text-align: center;
        display: inline-block
    }

        #swipebox-slider .slide:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px
        }

        #swipebox-slider .slide .swipebox-video-container,
        #swipebox-slider .slide .swipebox-inline-container {
            display: inline-block;
            max-height: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
            width: auto;
            height: auto;
            vertical-align: middle
        }

        #swipebox-slider .slide .swipebox-video-container {
            background: none;
            max-width: 1140px;
            max-height: 100%;
            width: 100%;
            padding: 20px 150px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            #swipebox-slider .slide .swipebox-video-container .swipebox-video {
                width: 100%;
                height: 0;
                padding-bottom: 56.25%;
                overflow: hidden;
                position: relative
            }

                #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
                    width: 100% !important;
                    height: 100% !important;
                    position: absolute;
                    top: 0;
                    left: 0;
                    max-height: 100vh;
                    max-height: calc(100vh - 40px)
                }

    #swipebox-slider .slide-loading {
        background: url("../images/loader.html") no-repeat center center
    }

#swipebox-close {
    position: absolute;
    top: 10px;
    right: 30px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s
}

    #swipebox-close:before {
        color: #fff;
        content: '\f404';
        display: inline-block;
        font-family: "sp-theme-icons";
        font-size: 70px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    #swipebox-close:hover {
        opacity: 0.6
    }

@media screen and (max-width: 800px) {
    #swipebox-close {
        right: 15px
    }

        #swipebox-close:before {
            font-size: 30px
        }
}

.sp-site-socials {
    margin: 0 -12px;
    font-size: 0;
    color: #C3AC6D
}

    .sp-site-socials > a {
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
        opacity: 1;
        display: inline-block;
        color: inherit;
        font-size: 23px;
        padding: 0 12px
    }

        .sp-site-socials > a:hover {
            opacity: 0.6
        }

    .sp-site-socials.align_center {
        text-align: center
    }

    .sp-site-socials.align_left {
        text-align: left
    }

    .sp-site-socials.align_right {
        text-align: right
    }

@media (max-width: 767px) {
    .sp-site-socials {
        text-align: center !important
    }
}

.sp-text-widget {
    line-height: 1.75;
    font-size: 1rem;
    font-family: "Source Sans Pro", "Montserrat", Arial, "Helvetica Neue", sans-serif;
    color: #333
}

    .sp-text-widget.primary-font {
        font-family: "Source Sans Pro", "Montserrat", Arial, "Helvetica Neue", sans-serif
    }

    .sp-text-widget.headings-font {
        font-family: "Montserrat", "Source Sans Pro", Arial, "Helvetica Neue", sans-serif
    }

    .sp-text-widget > p {
        line-height: inherit;
        font-size: inherit;
        color: inherit
    }

        .sp-text-widget > p:last-of-type {
            margin-bottom: 0
        }

    .sp-text-widget img {
        max-width: 100%;
        height: auto
    }

    .sp-text-widget > .sp-signature {
        width: 100%;
        font-size: 23px;
        display: block;
        margin-top: 20px;
        font-family: 'Shadows Into Light', cursive;
        font-style: italic;
        letter-spacing: 2px;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

        .sp-text-widget > .sp-signature.white {
            color: #fff
        }

#sp-blog-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    #sp-blog-inner > .content-column {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0
    }

    #sp-blog-inner > .sidebar-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
        flex: 0 0 360px;
        min-width: 0;
        margin-bottom: -50px
    }

        #sp-blog-inner > .sidebar-column.left {
            padding-right: 60px
        }

        #sp-blog-inner > .sidebar-column.right {
            padding-left: 60px
        }

        #sp-blog-inner > .sidebar-column:empty {
            display: none
        }

@media (max-width: 767px) {
    #sp-blog-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #sp-blog-inner > .sidebar-column,
        #sp-blog-inner > .content-column {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

        #sp-blog-inner > .content-column {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        #sp-blog-inner > .sidebar-column {
            margin-top: 80px;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

            #sp-blog-inner > .sidebar-column.left {
                padding-right: 0
            }

            #sp-blog-inner > .sidebar-column.right {
                padding-left: 0
            }
}

.sp-blog-block {
    margin-bottom: 55px
}

    .sp-blog-block::after {
        display: block;
        content: "";
        clear: both
    }

    .sp-blog-block p {
        margin-bottom: 1.5rem
    }

        .sp-blog-block p:last-child {
            margin-bottom: 0
        }

    .sp-blog-block .sp-blog-image {
        position: relative;
        margin-bottom: 1.5rem;
        opacity: 1;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear
    }

        .sp-blog-block .sp-blog-image a {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 240px;
            position: relative;
            display: block;
            cursor: pointer
        }

@media (max-width: 991px) {
    .sp-blog-block .sp-blog-image a {
        height: 260px
    }
}

.sp-blog-block .sp-blog-image:hover {
    opacity: 0.7
}

.sp-blog-block .entry-title {
    margin-bottom: 1rem;
    font-size: 1.5rem
}

    .sp-blog-block .entry-title a {
        color: #333
    }

        .sp-blog-block .entry-title a:hover {
            color: #C3AC6D
        }

.sp-blog-block .sp-blog-meta {
    margin-bottom: 0.5rem;
    width: 100%
}

    .sp-blog-block .sp-blog-meta ul {
        padding: 0;
        margin: 0;
        display: inline-block
    }

        .sp-blog-block .sp-blog-meta ul li {
            float: left;
            list-style: none;
            font-size: 14px;
            text-transform: capitalize
        }

            .sp-blog-block .sp-blog-meta ul li:after {
                content: '/';
                padding: 0 10px;
                color: #999
            }

            .sp-blog-block .sp-blog-meta ul li:last-child:after {
                content: none
            }

            .sp-blog-block .sp-blog-meta ul li a {
                color: #999
            }

.sp-blog-block.chess {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #f7f7f7;
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .sp-blog-block.chess {
        display: block
    }
}

.sp-blog-block.chess .meta-column {
    padding: 0px 50px
}

@media (max-width: 1199px) {
    .sp-blog-block.chess .meta-column {
        padding: 50px 30px
    }
}

.sp-blog-block.chess .meta-column.inner-col {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

@media (max-width: 991px) {
    .sp-blog-block.chess .meta-column.inner-col {
        width: 100%;
        display: block
    }
}

.sp-blog-block.chess .meta-column h4 {
    font-size: 1.5rem
}

.sp-blog-block.chess .image-column {
    position: relative;
    overflow: hidden
}

    .sp-blog-block.chess .image-column.inner-col {
        display: table-cell;
        width: 50%;
        vertical-align: middle
    }

@media (max-width: 991px) {
    .sp-blog-block.chess .image-column.inner-col {
        width: 100%;
        display: none
    }
}

.sp-blog-block.chess .image-column .sp-blog-image {
    margin-bottom: 0
}

    .sp-blog-block.chess .image-column .sp-blog-image a {
        height: 400px
    }

@media (max-width: 1199px) {
    .sp-blog-block.chess .image-column .sp-blog-image a {
        height: 350px
    }
}

.sp-blog-block.chess.sticky:nth-child(even) .sp-blog-image:after {
    right: 30px;
    left: auto
}

.sp-blog-block.chess.sticky:nth-child(even) .sp-blog-image:before {
    right: 30px;
    left: auto
}

.sp-blog-block.classic {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .sp-blog-block.classic .sp-blog-meta-classic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        padding-right: 30px;
        text-align: right
    }

        .sp-blog-block.classic .sp-blog-meta-classic .date {
            font-size: 1.4rem;
            margin-bottom: 0.5rem
        }

        .sp-blog-block.classic .sp-blog-meta-classic .year {
            color: #999
        }

    .sp-blog-block.classic .sp-blog-image a {
        height: 375px
    }

@media (max-width: 1199px) {
    .sp-blog-block.classic .sp-blog-image a {
        height: 350px
    }
}

.sp-blog-block.medium {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 991px) {
    .sp-blog-block.medium {
        display: block
    }
}

.sp-blog-block.medium .sp-blog-image-medium {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    padding-right: 30px
}

@media (max-width: 991px) {
    .sp-blog-block.medium .sp-blog-image-medium {
        padding-right: 0
    }
}

.sp-blog-block.medium .sp-blog-image-medium .sp-blog-image {
    margin-bottom: 0
}

    .sp-blog-block.medium .sp-blog-image-medium .sp-blog-image a {
        height: 275px
    }

@media (max-width: 1199px) {
    .sp-blog-block.medium .sp-blog-image-medium .sp-blog-image a {
        height: 300px
    }
}

@media (max-width: 991px) {
    .sp-blog-block.medium .sp-blog-image-medium .sp-blog-image a {
        height: 240px
    }
}

.sp-blog-block.medium .sp-blog-block-medium h3 {
    font-size: 1.3rem
}

@media (max-width: 991px) {
    .sp-blog-block.medium .sp-blog-block-medium h3 {
        margin-top: 1rem
    }
}

.sp-blog-block.sticky .sp-blog-image:after {
    width: 32px;
    height: 48px;
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #C3AC6D;
    border-right: 16px solid #C3AC6D
}

.sp-blog-block.sticky .sp-blog-image:before {
    content: 'S';
    font-weight: bold;
    font-size: 19px;
    color: #fff;
    left: 30px;
    position: absolute;
    z-index: 9;
    width: 32px;
    text-align: center
}

.sp-blog-block.no-thumbnail.sticky {
    padding: 30px;
    background: #f7f7f7
}

    .sp-blog-block.no-thumbnail.sticky .sp-blog-meta-classic {
        text-align: center
    }

.sp-blog-block .sp-blog-quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 4px solid #eee;
    padding: 30px;
    margin-bottom: 2rem
}

    .sp-blog-block .sp-blog-quote > .quote-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: 73px;
        color: #C3AC6D;
        padding-right: 30px;
        line-height: 1;
        min-width: 0
    }

    .sp-blog-block .sp-blog-quote > .quote-inner {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0
    }

        .sp-blog-block .sp-blog-quote > .quote-inner p {
            font-size: 1.25rem;
            font-style: italic;
            font-weight: 600
        }

        .sp-blog-block .sp-blog-quote > .quote-inner .blockquote-footer {
            font-size: 100%
        }

            .sp-blog-block .sp-blog-quote > .quote-inner .blockquote-footer cite {
                font-style: normal
            }

        .sp-blog-block .sp-blog-quote > .quote-inner p:last-child {
            margin-bottom: 0
        }

@media (max-width: 991px) {
    .sp-blog-block .sp-blog-quote {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }

        .sp-blog-block .sp-blog-quote > .quote-icon {
            padding: 0 0 1rem
        }

        .sp-blog-block .sp-blog-quote > .quote-icon,
        .sp-blog-block .sp-blog-quote > .quote-inner {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
        }

            .sp-blog-block .sp-blog-quote > .quote-inner p {
                font-size: 1rem
            }
}

.sp-blog-block .sp-blog-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 4px solid #eee;
    padding: 30px;
    margin-bottom: 2rem;
    width: 100%;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .sp-blog-block .sp-blog-link:before {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        content: '\f3d9';
        font-family: "sp-theme-icons";
        font-size: 70px;
        color: #C3AC6D;
        margin-right: 30px;
        padding-right: 30px;
        line-height: 1;
        border-right: 1px solid #eee
    }

    .sp-blog-block .sp-blog-link a {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        font-size: 2rem;
        color: #333;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

@media (max-width: 991px) {
    .sp-blog-block .sp-blog-link {
        padding: 20px
    }

        .sp-blog-block .sp-blog-link:before {
            font-size: 50px;
            padding-right: 15px;
            margin-right: 15px
        }

        .sp-blog-block .sp-blog-link a {
            font-size: 1rem
        }
}

.sp-blog-block .sp-blog-image .caption {
    display: block;
    margin-top: 5px
}

.sp-blog-block .sp-slick-post-gallery .slick-slide .caption {
    margin-top: 5px;
    display: block;
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: all 0.25s;
    transition: all 0.25s
}

.sp-blog-block .sp-slick-post-gallery .slick-slide.slick-animated .caption {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sp-blog-block .sp-single-embed {
    margin-bottom: 2rem
}

.sp-sidebar {
    padding-bottom: 50px
}

    .sp-sidebar a {
        color: #333
    }

        .sp-sidebar a:hover {
            color: #C3AC6D
        }

    .sp-sidebar .sp-widget-block {
        margin-bottom: 55px
    }

        .sp-sidebar .sp-widget-block::after {
            display: block;
            content: "";
            clear: both
        }

        .sp-sidebar .sp-widget-block:last-child {
            margin-bottom: 0
        }

        .sp-sidebar .sp-widget-block > .widget-title {
            margin-bottom: 1.5rem;
            font-size: 1.5rem
        }

    .sp-sidebar .sp-category {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none
    }

        .sp-sidebar .sp-category li {
            padding-bottom: 15px;
            text-align: left !important
        }

            .sp-sidebar .sp-category li span {
                float: right;
                background: #f5f5f5;
                width: 30px;
                font-size: 14px;
                padding: 1px 0;
                text-align: center
            }

    .sp-sidebar .sp-popular-posts {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none
    }

        .sp-sidebar .sp-popular-posts > li {
            list-style: none;
            margin-bottom: 20px;
            -webkit-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear
        }

            .sp-sidebar .sp-popular-posts > li:hover {
                opacity: 0.7
            }

            .sp-sidebar .sp-popular-posts > li:last-child {
                margin-bottom: 0
            }

            .sp-sidebar .sp-popular-posts > li > .post-link {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .sp-sidebar .sp-popular-posts > li > .post-link > .image {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 100px;
                    flex: 0 0 100px
                }

                .sp-sidebar .sp-popular-posts > li > .post-link > .content {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1
                }

            .sp-sidebar .sp-popular-posts > li .image {
                padding-right: 15px;
                min-width: 0
            }

                .sp-sidebar .sp-popular-posts > li .image > img {
                    -o-object-fit: cover;
                    object-fit: cover;
                    font-family: "object-fit: cover;";
                    width: 100%;
                    height: 65px
                }

            .sp-sidebar .sp-popular-posts > li .content {
                text-align: left !important
            }

                .sp-sidebar .sp-popular-posts > li .content h5 {
                    font-size: 0.92rem;
                    margin-bottom: 0;
                    line-height: 1.3
                }

                .sp-sidebar .sp-popular-posts > li .content span {
                    color: #999;
                    font-size: 14px
                }

.sp-intro.single-post {
    text-align: center
}

    .sp-intro.single-post .intro-title {
        line-height: 1.3;
        font-size: 3rem;
        text-transform: capitalize
    }

    .sp-intro.single-post .sp-single-meta {
        margin-bottom: 2rem;
        width: 100%;
        font-size: 0
    }

        .sp-intro.single-post .sp-single-meta ul {
            margin: 0;
            padding: 0;
            border: 0;
            list-style: none
        }

            .sp-intro.single-post .sp-single-meta ul li {
                display: inline;
                font-size: 18px;
                text-transform: capitalize
            }

                .sp-intro.single-post .sp-single-meta ul li:after {
                    content: '/';
                    padding: 0 10px;
                    color: #fff
                }

                .sp-intro.single-post .sp-single-meta ul li:last-child:after {
                    content: none
                }

                .sp-intro.single-post .sp-single-meta ul li a {
                    color: #fff
                }

.sp-blog-block.single .sp-blog-block {
    margin-bottom: 50px
}

.sp-blog-block.single .sp-blog-image:hover {
    opacity: 1
}

.sp-blog-block.single .sp-blog-image .caption {
    color: #999;
    font-size: 14px;
    width: 100%
}

.sp-blog-block.single .sp-single-tags {
    font-size: 16px
}

    .sp-blog-block.single .sp-single-tags i {
        font-size: 22px;
        color: #333;
        position: relative;
        top: 1px;
        line-height: 1.1;
        margin-right: 7px
    }

    .sp-blog-block.single .sp-single-tags a {
        color: #333;
        padding-right: 5px
    }

        .sp-blog-block.single .sp-single-tags a:hover {
            color: #C3AC6D
        }

.sp-blog-block.single .sp-single-soc ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-size: 0;
    margin: -5px -15px;
    text-align: right;
    max-width: none
}

    .sp-blog-block.single .sp-single-soc ul li {
        display: inline
    }

        .sp-blog-block.single .sp-single-soc ul li a {
            display: inline-block;
            font-size: 18px;
            color: #222;
            padding: 5px 15px
        }

            .sp-blog-block.single .sp-single-soc ul li a:hover {
                color: #C3AC6D
            }