@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800); /* --------------------------------------
Table Of  Content

1) Header
2) Logo & Navbar Section
3) Search Section
4) Form Overlay
5) Inner Categories Search Box
6) Main Banner
7) Banner Map
8) Search Categories
9) Feature Listing
10) Tags
11) Recent Listings
12) Vfx Counter Block
13) Pricing Plan
14) Listing Product
15) Breadcrum
16) Footer Block
17) About Company
18) Featured Service Block
19) Login Forms and Register Form Style
20) Reviews Section
21) Contact Section
22) Listing Section
23) Add Listings
24) Right Side Bar
25) User Dashboard
26) Error Page 

---------------------------------------------- */
body {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    position: relative;
    -webkit-transition: left .5s ease-out;
    -o-transition: left .5s ease-out;
    transition: left .5s ease-out
}

img {
    max-width: 100%;
}

* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
    outline: 0 !important;
}

.nopadding-right {
    padding-right: 0px;
}

.nopadding-left {
    padding-left: 0px;
}

.nopadding {
    padding: 0px;
}

.affix-top {
    position: static;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 999;
}

    .affix + .container-fluid {
        padding-top: 70px;
    }

button {
    outline: none;
}

    button:hover, button:active, button:focus {
        outline: none;
    }

.affix {
    position: fixed;
    top: 0px;
}

option {
    padding-left: 15px;
}

.login_form_text_center {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.v-center {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#location-search-list option {
    border-bottom: 1px solid #c2c2c2;
    padding: 7px 15px;
    font-size: 14px;
}

    #location-search-list option:last-child {
        border-bottom: 0;
    }

.fixed {
    position: fixed;
}

#vfx_loader_block {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.vfx-loader-item {
    margin: 0 auto;
    position: relative;
    top: 50%;
    width: 100px;
}

/***************************** placeholder color ********************/
.form-control::-webkit-input-placeholder {
    color: #969595;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #969595;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #969595;
}

.form-control:-ms-input-placeholder {
    color: #969595;
}

/*********************************** Header ********************************/
#header {
    background: #262626;
    padding: 15px 0px;
    border-bottom: 2px solid #686868;
    line-height: 15px;
}

#left-header h1 {
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    font-weight: normal;
}

    #left-header h1 a, #left-header h1 span {
        font-weight: 500;
        color: #ffffff;
    }

    #left-header h1 br {
        display: none;
    }

    #left-header h1 a:hover {
        color: #ffce10;
    }

#right-header h1 {
    font-size: 14px;
    color: #ffffff;
    margin: 0px;
    display: inline-block;
    margin-right: 12px;
}

#right-header a {
    color: #ffffff;
    padding-left: 18px;
}

    #right-header a i.fa {
        transition: all 0.2s ease 0s;
    }

    #right-header a:hover {
        color: #ffce10;
    }

        #right-header a:hover i.fa {
            transform: scale(1.2);
        }

/************************** logo & navbar section **************************/
#logo-header {
    background: #ffffff;
    padding: 0;
    height: 94px;
    line-height: 55px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}

#logo {
    width: 100%;
    height: auto;
    padding: 8px 0;
}

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

#nav_menu_list {
    padding: 0;
}

    #nav_menu_list ul {
        line-height: 88px;
        margin-bottom: 0;
    }

        #nav_menu_list ul li {
            list-style-type: none;
            display: inline-block;
        }

            #nav_menu_list ul li a {
                font-family: "Poppins", sans-serif;
                color: #262626;
                font-size: 14px;
                text-transform: none;
                font-weight: 500;
                margin-bottom: 5px;
                padding: 35px 13px 33px;
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                #nav_menu_list ul li a:last-child {
                    margin-right: 0
                }

    #nav_menu_list li.active {
        border-bottom: 5px solid #e77e24;
        color: #e77e24;
    }

        #nav_menu_list li.active a {
            margin-bottom: 0px;
        }

    #nav_menu_list li a:hover {
        color: #ffce10;
        background: transparent;
    }

    #nav_menu_list li.btn_item {
        top: 12px;
    }

        #nav_menu_list li.btn_item ul li {
            float: left;
        }

            #nav_menu_list li.btn_item ul li button.btn_login, #nav_menu_list li.btn_item ul li button.btn_register {
                font-family: "Poppins", sans-serif;
                background: transparent linear-gradient(to right, #262626 50%, #e77e24 50%) repeat scroll right bottom / 202% 100%;
                border: 0 none;
                border-radius: 1px;
                color: #ffffff;
                font-size: 14px;
                font-weight: 600;
                height: 34px;
                line-height: 18px;
                padding: 8px 15px;
                margin-left: 5px;
                text-transform: none;
                vertical-align: middle;
                -webkit-transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

                #nav_menu_list li.btn_item ul li button.btn_login:hover, #nav_menu_list li.btn_item ul li button.btn_register:hover {
                    background-position: left bottom;
                    color: #ffffff;
                }

.navbar {
    border: none;
    position: relative;
    margin-bottom: 0px;
    min-height: auto;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-toggle {
    margin-top: 4px;
    background: #ffce10;
    border-color: #ffce10;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffce10;
    border-color: #ffce10;
}

/************************ search section **************************/
#search-section {
    background: #ffce10;
    padding: 20px 0px;
}

#categorie-search-form {
    float: left;
    width: 100%;
}

form#categorie-search-form h1 {
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
    font-size: 26px;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
}

#search-input .form-group {
    margin-bottom: 0px;
}

select#location-search-list {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

input.form-control {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

#search-input .form-control {
    font-family: "Open Sans", sans-serif;
    height: 50px;
    border: none;
    font-size: 15px;
    font-weight: 500;
}

#search-input select, select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    #search-input select.form-control {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        border-radius: 30px 0 0 30px;
        border-right: 1px solid #c2c2c2;
        color: #6f6f6f;
        background: #ffffff url(./images/slt_btn_cat.png) top 50% right 15px no-repeat;
        padding-left: 15px;
    }

#search-input input.form-control {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    border-radius: 0 30px 30px 0;
    padding-left: 15px;
    color: #c2c2c2;
}

#location-search-btn button {
    font-family: "Poppins", sans-serif;
    background: -webkit-linear-gradient(left, #ffffff 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #ffffff 50%, #73bf19 50%) repeat scroll right bottom / 207% 100% transparent;
    color: #ffffff;
    padding: 14px;
    font-size: 15px;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
    width: 100%;
    outline: 0;
}

    #location-search-btn button i.fa {
        margin-right: 5px;
    }

    #location-search-btn button:hover {
        background-position: left bottom;
        color: #262626;
    }

/****************** form overlay *****************/
.formOverlay:before {
    content: "\f110";
    font-family: "FontAwesome";
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    color: #ffce10;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 56px;
    margin-top: -25px;
    margin-left: -25px;
}

.formOverlay {
    background: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.alert .message-icon {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #9F9F9F;
    border-radius: 50%;
    line-height: 30px;
}

#dashboard_inner_block {
    background: #ffffff;
    padding: 80px 0;
}

/************************ inner categories search box **************************/
#vfx-search-item-inner {
    padding: 70px 0 70px 0px;
    background: url(./images/inner_search_bg.png) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    border-bottom: 1px solid #e4e4e4;
}

#vfx-search-box .form-group {
    margin-bottom: 0px;
}

.vfx-search-categorie-title {
    margin-bottom: 30px;
}

    .vfx-search-categorie-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .vfx-search-categorie-title h1 span {
            color: #ffce10;
        }

select#location-search-list {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

input.form-control {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

#vfx-search-box .form-control {
    height: 50px;
    border: none;
    font-size: 15px;
}

#vfx-search-box select, select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    #vfx-search-box select option {
        border-bottom: 1px solid #c2c2c2;
        font-size: 14px;
        padding: 7px 15px;
    }

    #vfx-search-box select.form-control {
        font-family: "Poppins", sans-serif;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: 1px solid #c2c2c2;
        color: #6f6f6f;
        font-weight: 500;
        background: #ffffff url("./images/slt_btn_cat.png") top 50% right 15px no-repeat;
        padding-left: 15px;
        box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
        border: 1px solid #b4b4b4;
    }

#vfx-search-box input.form-control {
    font-family: "Poppins", sans-serif;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-left: 15px;
    color: #c2c2c2;
    font-weight: 500;
    box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #b4b4b4;
    border-left: 0px;
}

#vfx-search-btn button {
    font-family: "Poppins", sans-serif;
    background: -webkit-linear-gradient(left, #01273a 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #01273a 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    color: #01273a;
    padding: 14px;
    font-size: 16px;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
    width: 100%;
    outline: 0;
    box-shadow: 0px 5px 1px rgba(0, 0, 0, 0.3);
}

    #vfx-search-btn button i.fa {
        margin-right: 5px;
    }

    #vfx-search-btn button:hover {
        background-position: left bottom;
        color: #ffce10;
    }

/******************* main banner *****************************/
#slider-banner-section {
    background: url(./images/banner.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-bottom: 20px solid #ffffff;
}

#location_slider_item_block {
    text-align: center;
}

    #location_slider_item_block button {
        background: #e77e24;
        display: inline-block;
        width: 80px;
        height: 40px;
        border: none;
        border-radius: 50px 50px 0 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
    }

        #location_slider_item_block button i.fa {
            color: #ffffff;
            font-size: 30px;
            position: relative;
            bottom: -3px;
        }

#home-slider-item {
    padding-top: 60px;
    z-index: 0;
    position: relative;
}

    #home-slider-item span.helpyou_item {
        font-family: "Open Sans", sans-serif;
        color: #ffffff;
        margin-bottom: 20px;
        font-size: 36px;
        line-height: 36px;
        font-weight: 700;
        display: block;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
    }

        #home-slider-item span.helpyou_item span {
            color: #e77e24;
        }

    #home-slider-item h1 {
        font-family: "Open Sans", sans-serif;
        font-size: 54px;
        color: #ffffff;
        margin: 0px;
        font-weight: 800;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

        #home-slider-item h1 span {
            color: #e77e24;
        }

    #home-slider-item p {
        font-family: "Poppins", sans-serif;
        font-size: 26px;
        color: #ffffff;
        margin: 20px 0px 0px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        line-height: 30px;
        font-weight: 500;
    }

#search-categorie-item-block {
    margin: 68px 0px 124px;
    float: left;
    width: 100%;
}

    #search-categorie-item-block h1 {
        font-size: 28px;
        font-weight: 700;
        color: #ffce10;
        margin: 0px;
        text-transform: uppercase;
    }

/********************** banner map **********************/
#location-map-block {
    border-bottom: 7px solid #ffce10;
    width: 100%;
}

#location-link-item {
    text-align: center;
}

    #location-link-item button {
        position: absolute;
        left: 0;
        right: 0;
        border: none;
        text-align: center;
        margin: 0 auto;
        background: #ffce10;
        width: 80px;
        height: 40px;
        bottom: 0;
        border-radius: 50px 50px 0px 0px;
    }

        #location-link-item button i.fa {
            color: #01273a;
            font-size: 30px;
            position: relative;
            top: 2px;
        }

#map, #location-homemap-block, #locationmap, #contactmap {
    width: 100%;
    height: 557px;
    top: -1px;
    margin-bottom: -2px;
    display: inline-block;
    float: left
}

/***************************** search categories *********************/
#search-categorie-item {
    background: #FAFAFA url(./images/category_bg.png) no-repeat center top;
    background-position: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 80px 0px 60px 0;
}

#search-categories-section {
    padding: 10px 0px 60px;
    background: #f7f7f7;
    border-bottom: 2px solid #ffce10;
}

    #search-categories-section .categories-list {
        background: #ffffff;
    }

.categories-heading {
    margin-bottom: 50px;
}

    .categories-heading h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .categories-heading h1 span {
            color: #e77e24;
        }

.categorie_item {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    padding: 0px;
    margin-bottom: 30px;
}

    .categorie_item:hover {
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: ease-out .5s;
        -moz-transition: ease-out .5s;
        -o-transition: ease-out .5s;
        transition: ease-out .5s;
        transition: all .6s ease-in-out 0;
    }

.cate_item_block {
    background: #fcfbfb;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 6px;
    text-align: center;
    padding: 30px 0;
}

.cate_item_social {
    background: #ffce10;
    border-radius: 50px;
    color: #ffffff;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

    .cate_item_social i {
        display: block;
        font-size: 40px;
        line-height: 90px;
        text-align: center;
    }

    .cate_item_social img {
        border-radius: 0px;
        display: inline-block;
        height: 97px;
        max-width: 100%;
        padding: 15px;
        text-align: center;
    }

.cate_item_block h1 {
    color: #4a4a4a;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

    .cate_item_block h1 a {
        font-family: "Poppins", sans-serif;
        color: #4a4a4a;
        font-weight: 500;
    }

.cate_item_block:hover {
    background: #ffce10;
    color: #01273a;
}

.categorie_item:hover .cate_item_social i {
    background: transparent;
    color: #ffce10;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-transition: ease-out .5s;
    -moz-transition: ease-out .5s;
    -o-transition: ease-out .5s;
    transition: ease-out .5s;
    /*transform: rotate(360deg);*/
    transition: all .6s ease-in-out 0;
}

.hi-icon {
    color: #ffffff;
    display: block;
    position: relative;
    text-align: center;
    z-index: 1
}

    .hi-icon::after {
        border-radius: 50%;
        box-sizing: content-box;
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        width: 100%
    }

.categorie_item:hover .hi-icon-effect-8 .hi-icon {
    background: #fff;
    color: #ffce10;
    cursor: pointer
}

.hi-icon-effect-8 .hi-icon::after {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    left: 0;
    opacity: 0;
    padding: 0;
    top: 0;
    transform: scale(0.9);
    z-index: -1
}

.no-touch .hi-icon-effect-8 .hi-icon:hover {
    background: rgba(255,255,255,0.05) none repeat scroll 0 0;
    color: #fff;
    transform: scale(0.93)
}

.categorie_item:hover .hi-icon-effect-8 .hi-icon::after {
    animation: 1.3s ease-out 75ms normal none 1 running sonarEffect
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
        opacity: .5
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
        opacity: 0;
        transform: scale(1.5)
    }

    0% {
        opacity: .3
    }

    40% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
        opacity: .5
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #9a9a9a, 0 0 0 7px rgba(255,255,255,0.1);
        opacity: 0;
        transform: scale(1.5)
    }
}

.bt_heading_3 .line_1 {
    background-color: #6d6d6d;
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 60px;
}

.bt_heading_3 .icon {
    color: #e77e24;
    display: inline-block;
    font-size: 7px;
    line-height: 4px;
    margin: 0 3px;
    vertical-align: middle;
}

.bt_heading_3 .line_2 {
    background-color: #6d6d6d;
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 60px;
}

#search-categories-boxes, .search-categories-box {
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}

#search-categories-section #search-categories-boxes, #search-categories-section .search-categories-box {
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}

.all-categorie-list-title {
    margin-bottom: 50px;
}

    .all-categorie-list-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .all-categorie-list-title h1 span {
            color: #ffce10;
        }

.search-categories-boxes {
    width: 100%;
    display: inline-block;
}

    .search-categories-boxes h2 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        padding: 10px 15px;
        background: #ffbe00;
        font-size: 15px;
        text-align: left;
        color: #01273a;
        font-weight: 600;
        position: relative;
        padding-left: 45px;
        text-transform: uppercase;
        height: 42px;
        line-height: 22px;
    }

        .search-categories-boxes h2 i {
            margin-right: 5px;
            background: #fff;
            padding: 0;
            width: 30px;
            height: 30px;
            position: absolute;
            left: 7px;
            top: 6px;
            text-align: center;
            vertical-align: middle;
            line-height: 30px;
            border-radius: 30px;
        }

#all-categorie-item-block {
    background: #ffffff;
    padding: 80px 0 60px 0;
}

.categories-list {
    padding: 0px;
    border: 1px solid #eeeeee;
    border-top: none;
}

.categorie-list-box {
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-radius: 4px;
}

.categories-list ul {
    margin-bottom: 0px;
}

    .categories-list ul li {
        text-align: left;
        list-style: none;
        color: #636363;
        font-size: 14px;
        line-height: 35px;
        padding: 2px 15px;
        border-bottom: 1px solid #eeeeee;
        text-transform: capitalize;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
    }

        .categories-list ul li:last-child {
            border-bottom: 0px;
        }

        .categories-list ul li a {
            font-family: "Poppins", sans-serif;
            color: #696969;
            font-size: 13px;
            font-weight: 500;
        }

        .categories-list ul li:hover {
            padding-left: 20px;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
        }

            .categories-list ul li:hover a {
                color: #ffce10;
            }

        .categories-list ul li a i {
            margin-right: 5px;
        }

        .categories-list ul li span {
            font-family: "Poppins", sans-serif;
            color: #898989;
            font-weight: 500;
            font-size: 13px;
            float: right;
        }

#categorie-item-search {
    padding-top: 30px;
    display: inline-block;
    width: 100%;
}

.categorie-item-search {
    display: inline-block;
    width: 100%;
}

    .categorie-item-search h2 {
        margin: 0px;
        padding: 10px 15px;
        background: #ffce10;
        font-size: 16px;
        text-align: left;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #ffffff;
        text-transform: capitalize;
        height: 42px;
    }

        .categorie-item-search h2 img {
            margin-right: 5px;
        }

.categories-list1 {
    padding: 15px;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .categories-list1 ul {
        margin-bottom: 0px;
    }

        .categories-list1 ul li {
            text-align: left;
            list-style: none;
            color: #636363;
            font-size: 14px;
            line-height: 35px;
            text-transform: capitalize;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
        }

            .categories-list1 ul li a {
                color: #636363;
            }

            .categories-list1 ul li:hover {
                padding-left: 3px;
            }

                .categories-list1 ul li:hover a {
                    color: #ffce10;
                }

            .categories-list1 ul li::before {
                content: "";
                font-family: "FontAwesome";
                font-size: 10px;
                margin-right: 10px;
                color: #ffce10;
            }

            .categories-list1 ul li span {
                float: right;
            }

#search-categorie-item button {
    background: -webkit-linear-gradient(left, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    border: none;
    padding: 10px 30px;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 60px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    outline: 0;
}

    #search-categorie-item button:hover {
        background-position: left bottom;
    }

    #search-categorie-item button i.fa {
        margin-right: 5px;
    }

/************************* feature listing ************************/
.feature-item-listing-heading {
    margin-bottom: 50px;
}

    .feature-item-listing-heading h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .feature-item-listing-heading h1 span {
            color: #ffce10;
        }

#feature-item_listing_block {
    background: #ffffff;
    padding: 80px 0px 60px 0;
}

#feature-item-listing-heading h1 {
    margin: 0px;
    color: #242424;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
}

    #feature-item-listing-heading h1 span {
        padding: 0px 30px;
    }

        #feature-item-listing-heading h1 span::after {
            border-right: 3px solid #ffce10;
            content: "";
            height: 30px;
            margin-left: 20px;
            width: 3px;
            position: relative;
            top: 5px;
        }

        #feature-item-listing-heading h1 span::before {
            border-left: 3px solid #ffce10;
            bottom: 5px;
            content: "";
            height: 30px;
            margin-right: 20px;
            position: relative;
            width: 3px;
        }

.feature-box {
    padding-top: 60px;
    width: 100%;
    position: relative;
    display: inline-block;
}

#feature-box1, .feature-box1 {
    padding-top: 50px;
    width: 100%;
    position: relative;
    display: inline-block;
}

.feature-item-container-box {
    border: 1px solid #efeeee;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

    .feature-item-container-box .feature-title-item h1 {
        font-family: "Poppins", sans-serif;
        background: rgba(1, 39, 58, 0.8);
        color: #ffce10;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 8px 15px;
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 0;
        border-radius: 0 15px 15px 0px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }

.feature-item-listing-item {
    border: 1px solid #efeeee;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
}

    .feature-item-listing-item .feature-title-item h1 {
        background: rgba(1, 39, 58, 0.8);
        color: #ffce10;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 8px 15px;
        position: absolute;
        left: 1px;
        top: 1px;
        margin: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }

.feature-title-item {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.3) -10%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 40%, transparent 80%) repeat scroll 0 0
}

    .feature-title-item img {
        width: 100%;
        height: 200px;
    }

.feature-item-container-box:hover {
    border: 1px solid #ffce10;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}

.feature-item-container-box.active {
    border: 1px solid #ffce10;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}

.feature-item-container-box:hover .feature-title-item img {
    transform: scale(1.2);
    transition: all 0.4s ease 0s;
}

.feature-item-container-box.active .feature-box-text a h3 {
    color: #ffce10;
}

.feature-item-container-box .feature-box-text {
    background: #fefefe;
    padding: 15px;
    text-align: left;
    position: relative;
}

.feature-item-container-box .feature-item-location {
    background: #f4f4f4;
    padding: 5px 15px;
    float: left;
    display: block;
    width: 100%;
    position: relative;
}

    .feature-item-container-box .feature-item-location h2 {
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        color: #7d7d7d;
        font-weight: 500;
        margin: 0px;
        text-align: left;
        line-height: 30px;
        float: left;
    }

        .feature-item-container-box .feature-item-location h2 i {
            color: #ffcc58;
            font-size: 14px;
            margin-right: 3px;
        }

    .feature-item-container-box .feature-item-location span {
        float: right;
        font-size: 13px;
        position: relative;
        top: 7px;
    }

        .feature-item-container-box .feature-item-location span i.fa {
            color: #ffcc58;
        }

.feature-box-text i.fa-star-half-empty {
    margin-right: 5px;
}

.feature-item-container-box .feature-box-text h3 {
    margin-top: 0;
    line-height: 18px;
    margin-bottom: 10px;
}

    .feature-item-container-box .feature-box-text h3 a {
        font-family: "Poppins", sans-serif;
        color: #4a4a4a;
        font-weight: 500;
        font-size: 18px;
        margin-top: 0;
    }

        .feature-item-container-box .feature-box-text h3 a:hover {
            color: #ffce10;
        }

.feature-item-container-box .feature-box-text p {
    color: #7d7d7d;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
}

.feature-item-container-box .feature-box-text a {
    font-family: "Poppins", sans-serif;
    color: #ffce10;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.feature-item-container-box.active .feature-box-text a, .feature-item-container-box.active .feature-box-text a i {
    color: #969595;
}

.feature-item-container-box .feature-box-text a i.fa {
    color: #ffce10;
    margin-right: 3px;
}

.feature-title-item {
    position: relative;
}

.hover-overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 48%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    bottom: 0px;
}

.feature-item-container-box:hover .hover-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.hover-overlay-inner {
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.feature-item-container-box:hover .hover-overlay-inner::before, .feature-item-container-box:hover .hover-overlay-inner::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.feature-item-container-box:hover .hover-overlay-inner::before {
    border-bottom: 1px solid #ebc131;
    border-top: 1px solid #ebc131;
    transform: scale(0, 1);
}

.feature-item-container-box:hover .hover-overlay-inner::after {
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
    transform: scale(1, 0);
}

.feature-item-container-box:hover .hover-overlay-inner::before, .feature-item-container-box:hover .hover-overlay-inner::after, .location-entry:hover .hover-overlay-inner::before, .location-entry:hover .hover-overlay-inner::after, .feature-item:hover .hover-overlay-inner::before, .feature-item:hover .hover-overlay-inner::after, .listing-item:hover .hover-overlay-inner::before, .listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1);
}

.feature-item-container-box:hover .hover-overlay .hover-overlay-inner ul.listing-links {
    display: block;
    z-index: 900
}

.hover-overlay .hover-overlay-inner h3 a {
    display: none;
}

.feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 {
    display: list-item
}

    .feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 a {
        color: #ffce10;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin-left: 20px;
        text-align: left;
        position: absolute;
        z-index: 99;
    }

        .feature-item-container-box:hover .hover-overlay .hover-overlay-inner h3 a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

.hover-overlay .hover-overlay-inner ul.listing-links {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    height: auto;
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    display: none;
}

    .hover-overlay .hover-overlay-inner ul.listing-links li:first-child {
        margin-left: 0;
    }

    .hover-overlay .hover-overlay-inner ul.listing-links li {
        display: inline-block;
        margin-left: 5px;
    }

        .hover-overlay .hover-overlay-inner ul.listing-links li a {
            background: #ffffff;
            border-radius: 50%;
            font-size: 18px;
            height: 44px;
            line-height: 44px;
            width: 44px;
            float: left;
        }

            .hover-overlay .hover-overlay-inner ul.listing-links li a:hover {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                -webkit-transition: ease-out .5s;
                -moz-transition: ease-out .5s;
                -o-transition: ease-out .5s;
                transition: ease-out .5s;
                transition: all .6s ease-in-out 0;
                box-shadow: 0 3px 8px rgba(255, 255, 255, 0.3)
            }

.green-1 {
    color: #ccdb38;
}

.blue-1 {
    color: #08c2f3;
}

.yallow-1 {
    color: #fecc17;
}

.feature-item-listing-item:hover .recent-listing-box-image img {
    transform: scale(1.2);
    transition: all 0.4s ease 0s;
}

.feature-item-listing-item:hover .hover-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.feature-item-listing-item .hover-overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    bottom: 0px;
}

.feature-item-listing-item:hover .hover-overlay-inner::before, .feature-item-listing-item:hover .hover-overlay-inner::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.feature-item-listing-item:hover .hover-overlay-inner::before {
    border-bottom: 1px solid #ebc131;
    border-top: 1px solid #ebc131;
    transform: scale(0, 1);
}

.feature-item-listing-item:hover .hover-overlay-inner::after {
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
    transform: scale(1, 0);
}

.feature-item-listing-item:hover .hover-overlay-inner::before, .feature-item-listing-item:hover .hover-overlay-inner::after, .location-entry:hover .hover-overlay-inner::before, .location-entry:hover .hover-overlay-inner::after, .feature-item:hover .hover-overlay-inner::before, .feature-item:hover .hover-overlay-inner::after, .listing-item:hover .hover-overlay-inner::before, .listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    transform: scale(1);
}

.feature-item-listing-item:hover .hover-overlay .hover-overlay-inner ul.listing-links {
    display: block;
    z-index: 999
}

.feature-item-listing-item:hover .hover-overlay .hover-overlay-inner h3 {
    display: list-item
}

    .feature-item-listing-item:hover .hover-overlay .hover-overlay-inner h3 a {
        color: #ffce10;
        display: block;
        font-size: 17px;
        font-weight: 700;
        margin-left: 20px;
        text-align: left;
        position: absolute;
        z-index: 99;
    }

        .feature-item-listing-item:hover .hover-overlay .hover-overlay-inner h3 a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

/************************ recent listings ********************************/
#recent-product-item-listing {
    padding: 80px 0px 60px 0;
    background: #ffffff;
}

.recent-item-listing-heading {
    margin-bottom: 50px;
}

    .recent-item-listing-heading h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .recent-item-listing-heading h1 span {
            color: #ffce10;
        }

.listing-boxes {
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}

.listing-boxes1 {
    padding-top: 30px;
}

.recent-listing-box-container-item {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #efeeee;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    overflow: hidden;
    position: relative;
}

    .recent-listing-box-container-item:hover {
        border: 1px solid #ffce10;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    }

        .recent-listing-box-container-item:hover h1 span {
            margin-bottom: 0px;
        }

.listings-boxes-container:hover .listing-boxes-text {
    border: 1px solid transparent;
    border-top: none;
}

.recent-listing-box-container-item:hover .recent-listing-box-image img {
    transform: scale(1.2);
    transition: all 0.4s ease 0s;
}

.recent-listing-box-container-item:hover .hover-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.recent-listing-box-container-item .hover-overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    bottom: 0px;
}

.recent-listing-box-container-item:hover .hover-overlay-inner::before, .recent-listing-box-container-item:hover .hover-overlay-inner::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.recent-listing-box-container-item:hover .hover-overlay-inner::before {
    border-bottom: 1px solid #ebc131;
    border-top: 1px solid #ebc131;
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
}

.recent-listing-box-container-item:hover .hover-overlay-inner::after {
    border-left: 1px solid #ebc131;
    border-right: 1px solid #ebc131;
    transform: scale(1, 0);
}

.recent-listing-box-container-item:hover .hover-overlay-inner::before, .recent-listing-box-container-item:hover .hover-overlay-inner::after, .location-entry:hover .hover-overlay-inner::before, .location-entry:hover .hover-overlay-inner::after, .feature-item:hover .hover-overlay-inner::before, .feature-item:hover .hover-overlay-inner::after, .listing-item:hover .hover-overlay-inner::before, .listing-item:hover .hover-overlay-inner::after {
    opacity: 1;
    -webkit-transition: ease-out 1.0s;
    -moz-transition: ease-out 1.0s;
    -o-transition: ease-out 1.0s;
    transition: ease-out 1.0s;
    transition: all 1.0s ease-in-out 0;
}

.recent-listing-box-container-item:hover .hover-overlay .hover-overlay-inner ul.listing-links {
    display: block;
    z-index: 900;
}

.recent-listing-box-container-item:hover .hover-overlay .hover-overlay-inner h3 {
    display: list-item
}

    .recent-listing-box-container-item:hover .hover-overlay .hover-overlay-inner h3 a {
        color: #ffce10;
        display: block;
        font-size: 17px;
        font-weight: 700;
        margin-left: 20px;
        text-align: left;
        position: absolute;
        z-index: 99;
    }

.recent-listing-box-container-item:hover .listing-boxes-text a h3 {
    color: #01273a;
    text-decoration: none;
}

.recent-listing-box-image img {
    height: 214px;
    max-width: 100%;
    width: 100%;
}

.recent-listing-box-image > h1 {
    font-size: 14px;
    position: relative;
    text-transform: capitalize;
    margin: 0px;
    color: #636363;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.recent-listing-box-image h1 {
    font-family: "Poppins", sans-serif;
    background: rgba(1, 39, 58, 0.8) none repeat scroll 0 0;
    color: #ffce10;
    font-size: 13px;
    font-weight: 600;
    left: 0px;
    margin: 0;
    padding: 8px 15px;
    border-radius: 0 15px 15px 0px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
    transition: all 0.3s ease 0s;
}

.recent-listing-box-item {
    background-color: #ffffff;
    text-align: left;
    position: relative;
}

.listing-boxes-text {
    padding: 15px;
    text-align: left;
}

.recent-listing-box-item .recent-feature-item-rating {
    background: #f4f4f4;
    display: block;
    float: left;
    padding: 5px 15px;
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0px;
}

.recent-feature-item-rating h2 {
    font-family: "Poppins", sans-serif;
    color: #7d7d7d;
    float: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    text-align: left;
}

.recent-feature-item-rating span {
    float: right;
    font-size: 13px;
    position: relative;
    top: 7px;
}

    .recent-feature-item-rating span i.fa {
        color: #ffcc58;
    }

.listing-boxes-text a h3 {
    font-family: "Poppins", sans-serif;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 6px;
}

.recent-listing-box-item .recent-feature-item-rating h2 i {
    color: #ffcc58;
    font-size: 14px;
    margin-right: 3px;
}

.listing-boxes-text p {
    color: #7d7d7d;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 9px;
    letter-spacing: 0.3px;
}

.listing-boxes-text a {
    font-family: "Poppins", sans-serif;
    color: #ffce10;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

    .listing-boxes-text a i.fa {
        color: #ffce10;
        margin-right: 3px;
    }

/*********************** vfx counter block *********************/
.vfx-counter-block {
    background: #fafafa url(./images/vfx_counter_bg.png) no-repeat center top;
    background-position: cover;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 60px 0px 30px 0;
}

.vfx-item-countup {
    background: rgba(255, 255, 255, 0.4);
    width: 262px;
    height: 210px;
    border-radius: 8px;
    text-align: center;
    padding: 24px 0;
    border: 1px solid #e77e24;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.20);
    margin-bottom: 30px;
}

.vfx-item-counter-up .count_number {
    font-family: "Poppins", sans-serif;
    color: #4a4a4a;
    font-size: 40px;
    line-height: 60px;
    font-weight: 800;
    margin-top: 5px;
}

.vfx-item-counter-up .counter_text {
    font-family: "Poppins", sans-serif;
    color: #696969;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.vfx-item-black-top-arrow {
    line-height: 45px;
}

    .vfx-item-black-top-arrow i {
        font-size: 46px;
        line-height: 50px;
        color: #e77e24;
    }

/*********************** pricing plan **********************/
#pricing-item-block {
    background: #f2f2f2;
    padding: 80px 0px;
}

#pricing-section {
    padding-bottom: 60px;
    background: #f7f7f7;
    border-bottom: 2px solid #ffce10;
}

.pricing-heading-title {
    margin-bottom: 50px;
}

    .pricing-heading-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .pricing-heading-title h1 span {
            color: #ffce10;
        }

.price-table-feature-block {
    padding: 35px 0px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    position: relative;
}

    .price-table-feature-block.active {
        box-shadow: -2px 5px 15px 7px #e2e2e2;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }

    .price-table-feature-block:hover {
        transition: all 0.3s ease 0s;
        box-shadow: -2px 5px 15px 7px #e2e2e2;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: ease-out .5s;
        -moz-transition: ease-out .5s;
        -o-transition: ease-out .5s;
        transition: ease-out .5s;
        transition: all .5s ease-in-out 0;
    }

    .price-table-feature-block h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        font-size: 22px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .price-table-feature-block > hr {
        width: 90px;
        margin: 10px auto 15px auto;
        border-color: #ffce10;
    }

    .price-table-feature-block p {
        color: #999999;
        font-size: 16px;
        font-weight: 400;
        padding: 0px 40px;
    }

        .price-table-feature-block p span {
            color: #ffce10;
        }

.vfx-price-list-item {
    display: block;
    width: auto;
    background: rgba(0, 0, 0, 0.02);
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

    .vfx-price-list-item:nth-child(even) {
        background: #ffffff;
    }

    .vfx-price-list-item h2 {
        margin: 0px;
        color: #01273a;
        font-size: 16px;
        font-weight: 500;
    }

    .vfx-price-list-item > h2:before {
        content: "";
        font-family: "FontAwesome";
        color: #ffce10;
        margin-right: 10px;
    }

    .vfx-price-list-item p {
        margin: 0px;
        color: #999999;
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        margin-top: 10px;
    }

.vfx-pl-seperator {
    background: #ebebeb none repeat scroll 0 0;
    display: inline-block;
    height: 1px;
    margin-bottom: -6px;
    margin-top: 15px;
    position: relative;
    width: 100%;
}

    .vfx-pl-seperator > span {
        background: none;
        color: #d0d0d0;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 0;
        height: 18px;
        margin-left: -9px;
        position: absolute;
        top: -9px;
        width: 11px;
    }

    .vfx-pl-seperator span i.fa-caret-down {
        font-size: 24px;
        margin-left: -1px;
    }

.list hr {
    width: 100%;
}

.vfx-price-btn {
    display: inline-block;
}

    .vfx-price-btn button.purchase-btn {
        font-family: "Poppins", sans-serif;
        background: -webkit-linear-gradient(left, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
        background: linear-gradient(to right, #262626 50%, #eb7e24 50%) repeat scroll right bottom / 207% 100% transparent;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 30px;
        padding: 6px 16px;
        font-weight: 500;
        -webkit-transition: background 350ms ease-in-out;
        transition: background 350ms ease-in-out;
        border: none;
        outline: 0;
    }

.price-table-feature-block:hover button.purchase-btn {
    color: #ffffff;
    background-position: left bottom;
    box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.4);
}

.vfx-price-btn button.purchase-btn i {
    margin-right: 3px;
}

/******************** listing product **********************/
#vfx-product-inner-item {
    background: #ffffff;
    padding: 80px 0;
}

.news-search-lt {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

    .news-search-lt input.form-control {
        background-color: #fff;
        border: 1px solid #ededed;
        border-radius: 0;
        color: #696969;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 28px;
        padding: 10px;
        width: 100%;
        height: 50px;
    }

    .news-search-lt input.form-control {
        box-shadow: none;
    }

    .news-search-lt span.input-search i {
        bottom: 0;
        color: #ffce10;
        cursor: pointer;
        display: inline-table;
        float: right;
        position: absolute;
        right: 15px;
        top: 17px;
        z-index: 0;
    }

.list-group {
    margin-bottom: 2rem;
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 30px;
}

a.list-group-item.active {
    background: transparent linear-gradient(to right, #ffce10 50%, #f5f5f5 50%) repeat scroll right bottom / 207% 100%;
    border-color: #ffce10;
    color: #01273a;
    z-index: 0;
    border-radius: 30px;
    background-position: left bottom;
}

a.list-group-item:hover {
    background: transparent linear-gradient(to right, #ffce10 50%, #f5f5f5 50%) repeat scroll right bottom / 207% 100%;
    color: #01273a;
    text-decoration: none;
    background-position: left bottom;
    border-color: #ddd;
}

.list-group a.list-group-item span {
    font-family: "Poppins", sans-serif;
    background: #ffce10;
    border-radius: 30px;
    color: #fff;
    float: right;
    font-weight: 500;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}

a.list-group-item:hover i {
    color: #01273a;
}

a.list-group-item:hover span {
    background: #ffffff;
    color: #01273a;
}

a.list-group-item:hovre i {
    color: #ffffff;
}

a.list-group-item.active i {
    color: #01273a;
}

a.list-group-item.active span {
    background: #ffffff;
    color: #01273a;
}

.left-slide-slt-block {
    margin-bottom: 30px;
    width: 100%;
}

    .left-slide-slt-block h3:first-child {
        margin-top: 0px;
    }

    .left-slide-slt-block h3 {
        background: #f1f1f1;
        border: 1px solid #ededed;
        color: #6b6b6b;
        font-size: 16px;
        font-weight: 500;
        padding: 15px;
        text-align: left;
        letter-spacing: 0.4px;
    }

.list-group-item {
    background: transparent linear-gradient(to right, #ffce10 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 8px;
    position: relative;
    color: #696969;
    font-size: 13px;
    border-radius: 30px;
    line-height: 46px;
    padding: 0 12px 0 15px;
    font-weight: 500;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

#vfx-product-inner-item .list-group a {
    color: #696969;
    letter-spacing: 0.3px
}

a.list-group-item, button.list-group-item {
    text-align: inherit;
    width: 100%;
}

.list-group-item i {
    color: #f9ca40;
    padding-right: 5px;
}

.archive-tag {
    width: 100%;
}

    .archive-tag ul {
        display: inline-block;
        margin-bottom: 15px;
        padding: 0;
    }

        .archive-tag ul li {
            float: left;
            list-style: outside none none;
            padding: 5px 0;
        }

            .archive-tag ul li a {
                background: transparent linear-gradient(to right, #ffce10 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
                color: #696969;
                display: inline-block;
                font-size: 13px;
                font-weight: 500;
                margin-right: 7px;
                padding: 7px 13px;
                border-radius: 4px;
                text-align: center;
                -webkit-transition: all .6s ease 0;
                transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

                .archive-tag ul li a:hover {
                    background: transparent linear-gradient(to right, #ffce10 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
                    color: #fff;
                    background-position: left bottom;
                }

                .archive-tag ul li a.active {
                    background: transparent linear-gradient(to right, #dadada 50%, #ffce10 50%) repeat scroll right bottom / 206% 100%;
                    color: #ffffff;
                }

.left-location-item {
    width: 100%;
}

    .left-location-item ul {
        margin-bottom: 30px;
        padding: 0;
        width: auto;
    }

    .left-location-item .list-lt {
        font-family: "Poppins", sans-serif;
        background: #01273a;
        border-radius: 30px;
        color: #fff;
        float: right;
        font-size: 11px;
        font-weight: 500;
        margin-right: 8px;
        padding: 4px 2px;
        text-align: center;
        width: 28px;
        height: 28px;
        line-height: 20px;
        vertical-align: middle;
    }

    .left-location-item ul li {
        list-style: outside none none;
        padding: 7px 0 7px 10px;
        line-height: 28px;
        border-top: 1px solid rgba(241, 241, 241, 0.8)
    }

        .left-location-item ul li i {
            margin-right: 5px;
        }

        .left-location-item ul li:last-child {
            border-bottom: 1px solid rgba(241, 241, 241, 0.8)
        }

        .left-location-item ul li a {
            color: #696969;
            font-size: 13px;
            text-align: left;
            font-weight: 500;
            letter-spacing: 0.3px;
        }

            .left-location-item ul li a:hover {
                padding-left: 6px;
                color: #ffce10;
                -webkit-transition: all .6s ease 0;
                transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

.left-archive-categor {
    width: 100%;
}

    .left-archive-categor ul {
        margin-bottom: 30px;
        padding: 0;
        width: auto;
    }

    .left-archive-categor .list-lt {
        font-family: "Poppins", sans-serif;
        background: #01273a;
        border-radius: 30px;
        color: #fff;
        float: right;
        font-size: 11px;
        font-weight: 500;
        margin-right: 8px;
        padding: 6px 8px;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 18px;
        vertical-align: middle;
    }

    .left-archive-categor ul li {
        list-style: outside none none;
        padding: 7px 0 7px 10px;
        line-height: 30px;
        border-top: 1px solid rgba(241, 241, 241, 0.8)
    }

        .left-archive-categor ul li:last-child {
            border-bottom: 1px solid rgba(241, 241, 241, 0.8)
        }

        .left-archive-categor ul li a {
            color: #696969;
            font-size: 13px;
            text-align: left;
            font-weight: 500;
            letter-spacing: 0.3px
        }

            .left-archive-categor ul li a i {
                margin-right: 5px;
            }

            .left-archive-categor ul li a:hover {
                padding-left: 6px;
                color: #ffce10;
                -webkit-transition: all .6s ease 0;
                transition: all .6s ease 0;
                transition: all 0.3s ease 0s;
            }

.working-hours .days {
    border-bottom: 1px solid rgba(241, 241, 241, 0.8);
    line-height: 44px;
    color: #696969;
    padding-left: 8px;
    padding-right: 8px;
    letter-spacing: 0.5px;
}

    .working-hours .days:first-child {
        border-top: 1px solid rgba(241, 241, 241, 0.8);
    }

.working-hours .name {
    font-size: 13px;
    font-weight: 500;
}

.working-hours .hours {
    float: right;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    color: #969595;
}

/******************* footer block********************/
#clients {
    background: #ffffff;
    padding: 40px 0px;
    border-bottom: 2px solid #ffce10;
}

    #clients .bx-viewport {
        background: none;
        box-shadow: none;
        border: none;
    }

.site-footer {
    color: #fff;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

    .site-footer a {
        font-family: "Poppins", sans-serif;
        color: #cfcfcf;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        display: block;
    }

p.about-lt {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    color: #cfcfcf;
    margin-bottom: 10px;
    letter-spacing: 0.1px;
}

a.more-detail {
    color: #f9ca40;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}

.site-footer a:hover {
    color: #ffce10
}

.site-footer p .fa {
    padding: 0 .125rem
}

.site-footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

    .site-footer ul li {
        padding: .09rem 0
    }

.social-icons li {
    display: inline-block;
    margin-bottom: 0.125rem;
}

.social-icons a {
    background: transparent linear-gradient(to right, #ffbe00 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    border-radius: 30px;
    color: #00283b;
    display: inline-block;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 33px;
    margin-right: 0.5rem;
    text-align: center;
    transition: background-color 0.2s linear 0s;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .social-icons a:hover {
        background: transparent linear-gradient(to right, #ffbe00 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
        color: #00283b;
        background-position: left bottom;
    }

.site-footer.footer-map {
    background-image: url(./images/bg-map.png);
    background-color: #000;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% -40px
}

ul.widget-news-simple li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 15px;
}

.widget-news-simple li {
    margin-bottom: 15px;
}

.widget-news-simple div {
    color: #f9ca40;
    font-size: 13px;
    font-weight: 600;
}

.news-thum {
    float: left;
    height: 70px;
    margin-right: 15px;
    width: 70px;
}

.news-text-thum {
    margin-top: -5px;
    padding-left: 82px;
}

.widget-news-simple h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .widget-news-simple h6 a {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

.widget-news-simple p {
    font-family: "Poppins", sans-serif;
    color: #cfcfcf;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}

.widget-news-simple div {
    font-family: "Poppins", sans-serif;
    color: #f9ca40;
    font-size: 13px;
    font-weight: 400;
}

ul.widget-news-simple .news-thum a img {
    border-radius: 4px;
}

ul.use-slt-link li:first-child {
    padding-top: 0;
}

ul.use-slt-link li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 8px 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.site-footer .form-alt .form-group .form-control {
    background-color: #fff;
    color: #072d40;
    border: 0 none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 10px;
}

.btn-quote {
    font-family: "Poppins", sans-serif;
    background: -webkit-linear-gradient(left, #fff 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    background: linear-gradient(to right, #ffffff 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
    border: 0 none;
    border-radius: 30px;
    color: #072d40;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 auto;
    padding: 8px 20px;
    text-align: center;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
}

    .btn-quote:hover, .btn-quote:focus, .btn-quote:active, .btn-quote:active:focus {
        background-color: #fff;
        border-color: transparent;
        background-position: left bottom;
        box-shadow: none;
        color: #072d40;
        outline: medium none;
    }

.site-footer .form-group input {
    height: 40px;
    color: #072d40;
}

.site-footer textarea.form-control {
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

.site-footer .form-group::-moz-placeholder {
    color: #afafaf;
}

.site-footer .form-group::placeholder {
    color: #999;
    opacity: 1;
}

.site-footer .form-group::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.footer-top {
    background: rgba(30, 30, 30, 0.98);
    padding: 80px 0 70px;
}

    .footer-top h2 {
        font-family: "Poppins", sans-serif;
        font-size: 20px;
        line-height: 24px;
        color: #fff;
        margin-bottom: 35px;
        font-weight: 400;
        margin-top: 0;
        text-transform: none;
        letter-spacing: 0.5px;
    }

.site-footer .footer-top hr {
    background: #ffce10;
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -25px;
    width: 14%
}

.footer-top .social-icons {
    margin-top: -5px
}

.footer-bottom {
    background-color: #e77e24;
    font-size: 0.875rem;
    border-top: 1px solid #353535;
    padding: 10px 0;
    position: relative;
}

    .footer-bottom p {
        font-weight: 200;
        line-height: 38px;
        margin-bottom: 0;
        letter-spacing: 0.6px;
        text-align: center;
        font-size: 14px;
    }

.scrollup {
    background: rgba(0, 0, 0, 0) url("./images/top-move.png") no-repeat scroll 0 0;
    bottom: 28px;
    display: none;
    height: 40px;
    opacity: 0.9;
    outline: medium none;
    position: fixed;
    right: 15px;
    text-indent: -9999px;
    width: 40px;
}

/******************* breadcrum ***********************/
#breadcrum-inner-block {
    padding: 85px 0px;
    background: url(./images/listing-detail.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-size: 100% auto;
}

.breadcrum-inner-header {
    text-align: left;
    padding-left: 20px;
}

    .breadcrum-inner-header::before {
        background-color: #f9c841;
        bottom: 2px;
        content: "";
        left: 15px;
        position: absolute;
        top: 2px;
        width: 4px;
    }

    .breadcrum-inner-header h1 {
        font-family: "Poppins", sans-serif;
        color: #ffffff;
        letter-spacing: 0.4px;
        margin: 0px;
        font-size: 32px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .breadcrum-inner-header a {
        font-family: "Poppins", sans-serif;
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
    }

        .breadcrum-inner-header a:hover {
            color: #ffce10
        }

    .breadcrum-inner-header i.fa {
        color: #ffffff;
        margin: 0px 5px;
        font-size: 6px;
        position: relative;
        bottom: 2px;
    }

    .breadcrum-inner-header a span {
        color: #ffce10;
        font-size: 14px;
        font-weight: 500;
    }

@media(min-width: 200px) and (max-width:1199px) {
    #breadcrum-inner-block {
        background-size: 100% 100%;
        background-attachment: scroll;
    }
}

/**************************** about company ********************************/
#about-company {
    background: #ffffff;
    padding: 70px 0px;
}

.about-heading-title {
    margin-bottom: 35px;
}

    .about-heading-title h1 {
        font-family: "Poppins", sans-serif;
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .about-heading-title h1 span {
            color: #e77e24;
        }

p.inner-secon-tl {
    font-family: "Poppins", sans-serif;
    color: #696969;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.user-lt-above img {
    transform: translateX(-5%);
    vertical-align: bottom;
}

@media(min-width: 979px) and (max-width:1199px) {
    .user-lt-above img {
        transform: translateY(16%);
        vertical-align: bottom;
    }

    #about-company {
        padding-bottom: 30px;
    }
}

/******************************* featured service block **************************************/
#featured-service-block {
    background: #f2f2f2;
    padding: 80px 0 60px 0;
}

.service-item-fearured {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 14px 2px rgba(0, 0, 0, 0.05);
    padding: 30px 30px 20px;
    margin-bottom: 30px;
    border: 5px solid rgba(0, 0, 0, 0.02);
    border-radius: 6px;
}

    .service-item-fearured:hover {
        background: #01273a;
        border: 5px solid rgba(0, 0, 0, 0.02);
        box-shadow: 0 3px 14px 3px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: ease-out 1.0s;
        -moz-transition: ease-out 1.0s;
        -o-transition: ease-out 1.0s;
        transition: ease-out 1.0s;
        transition: all 1.0s ease-in-out 0;
    }

.svt-spec-service-icon {
    margin-bottom: 25px;
}

    .svt-spec-service-icon i {
        background: #ffbe00;
        border-radius: 50%;
        color: #fff;
        display: block;
        font-size: 40px;
        height: 90px;
        line-height: 92px;
        margin: 0 auto;
        text-align: center;
        width: 90px;
    }

.service-item-fearured h3 {
    font-family: "Poppins", sans-serif;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    text-transform: none;
}

.service-item-fearured p {
    font-family: "Poppins", sans-serif;
    color: #696969;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.2px;
}

.service-item-fearured:hover h3, .service-item-fearured:hover p {
    color: #ffffff;
}

.service-item-fearured:hover .hi-icon-effect-8 .hi-icon {
    background: #ffbe00;
    color: #ffffff;
    cursor: pointer;
}

    .service-item-fearured:hover .hi-icon-effect-8 .hi-icon::after {
        animation: 1.3s ease-out 75ms normal none 2 running sonarEffect
    }

/* HORIZONTAL */
@-webkit-keyframes horizontal {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    6% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    12% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    18% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    24% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

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

    36% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@keyframes horizontal {
    0% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

    6% {
        -webkit-transform: translate(5px,0);
        -ms-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    12% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

    18% {
        -webkit-transform: translate(5px,0);
        -ms-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    24% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

    30% {
        -webkit-transform: translate(5px,0);
        -ms-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    36% {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }
}

/**************************** Login Forms and Register Form Style ***************************/
#m-info-window .info-window-hding {
    margin-top: 0px;
    font-size: 16px;
}

#m-info-window .info-window-desc {
    margin-bottom: 0px;
    line-height: 1.6em;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    margin: 78px auto;
    width: 600px;
}

.modal {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

    .modal.in .modal-dialog {
        transform: translate(0px, 0px);
    }

    .modal.fade .modal-dialog {
        transform: translate(0px, 0%);
        transition: transform 0.3s ease-out 0s;
    }

.listing-modal-1.modal-dialog {
    width: 395px;
}

.listing-modal-1 .modal-content {
    background: #f7fbfc none repeat scroll 0 0;
    border-radius: 0;
    padding: 40px 30px;
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
}

.listing-modal-1 .modal-header {
    border-bottom: medium none;
    padding: 0;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}

.listing-modal-1 .modal-header .close {
    color: #08c2f3;
    font-size: 24px;
    line-height: 1;
    margin-top: 3px;
    opacity: 1;
}

button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}

.listing-modal-1 .modal-header .modal-title {
    color: #08c2f3;
    line-height: 1;
    text-align: left;
}

.modal-title {
    line-height: 1.42857;
    margin: 0;
}

.listing-modal-1 .modal-body {
    padding: 30px 0 0;
}

.listing-form-field {
    position: relative;
}

    .listing-form-field input.form-field {
        border: 1px solid #eee;
        box-shadow: none;
        margin-bottom: 10px;
        padding: 15px;
    }

    .listing-form-field input {
        text-transform: normal;
        width: 100%;
    }

input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
}

.regular-checkbox {
    display: none;
}

    .regular-checkbox + label {
        border: 2px solid #ffce10;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        position: relative;
        top: -4px;
        width: 20px;
        border-radius: 30px;
    }

label.checkbox-lable {
    color: #999;
    position: relative;
    top: -8px;
}

.listing-register-form .listing-form-field a {
    color: #ffce10;
    float: none;
    top: -8px;
}

.listing-modal-1.modal-dialog {
    width: 395px;
}

.listing-modal-1 .modal-content {
    background: #f7fbfc;
    border-radius: 10px;
    padding: 35px 30px;
}

.listing-form-field label {
    margin-bottom: -1px;
    font-weight: 500;
}

.listing-modal-1 .modal-header {
    border-bottom: medium none;
    padding: 0;
}

    .listing-modal-1 .modal-header .modal-title {
        font-family: "Poppins", sans-serif;
        color: #ffce10;
        font-size: 20px;
        line-height: 1;
        text-align: left;
        font-weight: 500;
        display: block;
        float: left;
        text-transform: none
    }

    .listing-modal-1 .modal-header .close {
        background: #eaeaea;
        border-radius: 20px;
        color: #01273a;
        font-size: 25px;
        height: 36px;
        line-height: 34px;
        margin-top: -9px;
        opacity: 1;
        width: 36px;
        display: block;
    }

.listing-modal-1 .modal-body {
    padding: 40px 0 0;
}

.listing-form-field {
    position: relative;
}

    .listing-form-field i {
        background: #ededed;
        font-size: 20px;
        border-left: 1px solid #eee;
        height: 51px;
        line-height: 50px;
        position: absolute;
        left: 0;
        text-align: center;
        top: 0;
        color: #c1c1c1;
        width: 51px;
    }

    .listing-form-field input {
        text-transform: normal;
        width: 100%;
    }

        .listing-form-field input.form-field {
            border: 1px solid #eee;
            box-shadow: none;
            margin-bottom: 10px;
            padding: 15px;
        }

    .listing-form-field a {
        font-family: "Poppins", sans-serif;
        display: inline-block;
        float: right;
        position: relative;
        text-align: right;
        top: -4px;
        color: #ffce10;
    }

.listing-register-form .listing-form-field a {
    color: #ffce10;
    float: none;
    top: -8px;
}

.listing-form-field input.submit {
    border: medium none;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
}

.regular-checkbox:checked + label::after {
    color: #ffce10;
    content: "";
    font-size: 12px;
    left: 0;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -2px;
}

label.checkbox-lable {
    font-family: "Poppins", sans-serif;
    color: #999;
    position: relative;
    top: -8px;
    margin-left: 5px;
}

.listing-register-form .listing-form-field a {
    color: #ffce10;
    float: none;
    top: -8px;
}

    .listing-register-form .listing-form-field a:hover {
        color: #999999;
        text-decoration: underline;
    }

.listing-form-field input {
    text-transform: normal;
    width: 100%;
}

.bottom-links p {
    font-family: "Poppins", sans-serif;
    text-align: center;
    font-weight: 500;
    text-transform: normal;
}

    .bottom-links p a {
        color: #ffce10;
        display: inline-block;
        margin-left: 10px;
    }

        .bottom-links p a:hover {
            color: #999999;
            text-decoration: underline;
        }

.bgwhite {
    background: #fff none repeat scroll 0 0;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.listing-form-field input.submit {
    background: transparent linear-gradient(to right, #01273a 50%, #ffce10 50%) repeat scroll right bottom / 207% 100%;
    border: none;
    margin: 0 auto;
    width: 68%;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 14px 0;
    margin-bottom: 15px;
    border-radius: 40px;
    font-weight: 600;
    color: #01273a;
    text-transform: uppercase;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
}

    .listing-form-field input.submit:hover {
        background-position: left bottom;
        color: #ffffff;
    }

.listing-form-field input.form-field {
    font-family: "Poppins", sans-serif;
    box-shadow: none;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 14px 10px 14px 60px;
}

    .listing-form-field input.form-field:focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.listing-form-field input {
    text-transform: normal;
    width: 100%;
}

.listings-images {
    margin-right: 3px;
    overflow: hidden;
    position: relative;
}

    .listings-images img {
        height: 450px;
        transition: all 0.5s ease 0s;
    }

    .listings-images:hover img {
        transform: scale(1.2);
    }

.listings-images1 {
    display: inline-block;
    margin-bottom: 3px;
    float: left;
    margin-right: 3px;
    overflow: hidden;
    position: relative;
}

    .listings-images1 img {
        transition: all 0.5s ease 0s;
    }

    .listings-images1:hover img {
        transform: scale(1.2);
    }

.listing-detail {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

    .listing-detail h1 {
        color: #242424;
        font-weight: 500;
        font-size: 18px;
        text-transform: uppercase;
        margin: 0px;
    }

.listing-detail-text {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
}

    .listing-detail-text h1 {
        margin: 0px;
        color: #636363;
        text-transform: capitalize;
        font-weight: normal;
        padding: 10px 14px 10px 14px;
        font-size: 14px;
        line-height: 20px;
    }

    .listing-detail-text p {
        margin: 0px;
        color: #999999;
        font-size: 14px;
        padding: 10px 14px 10px 14px;
        border-left: 1px solid #e8e8e8;
        text-transform: capitalize;
    }

        .listing-detail-text p span i.fa {
            color: #ffce10;
        }

        .listing-detail-text p i.fa-map-marker, .listing-detail-text p a {
            color: #999999;
            margin-right: 5px;
        }

#tags-share {
    margin-top: 45px;
    position: relative;
    display: inline-block;
    width: 100%;
}

#listings-tags p {
    color: #636363;
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize;
}

    #listings-tags p i.fa {
        color: #636363;
        margin-right: 10px;
    }

    #listings-tags p span {
        margin-left: 30px;
    }

        #listings-tags p span a {
            color: #999999;
            display: inline-block;
            font-size: 14px;
            padding: 10px 12px;
            background: #ffffff;
            border-radius: 3px;
            margin-bottom: 5px;
        }

            #listings-tags p span a:hover {
                color: #ffffff;
            }

#listings-share p {
    color: #636363;
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}

    #listings-share p i.fa {
        color: #636363;
        margin-right: 10px;
    }

#listings-share .social {
    margin: 0px 30px 0px 30px;
    display: inline-block;
}

    #listings-share .social a {
        background: #ffffff;
        color: #cccccc;
    }

        #listings-share .social a:hover {
            color: #ffffff;
        }

/************************ reviews section *********************/
#reviews-section {
    background: #ffffff;
    padding: 50px 0px;
    border-bottom: 2px solid #ffce10;
}

.reviews-section, .reviews-section-new {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}

.reviews-section-new {
    padding: 30px 0px;
}

.reviews-section-text h1 {
    margin: 0px;
}

    .reviews-section-text h1 a {
        color: #000000;
        font-weight: 500;
        margin: 0px;
        font-size: 16px;
        text-transform: capitalize;
    }

.reviews-section-text h4 {
    font-weight: normal;
    color: #636363;
    margin: 7px 0px;
    text-transform: uppercase;
    font-size: 12px;
}

.reviews-section-text p {
    color: #636363;
    font-size: 14px;
    margin: 0px;
    line-height: 25px;
}

    .reviews-section-text p a {
        margin-left: 10px;
        color: #636363;
    }

        .reviews-section-text p a:hover, .reviews-section-text h1 a:hover {
            color: #ffce10;
        }

#write-review h1, #reviews h1 {
    color: #242424;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px;
    border-left: 2px solid #ffce10;
    padding: 5px 15px;
}

#write-review hr, #reviews hr, .contact-heading hr {
    border-color: #e8e8e8;
}

#review-form, #contact-form {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

.review-form .form-control, .contact-form .form-control {
    height: 45px;
    border: 1px solid #cccccc;
    border-left-color: #ffce10;
    font-size: 14px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    margin-bottom: 30px;
    padding: 10px 12px;
}

.contact-form .form-control {
    background: transparent;
}

    .review-form .form-control:focus, .contact-form .form-control:focus {
        border-color: #ffce10;
    }

.review-form textarea.form-control {
    height: 170px;
}

.contact-form textarea.form-control {
    height: 235px;
}

#review-button, #contact-button {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

    #review-button button, #contact-button button {
        background: -webkit-linear-gradient(left, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
        background: linear-gradient(to right, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
        color: #ffffff;
        border-radius: 4px;
        border: none;
        outline: 0;
        font-weight: 500;
        font-size: 14px;
        padding: 10px 25px;
        -webkit-transition: background 350ms ease-in-out;
        transition: background 350ms ease-in-out;
    }

        #review-button button:hover, #contact-button button:hover {
            background-position: left bottom;
        }

/************************** contact section *********************/
#contact-section {
    padding: 60px 0px;
    background: #f7f7f7;
}

.contact-heading {
    position: relative;
    width: 100%;
    display: inline-block;
}

    .contact-heading h1 {
        margin: 0px;
        text-transform: uppercase;
        padding: 5px 15px;
        border-left: 2px solid #ffce10;
        font-weight: 500;
        font-size: 18px;
        color: #242424;
    }

#contact-section-info p {
    margin: 0px 0px 10px;
    color: #636363;
    font-size: 14px;
    margin-top: 12px;
}

.contact-text .social {
    margin-top: 15px;
}

    .contact-text .social a {
        background: #ffffff;
        color: #cccccc;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

        .contact-text .social a:hover {
            color: #ffffff;
        }

.contact-icon i.fa {
    font-size: 20px;
}

.contact-icon .fa.fa-share-alt {
    font-size: 16px;
}

#contact-map {
    border-bottom: 2px solid #ffce10;
}

/******************** listing section ********************/
#listing-section {
    background: #f7f7f7;
    padding-bottom: 55px;
    border-bottom: 2px solid #ffce10;
}

.sorts-by-results {
    border: 1px solid #ededed;
    background: #f1f1f1;
    border-radius: 6px;
    display: block;
    float: left;
    margin-bottom: 30px;
    position: relative;
    white-space: nowrap;
    height: auto;
    line-height: 42px;
    padding: 12px;
    width: 100%;
}

    .sorts-by-results span.result-item-view {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #6b6b6b;
    }

        .sorts-by-results span.result-item-view span.yellow {
            color: #ffce10;
            font-weight: 500;
        }

    .sorts-by-results .disp-f-right {
        float: right;
    }

.disp-f-right .disp-style {
    float: left;
    margin: 3px 5px 0 5px;
}

    .disp-f-right .disp-style:last-child {
        margin-right: 0px;
    }

.sorts-by-results .disp-style a {
    background: #fcfcfc;
    border-radius: 5px;
    border: 2px solid transparent;
    float: right;
    font-size: 14px;
    line-height: 32px;
    padding: 0px 9px;
    color: #01273a;
}

    .sorts-by-results .disp-style a:hover {
        border: 2px solid rgba(255, 193, 7, 0.9);
        color: #ffce10;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    }

.sorts-by-results .disp-style.active a {
    border: 2px solid rgba(255, 193, 7, 0.9);
    color: #ffce10;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.list-view-item {
    padding: 5px;
}

    .list-view-item .listing-boxes-text p {
        min-height: 90px;
        height: 90px;
    }

        .list-view-item .listing-boxes-text p:before {
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) repeat scroll 0 0
        }

    .list-view-item:hover {
        border: 1px solid #ffce10;
        box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    }

    .list-view-item.active {
        border: 1px solid #ffce10;
        box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    }

        .list-view-item.active .recent-listing-box-item a h3 {
            color: #ffce10;
        }

        .list-view-item.active .recent-listing-box-item a, .list-view-item.active .recent-listing-box-item a i {
            color: #969595;
        }

    .list-view-item:hover .recent-listing-box-item a h3 {
        color: #4a4a4a;
    }

.vfx-person-block {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    float: left;
}

.vfx-pagination {
    border-radius: 0.25rem;
    display: inline-flex;
    list-style-type: none;
    margin: 15px 0;
}

ul.vfx-pagination a {
    background-color: #f9ca40;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    float: left;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    line-height: 15px;
    transition: all 0.2s linear 0s;
    width: 34px;
}

ul.vfx-pagination li {
    margin: 0 4px;
}

    ul.vfx-pagination li.active a, ul.vfx-pagination li:hover a {
        background-color: #00283b;
        border: 0 none;
        color: #fff;
        border-radius: 30px;
    }

/************************** add listings ***********************/
#add-listings {
    background: #f7f7f7;
    padding: 60px 0px;
    border-bottom: 2px solid #ffce10;
}

#user-option {
    background: #ffffff;
    padding: 50px 30px;
    display: inline-block;
    width: 100%;
    height: 300px;
}

    #user-option h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #user-option hr {
        border-color: #e8e8e8;
    }

    #user-option p {
        color: #636363;
        font-size: 16px;
        margin: 0px;
        padding-top: 10px;
    }

        #user-option p span {
            text-transform: capitalize;
            color: #242424;
            cursor: pointer;
            font-weight: normal;
            transition: all 0.3s ease 0s;
        }

            #user-option p span.selected {
                color: #ffce10;
            }

#user-signup, #user-signin {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    transition: all 0.3s ease 0s;
}

    #user-signup .form-group, #user-signin .form-group, #title-form .form-group {
        margin-bottom: 0px;
    }

    #user-signup .form-control, #user-signin .form-control, #title-form .form-control, #locations .form-control {
        border-color: #cccccc;
        background: transparent;
        padding-left: 20px;
        height: 45px;
        line-height: 30px;
    }

.hide-form {
    display: none;
    transition: all 0.3s ease 0s;
}

#enter-listings {
    padding: 50px 30px 20px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

    #enter-listings h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #enter-listings hr {
        border-color: #e8e8e8;
    }

#title-form {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

    #title-form input {
        margin-bottom: 30px;
    }

.detail-content h2 {
    color: #313131;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0 30px;
}

.detail-content .detail-amenities {
    list-style: outside none none;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-left: 0;
}

    .detail-content .detail-amenities li {
        width: 31%;
    }

        .detail-content .detail-amenities li.yes::before {
            background-color: #ffbe00;
            border-color: #ffbe00;
            color: #ffffff;
            content: "";
        }

        .detail-content .detail-amenities li::before {
            background-color: #01273a;
            border: 2px solid #01273a;
            border-radius: 15px;
            color: #ffffff;
            content: "";
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 10px;
            height: 20px;
            line-height: 15px;
            margin-right: 10px;
            text-align: center;
            vertical-align: 2px;
            width: 20px;
        }

    .detail-content .detail-amenities li {
        display: inline-block;
        font-size: 14px;
        line-height: 40px;
        color: #696969;
        font-weight: 500;
        margin-right: 10px;
    }

.dlt-title-item {
    margin-bottom: 25px;
}

    .dlt-title-item h2 {
        color: #4a4a4a;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .dlt-title-item div {
        color: #696969;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.3px;
        line-height: 18px;
        padding-bottom: 6px;
        text-transform: none;
    }

        .dlt-title-item div span {
            font-family: "Poppins", sans-serif;
            color: #ffbf02;
        }

    .dlt-title-item p {
        margin-top: 25px;
        color: #696969;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.2px;
    }

    .dlt-title-item ul {
        list-style: none;
        margin-top: 20px;
        margin-bottom: 30px;
    }

        .dlt-title-item ul li {
            list-style-image: url(./images/ic_right.png);
            list-style-position: inside;
            color: #696969;
            font-size: 14px;
            font-weight: 400;
            line-height: 30px;
            letter-spacing: 0.2px;
        }

.dlt-spons-item {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

    .dlt-spons-item a:first-child {
        margin-left: 0;
    }

    .dlt-spons-item a {
        background: transparent linear-gradient(to right, #ffce10 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
        color: #696969;
        display: inline-block;
        font-size: 13px;
        margin: 0 3px;
        padding: 7px 15px;
        font-weight: 500;
        border-radius: 2px;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
    }

        .dlt-spons-item a:hover {
            background: transparent linear-gradient(to right, #ffce10 50%, #f1f1f1 50%) repeat scroll right bottom / 206% 100%;
            color: #ffffff;
            background-position: left bottom;
        }

        .dlt-spons-item a.active {
            background: transparent linear-gradient(to right, #f1f1f1 50%, #ffce10 50%) repeat scroll right bottom / 207% 100%;
            color: #ffffff;
        }

.dlt-com-lt-block {
    background: #f8f8f8;
    border: 1px solid #f5f5f5;
    float: left;
    padding: 30px;
    width: 100%;
}

    .dlt-com-lt-block:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2)
    }

.dlt-com-lt-img img {
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    height: auto;
    width: 150px;
}

.dlt-com-lt-img {
    display: block;
    float: left;
    margin-right: 20px;
}

    .dlt-com-lt-img .social-icons {
        margin: 15px auto 0;
        text-align: center;
    }

.social-icons li {
    display: inline-block;
    margin-bottom: 0.125rem;
}

.dlt-com-lt-img .social-icons a {
    background: transparent linear-gradient(to right, #ffffff 50%, #ffbe00 50%) repeat scroll right bottom / 207% 100%;
    border: 1px solid #ffbe00;
    border-radius: 100%;
    color: #fff;
    margin: 0 5px;
    width: 36px;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .dlt-com-lt-img .social-icons a:hover {
        background: transparent linear-gradient(to right, #ffffff 50%, #ffbe00 50%) repeat scroll right bottom / 207% 100%;
        border: 1px solid #ffbe00;
        border-radius: 100%;
        background-position: left bottom;
        color: #ffbe00;
    }

.dlt-com-lt-text {
    color: #969696;
    font-size: 14px;
    padding-left: 180px;
    text-align: left;
}

.dlt-com-lt-title {
    color: #4a4a4a;
    float: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 4px;
    padding-left: 3px;
    width: 100%;
}

.dlt-com-clt {
    color: #ffbe00;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
}

.dlt-com-lt-block p {
    color: #696969;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0.2px
}

.dlt-com-lt-comment-user {
    display: block;
    float: left;
}

    .dlt-com-lt-comment-user h2 {
        color: #4a4a4a;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        margin: 20px 0 30px;
    }

.comments-wrapper {
    float: left;
    margin-top: 20px;
    width: 100%;
}

    .comments-wrapper h2 {
        color: #313131;
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        margin: 20px 0 30px;
    }

    .comments-wrapper .media {
        background-color: #fff;
        border: 1px solid #eee;
        margin-top: 40px;
        overflow: visible;
        position: relative;
    }

.media {
    display: flex;
    margin-bottom: 1rem;
}

.comments-wrapper .media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.comments-wrapper .media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.comments-wrapper .media .media-left img {
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    border-color: #eeeeee;
    bottom: -13px;
    height: 56px;
    left: -1px;
    padding: 0 8px 8px;
    position: absolute;
    width: 65px;
}

.comments-wrapper .media-body p {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    color: #696969;
    margin: 0;
    padding: 20px 25px 20px 15px;
    text-align: left;
    letter-spacing: 0.2px
}

.comment-meta {
    background: #f9f9f9 none repeat scroll 0 0;
    border-top: 1px solid #eee;
    color: #969595;
    font-size: 10px;
    padding: 8px 10px 8px 65px;
}

    .comment-meta a {
        font-weight: 600;
        color: #01273a;
        line-height: 15px;
    }

    .comment-meta .author-name {
        font-size: 14px;
        margin-right: 5px;
    }

    .comment-meta .rating-box {
        margin-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .comment-meta .rating {
        color: #f9a630;
        vertical-align: middle;
    }

        .comment-meta .rating i {
            font-size: 16px;
            color: #ffcc58;
            margin-top: 3px;
        }

span.comment-lt-time {
    color: #969595;
    font-size: 12px;
}

.comment-meta .comment-reply-link {
    font-family: "Poppins", sans-serif;
    background: transparent linear-gradient(to right, #ffbe00 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    border: 1px solid #eee;
    color: #969595;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .comment-meta .comment-reply-link:hover {
        background: transparent linear-gradient(to right, #ffbe00 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
        color: #00283b;
        background-position: left bottom;
    }

.comment-respond .form-group {
    margin-bottom: 20px;
}

.comment-respond {
    margin-top: 50px;
}

.comments-wrapper h2 {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0 30px;
}

.comment-respond .rating-box span.rating i {
    font-size: 20px;
    color: #ffcc58;
    margin-right: 5px;
    margin-bottom: 10px;
}

.comments-wrapper .form-control {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 20px;
    color: #969595;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    box-shadow: none;
}

    .comments-wrapper .form-control:focus {
        border-color: #ffce10;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

.comments-wrapper textarea.form-control {
    height: auto;
}

.comments-wrapper .comment-respond .btn {
    background: transparent linear-gradient(to right, #ffce10 50%, #ffbe00 50%) repeat scroll right bottom / 207% 100%;
    border-radius: 0;
    color: #01273a;
    font-size: 17px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    border-radius: 30px;
    letter-spacing: 0.3px;
    padding: 0 40px;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .comments-wrapper .comment-respond .btn:hover {
        background: transparent linear-gradient(to right, #01273a 50%, #dadada 50%) repeat scroll right bottom / 207% 100%;
        color: #ffffff;
        background-position: left bottom;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)
    }

.mce-tinymce iframe {
    height: 220px;
}

#mceu_14-body, #mceu_28-body {
    display: none;
}

.mce-btn {
    background: #e8e8e8;
}

div.mce-edit-area {
    border: 1px solid #cccccc;
    border-top: none;
}

.mce-panel {
    background-color: #e8e8e8;
    border: 0 solid rgba(0, 0, 0, 0);
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    color: #787878;
}

#mceu_28 {
    border-width: 0px;
}

.mce-toolbar-grp {
    padding: 10px 0px;
}

.mce-btn-group:not(:first-child) {
    border-left: none;
}

#mceu_22 > div {
    display: none;
}

.mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button {
    opacity: 1;
}

/******************** tags *****************/
.tagsinput {
    min-height: auto;
    margin-top: 30px;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #cccccc;
}

div.tagsinput input {
    width: 100%;
    margin-bottom: 0px;
}

div.tagsinput span.tag {
    background: #ffce10;
    font-size: 12px;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    margin: 3px 2px 0px 2px;
}

#tags_1_addTag > input {
    color: #d0d0d0;
    font-size: 14px;
}

div.tagsinput span.tag a {
    color: #ffffff;
}

div.tagsinput {
    padding-left: 20px;
}

#select-category {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 30px;
}

    #select-category select {
        height: 45px;
        color: #999999;
        background: url(./images/slt_btn_cat.png) top 50% right 15px no-repeat;
        margin-bottom: 25px;
    }

        #select-category select:disabled {
            color: #d0d0d0;
            background: #e8e8e8 url(./images/slt_btn_cat.png) top 50% right 15px no-repeat;
            border: none;
        }

#location-detail {
    padding: 50px 30px 50px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

#locations {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.inner-addon i.fa {
    bottom: 0;
    color: #999999;
    left: 3%;
    position: absolute;
    text-align: center;
    top: 34%;
}

.inner-addon .form-control {
    padding-left: 45px;
    color: #c2c2c2;
}

#location-detail h1 {
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #242424;
}

#location-detail hr {
    border-color: #e8e8e8;
}

#locations .form-group {
    margin-bottom: 30px;
}

    #locations .form-group .form-control {
        color: #c2c2c2;
    }

#gallery-images {
    padding: 50px 30px 50px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

    #gallery-images h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #gallery-images hr {
        border-color: #e8e8e8;
    }

    #gallery-images span {
        display: inline-block;
        color: #636363;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 500;
        margin-top: 20px;
        cursor: pointer;
    }

#add-images {
    position: relative;
    display: inline-block;
    width: 100%;
}

.file-upload {
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 250px;
    background: #ffffff url(./images/add-image.png) top left no-repeat;
    text-align: center;
    margin-top: 20px;
}

    .file-upload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        height: 100%;
        width: 100%;
    }

#price-package {
    padding: 50px 30px 50px;
    margin-top: 40px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

    #price-package h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
    }

    #price-package hr {
        border-color: #e8e8e8;
    }

    #price-package p {
        color: #636363;
        font-size: 14px;
        margin: 0px;
        padding-top: 20px;
    }

#packages {
    margin: 30px 20px 0px;
    color: #636363;
    font-size: 14px;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 10px;
    margin-bottom: 15px;
}

input[type=radio]:checked {
    color: #ffce10;
    background: #ffce10;
}

#preview-add {
    display: inline-block;
    margin-top: 30px;
}

    #preview-add button {
        background: -webkit-linear-gradient(left, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
        background: -o-linear-gradient(left, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
        background: linear-gradient(to right, #262626 50%, #ffce10 50%) repeat scroll right bottom/207% 100% transparent;
        border: none;
        color: #ffffff;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 14px;
        text-transform: capitalize;
        border-radius: 4px;
        outline: 0;
    }

        #preview-add button:hover {
            background-position: left bottom;
        }

/**************************** right side bar ***************************/
#process, #sidebar-navigation {
    padding: 40px 25px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
}

#scroll-element {
    position: relative;
}

#sidebar-navigation {
    margin-top: 30px;
    display: none;
}

    #process h1, #sidebar-navigation h1 {
        margin: 0px;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #242424;
        padding-bottom: 30px;
    }

    #process a, #sidebar-navigation a {
        color: #636363;
        font-size: 14px;
        text-transform: capitalize;
        list-style: none;
        padding: 0px;
    }

#process-section a span {
    color: #ffce10;
    margin-right: 10px;
}

#process ul li a:hover, #process ul li a:focus, #process ul li a:active, #sidebar-navigation a:hover, .active a {
    color: #ffce10;
    background-color: transparent;
}

#process hr, #sidebar-navigation hr {
    border-color: #e8e8e8;
}

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

    .navbar ul li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }

        .navbar ul li a {
            display: block;
            padding: 8px 25px;
            color: #333;
            text-decoration: none;
        }

            .navbar ul li a:hover {
                color: #fff;
                background: #939393;
            }

ul.dropdown li a {
    background: transparent linear-gradient(to right, #ffce10 50%, #ffffff 50%) repeat scroll right bottom / 207% 100%;
    text-transform: none;
    width: 100%;
    display: block;
    transition: all .6s ease 0;
    -webkit-transition: background 350ms ease-in-out;
    transition: background 350ms ease-in-out;
}

    ul.dropdown li a:hover {
        background: transparent linear-gradient(to left, #ffffff 50%, #ffce10 50%) repeat scroll left bottom / 207% 100% !important;
        color: #262626 !important;
        background-position: left bottom;
    }

ul.dropdown i.fa {
    color: #262626;
    margin-right: 5px;
}

.navbar ul li ul.dropdown {
    width: 230px;
    background: #f2f2f2;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    border: 5px solid rgba(0, 0, 0, 0.1);
    line-height: 30px !important;
}

    .navbar ul li ul.dropdown li a {
        padding: 12px 10px !important;
        width: 220px;
        margin-bottom: 0 !important;
    }

#nav_menu_list a i.fa {
    margin-left: 5px;
}

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

    .navbar ul li ul.dropdown li:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
    }

.navbar ul li:hover ul.dropdown {
    display: block;
}

.navbar ul li ul.dropdown li {
    display: block;
    width: 220px;
}

.details-lt-block {
    background-attachment: fixed;
    background-position: right center;
    background-size: auto 100%;
}

    .details-lt-block .slt_block_bg img {
        height: auto;
        width: 100%;
    }

.slt_block_bg img {
    position: relative;
    z-index: -1;
}

.slt_block_bg {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.95) 100%) repeat scroll 0 0;
    transition: all 0.3s ease 0s;
}

.header_slt_block {
    position: relative;
}

.slt_item_head {
    bottom: 100px;
    position: absolute;
    width: 100%;
}

.header_slt_block .user_logo_pic {
    background: rgba(0, 0, 0, 0.15) linear-gradient(to bottom, rgba(16, 14, 13, 0.0) 0%, rgba(16, 14, 13, 0.8) 100%) repeat scroll 0 0;
    border-radius: 90px;
    height: 180px;
    left: 0px;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 180px;
    float: left;
}

    .header_slt_block .user_logo_pic img {
        border-radius: 90px;
        height: auto;
        margin: 0;
        width: 100%;
    }

.slt_item_contant {
    float: left;
    left: 185px;
    margin-bottom: 10px;
    margin-left: 25px;
    position: absolute;
}

.slt_item_head h1 {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
}

.slt_item_head .contact_number i, .slt_item_head .email_detail i, .slt_item_head .location i {
    padding-right: 8px;
    text-align: center;
    width: 24px;
    height: auto;
    color: #ffbe00;
}

.slt_item_head .contact_number {
    font-family: "Poppins", sans-serif;
    color: #fff;
    margin-right: 0px;
    font-size: 16px;
    font-weight: 400;
}

.slt_item_head .email_detail {
    color: #fff;
    margin-right: 0px;
    font-weight: 400;
}

    .slt_item_head .email_detail a {
        color: #fff;
        font-weight: 400;
    }

        .slt_item_head .email_detail a:hover {
            text-decoration: none;
            color: #ffcc58;
        }

.slt_item_head .location {
    color: #fff;
    margin-right: 0px;
    font-weight: 400;
}

.head-bookmark-bock {
    float: left;
    margin-top: 12px;
    width: 100%;
    line-height: 40px;
    display: block;
}

.slt_item_head .detail-banner-btn {
    display: inline-block;
    margin-right: 10px;
}

    .slt_item_head .detail-banner-btn a {
        background: transparent linear-gradient(to right, #ffffff 50%, #ffce10 50%) repeat scroll right bottom / 207% 100%;
        color: #01273a;
        cursor: pointer;
        padding: 9px 15px;
        font-weight: 600;
        font-size: 14px;
        border-radius: 30px;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

        .slt_item_head .detail-banner-btn a:hover {
            background: transparent linear-gradient(to right, #ffffff 50%, #ffce10 50%) repeat scroll right bottom / 207% 100%;
            background-position: left bottom;
            color: #01273a;
            -webkit-transition: all .6s ease 0;
            transition: all .6s ease 0;
            transition: all 0.3s ease 0s;
        }

            .slt_item_head .detail-banner-btn a:hover i {
                color: #323232;
            }

.rating-box, .venue-action {
    color: #ffcc58;
    margin-bottom: 5px;
}

.slt_item_head .detail-banner-btn {
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

    .slt_item_head .detail-banner-btn i {
        font-size: 16px;
        margin-right: 5px;
        color: #01273a;
    }

@media(min-width: 980px) and (max-width:1199px) {
    .slt_item_head {
        width: 100%;
        left: 0;
        bottom: 70px;
        padding: 0 10px;
    }

        .slt_item_head h1 {
            font-size: 32px;
        }
}

@media(min-width: 768px) and (max-width:979px) {
    .slt_item_head {
        bottom: 70px;
        width: 100%;
        left: 0;
        padding: 0 10px;
    }

    .details-lt-block .slt_block_bg img {
        height: 300px;
        width: 100%;
    }

    .slt_item_head h1 {
        font-size: 26px;
    }
}

@media(max-width: 640px) {
    .slt_item_head h1 {
        color: #fff;
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .slt_item_head .location {
        float: none;
    }

    .slt_item_head .contact_number, .slt_item_head .email_detail a, .slt_item_head .location {
        font-size: 14px;
    }
}

@media(max-width: 767px) {
    .header_slt_block .user_logo_pic {
        height: 130px;
        left: 0px;
        padding: 10px;
        position: relative;
        text-align: center;
        top: 0;
        float: none;
        width: 130px;
    }

    .slt_item_contant {
        float: none;
        left: 0;
        margin-bottom: 10px;
        margin-left: 0px;
        position: relative;
    }

    .slt_block_bg {
        min-height: 460px;
    }

    .slt_item_head {
        left: 0;
        padding: 0 15px;
        width: 100%;
    }

        .slt_item_head .detail-banner-btn {
            margin-right: 10px;
        }
}

.sidebar-listing-search-wrap {
    padding: 0px;
    width: 100%;
}

    .sidebar-listing-search-wrap form p {
        font-size: 16px;
        font-weight: 500;
        color: #7e7e7e;
        margin-top: 15px;
        text-align: left;
    }

    .sidebar-listing-search-wrap form select.sidebar-listing-search-select {
        -moz-appearance: none;
        border: medium none;
        background: #f9f9f9 url("./images/form-icon-2.png") no-repeat scroll 100% 0px;
        box-shadow: 0 0 0 1px #ececec;
        color: #696969;
        font-size: 14px;
        height: 44px;
        line-height: 44px;
        margin-bottom: 8px;
        margin-top: 8px;
        padding: 0 0 0 15px;
        font-weight: 500;
        text-transform: capitalize;
        width: 100%;
    }

        .sidebar-listing-search-wrap form select.sidebar-listing-search-select option {
            background-color: #fff;
            border-color: rgba(0, 0, 0, 0.2);
            border-style: solid none none;
            border-width: 1px medium medium;
            font-size: 13px;
            padding: 10px 12px;
            font-weight: 500;
        }

    .sidebar-listing-search-wrap form input.sidebar-listing-search-input {
        background-color: #f9f9f9;
        box-shadow: 0 0 1px 1px #ececec;
        border: medium none;
        margin-bottom: 8px;
        margin-top: 8px;
        padding: 10px 15px;
        width: 100%;
        font-weight: 500;
    }

        .sidebar-listing-search-wrap form input.sidebar-listing-search-input::before {
            -moz-appearance: none;
            border: medium none;
            background: #f9f9f9 url("./images/form-icon-2.png") no-repeat scroll 100% 0px;
            box-shadow: 0 0 0 1px #ececec;
            color: #696969;
            font-size: 14px;
            height: 44px;
            line-height: 56px;
            margin-bottom: 8px;
            margin-top: 8px;
            padding: 0 0 0 15px;
            text-overflow: "";
            text-transform: capitalize;
            width: 100%;
        }

    .sidebar-listing-search-wrap form .listing-search-btn::before {
        content: "";
        font-family: "FontAwesome";
        left: 30%;
        position: absolute;
        text-align: center;
        top: 48%;
        color: #ffffff;
        transform: translateY(-50%);
    }

    .sidebar-listing-search-wrap form .listing-search-btn {
        margin-top: 15px;
        margin-bottom: 25px;
        position: relative;
    }

    .sidebar-listing-search-wrap form input.sidebar-listing-search-btn {
        border: 2px solid #01273a;
        margin-top: 0;
        padding: 10px;
        width: 100%;
        font-weight: 500;
        background: transparent linear-gradient(to right, #ffce10 50%, #01273a 50%) repeat scroll right bottom / 206% 100%;
        color: #ffffff;
        -webkit-transition: all .6s ease 0;
        transition: all .6s ease 0;
        transition: all 0.3s ease 0s;
    }

        .sidebar-listing-search-wrap form input.sidebar-listing-search-btn:hover {
            border: 2px solid #ffce10;
            background: transparent linear-gradient(to right, #ffce10 50%, #01273a 50%) repeat scroll right bottom / 206% 100%;
            background-position: left bottom;
            color: #ffffff;
        }

.detail-content h2 {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
}

.detail-content .detail-video {
    margin: 25px 0;
    max-width: 100%;
    float: left;
    display: block;
}

.contact-heading-title {
    margin-bottom: 50px;
}

    .contact-heading-title h1 {
        margin: 0px;
        color: #01273a;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
    }

        .contact-heading-title h1 span {
            color: #ffce10;
        }

.clt-content {
    font-family: "Poppins", sans-serif;
    color: #696969;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 60px;
    padding: 0 15px;
    text-align: left;
}

.from-list-lt input {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    padding-left: 60px;
}

    .from-list-lt input:focus {
        border-color: #ffce10
    }

.from-list-lt .from-input-ic {
    border-right: 1px solid rgba(216, 216, 216, 0.6);
    bottom: 0;
    left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    width: 44px;
}

    .from-list-lt .from-input-ic i {
        color: #d8d8d8;
        font-size: 17px;
        margin-left: 15px;
        margin-top: 13px;
    }

.form-float {
    transform: translateY(0%);
}

.from-list-lt .form-control:focus {
    background: #fff none repeat scroll 0 0;
    opacity: 1;
}

.from-list-lt textarea {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    padding-left: 60px;
}

    .from-list-lt textarea:focus {
        border-color: #ffce10
    }

textarea.form-control {
    height: 110px;
    line-height: 26px;
    font-weight: 400;
}

.from-list-lt .from-input-ic {
    border-right: 1px solid rgba(216, 216, 216, 0.6);
    bottom: 0;
    left: 15px;
    padding-right: 15px;
    position: absolute;
    top: 0;
    width: 44px;
}

.from-list-lt .btn {
    background: transparent linear-gradient(to right, #ffce10 50%, #ffbe00 50%) repeat scroll right bottom / 207% 100%;
    border-radius: 0;
    color: #01273a;
    font-size: 16px;
    font-weight: 600;
    height: 46px;
    line-height: 46px;
    border-radius: 30px;
    padding: 0 30px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    -webkit-transition: all .6s ease 0;
    transition: all .6s ease 0;
    transition: all 0.3s ease 0s;
}

    .from-list-lt .btn:hover {
        background: transparent linear-gradient(to right, #01273a 50%, #dadada 50%) repeat scroll right bottom / 207% 100%;
        color: #fff;
        background-position: left bottom;
        box-shadow: 0 3px 1px rgba(0, 0, 0, 0.25)
    }

input.verifi_code {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    padding-left: 20px;
}

#captcha {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 7px -4px rgba(0, 0, 0, 0.3);
    margin-top: 0;
}

.buttons input, .captchareload {
    background: #ffbe00;
    border-color: #ffbe00;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    padding: 2px 5px;
    vertical-align: middle;
}

.captchareload {
    margin-left: 15px;
}

.lt-co-icon {
    display: block;
    float: left;
}

.lt-co-blok-text {
    padding-left: 55px;
}

.lt-co-title {
    color: #343d46;
    font-size: 18px;
    font-weight: 600;
}

.lt-co-blok-text hr {
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -3px;
    width: 10%;
}

.lt-co-yellow-hr {
    background: #494e53;
}

.media-iconic .media-body p {
    color: #343d46;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 10px;
}

.lt-bdr-one {
    border-bottom: 2px solid #494e53;
}

.lt-co-blok-text hr {
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -3px;
    width: 10%;
}

.lt-co-green-hr {
    background: #f5c026;
}

.lt-bdr-two {
    border-bottom: 2px solid #f5c026;
}

.media-iconic .media-body p b {
    font-weight: 600;
}

.lt-co-blok-text hr {
    border: 0 none;
    bottom: 0;
    height: 2px;
    left: 0;
    margin: 10px 0;
    position: relative;
    right: 0;
    text-align: left;
    top: -3px;
    width: 10%;
}

.lt-bg-blue-hr {
    background: #39a2e9;
}

.media-iconic .media-body p {
    color: #7e7e7e;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 10px;
}

    .media-iconic .media-body p a {
        color: #7e7e7e
    }

        .media-iconic .media-body p a:hover {
            color: #f5c026
        }

.lt-bdr-three {
    border-bottom: 2px solid #39a2e9;
}

/************************************ dashboard page **************************************/
#leftcol_item {
    margin-bottom: 30px;
}

.user_dashboard_pic {
    background: #f9f9f9;
    border: 1px dashed #e9e9e9;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
}

    .user_dashboard_pic img {
        height: auto;
        width: 100%;
        border: 1px dashed #e9e9e9;
        border-radius: 10px;
    }

.user-photo-action {
    background: rgba(255, 255, 255, 0.85);
    bottom: 10px;
    color: #363636;
    font-family: "Poppins", sans-serif;
    left: 10px;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    position: absolute;
    height: 44px;
    line-height: 22px;
    font-weight: 500;
    right: 10px;
    text-align: center;
}

.dashboard_nav_item {
    margin-bottom: 25px;
}

    .dashboard_nav_item ul {
        display: block;
        float: left;
        list-style-type: none;
        margin-bottom: 20px;
        width: 100%;
    }

        .dashboard_nav_item ul li {
            background: transparent linear-gradient(to right, #ffce10 50%, #f9f9f9 50%) repeat scroll right bottom / 207% 100%;
            width: 100%;
            float: left;
            margin-bottom: 12px;
            display: block;
            border-radius: 30px;
            -webkit-transition: background 350ms ease-in-out;
            transition: background 350ms ease-in-out;
            border: 1px solid #e9e6e0;
        }

            .dashboard_nav_item ul li a {
                font-family: "Poppins", sans-serif;
                font-size: 14px;
                font-weight: 500;
                color: #4e4e4e;
                height: 46px;
                line-height: 26px;
                padding: 10px 15px;
                text-align: left;
                display: block;
                letter-spacing: 0.3px;
                vertical-align: middle;
            }

                .dashboard_nav_item ul li a i {
                    float: left;
                    font-size: 17px;
                    padding-right: 10px;
                    padding-top: 3px;
                    text-align: center;
                }

            .dashboard_nav_item ul li:hover {
                background: transparent linear-gradient(to right, #ffce10 50%, #f9f9f9 50%) repeat scroll right bottom / 207% 100%;
                background-position: left bottom;
                border: 1px solid #e9e6e0;
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
            }

            .dashboard_nav_item ul li.active {
                background: transparent linear-gradient(to right, #ffce10 50%, #f9f9f9 50%) repeat scroll right bottom / 207% 100%;
                background-position: left bottom;
                border: 1px solid #e9e6e0;
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
            }

                .dashboard_nav_item ul li.active:last-child, .dashboard_nav_item ul li:hover:last-child {
                    border-bottom: 0px;
                }

#dashboard_listing_blcok {
    display: block;
    margin-bottom: 30px;
}

    #dashboard_listing_blcok .statusbox {
        background: #fcfcfc;
        padding: 0;
        margin-bottom: 30px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        border: 1px solid #e9e6e0;
    }

        #dashboard_listing_blcok .statusbox h3 {
            font-family: "Poppins", sans-serif;
            background: rgba(0, 0, 0, 0.04);
            border-radius: 4px 4px 0 0;
            padding: 10px;
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            color: rgba(54, 54, 54, 0.7);
            text-transform: uppercase;
            height: 50px;
            vertical-align: middle;
            line-height: 30px;
            margin: 0;
            border-bottom: 1px solid #e9e6e0;
        }

    #dashboard_listing_blcok .statusbox-content {
        padding: 25px 0;
        text-align: center;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_status_item {
        display: inline-block;
        text-align: center;
        margin: 0 auto 15px auto;
    }

        #dashboard_listing_blcok .statusbox .statusbox-content .ic_status_item i {
            border-radius: 50px;
            font-size: 30px;
            height: 90px;
            line-height: 90px;
            text-align: center;
            vertical-align: middle;
            width: 90px;
            box-shadow: 0 0px 7px rgba(0, 0, 0, 0.08);
        }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_one i {
        background: #d5f6fd;
        border: 2px solid #0e8bcb;
        color: #0e8bcb;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_two i {
        background: #ffe2ec;
        border: 2px solid #fd6b9c;
        color: #fd6b9c;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_three i {
        background: #e3e0f3;
        border: 2px solid #7264bc;
        color: #7264bc;
    }

    #dashboard_listing_blcok .statusbox .statusbox-content .ic_col_four i {
        background: #e7f4e0;
        border: 2px solid #81c860;
        color: #81c860;
    }

    #dashboard_listing_blcok .statusbox-content h2 {
        font-family: "Open Sans", sans-serif;
        color: #6e6e6e;
        display: block;
        font-size: 26px;
        font-weight: 600;
        margin: 0;
    }

    #dashboard_listing_blcok .statusbox-content span {
        color: rgba(54, 54, 54, 0.6);
        display: block;
        font-size: 13px;
        font-weight: 500;
        margin-top: 10px;
    }

.submit_listing_box {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #e9e6e0;
    border-radius: 4px;
    margin-bottom: 25px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

    .submit_listing_box h3 {
        padding-bottom: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e9e6e0;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        color: #4a4a4a;
    }

    .submit_listing_box .form-alt label {
        display: block;
        text-align: left;
        margin-bottom: 8px;
        color: #696969;
        font-size: 14px;
        font-weight: 500;
    }

        .submit_listing_box .form-alt label span {
            color: #ff0000;
        }

    .submit_listing_box .btn_change_pass {
        margin: 10px auto;
        text-align: center;
        display: inline-block;
    }

    .submit_listing_box .form-alt input {
        background-color: #fff;
        border: 0 none;
        border-radius: 4px;
        color: #9d9795;
        height: 44px;
        border: 1px solid #e9e6e0;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        padding: 10px;
        box-shadow: none;
    }

    .submit_listing_box .form-alt textarea {
        background-color: #fff;
        border: 0 none;
        border-radius: 4px;
        color: #535353;
        border: 1px solid #e9e6e0;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        padding: 10px;
        box-shadow: none;
    }

    .submit_listing_box .form-group:last-child {
        margin-bottom: 0;
    }

    .submit_listing_box .form-alt input:focus {
        border-color: #ffce10;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

    .submit_listing_box .form-alt textarea:focus {
        border-color: #ffce10;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

    .submit_listing_box select.selectcategory {
        background: #ffffff url("./images/slt_btn_cat.png") no-repeat scroll right 15px top 50%;
        color: #999999;
        height: 44px;
        border: 1px solid #e9e6e0;
        box-shadow: none;
        font-size: 14px;
        font-weight: 400;
    }

        .submit_listing_box select.selectcategory option {
            padding: 8px 15px;
            border-bottom: 1px solid #e9e6e0;
            font-size: 14px;
            font-weight: 400;
        }

#location-map {
    display: block;
    margin-top: 10px;
}

    #location-map iframe {
        width: 100%;
        height: 320px;
        border: 0;
    }

    #location-map .map_view_location {
        cursor: pointer;
        min-height: 300px;
        width: 100%;
    }

.fileupload_block {
    border: 1px solid #c8d1d3;
    border-radius: 2px;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

    .fileupload_block #fileupload {
        float: left;
        margin-top: 6%;
    }

.fileupload_img {
    display: inline-block;
    float: left;
    margin-top: 0;
}

    .fileupload_img img {
        display: inline-block;
        height: 120px;
        width: 120px;
        border-radius: 60px;
    }

.submit_listing_box .amenities_block {
    display: block;
}

.submit_listing_box ul.detail-amenities {
    list-style-type: none;
}

.amenities_block .detail-amenities li {
    display: inline-block;
    font-size: 14px;
    line-height: 2.4;
    margin-right: 15px;
    width: 30%;
    text-align: left;
    float: left;
}

.checkbox {
    padding-left: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .checkbox label {
        font-weight: 500;
        color: #696969;
        display: inline-block;
        line-height: 20px;
        padding-left: 10px;
        position: relative;
        vertical-align: middle;
    }

input[type="checkbox"] {
    line-height: normal;
    margin: 12px 0 0;
}

.checkbox label::before {
    background-color: #ffffff;
    border: 1px solid #e0dcd1;
    border-radius: 20px;
    content: "";
    outline: 0;
    display: inline-block;
    height: 20px;
    left: 0;
    margin-left: -23px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 20px;
}

.checkbox label::after {
    color: #555;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    left: 0;
    margin-left: -23px;
    margin-top: 0;
    padding-left: 5px;
    padding-top: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}

    .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline-offset: -2px;
    }

    .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
        content: "";
        font-family: "FontAwesome";
    }

    .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
        opacity: 0.65;
    }

        .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
            background-color: #eee;
            cursor: not-allowed;
        }

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #01273a;
    border-color: #01273a;
}

.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.tg-listing {
    float: left;
    padding: 0;
    width: 100%;
    text-align: left;
}

.tg-listing-head {
    background: #01273a;
    color: #fff;
    float: left;
    padding: 0px 10px;
    text-transform: uppercase;
    width: 100%;
}

    .tg-listing-head .tg-titlebox {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        float: left;
        padding: 20px 10px;
        width: 38.33%;
    }

        .tg-listing-head .tg-titlebox:last-child {
            border-right: 0px;
        }

        .tg-listing-head .tg-titlebox h3 {
            font-family: "Poppins", sans-serif;
            color: #fff;
            font-size: 18px;
            line-height: 18px;
            margin: 0;
            font-weight: 500;
        }

        .tg-list .tg-listbox + .tg-listbox, .tg-listing-head .tg-titlebox + .tg-titlebox {
            width: 22%;
        }

.tg-lists {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.tg-list:nth-child(2n+1) {
    background: #f3f3f3;
}

.tg-list {
    float: left;
    padding: 10px;
    width: 100%;
    background: #ebebeb;
}

.tg-listbox .tg-listdata {
    overflow: hidden;
    padding-top: 3px;
}

    .tg-listbox .tg-listdata h4 {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 10px;
        text-transform: uppercase;
    }

.tg-list .tg-listbox {
    float: left;
    padding: 6px 10px;
    width: 38.33%;
}

    .tg-list .tg-listbox + .tg-listbox, .tg-listing-head .tg-titlebox + .tg-titlebox {
        width: 22%;
    }

    .tg-list .tg-listbox:last-child, .tg-listing .tg-titlebox:last-child {
        width: 14.5%;
    }

.tg-listbox span {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    display: block;
}

.list_user_thu {
    border: 1px solid #c7c5d2;
    float: left;
    margin: 0 15px 0 0;
    border-radius: 50px;
    padding: 4px;
}

    .list_user_thu img {
        width: 75px;
        height: 75px;
        border-radius: 50px;
    }

.tg-btn-list {
    background: #01273a;
    color: #fff;
    float: left;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 30px;
}

a.tg-btn-list:hover, a.tg-btn-list:focus {
    background: #ffce10;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
    color: #373542;
}

.tg-listbox .tg-btn-list + .tg-btn-list {
    margin: 0 0 0 10px;
}

.tg-listdata h4 a {
    font-family: "Poppins", sans-serif;
    color: #4e4e4e;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}

    .tg-listdata h4 a:hover {
        color: #ffce10;
    }

.tg-listbox .tg-listdata span, .tg-listbox .tg-listdata time {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #6f6f6f;
}

@media(min-width: 768px) and (max-width:1199px) {
    .tg-list .tg-listbox::after {
        background: #01273a;
        color: #fff;
        content: attr(data-title);
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        height: 100%;
        left: 0;
        line-height: 102px;
        padding: 0 15px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        width: 46%;
    }

    .tg-list .tg-listbox:nth-child(2)::after {
        content: attr(data-viewed);
        line-height: 50px;
    }

    .tg-list .tg-listbox:nth-child(3)::after {
        content: attr(data-favorites);
        line-height: 40px;
    }

    .tg-list .tg-listbox:nth-child(4)::after {
        content: attr(data-action);
        line-height: 40px;
    }

    .tg-listing-head {
        display: none;
    }

    .tg-list .tg-listbox + .tg-listbox, .tg-list .tg-listbox {
        padding: 15px 15px 15px 50%;
        position: relative;
        width: 100%;
    }

    .tg-listing-head {
        background: #373542 none repeat scroll 0 0;
        color: #fff;
        float: left;
        padding: 15px;
        text-transform: uppercase;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .tg-list .tg-listbox::after {
        background: #01273a;
        color: #fff;
        content: attr(data-title);
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        height: 100%;
        left: 0;
        line-height: 102px;
        padding: 0 15px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        width: 46%;
    }

    .affix {
        position: static;
    }

    .tg-list .tg-listbox:nth-child(2)::after {
        content: attr(data-viewed);
        line-height: 50px;
    }

    .tg-list .tg-listbox:nth-child(3)::after {
        content: attr(data-favorites);
        line-height: 40px;
    }

    .tg-list .tg-listbox:nth-child(4)::after {
        content: attr(data-action);
        line-height: 40px;
    }

    .tg-listing-head {
        display: none;
    }

    .tg-list .tg-listbox + .tg-listbox, .tg-list .tg-listbox {
        padding: 15px 15px 15px 50%;
        position: relative;
        width: 100%;
    }

    .tg-listing-head {
        background: #373542 none repeat scroll 0 0;
        color: #fff;
        float: left;
        padding: 15px;
        text-transform: uppercase;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .tg-list .tg-listbox::after {
        font-size: 14px;
        height: 100%;
        padding: 0 7px;
        width: 34%;
    }

    .tg-list .tg-listbox + .tg-listbox, .tg-list .tg-listbox {
        padding: 15px 15px 15px 36%;
        position: relative;
        width: 100%;
    }

    .tg-listbox span {
        display: inline-block;
        float: none;
        margin: 0 auto 15px 0;
        text-align: left;
    }
}

/************************************ error page **************************************/
div.error-page-alt {
    background: #ffffff url(./images/error-page-bg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7rem 0;
    position: relative;
    z-index: 0;
}

.f-title-error span {
    color: #01273a;
    font-size: 13.0769em;
    line-height: 0.76471;
}

.b-title-error span, .b-title-error strong {
    display: block;
    text-align: center;
}

.f-title-error strong {
    color: #f9ca40;
    font-size: 44px;
    font-weight: 400;
    margin-top: 10px;
}

.f-error-description span, .f-error-description strong {
    color: #6d7a83;
}

.f-error-description strong {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}

.f-title-error .f-primary-eb {
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
}

.f-error-description span, .f-error-description strong {
    color: #6d7a83;
}

.f-error-description span {
    font-size: 14px;
    line-height: 22px;
}

.b-error-search .b-input-search {
    padding-right: 40px;
}

.b-form-row, .b-form-row--big {
    margin-bottom: 10px;
}

.b-error-description {
    margin: 20px 0 0;
}

    .b-error-description span, .b-error-description strong {
        display: block;
        text-align: center;
    }

.b-error-search .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d3dadc;
    border-radius: 4px;
    color: #666;
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14);
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding: 6px 12px;
    width: 100%;
}

.b-error-search {
    margin: 20px auto 0;
    max-width: 375px;
}

    .b-error-search .b-btn-search {
        height: 42px;
        width: 44px;
    }

    .b-error-search .f-btn-search {
        font-size: 18px;
        line-height: 26px;
    }

.b-form-row .b-btn {
    background: #01273a none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    padding: 8px 14px;
}

.b-input-search {
    padding-right: 47px;
    position: relative;
}

.b-btn-search {
    color: #f9ca40;
    font-size: 1.07692em;
    line-height: 2.42857;
    text-align: center;
    border-radius: 2px 4px 4px 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
}

.categorie_item h1 {
    font-size: 16px;
    margin: 0;
    padding: 10px;
    background: #ffffff;
}

    .categorie_item h1 a {
        color: #e77e24;
    }


.glyphicon-chevron-right:before {
    content: "\e50" !important;
}


.glyphicon-chevron-left:before {
    content: "\e50" !important;
}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}