@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext);

.img-blend-multiply {
    mix-blend-mode: multiply
}

.img-mh60 {
    max-height: 60px
}

body {
    font-size: 1rem;
    color: #464f60;
    font-family: Quicksand;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    body:before {
        content: "xs";
        display: none;
        visibility: hidden
    }

@media (min-width:768px) and (max-width:991px) {
    body:before {
        content: "sm"
    }
}

@media (min-width:992px) and (max-width:1199px) {
    body:before {
        content: "md"
    }
}

@media (min-width:1200px) {
    body:before {
        content: "lg"
    }
}

a {
    color: #464f60
}

    a:hover {
        color: #303743
    }

.text-sm {
    font-size: 85%
}

i.border-circle {
    border: 1px solid #efefef;
    border-radius: 50%;
    padding: 3px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.section-header h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #464f60;
    margin: 0 0 15px;
    padding: .375rem 0
}

    .section-header h3 i {
        color: #ea5047;
        margin-right: 5px
    }

.chip {
    border: 1px solid #464f60;
    font-size: .875rem;
    color: #464f60;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 15px;
    margin-right: 5px;
    margin-bottom: 10px
}

    .chip:hover {
        background-color: #464f60;
        color: #fff;
        text-decoration: none
    }

.ribbon {
    position: absolute;
    right: 25px;
    top: 0;
    background-color: #ea5047;
    color: #fff;
    font-size: .875rem;
    line-height: .875rem;
    max-width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 15px;
    z-index: 2
}

    .ribbon:after {
        position: absolute;
        content: "";
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-top: 20px solid #ea5047;
        bottom: -20px;
        left: 0
    }

    .ribbon i {
        font-size: 35px;
        margin-bottom: 5px
    }

.hd {
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0
}

    .hd.hd-md {
        font-size: 1.125rem
    }

    .hd.hd-primary {
        color: #464f60
    }

.tooltip .tooltip-inner {
    background-color: #464f60
}

.tooltip.show {
    opacity: 1
}

.bs-tooltip-top .arrow:before {
    border-top-color: #464f60
}

.bs-tooltip-right .arrow:before {
    border-right-color: #464f60
}

.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #464f60
}

.bs-tooltip-left .arrow:before {
    border-left-color: #464f60
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

.container-large {
    margin: 0 7%
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    border: none !important;
    color: #fff
}

.dropdown-menu {
    font-size: 1rem
}

.form-control {
    border-radius: 2px
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

header .input-group {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

    header .input-group .btn {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.form-control:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(70,79,96,.25);
    box-shadow: 0 0 0 .2rem rgba(70,79,96,.25);
    border-color: #fff
}

.badge-primary {
    background-color: #464f60
}

.badge-secondary {
    background-color: #ea5047
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .row.no-gutters > [class*=" col-"], .row.no-gutters > [class^=col-] {
        padding-right: 0;
        padding-left: 0
    }

.pagination a {
    color: #464f60
}

    .pagination a:hover {
        color: #ea5047
    }

.switch {
    font-size: 1rem;
    position: relative
}

    .switch input {
        position: absolute;
        height: 1px;
        width: 1px;
        background: none;
        border: 0;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        overflow: hidden;
        padding: 0
    }

        .switch input + label {
            position: relative;
            min-width: 3.8rem;
            border-radius: 1.9rem;
            height: 1.9rem;
            line-height: 1.9rem;
            display: inline-block;
            cursor: pointer;
            outline: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            vertical-align: middle;
            margin: 0;
            text-indent: 4.3rem
        }

            .switch input + label:after, .switch input + label:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 3.8rem;
                bottom: 0;
                display: block
            }

            .switch input + label:before {
                right: 0;
                background-color: #dee2e6;
                border-radius: 1.9rem
            }

            .switch input + label:after, .switch input + label:before {
                -webkit-transition: all .2s;
                -o-transition: .2s all;
                transition: all .2s
            }

            .switch input + label:after {
                top: 2px;
                left: 2px;
                width: calc(1.9rem - 4px);
                height: calc(1.9rem - 4px);
                border-radius: 50%;
                background-color: #fff
            }

        .switch input:checked + label:before {
            background-color: #464f60
        }

        .switch input:checked + label:after {
            margin-left: 1.9rem
        }

        .switch input:focus + label:before {
            outline: none;
            -webkit-box-shadow: 0 0 0 .2rem rgba(70,79,96,.25);
            box-shadow: 0 0 0 .2rem rgba(70,79,96,.25)
        }

        .switch input:disabled + label {
            color: #868e96;
            cursor: not-allowed
        }

            .switch input:disabled + label:before {
                background-color: #e9ecef
            }

    .switch.switch-sm {
        font-size: .875rem
    }

        .switch.switch-sm input + label {
            min-width: 3.1rem;
            height: 1.55rem;
            line-height: 1.55rem;
            text-indent: 3.6rem
        }

            .switch.switch-sm input + label:before {
                width: 3.1rem
            }

            .switch.switch-sm input + label:after {
                width: calc(1.55rem - 4px);
                height: calc(1.55rem - 4px)
            }

        .switch.switch-sm input:checked + label:after {
            margin-left: 1.55rem
        }

    .switch.switch-lg {
        font-size: 1.25rem
    }

        .switch.switch-lg input + label {
            min-width: 4.8rem;
            height: 2.4rem;
            line-height: 2.4rem;
            text-indent: 5.3rem
        }

            .switch.switch-lg input + label:before {
                width: 4.8rem
            }

            .switch.switch-lg input + label:after {
                width: calc(2.4rem - 4px);
                height: calc(2.4rem - 4px)
            }

        .switch.switch-lg input:checked + label:after {
            margin-left: 2.4rem
        }

    .switch + .switch {
        margin-left: 1rem
    }

.collapsing, .in {
    display: block !important
}

.sticky-top {
    z-index: 999 !important
}

.text-secondary, a.text-secondary {
    color: #ea5047 !important
}

    a.text-secondary:hover {
        color: #e4251a !important
    }

.holy-burger .holy-burger-link {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    margin-top: -1px
}

    .holy-burger .holy-burger-link:after {
        display: none
    }

#dektop-nav .navbar-brand img {
    max-height: 60px
}

#mobile-nav .navbar-brand img {
    max-height: 30px
}

#mobile-nav .drawer-opener {
    color: #fff
}

.navbar-toggler.drawer-toggler {
    color: #fff;
    font-weight: 700
}

.drawer-active {
    overflow: hidden
}

    .drawer-active .drawer-handler {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.2);
        z-index: 10000
    }

.drawer-container .drawer {
    z-index: 10001;
    position: fixed;
    top: 0;
    width: 300px;
    height: 100%;
    background: #fff;
    padding: 15px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow-y: auto
}

    .drawer-container .drawer.opened {
        -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
        box-shadow: 0 10px 10px rgba(0,0,0,.2)
    }

        .drawer-container .drawer.opened.drawer-left, .drawer-container .drawer.opened.drawer-right {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

    .drawer-container .drawer.drawer-left {
        left: 0;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    .drawer-container .drawer.drawer-right {
        right: 0;
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px)
    }

    .drawer-container .drawer .drawer-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -15px -15px 15px;
        padding: 20px 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #464f60
    }

        .drawer-container .drawer .drawer-header h3 {
            font-size: 1rem;
            line-height: 1rem;
            margin: 0;
            padding: 0;
            color: #fff
        }

        .drawer-container .drawer .drawer-header .drawer-closer {
            padding: 15px;
            margin: -15px -15px -15px 0;
            color: #fff;
            text-decoration: none;
            font-weight: 700;
            -webkit-transition: .1s ease-in-out;
            -o-transition: .1s ease-in-out;
            transition: .1s ease-in-out;
            font-size: 1rem;
            line-height: 1rem
        }

            .drawer-container .drawer .drawer-header .drawer-closer:hover {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

.auction-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .auction-item-list .auction-item {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .auction-item-list .auction-item {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .auction-item-list .auction-item {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33333% !important;
        flex: 0 0 33.33333% !important
    }
}

.auction-item-list-6 {
    margin: -5px -10px
}

    .auction-item-list-6 .auction-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

        .auction-item-list-6 .auction-item .auction-item-inner {
            margin: 5px
        }

.auction-item-list-4 {
    margin: -5px -10px
}

    .auction-item-list-4 .auction-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

        .auction-item-list-4 .auction-item .auction-item-image {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .auction-item-list-4 .auction-item .auction-item-inner {
            margin: 15px;
            border-radius: 4px
        }

        .auction-item-list-4 .auction-item .auction-item-desc {
            padding: 5px 15px 15px
        }

        .auction-item-list-4 .auction-item:hover .auction-item-inner {
            -webkit-box-shadow: 0 0 14px 1px rgba(82,102,163,.24);
            box-shadow: 0 0 14px 1px rgba(82,102,163,.24)
        }

.auction-item-list-3 {
    margin: -5px -10px
}

    .auction-item-list-3 .auction-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

        .auction-item-list-3 .auction-item .auction-item-image {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .auction-item-list-3 .auction-item .auction-item-inner {
            margin: 15px;
            border-radius: 4px
        }

        .auction-item-list-3 .auction-item .auction-item-desc {
            padding: 5px 15px 15px
        }

        .auction-item-list-3 .auction-item:hover .auction-item-inner {
            -webkit-box-shadow: 0 0 14px 1px rgba(82,102,163,.24);
            box-shadow: 0 0 14px 1px rgba(82,102,163,.24)
        }

.auction-list-carousel .item {
    padding: 15px 5px
}

.auction-list-carousel .auction-item .auction-item-inner {
    border-radius: 8px;
    padding: 0;
    -webkit-box-shadow: 0 0 14px 1px rgba(82,102,163,.24);
    box-shadow: 0 0 14px 1px rgba(82,102,163,.24);
    border: none
}

.auction-list-carousel .auction-item .hidden-tools {
    display: none
}

.auction-list-carousel .auction-item .auction-item-image {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.auction-list-carousel .auction-item .auction-item-desc {
    padding: 5px 15px 15px
}

.auction-list-carousel .auction-item .hidden-tools {
    display: none !important
}

.auction-list-carousel .auction-item:hover .auction-item-inner {
    -webkit-box-shadow: 0 0 14px 1px rgba(82,102,163,.5);
    box-shadow: 0 0 14px 1px rgba(82,102,163,.5)
}

.auction-list-carousel .owl-nav .owl-next, .auction-list-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 100%;
    width: 50px;
    cursor: pointer
}

    .auction-list-carousel .owl-nav .owl-next:focus, .auction-list-carousel .owl-nav .owl-prev:focus {
        outline: none
    }

    .auction-list-carousel .owl-nav .owl-next i, .auction-list-carousel .owl-nav .owl-prev i {
        background: #464f60;
        height: 30px;
        width: 30px;
        border-radius: 30px;
        padding: 7px 6px;
        color: #fff
    }

    .auction-list-carousel .owl-nav .owl-next:hover i, .auction-list-carousel .owl-nav .owl-prev:hover i {
        background-color: #464f60
    }

.auction-list-carousel .owl-nav .owl-prev {
    background: -webkit-gradient(linear,left top,right top,from(#f3f5fa),to(rgba(243,245,250,0))) !important;
    background: -o-linear-gradient(left,#f3f5fa,rgba(243,245,250,0)) !important;
    background: linear-gradient(90deg,#f3f5fa,rgba(243,245,250,0)) !important
}

.auction-list-carousel .owl-nav .owl-next {
    left: auto;
    right: 0;
    background: -webkit-gradient(linear,right top,left top,from(#f3f5fa),to(rgba(243,245,250,0))) !important;
    background: -o-linear-gradient(right,#f3f5fa,rgba(243,245,250,0)) !important;
    background: linear-gradient(270deg,#f3f5fa,rgba(243,245,250,0)) !important
}

.auction-item-list-new {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px
}

.auction-item {
    position: relative;
    margin-bottom: 15px
}

    .auction-item:hover .auction-item-inner {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .auction-item:hover .image-container img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .auction-item:hover .badge-overlay {
        opacity: .5
    }

    .auction-item:hover .auction-ribbon-bottom-right {
        bottom: -100px !important;
        right: -150px !important
    }

    .auction-item:hover .auction-ribbon-bottom-left {
        bottom: -100px !important;
        left: -150px !important
    }

    .auction-item .auction-item-counter .countdown {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #e2cc24;
        border-radius: 0;
        background: #ffeb3b;
        -webkit-animation: none;
        animation: none
    }

        .auction-item .auction-item-counter .countdown .number {
            font-size: .8125rem
        }

        .auction-item .auction-item-counter .countdown .text {
            font-size: .5625rem
        }

    .auction-item .prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .auction-item .prices .price-col {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center;
            background-color: #efefef;
            border-radius: 4px
        }

            .auction-item .prices .price-col:last-child {
                margin-left: 5px;
                background-color: #009919;
                color: #fff
            }

            .auction-item .prices .price-col .col-inner {
                padding: 5px;
                text-align: center
            }

            .auction-item .prices .price-col h5 {
                font-size: .8125rem;
                font-weight: 700;
                display: block;
                padding: 0;
                margin: 0
            }

            .auction-item .prices .price-col span {
                font-size: .625rem;
                display: block;
                padding: 0;
                margin: 0
            }

    .auction-item .offer-btn {
        margin-top: 5px;
        display: block;
        width: 100%
    }

    .auction-item .auction-item-inner {
        background-color: #fff;
        position: relative;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .auction-item .auction-item-image {
        overflow: hidden;
        position: relative
    }

        .auction-item .auction-item-image .btn-favorite {
            font: normal normal normal 14px/1 FontAwesome;
            color: #464f60;
            position: absolute;
            left: 10px;
            top: 10px;
            text-decoration: none;
            z-index: 2
        }

            .auction-item .auction-item-image .btn-favorite:before {
                content: "\f234"
            }

            .auction-item .auction-item-image .btn-favorite:hover {
                color: #de0c0c
            }

                .auction-item .auction-item-image .btn-favorite:hover:before {
                    content: "\f233"
                }

            .auction-item .auction-item-image .btn-favorite.active {
                color: #de0c0c
            }

                .auction-item .auction-item-image .btn-favorite.active:before {
                    content: "\f233"
                }

        .auction-item .auction-item-image .image-container {
            width: 100%;
            max-height: 160px;
            margin: 0;
            padding: 0;
            border-radius: 6px;
            overflow: hidden
        }

            .auction-item .auction-item-image .image-container img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s
            }

    .auction-item .badge-overlay {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: .6875rem;
        padding: 3px 7px;
        border-radius: 15px;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        z-index: 2
    }

.auction-ribbon-horizontal {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 2
}

    .auction-ribbon-horizontal.auction-ribbon-horizontal-primary {
        background-color: #464f60
    }

    .auction-ribbon-horizontal.auction-ribbon-horizontal-secondary {
        background-color: #ea5047
    }

    .auction-ribbon-horizontal.auction-ribbon-horizontal-default {
        background-color: #464f60
    }

    .auction-ribbon-horizontal.auction-ribbon-horizontal-danger {
        background-color: #de0c0c
    }

    .auction-ribbon-horizontal.auction-ribbon-horizontal-success {
        background-color: #009919
    }

.auction-ribbon {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    width: 150px;
    padding: 3px 0;
    margin: 0;
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 2
}

    .auction-ribbon.auction-ribbon-bottom-right {
        bottom: 15px;
        right: -50px;
        left: auto;
        top: auto;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .auction-ribbon.auction-ribbon-bottom-left {
        bottom: 15px;
        left: -50px;
        right: auto;
        top: auto;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .auction-ribbon.auction-ribbon-primary {
        background-color: #464f60
    }

    .auction-ribbon.auction-ribbon-secondary {
        background-color: #ea5047
    }

    .auction-ribbon.auction-ribbon-default {
        background-color: #464f60
    }

    .auction-ribbon.auction-ribbon-danger {
        background-color: #de0c0c
    }

    .auction-ribbon.auction-ribbon-success {
        background-color: #009919
    }

.auction-item-desc .location {
    color: #ea5047;
    display: block;
    margin-top: 5px
}

    .auction-item-desc .location a {
        color: #ea5047;
        font-size: .8125rem;
        font-weight: 700
    }

.auction-item-desc .title {
    color: #464f60;
    font-size: .8125rem;
    line-height: 1rem !important;
    display: block;
    margin: 5px 0 10px;
    max-height: 64px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -o-text-overflow: "...";
    text-overflow: "..."
}

.auction-item-desc .price {
    font-size: 1rem;
    font-weight: 700;
    color: #464f60
}

.auction-item-desc .tools a {
    font-size: .8125rem;
    color: #464f60;
    font-weight: 700
}

.auction-item-new {
    border: 1px solid #de0c0c;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 15px;
    width: 100%;
    display: block
}

    .auction-item-new .title {
        font-size: 13px;
        font-weight: 700
    }

    .auction-item-new .auction-item-image {
        display: block;
        position: relative;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        overflow: hidden;
        background-color: red;
        border-bottom: 1px solid #ddd
    }

        .auction-item-new .auction-item-image .overlay-title {
            background-color: #f3f5fa;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding: 5px;
            font-size: 75%
        }

        .auction-item-new .auction-item-image img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

    .auction-item-new .auction-item-desc .title {
        border-bottom: 1px solid #ddd;
        padding: 10px
    }

    .auction-item-new .auction-item-desc .props {
        margin: 0;
        padding: 0 10px 10px;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 75%
    }

        .auction-item-new .auction-item-desc .props li {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

    .auction-item-new .auction-item-actions {
        padding: 10px
    }

    .auction-item-new:hover {
        text-decoration: none;
        border-color: #464f60
    }

.auction-item-gallery {
    position: relative;
    margin-bottom: 15px
}

    .auction-item-gallery .auction-item-gallery-inner {
        position: relative;
        overflow: hidden;
        margin-bottom: 5px
    }

    .auction-item-gallery .item, .auction-item-gallery .item img {
        border-radius: 4px
    }

    .auction-item-gallery .owl-nav {
        margin: 0;
        padding: 0
    }

        .auction-item-gallery .owl-nav .owl-next, .auction-item-gallery .owl-nav .owl-prev {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0;
            border-radius: 0;
            height: 100%;
            width: 50px;
            cursor: pointer
        }

            .auction-item-gallery .owl-nav .owl-next:focus, .auction-item-gallery .owl-nav .owl-prev:focus {
                outline: none
            }

            .auction-item-gallery .owl-nav .owl-next i, .auction-item-gallery .owl-nav .owl-prev i {
                background: #464f60;
                height: 30px;
                width: 30px;
                border-radius: 30px;
                padding: 7px 6px;
                color: #fff
            }

            .auction-item-gallery .owl-nav .owl-next:hover i, .auction-item-gallery .owl-nav .owl-prev:hover i {
                background-color: #464f60
            }

        .auction-item-gallery .owl-nav [class*=owl-]:hover {
            background-color: rgba(0,0,0,.2)
        }

        .auction-item-gallery .owl-nav .owl-next {
            left: auto;
            right: 0
        }

    .auction-item-gallery .owl-thumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -5px
    }

        .auction-item-gallery .owl-thumbs button {
            margin: 0;
            border: 3px solid transparent;
            background-color: transparent;
            height: 16.66667%;
            width: 16.66667%;
            position: relative;
            padding: 3px;
            border-radius: 4px
        }

            .auction-item-gallery .owl-thumbs button img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 4px
            }

.auction-item-tabs {
    margin: 0 -15px
}

    .auction-item-tabs .nav-tabs {
        background-color: #e6e9ee
    }

    .auction-item-tabs .tab-content .mapframe iframe {
        border: 0;
        width: 100%;
        min-height: 500px
    }

    .auction-item-tabs .tab-pane {
        padding: 30px;
        border: 1px solid #dee2e6;
        margin-top: -2px;
        border-radius: 4px;
        background-color: #fff
    }

@media (max-width:767px) {
    .auction-item-tabs .tab-pane {
        padding: 15px
    }
}

.auction-item-tabs .nav-link {
    padding: 15px;
    white-space: nowrap;
    z-index: 1
}

    .auction-item-tabs .nav-link:hover {
        border-color: transparent
    }

@media (max-width:767px) {
    .auction-item-tabs .nav-link {
        padding: 5px 15px;
        text-align: center;
        font-size: .6875rem;
        font-weight: 700
    }

        .auction-item-tabs .nav-link i {
            display: block;
            margin-bottom: 5px;
            font-size: 1.5rem
        }
}

@media (max-width:767px) {
    .auction-item-tabs .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.auction-item-meta .title {
    font-size: 1.375rem;
    line-height: 2rem;
    margin-bottom: 15px
}

.auction-item-meta .catalog {
    display: block;
    margin-top: 15px;
    padding: 0
}

.auction-item-meta .price {
    font-size: 1.375rem;
    line-height: 2rem;
    color: #009919;
    margin: 0 15px 0 0;
    padding: 0
}

.auction-item-meta .lot-number {
    display: block;
    padding: 3px 10px;
    border: 1px solid #464f60;
    color: #464f60;
    border-radius: 4px
}

.auction-item-meta .desc {
    font-size: .875rem;
    line-height: 1.375rem;
    margin-top: 15px
}

.auction-group-item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(70,79,96,.1);
    box-shadow: 0 1px 2px 0 rgba(70,79,96,.1);
    margin-bottom: 15px;
    border-radius: 6px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

    .auction-group-item:hover {
        -webkit-box-shadow: 0 5px 10px 1px rgba(70,79,96,.2);
        box-shadow: 0 5px 10px 1px rgba(70,79,96,.2)
    }

    .auction-group-item .media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-height: 250px;
        overflow: hidden;
        position: relative
    }

        .auction-group-item .media img {
            height: 100%;
            width: 100%;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            -o-object-fit: cover;
            object-fit: cover
        }

    .auction-group-item .content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 15px
    }

        .auction-group-item .content .title {
            font-weight: 700;
            font-size: 1rem;
            display: block
        }

        .auction-group-item .content .date {
            font-weight: 300;
            font-size: .875rem
        }

        .auction-group-item .content .lot-count {
            font-size: .875rem;
            margin-top: 10px;
            color: #ea5047;
            display: block
        }

        .auction-group-item .content p {
            margin: 0
        }

    .auction-group-item .tools {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
        padding: 15px;
        border-left: 1px solid #efefef;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .auction-group-item .tools .animate i {
            font-size: 20px;
            -webkit-animation: bounceRight 1s infinite;
            animation: bounceRight 1s infinite
        }

    .auction-group-item .counter {
        max-width: 170px;
        background: #464f60;
        border-radius: 4px;
        margin-bottom: 10px;
        padding: 5px
    }

        .auction-group-item .counter .counter-column {
            text-align: center
        }

            .auction-group-item .counter .counter-column:last-child .number:after {
                display: none
            }

        .auction-group-item .counter .number {
            display: block;
            font-size: 1.125rem;
            font-weight: 700;
            color: #fff;
            width: 40px
        }

            .auction-group-item .counter .number:after {
                content: ":";
                float: right
            }

        .auction-group-item .counter .text {
            color: #fff;
            display: block;
            font-size: .6875rem;
            font-weight: 700;
            margin-left: -3px
        }

        .auction-group-item .counter .text-success {
            color: #ea5047 !important
        }

@media (max-width:767px) {
    .auction-group-item {
        margin: 0 -10px 15px
    }

        .auction-group-item .media {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }
}

@-webkit-keyframes bounceRight {
    0%,20%,50%,80%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

@keyframes bounceRight {
    0%,20%,50%,80%,to {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    40% {
        -ms-transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    60% {
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

.property-box {
    border: 1px solid #e6e9ee;
    border-radius: 4px;
    margin-bottom: 15px
}

    .property-box .property-box-header {
        background-color: #f3f5fa;
        border-bottom: 1px solid #e6e9ee;
        padding: 10px 15px
    }

        .property-box .property-box-header h3 {
            font-size: 1.125rem;
            font-weight: 700;
            margin: 0;
            padding: 0
        }

    .property-box .property-box-body {
        padding: 15px
    }

    .property-box .property-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .property-box .property-list .property {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            padding: 5px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #aeb6c4;
            white-space: nowrap
        }

            .property-box .property-list .property:before {
                content: "\f346";
                display: inline-block;
                font: normal normal normal 24px/1 FontAwesome;
                width: 24px;
                height: 24px;
                margin-right: 5px
            }

            .property-box .property-list .property.checked {
                color: #464f60
            }

                .property-box .property-list .property.checked:before {
                    color: #009919;
                    content: "\f347"
                }

@media (max-width:767px) {
    .property-box .property-list .property {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        font-size: 80%
    }
}

.property-box.property-box-single .property-list .property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    color: #464f60;
    padding: 8px 0;
    border-bottom: 1px solid #efefef
}

    .property-box.property-box-single .property-list .property:before {
        content: none
    }

    .property-box.property-box-single .property-list .property:first-child {
        padding-top: 0
    }

    .property-box.property-box-single .property-list .property:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .property-box.property-box-single .property-list .property a {
        color: #ea5047;
        text-decoration: underline
    }

        .property-box.property-box-single .property-list .property a:hover {
            text-decoration: none
        }

.document-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .document-list.document-list-dark .document-item {
        background-color: #f3f5fa
    }

    .document-list .document-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 15px
    }

        .document-list .document-item .icon {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 60px;
            flex: 0 0 60px;
            width: 60px;
            height: 60px;
            border-radius: 60px;
            line-height: 60px;
            text-align: center;
            background-color: #ea5047;
            color: #fff;
            font-size: 30px
        }

        .document-list .document-item .content {
            padding: 0 15px
        }

            .document-list .document-item .content h3 {
                font-size: 1.125rem;
                margin: 0 0 5px;
                padding: 0
            }

            .document-list .document-item .content p {
                font-size: .8125rem
            }

        .document-list .document-item .btn {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px
        }

        .document-list .document-item:last-child {
            margin-bottom: 0
        }

        .document-list .document-item:hover {
            background-color: #e1e6f3
        }

.online-catalog {
    margin: 30px 0
}

.online-catalog-item {
    position: relative;
    border-radius: 8px;
    height: 12.5rem;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin: 0 0 15px;
    overflow: hidden
}

    .online-catalog-item.online-catalog-item-md {
        height: 25rem
    }

    .online-catalog-item.online-catalog-item-lg {
        height: 37.5rem
    }

    .online-catalog-item .image-container {
        border-radius: 8px;
        overflow: hidden;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1
    }

        .online-catalog-item .image-container:before {
            top: 0;
            height: 100%;
            background: -o-radial-gradient(at top left,#fff,transparent);
            background: radial-gradient(at top left,#fff,transparent);
            background-blend-mode: color-dodge;
            -webkit-filter: none;
            filter: none;
            z-index: 1
        }

        .online-catalog-item .image-container:after, .online-catalog-item .image-container:before {
            content: "";
            position: absolute;
            width: 100%;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .online-catalog-item .image-container:after {
            bottom: 0;
            left: 0;
            height: 70%;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#464f60),to(rgba(70,79,96,0)));
            background: -o-linear-gradient(bottom,#464f60 50%,rgba(70,79,96,0));
            background: linear-gradient(0deg,#464f60 50%,rgba(70,79,96,0));
            z-index: 2
        }

        .online-catalog-item .image-container img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s
        }

        .online-catalog-item .image-container .logo {
            position: absolute;
            left: 30px;
            top: 50px;
            max-width: 150px;
            z-index: 2
        }

    .online-catalog-item .content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2
    }

    .online-catalog-item .description {
        padding: 30px;
        color: #fff
    }

        .online-catalog-item .description h3 {
            font-size: 1.25rem;
            margin: 0;
            padding: 0
        }

        .online-catalog-item .description p {
            margin: 0;
            padding: 0;
            font-size: .8125rem
        }

    .online-catalog-item .btn {
        color: #fff;
        padding: .4rem 1rem;
        font-size: .8125rem
    }

    .online-catalog-item .btn-detail {
        border: 1px solid #fff
    }

        .online-catalog-item .btn-detail:hover {
            border-color: #ea5047;
            background-color: #ea5047
        }

    .online-catalog-item:hover {
        -webkit-box-shadow: 0 0 14px 1px rgba(82,102,163,.24);
        box-shadow: 0 0 14px 1px rgba(82,102,163,.24)
    }

        .online-catalog-item:hover .image-container:after {
            background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#464f60),to(rgba(70,79,96,0)));
            background: -o-linear-gradient(bottom,#464f60 50%,rgba(70,79,96,0));
            background: linear-gradient(0deg,#464f60 50%,rgba(70,79,96,0))
        }

        .online-catalog-item:hover .image-container img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .online-catalog-item:hover .image-container .logo img {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .online-catalog-item:hover .btn-join {
            background-color: #e8a200;
            color: #fff
        }

            .online-catalog-item:hover .btn-join:hover {
                border-color: #b57e00;
                background-color: #b57e00
            }

.online-catalog-item-slider {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    position: relative;
    min-height: 440px;
    margin: 30px 0;
    overflow: hidden;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-animation: slide-down 5s 3;
    animation: slide-down 5s 3
}

    .online-catalog-item-slider .content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        color: #464f60;
        padding: 30px;
        background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#fff),to(hsla(0,0%,100%,0)));
        background: -o-linear-gradient(bottom,#fff 50%,hsla(0,0%,100%,0));
        background: linear-gradient(0deg,#fff 50%,hsla(0,0%,100%,0))
    }

    .online-catalog-item-slider .ribbon {
        background-color: #f44336
    }

        .online-catalog-item-slider .ribbon:after {
            border-top-color: #f44336
        }

        .online-catalog-item-slider .ribbon i {
            -webkit-animation: shadow-pulse 2s infinite;
            animation: shadow-pulse 2s infinite
        }

    .online-catalog-item-slider .countdown {
        margin-bottom: 15px;
        width: auto !important;
        background-color: #464f60;
        color: #fff
    }

        .online-catalog-item-slider .countdown .number, .online-catalog-item-slider .countdown .text {
            color: #fff
        }

        .online-catalog-item-slider .countdown .text-success {
            color: #ea5047 !important
        }

    .online-catalog-item-slider img {
        height: auto !important;
        max-width: 100%
    }

    .online-catalog-item-slider .btn {
        padding: .4rem 1rem;
        font-size: .8125rem
    }

    .online-catalog-item-slider .btn-detail {
        color: #fff;
        border-color: #ea5047;
        background-color: #ea5047
    }

        .online-catalog-item-slider .btn-detail:hover {
            border-color: #e4251a;
            background-color: #e4251a
        }

    .online-catalog-item-slider .btn-join {
        color: #464f60;
        border-color: #464f60
    }

        .online-catalog-item-slider .btn-join:hover {
            color: #fff;
            background-color: #464f60
        }

@-webkit-keyframes shadow-pulse {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

@keyframes shadow-pulse {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

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

.countdown {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    width: 100%;
    -webkit-animation-name: ShineAnimation;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite
}

    .countdown .icon:active:after {
        opacity: 0
    }

    .countdown .countdown-column {
        text-align: center
    }

        .countdown .countdown-column:last-child .number:after {
            display: none
        }

    .countdown .number {
        color: #464f60;
        display: block;
        font-size: 1.125rem;
        font-weight: 700;
        width: 40px
    }

        .countdown .number:after {
            content: ":";
            float: right
        }

    .countdown .text {
        color: #464f60;
        display: block;
        font-size: .6875rem;
        font-weight: 700;
        margin-left: -3px
    }

    .countdown .text-success {
        color: #ea5047 !important
    }

    .countdown.countdown-dark {
        background: #464f60
    }

        .countdown.countdown-dark .number, .countdown.countdown-dark .text {
            color: #fff
        }

@-webkit-keyframes ShineAnimation {
    0% {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(top left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 45%,hsla(0,0%,100%,.5) 48%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.5) 52%,hsla(0,0%,100%,0) 57%,hsla(0,0%,100%,0));
        background-position: -250px -250px;
        background-size: 600px 600px
    }

    to {
        background-repeat: no-repeat;
        background-position: 250px 250px
    }
}

.offer-item {
    position: relative;
    border-radius: 8px;
    height: 17.1875rem;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin: 0 0 15px
}

    .offer-item .countdown {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 210px;
        padding: 10px 20px;
        z-index: 10
    }

    .offer-item.offer-item-md {
        height: 28.125rem
    }

    .offer-item.offer-item-lg {
        height: 37.5rem
    }

    .offer-item .image-container {
        border-radius: 8px;
        overflow: hidden;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1
    }

        .offer-item .image-container:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(70,79,96,.8)),to(rgba(70,79,96,0)));
            background: -o-linear-gradient(bottom,rgba(70,79,96,.8) 50%,rgba(70,79,96,0));
            background: linear-gradient(0deg,rgba(70,79,96,.8) 50%,rgba(70,79,96,0));
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            z-index: 2
        }

        .offer-item .image-container img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s
        }

    .offer-item .content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2
    }

    .offer-item .description {
        padding: 30px;
        color: #fff
    }

        .offer-item .description h3 {
            font-size: 1.25rem;
            margin: 0;
            padding: 0
        }

        .offer-item .description p {
            margin: 0;
            padding: 0;
            font-size: .8125rem
        }

    .offer-item .btn {
        color: #fff;
        padding: .4rem 1rem;
        font-size: .8125rem
    }

    .offer-item .btn-detail {
        border: 1px solid #fff
    }

        .offer-item .btn-detail:hover {
            border-color: #ea5047
        }

    .offer-item .btn-join {
        background-color: #ea5047;
        color: #fff
    }

        .offer-item .btn-join:hover {
            border-color: #e4251a;
            background-color: #e4251a
        }

    .offer-item:hover {
        -webkit-box-shadow: 0 0 14px 1px rgba(82,102,163,.24);
        box-shadow: 0 0 14px 1px rgba(82,102,163,.24)
    }

        .offer-item:hover .image-container:after {
            background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#464f60),to(rgba(70,79,96,0)));
            background: -o-linear-gradient(bottom,#464f60 50%,rgba(70,79,96,0));
            background: linear-gradient(0deg,#464f60 50%,rgba(70,79,96,0))
        }

        .offer-item:hover .image-container img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .offer-item:hover .image-container .logo img {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

.icon-box {
    -webkit-box-shadow: 0 4px 30px 0 rgba(0,0,0,.07);
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.07);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 30px;
    margin-bottom: 15px;
    background: #fff
}

    .icon-box:hover {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .icon-box .icon {
        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
    }

        .icon-box .icon img {
            max-height: 120px
        }

    .icon-box .content h3 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .icon-box .content p {
        font-size: 14px
    }

    .icon-box.primary .content h3 {
        color: #464f60
    }

    .icon-box.secondary .content h3 {
        color: #ea5047
    }

.horizontal-img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .horizontal-img-box .image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        position: relative
    }

        .horizontal-img-box .image img {
            max-width: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .horizontal-img-box .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 30px;
        line-height: 2rem
    }

        .horizontal-img-box .content .title {
            margin-bottom: 15px;
            font-weight: 700
        }

        .horizontal-img-box .content .subtitle {
            margin-bottom: 15px
        }

        .horizontal-img-box .content p {
            font-size: 90%
        }

        .horizontal-img-box .content .buttons {
            margin-top: 30px
        }

            .horizontal-img-box .content .buttons .btn {
                margin: 0 10px 15px 0
            }

@media (min-width:1200px) {
    .horizontal-img-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .horizontal-img-box .content {
            padding: 100px
        }
}

.horizontal-img-box.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1200px) {
    .horizontal-img-box.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.horizontal-img-box.bg-alternate {
    background-color: #fff
}

.img-box {
    padding: 200px;
    background-size: cover;
    margin: 0;
    position: relative
}

    .img-box h2:after {
        content: "";
        margin: 15px 0;
        width: 10%;
        height: 2px;
        display: block;
        background-color: #ea5047
    }

    .img-box.img-box-center, .img-box.img-box-center .content {
        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
    }

        .img-box.img-box-center .content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center
        }

        .img-box.img-box-center h2:after {
            margin: 15px auto
        }

    .img-box.img-box-parallax {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 50%
    }

        .img-box.img-box-parallax .content {
            position: relative;
            color: #fff
        }

        .img-box.img-box-parallax:before {
            content: "";
            left: 0;
            top: 0;
            background-color: rgba(70,79,96,.9);
            width: 100%;
            height: 100%;
            position: absolute
        }

    .img-box.img-box-no-gutter {
        margin: 0 -15px
    }

.blog-item {
    background-color: red;
    position: relative;
    text-decoration: none;
    color: #464f60
}

    .blog-item .image {
        max-height: 200px;
        border-radius: 6px;
        overflow: hidden
    }

        .blog-item .image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s
        }

    .blog-item .content {
        margin-top: 15px
    }

        .blog-item .content .date {
            background-color: #ea5047;
            text-align: center;
            padding: 15px;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            font-size: 1.875rem;
            line-height: 1.875rem;
            color: #fff;
            margin-top: -45px;
            margin-right: 15px;
            position: relative;
            z-index: 1;
            border-radius: 6px
        }

            .blog-item .content .date span {
                display: block;
                font-weight: 100;
                font-size: 1rem;
                line-height: 1rem
            }

        .blog-item .content .text h3 {
            font-size: 1.125rem;
            line-height: 1.5rem;
            font-weight: 700;
            color: #464f60
        }

        .blog-item .content .text p {
            font-size: .875rem
        }

    .blog-item:hover {
        color: #464f60;
        text-decoration: none
    }

        .blog-item:hover .image img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

        .blog-item:hover .text h3 {
            color: #ea5047
        }

.agent-banner {
    background-size: cover;
    background-position: bottom;
    color: #fff
}

    .agent-banner h1 {
        font-weight: 900
    }

    .agent-banner h2 {
        font-weight: 100
    }

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

    .cities-list ul li {
        line-height: 1.25rem
    }

        .cities-list ul li a {
            color: #5c677d;
            font-size: .875rem
        }

.subscribe-form {
    background-color: #f3f5fa;
    border-radius: 8px;
    padding: 25px
}

@media (max-width:767px) {
    .subscribe-form {
        margin: 15px -15px;
        border-radius: 0
    }
}

.subscribe-form p {
    font-size: .875rem
}

.subscribe-form form {
    background-color: #fff;
    padding: 10px;
    border-radius: 30px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}

    .subscribe-form form i {
        padding: 0 15px;
        font-size: 1.5rem
    }

    .subscribe-form form input {
        width: 100%;
        border: none
    }

        .subscribe-form form input:focus {
            border: none;
            outline: none
        }

    .subscribe-form form button {
        background-color: #ea5047;
        color: #fff;
        border-radius: 30px;
        padding: 5px 15px;
        border: 0
    }

        .subscribe-form form button:hover {
            background-color: #e4251a
        }

.bg-color-1 {
    background-color: #464f60
}

.bg-color-2 {
    background-color: #ea5047
}

.bg-color-1-dark {
    background-color: #303743
}

.bg-color-1-light {
    background-color: #738099
}

.bg-gray-1 {
    background-color: #f3f5fa !important
}

.bg-gray-2 {
    background-color: #e6e9ee !important
}

.bg-register-type-auto {
    background-image: url(../../assets/images/bg-register-auto.jpg);
    background-position: 50%;
    background-size: cover;
    background-blend-mode: multiply
}

.bg-register-type-realestate {
    background-image: url(../../assets/images/bg-register-realestate.jpg);
    background-position: 50%;
    background-size: cover;
    background-blend-mode: multiply
}

.btn-rounded {
    border-radius: 40px;
    padding: .375rem 1rem
}

.btn {
    font-size: 1rem;
    white-space: nowrap
}

.btn-sm {
    font-size: .8125rem;
    padding: .2rem .7rem
}

.btn-primary {
    background-color: #464f60;
    color: #fff;
    border-color: #464f60
}

.btn-outline-primary {
    border-color: #464f60;
    color: #464f60
}

    .btn-outline-primary:hover {
        border-color: #464f60;
        background-color: #464f60
    }

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .open .dropdown-toggle.btn-primary, .show > .btn-primary.dropdown-toggle {
    background-color: #262b34;
    color: #fff;
    border-color: #262b34
}

    .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
        -webkit-box-shadow: 0 0 0 .1rem #738099;
        box-shadow: 0 0 0 .1rem #738099
    }

.btn-secondary {
    background-color: #ea5047;
    color: #fff;
    border-color: #ea5047
}

    .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .open .dropdown-toggle.btn-secondary, .show > .btn-secondary.dropdown-toggle {
        background-color: #e4251a;
        color: #fff;
        border-color: #e4251a
    }

        .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
            -webkit-box-shadow: 0 0 0 .1rem #f4a7a3;
            box-shadow: 0 0 0 .1rem #f4a7a3
        }

.btn-facebook {
    color: #fff;
    background-color: #3b5998 !important
}

    .btn-facebook:hover {
        color: #fff;
        background-color: #2d4373 !important
    }

.btn-twitter {
    color: #fff;
    background-color: #1da1f2 !important
}

    .btn-twitter:hover {
        color: #fff;
        background-color: #0c85d0 !important
    }

.btn-linkedin {
    color: #fff;
    background-color: #007bb5 !important
}

    .btn-linkedin:hover {
        color: #fff;
        background-color: #005882 !important
    }

.btn-instagram {
    color: #fff;
    background-color: #c32aa3 !important
}

    .btn-instagram:hover {
        color: #fff;
        background-color: #992180 !important
    }

.btn-youtube {
    color: #fff;
    background-color: red !important
}

    .btn-youtube:hover {
        color: #fff;
        background-color: #c00 !important
    }

.btn-google {
    color: #fff;
    background-color: #ea4335 !important
}

    .btn-google:hover {
        color: #fff;
        background-color: #d62516 !important
    }

.footer-bar {
    overflow: hidden
}

    .footer-bar .footer-bar-btn {
        text-decoration: none;
        color: #464f60;
        display: block;
        height: 120px;
        padding-top: 30px
    }

        .footer-bar .footer-bar-btn .icon {
            height: 60px;
            width: 60px;
            border-radius: 30px;
            position: relative;
            z-index: 1;
            text-align: center;
            color: #fff;
            margin-right: 40px;
            margin-left: 15px
        }

            .footer-bar .footer-bar-btn .icon:before {
                content: "";
                position: absolute;
                width: 80px;
                height: 80px;
                left: -10px;
                top: -10px;
                z-index: -1;
                border-radius: 40px
            }

            .footer-bar .footer-bar-btn .icon:after {
                content: "";
                position: absolute;
                width: 100px;
                height: 100px;
                left: -20px;
                top: -20px;
                z-index: -2;
                border-radius: 50px
            }

            .footer-bar .footer-bar-btn .icon i {
                line-height: 60px;
                font-size: 30px;
                width: 60px
            }

            .footer-bar .footer-bar-btn .icon.icon-primary {
                background-color: #464f60
            }

                .footer-bar .footer-bar-btn .icon.icon-primary:before {
                    background-color: rgba(70,79,96,.7)
                }

                .footer-bar .footer-bar-btn .icon.icon-primary:after {
                    background-color: rgba(70,79,96,.5)
                }

            .footer-bar .footer-bar-btn .icon.icon-secondary {
                background-color: #ea5047
            }

                .footer-bar .footer-bar-btn .icon.icon-secondary:before {
                    background-color: rgba(234,80,71,.7)
                }

                .footer-bar .footer-bar-btn .icon.icon-secondary:after {
                    background-color: rgba(234,80,71,.5)
                }

            .footer-bar .footer-bar-btn .icon.icon-default {
                background-color: #464f60
            }

                .footer-bar .footer-bar-btn .icon.icon-default:before {
                    background-color: rgba(70,79,96,.7)
                }

                .footer-bar .footer-bar-btn .icon.icon-default:after {
                    background-color: rgba(70,79,96,.5)
                }

        .footer-bar .footer-bar-btn .text {
            padding-top: 5px
        }

            .footer-bar .footer-bar-btn .text h3 {
                font-weight: 100;
                font-size: 1.125rem;
                margin: 0 0 5px;
                padding: 0
            }

            .footer-bar .footer-bar-btn .text h4 {
                font-weight: 700;
                font-size: .875rem
            }

        .footer-bar .footer-bar-btn:hover {
            color: #ea5047
        }

            .footer-bar .footer-bar-btn:hover .icon-secondary {
                background-color: #e4251a
            }

footer a, footer a:hover {
    color: #464f60
}

footer .social-icons-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    footer .social-icons-list li {
        display: inline-block
    }

        footer .social-icons-list li a {
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            text-align: center;
            background-color: #464f60;
            color: #fff;
            padding: 2px;
            border-radius: 40px
        }

            footer .social-icons-list li a:hover {
                text-decoration: none
            }

footer .app-links a {
    background-size: cover;
    border-radius: 8px;
    background-color: #000;
    width: 150px;
    height: 50px;
    display: block
}

footer .app-links .appstore {
    background-image: url(assets/images/appstore.jpg)
}

footer .app-links .googleplay {
    background-image: url(assets/images/google-play.jpg)
}

.page {
    background-color: #fff;
    padding: 25px 0 50px
}

.page-top-header {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    position: relative
}

    .page-top-header .page-header {
        margin: 0
    }

.page-header {
    margin: 0 0 30px
}

    .page-header .icon {
        margin-right: 15px
    }

        .page-header .icon i {
            font-size: 2rem;
            line-height: 2rem;
            width: 50px;
            height: 50px;
            text-align: center;
            padding: 8px 11px;
            background-color: #ea5047;
            border-radius: 25px;
            color: #fff
        }

    .page-header .text h1 {
        font-size: 1.125rem;
        margin: 5px 0;
        padding: 0
    }

    .page-header .text p {
        font-size: 80%;
        margin: 0;
        padding: 0
    }

    .page-header .header-breadcrumb ol {
        list-style: none;
        margin: 0;
        font-size: .8125rem
    }

        .page-header .header-breadcrumb ol li {
            display: inline-block
        }

            .page-header .header-breadcrumb ol li:after {
                content: "/";
                margin: 0 3px
            }

            .page-header .header-breadcrumb ol li:last-child:after {
                content: none
            }

@media (max-width:767px) {
    .page-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .page-header .header-breadcrumb {
            width: 100%;
            overflow-x: auto;
            margin-top: 5px
        }

            .page-header .header-breadcrumb ol {
                text-align: left;
                margin: 0;
                padding: 0;
                white-space: nowrap
            }
}

.modal-expander {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

@media (max-width:767px) {
    .modal-expander {
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px;
        height: 100%;
        width: 100%;
        z-index: 2000;
        background: -webkit-gradient(linear,left top,left bottom,from(#464f60),to(#307278));
        background: -o-linear-gradient(top,#464f60,#307278);
        background: linear-gradient(180deg,#464f60,#307278);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

        .modal-expander .modal-expander-header {
            display: block !important
        }
}

.modal-expander.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow-y: auto
}

.modal-expander .modal-expander-header {
    background-color: #303743;
    color: #fff;
    display: none;
    padding: 10px 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

    .modal-expander .modal-expander-header h3 {
        font-size: 1.125rem;
        margin: 0;
        padding: 0
    }

    .modal-expander .modal-expander-header a {
        display: inline-block;
        padding: 5px;
        color: #fff
    }

.modal-expander-opened {
    overflow: hidden
}

.filter-sidebar .filter-buttons .btn {
    padding: 6px 10px;
    background-color: #464f60;
    margin: -10px -5px 15px;
    color: #fff;
    border-radius: 2px;
    display: block
}

    .filter-sidebar .filter-buttons .btn:first-child {
        margin-right: 5px
    }

.filter-sidebar .filter-section {
    background-color: #fff;
    border: 1px solid #efefef;
    margin-top: -1px
}

    .filter-sidebar .filter-section .header {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #efefef;
        font-weight: 700;
        color: #464f60;
        cursor: pointer
    }

        .filter-sidebar .filter-section .header:after {
            content: "\f110";
            float: right;
            font: normal normal normal 14px/1 FontAwesome;
            margin-top: 5px
        }

        .filter-sidebar .filter-section .header.collapsed:after {
            content: "\f112"
        }

    .filter-sidebar .filter-section .content .content-inner {
        padding: 15px;
        font-size: .875rem
    }

.list-tool-btn {
    background-color: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    padding: 30px
}

    .list-tool-btn:hover {
        background-color: #ea5047;
        color: #fff;
        text-decoration: none
    }

    .list-tool-btn i {
        font-size: 32px;
        margin-bottom: 15px
    }

.filter-bar {
    background-color: #f3f5fa;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 15px
}

    .filter-bar * {
        margin-bottom: 0 !important
    }

.vertical-card-list {
    margin-right: -15px
}

    .vertical-card-list .card, .vertical-card-list .list-tool-btn {
        margin-bottom: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

@media (min-width:1200px) {
    .vertical-card-list .card, .vertical-card-list .list-tool-btn {
        margin-right: 15px;
        margin-bottom: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
        flex: 0 0 calc(50% - 15px)
    }

    .vertical-card-list.vertical-card-list-triple .card, .vertical-card-list.vertical-card-list-triple .list-tool-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 15px);
        flex: 0 0 calc(33.33% - 15px)
    }
}

.custom-control-input:focus, .custom-control-label:focus {
    outline: none
}

    .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
        border-color: #464f60
    }

    .custom-control-input:focus ~ .custom-control-label:before {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.custom-control-input:not(:disabled):active ~ .custom-control-label:before {
    border: none;
    background-color: transparent
}

.custom-control-input:checked ~ .custom-control-label:before {
    border-color: #464f60;
    background-color: #464f60
}

.sidebar-menu {
    margin-bottom: 15px;
    position: sticky;
    top: 0
}

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

        .sidebar-menu ul li {
            margin: 0 0 0 25px
        }

            .sidebar-menu ul li a {
                font-size: .875rem;
                line-height: 1.75rem
            }

            .sidebar-menu ul li.active a {
                color: #ea5047;
                font-weight: 700
            }

            .sidebar-menu ul li.header {
                font-weight: 700;
                margin: 5px 0;
                padding: 0
            }

                .sidebar-menu ul li.header i {
                    width: 20px;
                    padding: 0;
                    font-size: 20px;
                    margin: 0 5px 0 0
                }

            .sidebar-menu ul li .badge {
                font-size: 12px;
                float: right
            }

.sidebar-menu-opener {
    padding: 6px 10px;
    background-color: #464f60;
    margin: -10px -5px 15px;
    color: #fff;
    border-radius: 2px;
    display: none;
    text-align: center
}

@media (max-width:767px) {
    .sidebar-menu-opener {
        display: block
    }
}

.sidebar-menu-opener:hover {
    color: #fff;
    text-decoration: none;
    background-color: #303743
}

.anim-hover-zoom {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .anim-hover-zoom:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.intro {
    position: relative
}

    .intro .brand {
        position: absolute;
        top: calc(50vh - 225px);
        left: calc(50% - 125px);
        background-color: #fff;
        z-index: 10;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        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;
        -webkit-box-shadow: 0 10px 10px 10px rgba(0,0,0,.2);
        box-shadow: 0 10px 10px 10px rgba(0,0,0,.2);
        padding: 25px 0 10px
    }

    .intro .slogan {
        position: absolute;
        top: calc(50vh + 50px);
        left: calc(50% - 350px);
        z-index: 11;
        width: 700px;
        color: #fff;
        text-align: center
    }

        .intro .slogan h1 {
            font-size: 60px;
            line-height: 60px;
            font-weight: 900
        }

        .intro .slogan p {
            opacity: .8
        }

    .intro .sections {
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden
    }

        .intro .sections .section {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 200%;
            flex: 1 1 200%;
            height: 100vh;
            position: relative;
            overflow: hidden
        }

            .intro .sections .section .video {
                width: 100%;
                height: 100%;
                overflow: hidden;
                z-index: 1
            }

                .intro .sections .section .video video {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                    z-index: 0;
                    -webkit-transition: all 1.8s ease-in-out;
                    -o-transition: all 1.8s ease-in-out;
                    transition: all 1.8s ease-in-out
                }

                .intro .sections .section .video:before {
                    content: "";
                    background-color: rgba(233,72,63,.9);
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 1;
                    -webkit-transition: all .2s ease-in-out;
                    -o-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out
                }

            .intro .sections .section .content {
                position: absolute;
                background-color: transparent;
                border: 1px solid hsla(0,0%,100%,.3);
                padding: 30px;
                top: calc(50% - 150px);
                height: 100px;
                border-radius: 50px;
                width: 350px;
                z-index: 3;
                -webkit-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                opacity: .8;
                color: #fff
            }

            .intro .sections .section.section-auto .video:before {
                background-color: rgba(25,50,117,.9)
            }

            .intro .sections .section.section-auto .content {
                left: 0;
                text-align: right
            }

            .intro .sections .section.section-realestate .content {
                right: 0;
                text-align: left
            }

            .intro .sections .section:hover .video video {
                -webkit-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2)
            }

            .intro .sections .section:hover .video:before {
                background-color: transparent
            }

            .intro .sections .section:hover .content {
                opacity: 1
            }

            .intro .sections .section:hover.section-auto .content {
                background-color: #193275;
                border-color: #193275;
                -webkit-transform: translateX(15px);
                -ms-transform: translateX(15px);
                transform: translateX(15px)
            }

            .intro .sections .section:hover.section-realestate .content {
                background-color: #e9483f;
                border-color: #e9483f;
                -webkit-transform: translateX(-15px);
                -ms-transform: translateX(-15px);
                transform: translateX(-15px)
            }

        .intro .sections .section-realestate .content {
            right: 0
        }

@media (max-width:767px) {
    .intro .brand {
        top: calc(50vh - 125px);
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    .intro .slogan {
        display: none
    }

    .intro .sections {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .intro .sections .section {
            height: 50vh
        }

            .intro .sections .section .content {
                width: calc(100% - 50px);
                bottom: 0;
                text-align: center !important;
                top: calc(50% - 25px) !important;
                height: 50px;
                padding: 6px;
                margin: 0 25px
            }

            .intro .sections .section:hover .content {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

            .intro .sections .section.section-auto .content {
                text-align: left
            }
}

.intro .intro-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 30px;
    color: hsla(0,0%,100%,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .intro .intro-footer a {
        padding: 10px;
        color: hsla(0,0%,100%,.5);
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-decoration: none
    }

        .intro .intro-footer a:hover {
            color: #fff
        }

.intro-v2 {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: url(../../assets/images/intro-bg.jpg);
    background-position: 50%;
    background-size: cover
}

    .intro-v2 .brand {
        position: absolute;
        width: 175px;
        left: calc(50% - 88px);
        top: 30px
    }

    .intro-v2 .slogan {
        position: absolute;
        width: 50%;
        left: 25%;
        top: 120px;
        text-align: center;
        color: #193276;
        font-style: italic
    }

        .intro-v2 .slogan h1 {
            font-size: 30px
        }

            .intro-v2 .slogan h1 b {
                font-weight: 900
            }

        .intro-v2 .slogan p {
            font-size: 16px
        }

    .intro-v2 .sections {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        height: 100vh
    }

        .intro-v2 .sections, .intro-v2 .sections .section {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            align-items: center
        }

            .intro-v2 .sections .section {
                -webkit-transition-duration: .5s;
                -o-transition-duration: .5s;
                transition-duration: .5s;
                width: 100%;
                height: 100%;
                position: relative;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 48%;
                flex: 0 0 48%;
                overflow: hidden;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
                -ms-flex-align: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .intro-v2 .sections .section .img img {
                    -o-object-fit: contain;
                    object-fit: contain;
                    width: 100%;
                    height: 100%
                }

                .intro-v2 .sections .section .title {
                    position: absolute;
                    top: calc(50% - 30px);
                    left: 30px;
                    font-size: 40px;
                    color: #fff
                }

                    .intro-v2 .sections .section .title, .intro-v2 .sections .section .title .arrow {
                        font-weight: 700;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .intro-v2 .sections .section .title .arrow {
                            background-color: #fff;
                            width: 30px;
                            height: 30px;
                            border-radius: 15px;
                            font-size: 20px;
                            line-height: 20px;
                            color: #193276;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-animation-duration: 2s;
                            animation-duration: 2s;
                            -webkit-animation-iteration-count: infinite;
                            animation-iteration-count: infinite;
                            -webkit-animation-timing-function: linear;
                            animation-timing-function: linear
                        }

                        .intro-v2 .sections .section .title .caption {
                            -webkit-transition-delay: .6s;
                            -o-transition-delay: .6s;
                            transition-delay: .6s;
                            -webkit-animation-delay: 1s;
                            animation-delay: 1s;
                            -webkit-animation-duration: 1.2s;
                            animation-duration: 1.2s;
                            -webkit-animation-iteration-count: 1;
                            animation-iteration-count: 1
                        }

                .intro-v2 .sections .section.active {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 52%;
                    flex: 0 0 52%
                }

                .intro-v2 .sections .section.shirink {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 44%;
                    flex: 0 0 44%
                }

            .intro-v2 .sections .section-realestate {
                -webkit-animation-name: section-fade-in-left;
                animation-name: section-fade-in-left
            }

                .intro-v2 .sections .section-realestate .title {
                    left: auto;
                    right: 30px;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: reverse;
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse
                }

                    .intro-v2 .sections .section-realestate .title .caption {
                        -webkit-animation-name: title-left;
                        animation-name: title-left
                    }

                    .intro-v2 .sections .section-realestate .title .arrow {
                        margin-left: 25px;
                        -webkit-animation-name: arrow-bounce-left;
                        animation-name: arrow-bounce-left
                    }

            .intro-v2 .sections .section-auto {
                -webkit-animation-name: section-fade-in-right;
                animation-name: section-fade-in-right
            }

                .intro-v2 .sections .section-auto .title .caption {
                    -webkit-animation-name: title-right;
                    animation-name: title-right
                }

                .intro-v2 .sections .section-auto .title .arrow {
                    margin-right: 25px;
                    -webkit-animation-name: arrow-bounce-right;
                    animation-name: arrow-bounce-right
                }

    .intro-v2 .footer-btns {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 30px;
        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
    }

        .intro-v2 .footer-btns .scroll-down {
            font-size: 60px;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-name: btn-scroll-down;
            animation-name: btn-scroll-down
        }

            .intro-v2 .footer-btns .scroll-down:hover {
                text-decoration: none
            }

@media (max-width:767px) {
    .intro-v2 .brand {
        top: 30px
    }

    .intro-v2 .slogan {
        width: 90%;
        left: 5%;
        top: 120px
    }

        .intro-v2 .slogan h1 {
            font-size: 36px
        }

        .intro-v2 .slogan p {
            font-size: 16px
        }

    .intro-v2 .sections {
        height: 80vh;
        margin-top: 20vh
    }

    .intro-v2 .section .img {
        background-size: unset !important;
        background-position: 100% !important;
        background-size: 500px !important
    }

    .intro-v2 .section .title {
        top: calc(50% - 16px) !important;
        font-size: 16px !important;
        left: 15px
    }

    .intro-v2 .section.section-realestate .title {
        right: 15px;
        left: auto
    }

    .intro-v2 .section.section-auto .img {
        background-position: 0 !important
    }
}

@-webkit-keyframes title-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }

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

@keyframes title-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }

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

@-webkit-keyframes title-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }

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

@keyframes title-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }

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

@-webkit-keyframes arrow-bounce-left {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes arrow-bounce-left {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes arrow-bounce-right {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes arrow-bounce-right {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@-webkit-keyframes section-fade-in-right {
    0% {
        -webkit-transform: translate3d(1000px,1000px,0);
        transform: translate3d(1000px,1000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes section-fade-in-right {
    0% {
        -webkit-transform: translate3d(1000px,1000px,0);
        transform: translate3d(1000px,1000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes section-fade-in-left {
    0% {
        -webkit-transform: translate3d(-1000px,-1000px,0);
        transform: translate3d(-1000px,-1000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes section-fade-in-left {
    0% {
        -webkit-transform: translate3d(-1000px,-1000px,0);
        transform: translate3d(-1000px,-1000px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes btn-scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes btn-scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.search-bar {
    width: 100%;
    text-align: center
}

@media (max-width:767px) {
    .search-bar {
        text-align: center;
        padding: 25px 0
    }
}

.search-bar h1 {
    font-size: 3.125rem;
    font-weight: 900;
    color: #fff
}

.search-bar h2 {
    font-size: 1.875rem;
    font-weight: 100;
    color: #fff
}

.search-bar form {
    margin-top: 15px
}

    .search-bar form .input {
        background-color: #fff;
        padding: 8px 15px;
        border-radius: 4px;
        -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        display: block;
        width: 100%
    }

        .search-bar form .input label {
            display: block;
            font-size: .6875rem;
            font-weight: 700;
            margin: 0;
            padding: 0
        }

        .search-bar form .input input {
            display: block;
            border: none;
            outline: 0;
            width: 100%
        }

    .search-bar form .button button {
        width: 58px;
        height: 58px;
        font-size: 20px;
        border: 0;
        border-radius: 4px;
        margin-left: 5px;
        background-color: #ea5047;
        color: #fff;
        font-weight: 700;
        -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

        .search-bar form .button button:hover {
            background-color: #e4251a
        }

.search-bar .spot {
    color: #fff;
    margin-top: 15px
}

.search-bar .categories-title {
    margin-top: 30px;
    font-size: .8125rem;
    color: #fff;
    opacity: .6
}

.search-bar .categories {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .search-bar .categories li {
        padding: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

        .search-bar .categories li a {
            border-radius: 4px;
            padding: 15px;
            display: block;
            background-color: #fff;
            color: #464f60;
            text-align: center;
            text-decoration: none;
            width: 100%;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
        }

            .search-bar .categories li a i {
                display: block
            }

                .search-bar .categories li a i:before {
                    font-size: 30px
                }

            .search-bar .categories li a:hover {
                background-color: #464f60;
                color: #fff;
                -webkit-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
                -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.2);
                box-shadow: 0 10px 30px rgba(0,0,0,.2)
            }

@media (max-width:767px) {
    .search-bar .categories li a {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        padding: 8px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .search-bar .categories li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (max-width:767px) {
    .search-bar .categories li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

#homepage-slider {
    position: relative;
    overflow: hidden;
    /*max-width: 1400px;*/
    margin: 0 auto;
    /*border-radius: 15px;*/
    min-height: 500px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}

@media (max-width:767px) {
    #homepage-slider {
        margin: 15px
    }

        #homepage-slider form {
            display: none
        }
}

#homepage-slider .video-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

    #homepage-slider .video-slide video {
        height: 500px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: 1
    }

    #homepage-slider .video-slide:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(70,79,96,.7);
        display: block;
        z-index: 2
    }

#homepage-slider .image-slide {
    width: 100%;
    height: 100%;
    max-height: 500px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    #homepage-slider .image-slide img {
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 100%;
        min-height: 500px;
        height: 100%
    }

#homepage-slider .layer-container {
    position: relative;
    z-index: 2;
    padding: 60px 0
}

#homepage-slider .owl-carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    z-index: 1
}

    #homepage-slider .owl-carousel .item {
        width: 100%;
        height: 100%;
        min-height: 500px;
        overflow: hidden
    }

        #homepage-slider .owl-carousel .item img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

    #homepage-slider .owl-carousel:after {
        content: "";
        clear: both
    }

.slider-search-bar {
    background-color: #fff;
    border-radius: 15px
}

    .slider-search-bar .nav {
        background-color: #f3f5fa;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }

        .slider-search-bar .nav .nav-link {
            padding: 15px 0
        }

        .slider-search-bar .nav .active {
            color: #ea5047
        }

    .slider-search-bar .tab-content .tab-pane {
        padding: 15px
    }

    .slider-search-bar .tab-content .form-control {
        border-radius: 40px
    }

.testimonial {
    margin-bottom: 15px
}

    .testimonial .image {
        position: relative;
        height: 200px;
        border-radius: 6px;
        overflow: hidden;
        display: block;
        margin-bottom: 15px
    }

        .testimonial .image img {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%
        }

        .testimonial .image:after, .testimonial .image:before {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transition: opacity .2s,-webkit-transform .2s;
            transition: opacity .2s,-webkit-transform .2s;
            -o-transition: transform .2s,opacity .2s;
            transition: transform .2s,opacity .2s;
            transition: transform .2s,opacity .2s,-webkit-transform .2s
        }

        .testimonial .image:before {
            border-radius: 30px;
            background: #fff;
            opacity: .4;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            width: 60px;
            height: 60px;
            z-index: 10
        }

        .testimonial .image:after {
            width: 14px;
            height: 14px;
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: 7px 0 7px 14px;
            z-index: 11;
            -webkit-transform: translateY(-50%) translateX(calc(-50% + 3px));
            -ms-transform: translateY(-50%) translateX(calc(-50% + 3px));
            transform: translateY(-50%) translateX(calc(-50% + 3px))
        }

    .testimonial .content h3 {
        font-size: 16px;
        font-weight: 700;
        color: #ea5047
    }

    .testimonial:hover .image:before {
        background-color: #ea5047;
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1.3);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1.3);
        transform: translateX(-50%) translateY(-50%) scale(1.3)
    }

.home-live-box {
    border: 2px solid #de0c0c;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 125px;
    max-height: 125px;
}

@media (max-width:767px) {
    .home-live-box {
        max-height: initial;
    }
}

    .home-live-box .title h3 {
        color: #de0c0c;
        white-space: nowrap;
        font-size: 22px
    }

    /*.home-live-box .actions {
        max-width: 100px;
    }*/

    .home-live-box .title p {
        font-size: 22px;
        margin: 0
    }

    .home-live-box .desc {
        padding: 0 15px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left:40px;
    }

        .home-live-box .desc h3 {
            font-size: 16px;
            font-weight: 700
        }

        .home-live-box .desc p {
            margin: 0
        }

    .home-live-box .actions .btn {
        background-color: #de0c0c;
        color: #fff
    }

    .home-live-box.home-live-box-success {
        border-color: #009919
    }

        .home-live-box.home-live-box-success .title h3 {
            color: #009919
        }

        .home-live-box.home-live-box-success .actions .btn {
            background-color: #009919
        }

    .home-live-box.home-live-box-info {
        border-color: #0039b4
    }

        .home-live-box.home-live-box-info .title h3 {
            color: #0039b4
        }

        .home-live-box.home-live-box-info .actions .btn {
            background-color: #0039b4
        }

@media (max-width:767px) {
    .home-live-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .home-live-box .desc {
            padding: 15px 0
        }
}

.h-section-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #ea5047;
    padding: 15px 50px;
    text-align: center;
    color: #464f60;
    margin-bottom: 30px
}

.testimonials-slider .item {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .testimonials-slider .item .avatar {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        overflow: hidden
    }

        .testimonials-slider .item .avatar img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .testimonials-slider .item h3 {
        font-size: 16px;
        margin: 15px 0
    }

.testimonials-slider .owl-next, .testimonials-slider .owl-prev {
    position: absolute;
    top: calc(50% - 40px);
    left: -50px;
    width: 50px;
    height: 50px;
    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;
    padding: 0;
    margin: 0;
    border-radius: 25px !important
}

    .testimonials-slider .owl-next span, .testimonials-slider .owl-prev span {
        font-size: 40px;
        line-height: 40px
    }

    .testimonials-slider .owl-next:hover, .testimonials-slider .owl-prev:hover {
        background: rgba(0,0,0,.2) !important
    }

.testimonials-slider .owl-next {
    right: -50px;
    left: auto
}

.single-content-body .single-content-image {
    max-height: 500px;
    overflow: hidden;
    position: relative
}

    .single-content-body .single-content-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .single-content-body .single-content-image .main-title {
        position: absolute;
        top: 400px;
        left: 0;
        color: #464f60;
        font-size: 30px;
        background-color: #ea5047;
        padding: 10px 50px 10px 25px;
        opacity: .8;
        font-weight: 700;
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
        font-style: italic
    }

.single-content-body .seperate {
    border-right: 1px solid rgba(70,79,96,.2);
    padding-right: 10px
}

.single-content-body .single-content-title h1 {
    font-size: 1.375rem;
    margin: 15px 0
}

    .single-content-body .single-content-title h1:after {
        display: block;
        height: 2px;
        background-color: #464f60;
        content: " ";
        width: 50%;
        margin: 5px auto 0
    }

.card-header {
    position: relative
}

    .card-header[data-toggle=collapse]:after {
        content: "\f113";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        position: absolute;
        text-decoration: inherit;
        color: #b0c5d8;
        font-size: 20px;
        line-height: 22px;
        right: 20px;
        top: calc(50% - 10px)
    }

    .card-header[data-toggle=collapse].collapsed:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.accordion .card-header {
    cursor: pointer
}

.form-group p {
    font-size: 13px
}

.agreement {
    background-color: rgba(0,0,0,.05)
}

.cardbox {
    -webkit-perspective: 30rem;
    perspective: 30rem;
    -moz-perspective: 50rem;
    position: relative;
    height: 27rem
}

@keyframes spinY {
    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@-webkit-keyframes spinY {
    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

.cardbox input[type=radio] {
    display: none
}

.cardbox.selected i {
    display: block
}

.cardbox_side {
    height: 27rem;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,.15);
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.15)
}

.cardbox_side-front {
    background-color: #f3f5fa
}

.cardbox_side-back {
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg)
}

.cardbox_side-back-1 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#738099),to(#303743));
    background-image: -o-linear-gradient(left top,#738099,#303743);
    background-image: linear-gradient(to right bottom,#738099,#303743)
}

.cardbox_side-back-2 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#ffe766),to(#ccac00));
    background-image: -o-linear-gradient(left top,#ffe766,#ccac00);
    background-image: linear-gradient(to right bottom,#ffe766,#ccac00)
}

.cardbox_side-back-3 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#dddcdf),to(#74737c));
    background-image: -o-linear-gradient(left top,#dddcdf,#74737c);
    background-image: linear-gradient(to right bottom,#dddcdf,#74737c)
}

.cardbox:hover .cardbox_side-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.cardbox:hover .cardbox_side-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.cardbox_picture {
    background-size: cover;
    height: 10rem;
    background-blend-mode: screen;
    -webkit-clip-path: polygon(0 0,100% 0,100% 85%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 85%,0 100%);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.cardbox_picture-1 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#738099),to(#303743)),url(assets/images/auction-item.jpg);
    background-image: -o-linear-gradient(left top,#738099,#303743),url(assets/images/auction-item.jpg);
    background-image: linear-gradient(to right bottom,#738099,#303743),url(assets/images/auction-item.jpg)
}

.cardbox_picture-2 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#ffe766),to(#ccac00)),url(assets/images/auction-item.jpg);
    background-image: -o-linear-gradient(left top,#ffe766,#ccac00),url(assets/images/auction-item.jpg);
    background-image: linear-gradient(to right bottom,#ffe766,#ccac00),url(assets/images/auction-item.jpg)
}

.cardbox_picture-3 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(#dddcdf),to(#74737c)),url(assets/images/auction-item.jpg);
    background-image: -o-linear-gradient(left top,#dddcdf,#74737c),url(assets/images/auction-item.jpg);
    background-image: linear-gradient(to right bottom,#dddcdf,#74737c),url(assets/images/auction-item.jpg)
}

.cardbox_heading {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
    color: #f3f5fa;
    position: absolute;
    top: 9rem;
    right: .5rem;
    width: 75%
}

.cardbox_heading-span {
    padding: .5rem .8rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: 700
}

.cardbox_heading-span-1 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(rgba(115,128,153,.85)),to(rgba(48,55,67,.85)));
    background-image: -o-linear-gradient(left top,rgba(115,128,153,.85),rgba(48,55,67,.85));
    background-image: linear-gradient(to right bottom,rgba(115,128,153,.85),rgba(48,55,67,.85))
}

.cardbox_heading-span-2 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(rgba(255,231,102,.85)),to(rgba(204,172,0,.85)));
    background-image: -o-linear-gradient(left top,rgba(255,231,102,.85),rgba(204,172,0,.85));
    background-image: linear-gradient(to right bottom,rgba(255,231,102,.85),rgba(204,172,0,.85))
}

.cardbox_heading-span-3 {
    background-image: -webkit-gradient(linear,left top,right bottom,from(rgba(221,220,223,.85)),to(rgba(116,115,124,.85)));
    background-image: -o-linear-gradient(left top,rgba(221,220,223,.85),rgba(116,115,124,.85));
    background-image: linear-gradient(to right bottom,rgba(221,220,223,.85),rgba(116,115,124,.85))
}

.cardbox_details {
    padding: 1rem
}

    .cardbox_details ul {
        list-style: none;
        width: 80%;
        margin: 1rem auto;
        padding: 0 !important
    }

        .cardbox_details ul li {
            text-align: center;
            font-size: 1rem;
            padding: .5rem
        }

            .cardbox_details ul li:not(:last-child) {
                border-bottom: 1px solid #e6e9ee
            }

            .cardbox_details ul li i {
                margin-right: 5px;
                color: gold;
                font-size: 30px;
                -webkit-animation: spinY 1s linear infinite;
                animation: spinY 1s linear infinite
            }

.cardbox_cta {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: center
}

    .cardbox_cta i {
        display: block;
        display: none;
        font-size: 4rem;
        color: #ea5047;
        margin-top: 3rem
    }

.cardbox_price-box {
    text-align: center;
    color: #f3f5fa;
    margin-bottom: 1rem
}

.cardbox_price-only {
    font-size: 1rem;
    text-transform: uppercase
}

.cardbox_price-value {
    font-size: 3rem;
    font-weight: 100
}

.page-about-us .hero {
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 300px;
    overflow: hidden
}

@media (min-width:1200px) {
    .page-about-us .hero {
        height: 500px
    }
}

.page-about-us .hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover
}

.page-about-us .hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(70,79,96,.7);
    height: 100%
}

.page-about-us .hero .hero-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    text-align: center
}

.page-about-us .mt-over-hero {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media (min-width:1200px) {
    .page-about-us .mt-over-hero {
        margin-top: -60px;
        margin-bottom: -60px
    }
}

.d-op-box-container {
    padding: 100px;
    overflow: hidden;
    margin: -100px
}

.d-op-box {
    background: #fff;
    -webkit-box-shadow: 1px 0 20px rgba(0,0,0,.1);
    box-shadow: 1px 0 20px rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 60px 30px;
    border-radius: 8px;
    position: relative
}

    .d-op-box:after, .d-op-box:before {
        content: "";
        background-color: #464f60;
        height: 200px;
        width: 200px;
        right: -50px;
        bottom: -50px;
        z-index: -1;
        position: absolute;
        border-radius: 100%
    }

    .d-op-box:before {
        background-color: #ea5047;
        top: -50px;
        left: -50px;
        bottom: auto;
        right: auto
    }

.rounded-people {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

    .rounded-people img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        border-radius: 100px
    }

    .rounded-people p {
        font-size: 18px;
        font-weight: 700;
        margin-top: 15px;
        color: #464f60
    }

    .rounded-people span {
        display: block
    }

.rounded-people-list {
    margin: 60px auto
}

.tableFixHead {
    overflow:auto;
    height:500px;
}

.tableFixHead thead th{
    position:sticky;
    top:0;
    z-index:1;
    background-color:#fff;
}