﻿@charset "UTF-8";

/* CSS Document */

/*------------------------------------------------------------------

Template Name:      RealWed | Wedding Vendor & Supplier Directory HTML Template
Version:            1.0.0
Date:               4/06/2018
Author:             Jitu Chauhan

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.6 Bullets 
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        4.10 Paginations

        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header
        5.5 Index-2

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Template Pages
    9.1  Venue list
    9.2  Venue grid list 
    9.3  Venue list half map
    9.4  Venue list single
    9.5  About
    9.6  Pricing
    9.7  Real wedding list
    9.8  Real wedding single
    9.9  Faq
    9.10 Contact us
    9.11 404 error
    9.12 Vendor Form
    9.13 Couple Form
    9.14 Shortcodes - Shortcode tab
                    - Shortcode alerts
                    - Shortcode accordions
                    - Shortcode Table


    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    10.3 Add new if new update
    ------------------------------------
  
11.Sidebar
    11.1 Widget
    11.2 Sidenav
    ------------------------------------
12. Shortcodes
    12.2 Accordions
    --------------------------

13. Help Center 
    -------------------------- 

14. Dashboard vendor & Couple  
    --------------------------
    14.1. Dashboard Frame
    14.2  Vendor dashboard overview 
    14.3  vendor dashboard listing
    14.4  vendor pricing
    14.5  vendor dashboard request list
    14.6  vendor dashboard review
    14.7  vendor profile
    14.8  vendor add listing
    14.9  couple overview
    14.10  couple wishlist
    14.11  couple todo
    14.12  couple budget list
    14.13  couple guest list
    14.14  couple guest Manager
    14.15  couple seating


15. Card
-------------------------------------------------------------------

16. Media Queries
-------------------------------------------------------------------


/*-------------------------------------------------------------------
1.  Body / Typography 
-------------------------------------------------------------------*/





body {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #6f6d72;
    background-color: #f6f6f6; /*-webkit-font-smoothing: antialiased; */
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    /*color: #252328;*/
    margin: 0px 0px 15px 0px;
    font-weight: 300;
    font-family: 'Rubik', sans-serif;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 32px;
    line-height: 42px;
}

h3 {
    font-size: 20px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 26px;
}

h5 {
    font-size: 16px;
    line-height: 26px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 0px 0px 20px 0px;
    -webkit-font-smoothing: antialiased;
}

    p:last-child {
        margin: 0px;
    }

a {
    color: #252328;
    -webkit-font-smoothing: antialiased;
}

    a:hover {
        color: #ff4d4d;
        text-decoration: none;
    }

    a:active, a:hover {
        outline: 0;
        text-decoration: none;
    }

ol, ul {
    -webkit-font-smoothing: antialiased;
}

    ol li, ul li {
    }

strong {
    font-weight: 500;
}

small {
}

hr {
    border-top: 1px solid #e6e5e7;
    margin-top: 10px;
    margin-bottom: 20px;
}

blockquote {
    margin: 0 0 30px;
    font-size: 21px; /* border: 3px solid #fff6dc; */ /* background-color: #fffdf6; */
    color: #252328;
    line-height: 34px;
    padding: 20px 25px;
    font-weight: 400;
    font-style: italic;
    position: relative;
}

    blockquote.alignleft {
        width: 292px;
        font-weight: 500;
    }

.blockquote-fancy::before {
    font-size: 20px;
    color: #ff4d4d;
    position: absolute;
    top: 17px;
    content: "\f10d";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    left: -9px;
}

.blockquote-left-border {
    border-left: 3px solid #ff4d4d;
}

.blockquote-right-border {
    border-right: 3px solid #ff4d4d;
}

.blockquote-box {
    padding: 45px;
}

.blockquote-left {
    max-width: 400px;
}

.blockquote-right {
    max-width: 400px;
    float: right;
}

.post-blockquote-author {
    font-size: 16px;
    margin-top: 20px;
    color: #ff4d4d;
}

table {
    color: #6f6d72;
}

    table thead th {
        color: #252328;
    }

.heading-btm-line {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid #ff4d4d;
    padding-bottom: 2px;
    display: inline-block;
}

/*------------------------------------------------------------------- 
2. Form
-------------------------------------------------------------------*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #5f5e61;
    line-height: 2.3;
}

input {
}

button {
}

    button:focus {
        outline: 0;
    }

.form-control {
    display: block;
    width: 100%;
    padding: 24px 16px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #252328;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .050);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .050);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input.form-control-sm {
    padding: 6px 10px;
    font-size: 13px;
}

select.form-control {
    color: #5f5e61;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/down-arrow.png);
    padding-right: 15px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .075);
    height: 50px;
    padding: 6px 16px;
    border: 1px solid #e8e8e8;
}

textarea.form-control {
    height: auto;
    color: #343031;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e5e7;
    border-radius: 2px;
    padding: 12px 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input::-webkit-input-placeholder {
    color: #6e6a6b !important;
}

input:focus::-webkit-input-placeholder {
    color: #252328 !important;
}

textarea::-webkit-input-placeholder {
    color: #6e6a6b !important;
}

textarea:focus::-webkit-input-placeholder {
    color: #252328 !important;
}

button.btn {
    font-size: 18px;
    font-weight: 300;
}

button.btn-default {
}

button.btn-primary {
}

address {
}

.table {
    margin-bottom: 0px;
}

.form-group {
}

.search-block {
    background-color: #fbfbfb;
    border-radius: 4px;
    padding: 40px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0 3px 2px rgba(0, 0, 0, .075);
}

.search-head {
    margin-bottom: 60px;
    padding: 0px 115px;
}

.search-head-title {
    color: #fff;
    font-size: 52px;
    font-weight: 400;
}

.search-head p {
    font-size: 17px;
    line-height: 27px;
}

.search-form {
    margin: 0 auto;
}

    .search-form .nice-select {
        margin-bottom: 0px;
    }

.search-item {
    display: inline-block;
    float: left;
    width: 41%;
    margin-right: 5px;
}

::selection {
    color: #252328;
    background: #fde173;
}

.search-btn {
    line-height: 3.1;
    position: absolute;
    right: 20px;
    font-size: 16px;
    color: #ff4d4d;
    bottom: 2px;
}

.auto-searchbar {
    position: relative;
}

.form-control:focus {
    color: #252328;
    background-color: #fff;
    border-color: #bebebe;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(243, 243, 243);
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 20px;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    color: #2e2d31;
}

/* Custom-Chekbox
-------------------------------------------------------------- */
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-input:checked ~ input[type="checkbox"] {
    background: #3d404e;
    border: #7f83a2 1px solid;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-label {
    margin-bottom: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff4d4d;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff4d4d;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
}

.custom-control-label::after {
    position: absolute;
    top: 7px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control-label::before {
    position: absolute;
    top: 7px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dadada;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff4d4d;
}

.custom-select-font-size {
    font-size: 14px;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

/* Nice Select 
-------------------------------------------------------------- */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 40px;
    outline: none;
    padding: 6px 14px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #343031;
    margin-bottom: 16px;
}

    .nice-select:hover {
        border-color: #e8e8e8;
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: #e8e8e8;
    }

    .nice-select:after {
        border-bottom: 2px solid #343031;
        border-right: 2px solid #343031;
        content: '';
        display: block;
        height: 7px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 7px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cccccc;
        }

    .nice-select.wide {
        width: 100%;
    }

    .nice-select.wide2 {
        width: 100%;
    }

    .nice-select.wide .list {
        left: 0 !important;
        right: 0 !important;
    }

    .nice-select.wide2 .list {
        left: 0 !important;
        overflow: scroll;
        height: 50vH;
    }

@media only screen and (max-width: 600px) {
    .nice-select.wide2 .list {
        left: 0 !important;
        overflow: scroll;
        height: 50vH;
        right: 0 !important;
    }
}

.nice-select.right {
    float: right;
}

    .nice-select.right .list {
        left: auto;
        right: 0;
    }

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

    .nice-select.small:after {
        height: 4px;
        width: 4px;
    }

    .nice-select.small .option {
        line-height: 34px;
        min-height: 34px;
    }

.nice-select .list {
    border: 1px solid #999999;
    background-color: #fff;
    border-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 0px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    border: none;
}

    .nice-select .list:hover .option:not(:hover) {
        background-color: transparent !important;
    }

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #6f6c72;
}

    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
        color: #ff4d4d;
        text-decoration: none;
        background-color: #ffefef;
    }

    .nice-select .option.selected {
    }

    .nice-select .option.disabled {
        background-color: transparent;
        color: #343031;
        cursor: default;
    }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

/*-------------- align ------------*/

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 0px 0 20px 30px;
}

.alignleft {
    float: left;
    margin: 0px 20px 0px 0;
}

a img.alignright {
    float: right;
    margin: 0px 0 30px 30px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }

/*----------------------- 
3. Buttons
-------------------------*/
.btn {
    border: 2px solid transparent;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    word-wrap: break-word;
    white-space: normal !important;
    line-height: 26px;
    text-transform: capitalize;
}

.btn-rounded {
    border-radius: 50px;
}

/*--- btn default --*/
.btn-default {
    color: #fff;
    background-color: #ff4d4d;
    border-color: #ff4d4d;
}

    .btn-default:hover {
        color: #fff;
        background-color: #e93c3c;
        border-color: #e93c3c;
    }

    .btn-default.focus, .btn-default:focus {
        color: #fff;
        background-color: #e93c3c;
        border-color: #e93c3c;
        box-shadow: none;
    }

    .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle {
        color: #fff;
        background-color: #e93c3c;
        border-color: #e93c3c;
    }

/*--- btn primary --*/
.btn-primary {
    color: #fff;
    background-color: #00bda7;
    border-color: #00bda7;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #03a28f;
        border-color: #03a28f;
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #03a28f;
        border-color: #03a28f;
        box-shadow: 0 0 0 1px rgb(45, 132, 131);
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #03a28f;
        border-color: #03a28f;
    }

/*--- btn secondary --*/
.btn-secondary {
    color: #fff;
    background-color: #2abc2d;
    border-color: #2abc2d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #2da32f;
        border-color: #2da32f;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        color: #fff;
        background-color: #2da32f;
        border-color: #2da32f;
        box-shadow: 0 0 0 1px rgb(45, 163, 47);
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #2da32f;
        border-color: #2da32f;
    }

/*--- btn success --*/
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #129e32;
        border-color: #129e32;
    }

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #129e32;
        border-color: #129e32;
        box-shadow: 0 0 0 1px rgb(18, 158, 50);
    }

/*--- btn danger --*/
.btn-danger {
    color: #fff;
    background-color: #dc3645;
    border-color: #dc3645;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #da0419;
        border-color: #da0419;
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #da0419;
        border-color: #da0419;
        box-shadow: 0 0 0 1px rgb(218, 4, 25);
    }

/*--- btn warning --*/
.btn-warning {
    color: #212529;
    background-color: #ffc209;
    border-color: #ffc209;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #f3b600;
        border-color: #f3b600;
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #212529;
        background-color: #f3b600;
        border-color: #f3b600;
        box-shadow: 0 0 0 1px rgb(238, 182, 0);
    }

/*--- btn info --*/
.btn-info {
    color: #fff;
    background-color: #18a2b9;
    border-color: #18a2b9;
}

    .btn-info:hover {
        color: #fff;
        background-color: #0998b0;
        border-color: #0998b0;
    }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #0998b0;
        border-color: #0998b0;
        box-shadow: 0 0 0 1px rgb(238, 184, 22);
    }

/*--- btn light --*/
.btn-light {
    color: #2e2f39;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-light:hover {
        color: #2e2f39;
        background-color: #d7d7df;
        border-color: #d7d7df;
    }

    .btn-light.focus, .btn-light:focus {
        color: #2e2f39;
        background-color: #d7d7df;
        border-color: #d7d7df;
        box-shadow: 0 0 0 1px rgb(215, 215, 223);
    }

/*--- btn dark --*/
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #272a2e;
        border-color: #272a2e;
    }

    .btn-dark.focus, .btn-dark:focus {
        color: #fff;
        background-color: #272a2e;
        border-color: #272a2e;
        box-shadow: 0 0 0 1px rgb(39, 42, 46);
    }

/*--- btn gray --*/
.btn-gray {
    color: #252328;
    background-color: #f3f3f3;
    border-color: #dcdcdc;
}

    .btn-gray:hover {
        color: #fff;
        background-color: #252328;
        border-color: #252328;
    }

    .btn-gray.focus, .btn-gray:focus {
        color: #fff;
        background-color: #252328;
        border-color: #252328;
        box-shadow: 0 0 0 1px rgb(220, 220, 220);
    }

/*--- btn white --*/
.btn-white {
    color: #252328;
    background-color: #fff;
    border-color: #fff;
}

    .btn-white:hover {
        color: #fff;
        background-color: #f04040;
        border-color: #f04040;
    }

    .btn-white.focus, .btn-white:focus {
        color: #fff;
        background-color: #f04040;
        border-color: #f04040;
        box-shadow: 0 0 0 1px rgb(255, 77, 77);
    }

/*--- btn outline default --*/
.btn-outline-default {
    color: #ff4d4d;
    background-color: transparent;
    border-color: #ff4d4d;
}

    .btn-outline-default:hover {
        color: #fff;
        background-color: #ff4d4d;
        border-color: #ff4d4d;
    }

    .btn-outline-default.focus, .btn-outline-default:focus {
        color: #ff4d4d;
        background-color: transparent;
        border-color: #ff4d4d;
        box-shadow: 0 0 0 1px rgb(255, 77, 77);
    }

/*--- btn outline primary --*/
.btn-outline-primary {
    color: #00bda7;
    background-color: transparent;
    border-color: #00bda7;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #00bda7;
        border-color: #00bda7;
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        color: #fff;
        background-color: #00bda7;
        border-color: #00bda7;
        box-shadow: 0 0 0 1px rgb(0, 189, 167);
    }

/*--- btn outline secondary --*/
.btn-outline-secondary {
    color: #2abc2d;
    background-color: transparent;
    border-color: #2abc2d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #2da32f;
        border-color: #2da32f;
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        color: #fff;
        background-color: #2da32f;
        border-color: #2da32f;
        box-shadow: 0 0 0 1px rgb(45, 163, 47);
    }

/*--- btn outline violate --*/
.btn-outline-violate {
    color: #9047fb;
    background-color: #f2e9ff;
    border-color: #9047fb;
}

    .btn-outline-violate:hover {
        color: #fff;
        background-color: #9047fb;
        border-color: #9047fb;
    }

    .btn-outline-violate.focus, .btn-outline-secondary:focus {
        color: #fff;
        background-color: #9047fb;
        border-color: #9047fb;
        box-shadow: none;
    }

/*--- btn outline pink --*/
.btn-outline-pink {
    color: #ff7b7b;
    background-color: #ffeded;
    border-color: #ff7b7b;
}

    .btn-outline-pink:hover {
        color: #fff;
        background-color: #ff7b7b;
        border-color: #ff7b7b;
    }

    .btn-outline-pink.focus, .btn-outline-secondary:focus {
        color: #fff;
        background-color: #ff7b7b;
        border-color: #ff7b7b;
    }

/*--- btn outline success --*/
.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
        box-shadow: 0 0 0 1px rgb(40, 167, 69);
    }

/*--- btn outline danger --*/
.btn-outline-danger {
    color: #dc3645;
    background-color: transparent;
    border-color: #dc3645;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3645;
        border-color: #dc3645;
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        color: #fff;
        background-color: #dc3645;
        border-color: #dc3645;
        box-shadow: 0 0 0 1px rgb(239, 23, 44);
    }

/*--- btn outline warning --*/
.btn-outline-warning {
    color: #212529;
    background-color: transparent;
    border-color: #ffc209;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc209;
        border-color: #ffc209;
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        color: #212529;
        background-color: #ffc209;
        border-color: #ffc209;
        box-shadow: 0 0 0 1px rgb(255, 194, 9);
    }

/*--- btn outline info --*/
.btn-outline-info {
    color: #18a2b9;
    background-color: transparent;
    border-color: #18a2b9;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #18a2b9;
        border-color: #18a2b9;
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        color: #fff;
        background-color: #18a2b9;
        border-color: #18a2b9;
        box-shadow: 0 0 0 1px rgb(24, 162, 185);
    }

/*--- btn outline light --*/
.btn-outline-light {
    color: #2e2f39;
    background-color: transparent;
    border-color: #ebebed;
}

    .btn-outline-light:hover {
        color: #2e2f39;
        background-color: #f0f0f8;
        border-color: #f0f0f8;
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        color: #2e2f39;
        background-color: #f0f0f8;
        border-color: #f0f0f8;
        box-shadow: 0 0 0 1px rgb(235, 235, 237);
    }

/*--- btn outline-dark --*/
.btn-outline-dark {
    color: #2e2f39;
    background-color: transparent;
    border-color: #2e2f39;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #2e2f39;
        border-color: #2e2f39;
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        color: #fff;
        background-color: #2e2f39;
        border-color: #2e2f39;
        box-shadow: 0 0 0 1px rgb(46, 47, 57);
    }

/*--- btn size --*/
.btn-xs {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-sm {
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.5;
}

.btn-lg {
    padding: 14px 26px;
    font-size: 18px;
    line-height: 1.3333333;
}

/*--- btn focus --*/
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

/*--- summary note btn --*/
.note-btn {
}

    .note-btn.btn {
        padding: 3px 10px;
    }

.note-btn-group button {
    height: 32px;
}

/*--- btn link --*/

/*------------------------------
 -------btn-default-link -----*/

.btn-default-link {
    font-size: 13px;
    color: #ff4d4d;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    border-bottom: 1px solid #ff4d4d;
    padding-bottom: 1px;
}

    .btn-default-link:hover {
        color: #e93c3c;
        text-decoration: none;
        border-color: #e93c3c;
    }

/*------------------------------
 -------btn-primary-link -----*/
.btn-primary-link {
    font-size: 13px;
    color: #252328;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    border-bottom: 1px solid #252328;
    padding-bottom: 1px;
}

    .btn-primary-link:hover {
        color: #000000;
        text-decoration: none;
        border-color: #000000;
    }

/*------------------------------
 -------btn-primary-link -----*/
.btn-white-link {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 1px;
}

    .btn-white-link:hover {
        color: #000000;
        text-decoration: none;
        border-color: #000000;
    }

/*------------------------------
 -------btn-secondary-link -----*/
.btn-secondary-link {
    font-size: 13px;
    color: #2abc2d;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    border-bottom: 1px solid #2abc2d;
    padding-bottom: 1px;
}

    .btn-secondary-link:hover {
        color: #2aa62c;
        text-decoration: none;
        border-color: #2aa62c;
    }

.btn-wishlist {
    background-color: #fff;
    border-radius: 4px;
    padding: 4px 6px;
    border: 1px solid #ebebeb;
    color: #ff4d4d;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .btn-wishlist:hover {
        background-color: #ff4d4d;
        color: #fff;
        border: 1px solid #ff4d4d;
    }

.btn-default-wishlist {
    background-color: #fff;
    border-radius: 4px;
    padding: 12px 10px;
    border: 1px solid #ebebeb;
    color: #ff4d4d;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .btn-default-wishlist:hover {
        background-color: #ff4d4d;
        color: #fff !important;
        border: 1px solid #ff4d4d;
    }

/*-------------------------------------------------------------------
4. General / Elements
-------------------------------------------------------------------*/

/*--- 4.1 Section space ---*/

/*Note: Section space help to create top bottom space;*/

.space-xs-small {
    padding-top: 20px;
    padding-bottom: 20px;
}

.space-small {
    padding-top: 70px;
    padding-bottom: 70px;
}

.space-medium {
    padding-top: 120px;
    padding-bottom: 120px;
}

.space-mediumkala {
    background: url(../img/kalak3.jpeg) no-repeat center;
    /* background-size: cover; */
    padding-top: 500px;
    padding-bottom: 0px;
    background-size: 100% 100%;
}

.space-large {
    padding-top: 100px;
    padding-bottom: 100px;
}

.space-ex-large {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-title {
    margin-bottom: 60px;
}

/*----------------------
  4.2 Margin Space
-----------------------*/
.mb0 {
    margin-bottom: 0px;
}

.ml30 {
    margin-left: 30px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb130 {
    margin-bottom: 130px;
}

.mt0 {
    margin-top: 0px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

/*----- less margin space from top --*/
.mt-20 {
    margin-top: -20px;
}

.mt-40 {
    margin-top: -40px;
}

.mt-60 {
    margin-top: -60px;
}

.mt-80 {
    margin-top: -80px;
}

.mr-10 {
    margin-right: -10px;
}

.ml-10 {
    margin-left: -10px;
}

/*-----------------------
  4.3 Padding space
-------------------------*/
.nopadding {
    padding: 0px;
}

.nopr {
    padding-right: 0px;
}

.nopl {
    padding-left: 0px;
}

.pinside10 {
    padding: 10px;
}

.pinside20 {
    padding: 20px;
}

.pinside30 {
    padding: 30px;
}

.pinside40 {
    padding: 40px;
}

.pinside50 {
    padding: 50px;
}

.pinside60 {
    padding: 60px;
}

.pinside80 {
    padding: 80px;
}

.pinside100 {
    padding: 100px;
}

.pinside140 {
    padding: 140px;
}

.pdt0 {
    padding-top: 0px;
}

.pdt10 {
    padding-top: 10px;
}

.pdt20 {
    padding-top: 20px;
}

.pdt30 {
    padding-top: 30px;
}

.pdt40 {
    padding-top: 40px;
}

.pdt60 {
    padding-top: 60px;
}

.pdt80 {
    padding-top: 80px;
}

.pdt100 {
    padding-top: 100px;
}

.pdt120 {
    padding-top: 120px;
}

.pdb0 {
    padding-bottom: 0px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pdb20 {
    padding-bottom: 20px;
}

.pdb30 {
    padding-bottom: 30px;
}

.pdb40 {
    padding-bottom: 40px;
}

.pdb60 {
    padding-bottom: 60px;
}

.pdb80 {
    padding-bottom: 80px;
}

.pdb150 {
    padding-bottom: 150px;
}

.pdl10 {
    padding-left: 10px;
}

.pdl20 {
    padding-left: 20px;
}

.pdl30 {
    padding-left: 30px;
}

.pdl40 {
    padding-left: 40px;
}

.pdl60 {
    padding-left: 60px;
}

.pdl80 {
    padding-left: 80px;
}

.pdl140 {
    padding-left: 140px;
}

.pdr10 {
    padding-right: 10px;
}

.pdr20 {
    padding-right: 20px;
}

.pdr30 {
    padding-right: 30px;
}

.pdr40 {
    padding-right: 40px;
}

.pdr60 {
    padding-right: 60px;
}

.pdr80 {
    padding-right: 80px;
}

.pdr100 {
    padding-right: 100px;
}

.pdtb40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

/*--- 4.4 Background & Block color (Extra Classes) ---*/

/*----------------------- 
Background Color / Color
-------------------------*/

.bg-default {
    background-color: #ff4d4d !important;
}

.bg-primary {
    background-color: #00bda7 !important;
    color: #fff;
}

.bg-secondary {
    background-color: #2abc2d !important;
    color: #fff;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-danger {
    background-color: #dc3645 !important;
}

.bg-warning {
    background-color: #ffc209 !important;
}

.bg-info {
    background-color: #18a2b9 !important;
}

.bg-dark {
    background-color: #2e2f39 !important;
}

.bg-white {
    background-color: #ffffff;
}

.bg-light {
    background-color: #f2eeee !important;
}

/*.bg-yellow-light { background-color: #fdf8ec !important; }*/
.text-primary {
    color: #00bda7 !important;
}

.text-default {
    color: #ff4d4d !important;
}

.text-secondary {
    color: #2abc2d !important;
}

.text-success {
    color: #28a745 !important;
}

.text-danger {
    color: #dc3645 !important;
}

.text-warning {
    color: #ffc209 !important;
}

.text-info {
    color: #18a2b9 !important;
}

.text-light {
    color: #f0f0f8 !important;
}

.text-dark {
    color: #343a40 !important;
}

.text-gray {
    color: #868aa5 !important;
}

.text-white {
    color: #fff;
}

.text-light {
    color: #f8f9fa !important;
}

.title {
    color: #252328;
}

.well-box {
    background-color: #fff;
    border: 1px solid #e6e5e7;
    padding: 26px;
    margin-bottom: 20px;
}

.well-box-dark {
    background-color: #f5f5f5;
    border: 1px solid #e6e5e7;
    padding: 26px;
    margin-bottom: 20px;
}

.listnone {
    list-style: none;
    padding: 0px;
}

    .listnone li {
        margin-bottom: 13px;
    }

.lead {
    font-size: 21px;
    font-weight: 400;
    color: #252328;
    line-height: 31px;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.gray-bg {
    background-color: #f7f7f7;
}

.section-block {
    margin: 16px 0px;
}

.section-heading {
    margin-bottom: 40px;
}

/*--- 4.5 Features ---*/
.feature {
    margin-bottom: 40px;
    margin-top: 40px;
}

.feature-icon {
}

.feature-content {
}

.feature-title {
}

.feature-icon-block {
    text-align: center;
}

    .feature-icon-block .feature-icon {
        margin-bottom: 25px;
    }

    .feature-icon-block .feature-content {
        padding: 20px 20px;
    }

.feature-left {
    min-height: 143px;
}

    .feature-left .feature-icon {
        float: left;
    }

    .feature-left .feature-title {
        margin-bottom: 10px;
    }

    .feature-left .feature-content {
        padding-left: 80px;
    }

.feature-blurb-block {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
}

/*--- 4.6 Bullets ---*/
.arrow {
    position: relative;
}

    .arrow li {
        padding-left: 20px;
        line-height: 30px;
    }

        .arrow li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 13px;
            color: #ff4d4d;
            content: '\f058';
            font-style: initial;
        }

.angle {
    position: relative;
}

    .angle li {
        padding-left: 14px;
        line-height: 30px;
    }

        .angle li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 9px;
            color: #b2afb5;
            content: '\f061';
            font-style: initial;
        }

.star {
    position: relative;
}

    .star li {
        padding-left: 22px;
        line-height: 30px;
        font-size: 14px;
    }

        .star li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 14px;
            color: #bbb9be;
            content: '\f381';
        }

.vendor-bg-image {
    background: url(../images/signup-bg-img.jpg)no-repeat;
    background-size: cover;
    height: 100%;
}

.couple-bg-image {
    background: url(../img/decoration2.jpg)no-repeat;
    background-size: cover;
    height: 100%;
}

.angle-right {
    position: relative;
}

    .angle-right li {
        padding-left: 18px;
        line-height: 30px;
    }

        .angle-right li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 12px;
            color: #01d486;
            content: '\f105';
            font-style: initial;
        }

.check {
    position: relative;
}

    .check li {
        padding-left: 24px;
        line-height: 30px;
    }

        .check li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 12px;
            color: #979494;
            content: '\f00c';
            font-style: initial;
        }

.close-icon {
    position: relative;
}

    .close-icon li {
        padding-left: 24px;
        line-height: 30px;
    }

        .close-icon li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 12px;
            color: #ec3636;
            content: '\f00d';
            font-style: initial;
        }

.angle {
    position: relative;
}

    .angle li {
        padding-left: 20px;
        line-height: 30px;
    }

        .angle li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 13px;
            color: #d2d3d8;
            content: '\f061';
            font-style: initial;
        }

.plus-circle {
    position: relative;
}

    .plus-circle li {
        padding-left: 20px;
        line-height: 35px;
    }

        .plus-circle li:before {
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            display: inline-block;
            position: absolute;
            left: 0;
            font-size: 13px;
            color: #28a745;
            content: '\f055';
            font-style: initial;
        }

/*----- Bullet List -----*/
.bullet-list {
}

    .bullet-list ul {
        margin: 0px;
        padding: 0px;
    }

        .bullet-list ul li {
        }

/*-------------------- User icon sizes ---------------------*/
.user-avatar-xxl {
    height: 128px;
    width: 128px;
}

.user-avatar-xl {
    height: 90px;
    width: 90px;
}

.user-avatar-lg {
    height: 48px;
    width: 48px;
}

.user-avatar-md {
    height: 32px;
    width: 32px;
}

.user-avatar-sm {
    height: 24px;
    width: 24px;
}

.user-avatar-xs {
    height: 18px;
    width: 18px;
}

/*--- 4.7 Call to actions ---*/

/*--- 4.8 Img hover effect ---*/

/*--------------------------------
4.8 Image Hover Effect 
----------------------------------*/

img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    line-height: normal;
    vertical-align: middle;
}

.imghover {
    display: block;
    position: relative;
    max-width: 100%;
}

    .imghover::before, .imghover::after {
        display: block;
        position: absolute;
        content: "";
        text-align: center;
        opacity: 0;
        border-radius: 0px;
    }

    .imghover::before {
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: 0.8s ease;
    }

    .imghover::after {
    }

    .imghover:hover::before, .imghover:hover::after {
        opacity: .8;
    }

    .imghover:hover::before {
        opacity: 0.8;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .imghover:hover::after {
        opacity: 0.8;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

/*--- 4.8 Img-grayscale effect ---*/
img.grayscale {
    filter: grayscale(1);
    opacity: .6;
    cursor: pointer;
}

    img.grayscale:hover {
        filter: grayscale(0);
        opacity: 1;
        transition-property: filter;
        transition-duration: 1s;
    }

/*--- 4.8 Imgzoom hover effect ---*/
.zoomimg {
    position: relative;
    overflow: hidden;
}

    .zoomimg img {
        max-width: 100%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .zoomimg:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

/*--- 4.9 Icon ---*/
.icon {
}

.icon-1x {
    font-size: 19px;
}

.icon-2x {
    font-size: 32px;
}

.icon-3x {
    font-size: 50px;
}

.icon-4x {
    font-size: 60px;
}

.icon-default {
    color: #ff4d4d;
}

.icon-primary {
    color: #252328;
}

.icon-secondary {
    color: #909090;
}

.fa-default {
    color: #ff4d4d;
}

.fa-primary {
    color: #252328;
}

/*--- 4.10 Paginations ---*/

/*--- 4.11 Testimonial icon ---*/

.testimonial-block {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e6e5e7;
    padding: 26px;
    border-radius: 4px;
}

    .testimonial-block .rating-star {
        font-size: 12px;
    }

.testimonial-icon {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    text-align: center;
}

.testimonial-name {
    text-align: center;
    font-weight: 400;
    margin-bottom: 20px;
}

.testimonial-text {
    text-align: center;
    font-style: italic;
    line-height: 26px;
    margin-bottom: 40px;
    font-size: 16px;
}

.testimonial-pic {
    text-align: center;
    margin-bottom: 30px;
}

.testimonial-meta {
    text-align: center;
}

.testimonial-small-text {
    font-size: 12px;
}

/*--- 4.12 Filter Form --*/
.filter-form {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e6e5e7;
    margin-bottom: 20px;
}

.aminities {
    margin-top: 20px;
}

.form-title {
    font-size: 13px;
    letter-spacing: 2px;
    color: #252328;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

/*-------------------------------------------------------------------
 5. Header / Navigations
-------------------------------------------------------------------*/

/*--- 5.1 Header Regular ---*/

.header-top {
    border-bottom: 1px solid #ea3535;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 14px;
    min-height: 40px;
    background-color: #ff4d4d;
    color: #fff;
    font-weight: 400;
}

.header-text {
}

.wlecome-text {
}

.header-help {
    background-color: #fff;
    padding: 16px 0px;
}

.header-help-logo {
    padding-top: 10px;
}

.header-help-btn {
    padding-top: 6px;
}

.header {
    background-color: #fff;
}

.header-logo {
    padding-top: 10px;
}

.header-btn {
    padding-top: 6px;
}

.hero-section {
    background: url(../images/hero-image.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 265px;
    padding-top: 175px;
}

/*--- 5.2 Header Transparent ---*/

/*--- 5.4 Page Header ---*/
.page-header {
    border-bottom: transparent;
    background: linear-gradient(0deg,#00000050,#00000050),url(../img/cover3.jpg) no-repeat center;
    background-size: cover;
    min-height: 340px;
}

.page-breadcrumb {
    background-color: rgb(0, 0, 0, .1);
    border-top: none;
}

    .page-breadcrumb .breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 4px;
        margin-bottom: 0px;
        list-style: none;
        background-color: transparent;
        border-radius: 0px;
        color: #fff;
    }

        .page-breadcrumb .breadcrumb .breadcrumb-item {
            font-size: 13px;
        }

    .page-breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 0px;
    }

    .page-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-link {
        color: #f6f6f6;
    }

        .page-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-link:hover {
            color: #ff4d4d;
        }

    .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: #bebbc1;
        content: "\f105";
        font-family: 'font Awesome 5 Free';
        font-weight: 900;
        font-size: 9px;
    }

.venue-pageheader {
    background: url(../images/venue-pageheader.jpg) no-repeat center;
    background-size: cover;
}

    .venue-pageheader .page-section {
        padding-top: 250px;
        padding-bottom: 70px;
    }

.page-title {
    font-size: 46px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
    line-height: 1.2;
    font-family: helvetica;
    font-weight: bold;
}

.page-description {
    color: #fff;
}

.page-caption {
    padding-top: 126px;
    padding-bottom: 122px;
}

.rsvp-page-header {
    background: url(../images/rsvp-page-header.jpg) no-repeat center;
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 180px;
}

    .rsvp-page-header .rsvp-page-caption {
        text-align: center;
    }

.rsvp-page-title {
    color: #fff;
    font-size: 52px;
}

.rsvp-wedding-date {
    color: #fff;
    font-size: 24px;
}

.rsvp-form-block {
    margin-top: -120px;
}

.rsvp-question-form {
}

.rsvp-question-block {
}

.rsvp-question-attend {
    margin-bottom: 30px;
}

.rsvp-question-attendee {
    margin-bottom: 10px;
}

/*--- 5.5 index-2 ---*/
.hero-section-second {
    background: url(../images/hero-image-2.jpg) no-repeat center;
    background-size: cover;
    min-height: 595px;
}

    .hero-section-second .search-head-title {
        font-size: 48px;
        line-height: 50px;
    }

    .hero-section-second .search-form {
        background: rgba(0, 0, 0, 0.5);
        padding: 6px;
        border-radius: 4px;
    }

.hero-section-caption {
    padding-bottom: 150px;
    padding-top: 160px;
}

.vendor-feature-block.feature-block {
    border: 1px solid #ededed;
    padding: 29px 18px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 10px;
}

.vendor-feature-block .feature-icon {
    font-size: 52px;
    color: #808080;
    margin-bottom: 20px;
}

.vendor-feature-block .feature-content {
}

.vendor-feature-block .feature-title {
    font-size: 15px;
    margin-bottom: 0px;
}

.vendor-feature-block.feature-block:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
}

    .vendor-feature-block.feature-block:hover .feature-icon a {
        color: #ff4d4d;
    }

.cta-wrapper {
    background: url(../images/cta-img.jpg)no-repeat;
    background-size: cover;
}

.cta-section {
    padding-top: 150px;
    padding-bottom: 150px;
    color: #fff;
}

.list-single-second-pageheader {
    border-bottom: 1px solid #e6e5e7;
    margin-bottom: 40px;
}

.list-single-second {
    background-color: #fff;
    margin-top: -30px;
    border-bottom: 1px solid #e6e5e7;
    padding: 30px 0px 0px;
}

    .list-single-second .vendor-info .rating-box {
        top: 10px;
        right: 15px;
    }

    .list-single-second .sidebar-venue {
        position: initial;
    }

.list-single-carousel {
}

.list-single-carousel-img {
}

    .list-single-carousel-img img {
        position: relative;
        z-index: -1;
    }

.list-single-carousel .owl-theme .owl-nav {
    line-height: 1;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: none;
}

.list-single-carousel .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: 30px;
    position: relative;
}

    .list-single-carousel .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
    }

        .list-single-carousel .owl-theme .owl-dots .owl-dot span {
            width: 12px;
            height: 12px;
            margin: 4px 2px;
            background: #fff;
            border: transparent;
            border-radius: 100%;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
        }

        .list-single-carousel .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #ff4d4d;
            border-color: #ff4d4d;
        }

/* ==========================================================================
   index-3
   ========================================================================== */
.hero-section-third {
    /*background: url(../images/SPVideo.gif) no-repeat center;*/
    /*background: url(../images/SPHOME.gif) no-repeat center;*/
    background: url('img/Cover_SP_2.jpg')no-repeat center;
    padding-top: 25%;
    /*height: 100vh;*/
}
/*url(../img/hands.jpg)*/
.hero-section-third {
    /*background: url(Video/Background.mp4) no-repeat center;*/
    background-size: cover;
    padding-top: 25%;
}

    .hero-section-third .search-head-title {
        font-size: 52px;
        line-height: 68px;
        font-weight: 400;
    }

.feature-section {
    border-top: 1px solid;
    border-color: rgba(246, 245, 247, .2);
}
/*margin-top: 80px*/
.hero-section-third .feature-left {
    min-height: initial;
    border-right: 1px solid rgba(246, 245, 247, .2);
    padding: 22px;
}

.hero-section-third .feature-icon {
    font-size: 20px;
    color: #fff;
    height: 56px;
    width: 56px;
    display: inline-block;
    border: 2px solid;
    border-color: rgba(246, 245, 247, .3);
    border-radius: 100%;
    text-align: center;
    line-height: 2.6;
}

.vendor-categories-block {
    margin-bottom: 30px;
    position: relative;
}

.vendor-categories-img img {
    border-radius: 3px;
}

.vendor-categories-overlay {
    position: relative;
    bottom: 0px;
    display: inline-block;
    width: 100%;
    padding: 15px 23px;
    background: rgba(50, 48, 48);
}

.vendor-categories-text {
}

.vendor-categories-title {
    color: #fff;
    float: left;
    display: inline-block;
}

.vendor-categories-numbers {
    float: right;
    height: 27px;
    width: 27px;
    background-color: #ff4d4d;
    border-radius: 100%;
    line-height: 2;
    padding: 2px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.process-section {
    background: linear-gradient(0deg,#00000088,#00000088), url(../img/cover2.jpg) no-repeat center;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 140px;
}
/* .process-section::after { background-color: #00000088; right: 0;} */
.icon-circle {
    border: 2px solid #fff;
    text-align: center;
    padding: 50px;
    border-radius: 100%;
    position: relative;
}

.circle-xxl {
    height: 154px;
    width: 154px;
}

.circle-xl {
    height: 100px;
    width: 100px;
}

.circle-lg {
    height: 56px;
    width: 56px;
}

.circle-md {
    height: 36px;
    width: 36px;
}

.circle-sm {
    height: 30px;
    width: 30px;
}

.circle-transparent {
    border: 2px solid rgba(246, 246, 246, .2);
}

.bg-transparent {
    background-color: rgba(246, 246, 246, .1);
}

.process-number {
    position: absolute;
    top: 10px;
    right: 2px;
}

.testimonial-content {
}

.testimonial-meta-text {
}

.testimonial-second {
}

    .testimonial-second.testimonial-block {
        background-color: #fffbf3;
        border: 1px solid #faeed5;
        padding: 0px;
    }

    .testimonial-second .testimonial-content {
        padding: 40px;
        border-bottom: 1px solid #faeed5;
    }

    .testimonial-second .testimonial-icon {
        text-align: left;
        margin: 0;
        float: left;
    }

    .testimonial-second .testimonial-name {
        text-align: left;
    }

    .testimonial-second .testimonial-text {
        text-align: left;
        color: #6f6d72;
        font-size: 16px;
        line-height: 30px;
    }

    .testimonial-second .testimonial-meta {
        text-align: left;
        padding: 36px;
        position: relative;
    }

    .testimonial-second .testimonial-pic {
        text-align: left;
        float: left;
        margin-bottom: 0px;
    }

    .testimonial-second .testimonial-meta-text {
        padding-left: 67px;
    }

    .testimonial-second .rating-star {
        position: absolute;
        right: 36px;
        bottom: 42px;
    }

.footer-widget.newsletter-block {
}

    .footer-widget.newsletter-block .form-control {
        background-color: #454249;
        border: transparent;
        color: #817f85;
    }

/*-------------------------------------------------------------------
 6. Slider 
-------------------------------------------------------------------*/
.slider {
    position: relative;
}

.slider-img {
    background: -moz-linear-gradient(top, rgba(9, 47, 87, 0.6) 0%, rgba(9, 47, 87, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(9, 47, 87, 0.6) 0%, rgba(9, 47, 87, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(9, 47, 87, 0.6) 0%, rgba(9, 47, 87, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b2626', endColorstr='#1b2626', GradientType=0);
    position: relative;
}

    .slider-img img {
        position: relative;
        z-index: -1;
    }

.slider-captions {
    position: absolute;
    bottom: 200px;
    width: 50%;
}

.slider-title {
    font-size: 42px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

.slider-text {
    margin-bottom: 20px;
    color: #46484b;
    color: #fff;
}

.slider .owl-prev {
    position: absolute;
    top: 45%;
    left: 10px;
}

.slider .owl-next {
    position: absolute;
    top: 45%;
    right: 10px;
}

.slider .owl-prev, .slider .owl-next {
    background-color: #ff515b;
    padding: 10px 16px;
    border-radius: 2px;
    font-size: 18px;
}

    .slider .owl-prev:hover, .slider .owl-next:hover {
        background-color: #8e517d;
        color: #fff;
    }

.slider .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 12px;
    background: #0db2f0;
    display: inline-block;
    cursor: pointer;
    border-radius: 2px;
}

    .slider .owl-theme .owl-nav [class*='owl-']:hover {
        background: #ff515b;
        color: #FFF;
        text-decoration: none;
    }

.slider .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 4px;
    margin: 5px 7px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 4px;
}

.slider .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: 50px;
    position: relative;
}

    .slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span {
        background: #0db2f0;
    }

/*-------------------------------------------------------------------
 7. Content 
-------------------------------------------------------------------*/
.content {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*-------------------------------------------------------------------
 8. Footer 
-------------------------------------------------------------------*/
.footer {
    background-color: #302d34;
    padding-top: 100px;
    padding-bottom: 50px;
    color: #98969b;
    font-size: 14px;
}

.footer-widget {
    margin-bottom: 40px;
}

    .footer-widget .widget-title {
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 30px;
        border-bottom: 0px;
        padding: 0px;
    }

    .footer-widget ul {
    }

        .footer-widget ul li {
            margin-bottom: 0px;
        }

            .footer-widget ul li a {
                color: #98969b;
                line-height: 32px;
            }

                .footer-widget ul li a:hover {
                    color: #ff4d4d;
                }

.social-media-block {
    background-color: #39363d;
    padding-top: 18px;
    padding-bottom: 18px;
}

.social-icons {
    margin-top: 2px;
}

.icon-square {
    text-align: center;
    background-color: #302d34;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #7f7c7c;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
}

    .icon-square:hover {
        background-color: #ff4d4d;
        color: #fff;
    }

.icon-square-outline {
    text-align: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #6f6d72;
    padding: 12px 11px;
    line-height: 1.3;
    font-size: 14px;
    border: 1px solid #6f6f72;
}

    .icon-square-outline:hover {
        background-color: transparent;
        color: #ff4d4d;
        border-color: #ff4d4d;
    }

.facebook-outline {
    border-color: #3b5898;
    color: #3b5898;
}

.twitter-outline {
    border-color: #1ea2f2;
    color: #1ea2f2;
}

.googleplus-outline {
    border-color: #f75439;
    color: #f75439;
}

.instagram-outline {
    border-color: #9361fa;
    color: #9361fa;
}

.tiny-footer {
    background-color: #252428;
    color: #98969b;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.linkedin-outline {
    border-color: #0077b7;
    color: #0077b7;
}

.pinterest-outline {
    border-color: #c8232c;
    color: #c8232c;
}

/*-------------------------------------------------------------------
 9. Template Pages
-------------------------------------------------------------------*/

/*--- 9.1 Venue Vendor List ---*/

.vendor-thumbnail {
    border: 1px solid #e6e5e7;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    position: relative;
}

.vendor-img {
}

    .vendor-img img {
        width: 100%;
    }

.wishlist-sign {
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: center;
}

.vendor-content {
    padding: 22px 26px 22px 26px;
    margin-bottom: 0px;
}

.vendor-content-sidebar {
    padding: 20px 20px 20px 0px;
}

    .vendor-content-sidebar .vendor-meta {
        top: 50px;
    }

.vendor-title {
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    line-height: 32px;
    margin-bottom: 5px;
}

.vendor-address {
    font-size: 12px;
    font-weight: 400;
    color: #6f6d72;
    line-height: 12px;
}

.vendor-address-icon {
    color: #ff4d4d;
    padding-right: 4px;
}

.vendor-meta {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0px -4px -4px -4px;
    border-top: 1px solid #e6e5e7;
}

.vendor-meta-item {
    padding: 10px 0px 10px 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 1.6;
}

.vendor-meta-item-bordered:not(:last-child) {
    border-right: 1px solid rgba(19, 29, 40, .125);
}

.vendor-price, .vendor-guest {
    font-size: 18px;
    color: #252328;
    font-weight: 400;
}

.vendor-text {
    font-size: 12px;
    display: block;
    color: #a5a5a5;
    font-weight: 300;
}

.rating-count {
    font-weight: 500;
    color: #252328;
    font-size: 10px;
}

.rating-star {
    font-size: 10px !important;
}

.rated {
    color: #ffa912;
}

.rate-mute {
    color: #909090;
}

.vendor-list-block {
    margin-top: 40px;
}

.vendor-list {
    list-style: none;
    padding: 0px;
    font-size: 14px;
    margin-bottom: 40px;
}

.vendor-list-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

    .vendor-list-item .list-count {
        float: right;
        color: #252328;
        font-weight: 600;
    }

.venue-thumbnail-carousel {
}

.venue-thumbnail-carousel-img {
}

    .venue-thumbnail-carousel-img img {
        position: relative;
        z-index: -1;
    }

.venue-thumbnail-carousel .owl-theme .owl-nav {
    line-height: 1;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute;
        top: 40%;
        left: -50px;
        color: #252328;
        font-size: 20px;
        padding: 14px;
        background: #fff;
        border: 1px solid #dbdbdb;
        display: inline-block;
        cursor: pointer;
        border-radius: 100px;
        height: 38px;
        width: 38px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute;
        top: 40%;
        right: -50px;
        color: #252328;
        font-size: 20px;
        padding: 14px;
        background: #fff;
        border: 1px solid #dbdbdb;
        display: inline-block;
        cursor: pointer;
        border-radius: 100px;
        height: 38px;
        width: 38px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev:hover {
        background: #ff4d4d;
        text-decoration: none;
        color: #fff;
        -webkit-transition: 1s ease;
        transition: 1s ease;
        border-color: #ff4d4d;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next:hover {
        background: #ff4d4d;
        text-decoration: none;
        color: #fff;
        -webkit-transition: 1s ease;
        transition: 1s ease;
        border-color: #ff4d4d;
    }

.venue-thumbnail-carousel .owl-theme .owl-dots {
    display: none;
}

    .venue-thumbnail-carousel .owl-theme .owl-dots .owl-dot {
        display: none;
        zoom: 1;
    }

/*--- 9.1 Venue Vendor List ---*/
.vendor-thumbnail-second {
}

    .vendor-thumbnail-second.vendor-thumbnail {
        border: 1px solid #f1f1f1;
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 30px;
        position: relative;
        transition: 0.3s ease;
        transition: .2s ease;
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }

        .vendor-thumbnail-second.vendor-thumbnail:hover {
            box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .20);
            -webkit-transform: translate(0, -12px);
            -ms-transform: translate(0, -12px);
            transform: translate(0, -12px);
            position: relative;
        }

    .vendor-thumbnail-second .vendor-img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        position: relative;
    }

        .vendor-thumbnail-second .vendor-img img {
            width: 100%;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

    .vendor-thumbnail-second .overlay-dark:before {
        content: "";
        position: absolute;
        top: 70%;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%);
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        z-index: 0;
    }

    .vendor-thumbnail-second .wishlist-sign {
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: center;
    }

    .vendor-thumbnail-second .vendor-content {
        padding: 30px 30px 30px 30px; /* margin-bottom: 10px; */
    }

    .vendor-thumbnail-second .vendor-content-sidebar {
        padding: 20px 20px 20px 0px;
    }

        .vendor-thumbnail-second .vendor-content-sidebar .vendor-meta {
            top: 50px;
        }

    .vendor-thumbnail-second .vendor-title {
        font-size: 20px;
        margin: 0px 0px 10px 0px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    .vendor-thumbnail-second .vendor-address {
        font-size: 13px;
        color: #6c6c6c;
        line-height: 13px;
    }

    .vendor-thumbnail-second .vendor-address-icon {
        color: #aaaaab;
        padding-right: 4px;
        font-size: 10px;
    }

    /*-- edited 6 feb 2019 --*/
    .vendor-thumbnail-second .vendor-meta {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0px;
        border-top: 1px dashed #dddddd;
    }

    .vendor-thumbnail-second .vendor-meta-item {
        padding: 20px 0px 20px 0px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        line-height: 1.6;
    }

    .vendor-thumbnail-second .vendor-meta-item-bordered:not(:last-child) {
        border-right: 1px solid rgb(255, 255, 255);
    }

    .vendor-thumbnail-second .vendor-price-block {
        position: absolute;
        bottom: 0px;
        color: #fff;
        padding: 10px 20px;
    }

        .vendor-thumbnail-second .vendor-price-block .vendor-price {
            color: #fff;
            font-size: 26px;
            font-weight: 500;
            letter-spacing: -1px;
        }

sup {
    top: -.5em;
    font-size: 14px;
}

.vendor-thumbnail-second .vendor-price, .vendor-thumbnail-second .vendor-guest {
    font-size: 15px;
    color: #333;
    font-weight: 600;
}

.vendor-thumbnail-second .vendor-guest {
    display: none;
}

.vendor-thumbnail-second .vendor-text {
    font-size: 12px;
    display: block;
}

.vendor-thumbnail-second .rating-count {
    font-weight: 500;
    color: #444;
    font-size: 10px;
    margin-top: 6px;
    display: inline-block;
}

.vendor-thumbnail-second .rating-star {
    font-size: 10px !important;
    display: inline-block;
}

.vendor-thumbnail-second .rated {
    color: #ff500b;
}

.vendor-thumbnail-second .rate-mute {
    color: #909090;
}

.vendor-thumbnail-second .rating-badge {
    background: #53ba76;
    border-radius: 4px;
    padding: 4px 6px;
    color: #fff;
}

.vendor-thumbnail-second .vendor-list-block {
    margin-top: 40px;
}

.vendor-thumbnail-second .vendor-list {
    list-style: none;
    padding: 0px;
    font-size: 14px;
    margin-bottom: 40px;
}

.vendor-thumbnail-second .vendor-list-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

    .vendor-thumbnail-second .vendor-list-item .list-count {
        float: right;
        color: #444;
        font-weight: 600;
    }

.listing-badge {
    position: absolute;
    top: 16px;
    left: 20px;
}

.listing-categories {
    position: relative;
}

.venue-thumbnail-carousel {
}

.venue-thumbnail-carousel-img {
}

    .venue-thumbnail-carousel-img img {
        position: relative;
        z-index: -1;
    }

.venue-thumbnail-carousel .owl-theme .owl-nav {
    line-height: 1;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute;
        top: 40%;
        left: 0px;
        color: #444;
        font-size: 14px;
        padding: 12px;
        background: #fff;
        border: 1px solid #dbdbdb;
        display: inline-block;
        cursor: pointer;
        border-radius: 100px;
        height: 38px;
        width: 38px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute;
        top: 40%;
        right: 0px;
        color: #444;
        font-size: 14px;
        padding: 12px;
        background: #fff;
        border: 1px solid #dbdbdb;
        display: inline-block;
        cursor: pointer;
        border-radius: 100px;
        height: 38px;
        width: 38px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev:hover {
        background: #ff4b47;
        text-decoration: none;
        color: #fff;
        -webkit-transition: 1s ease;
        transition: 1s ease;
        border-color: #ff4940;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next:hover {
        background: #ff4d4d;
        text-decoration: none;
        color: #fff;
        -webkit-transition: 1s ease;
        transition: 1s ease;
        border-color: #ff4d4d;
    }

.venue-thumbnail-carousel .owl-theme .owl-dots {
    display: none;
}

    .venue-thumbnail-carousel .owl-theme .owl-dots .owl-dot {
        display: none;
        zoom: 1;
    }

/*--- list view thumbnail ----*/
.list-view {
}

    .list-view .vendor-img {
        padding: 4px;
    }

    .list-view .wishlist-sign {
        position: absolute;
        top: 10px;
        right: 25px;
        text-align: center;
    }

    .list-view .vendor-content {
    }

    .list-view .vendor-title {
    }

    .list-view .vendor-address {
    }

    .list-view .vendor-meta {
    }

    .list-view .price-box {
    }

    .list-view .vendor-meta-box {
    }

.vendor-thumbnail.list-view {
    padding: 0px;
}

/*---  Venue categories page ---*/
.venue-categories-block {
    margin-bottom: 20px;
}

.venue-categories-img {
    position: relative;
    border-radius: 3px;
}

.venue-categories-overlay {
    position: absolute;
    bottom: 14px;
    left: 14px;
}

.venue-categories-title {
    color: #fff;
}

.card-category {
    border: 1px solid #e6e5e7;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.category-image {
}

.category-content {
    padding: 14px;
}

.cateogry-title {
    margin-bottom: 0px;
    font-size: 18px;
}

.category-count {
    color: #ff4d4d;
    font-size: 16px;
    float: right;
}

/*--- 9.3 Half Map listing Page ---*/
.scroll-content {
    overflow-y: scroll;
    height: 800px;
    padding: 20px;
    overflow-x: hidden;
}

.gm-style .gm-style-iw {
    top: 0 !important;
    left: 0 !important;
    width: 350px !important;
    display: block !important;
}

    .gm-style .gm-style-iw .vendor-title {
        font-size: 18px;
    }

#map_canvas img {
    max-width: none !important;
}

/*---9.4 Venue Single page ---*/
.vendor-head-image {
}

.vendor-head-image {
    background-color: #0db2f0;
    padding: 0px 0px;
    margin: 0px;
    border-bottom: transparent;
    background: url(../images/venue-single.jpg) no-repeat center;
    min-height: 552px;
    position: relative;
    background-size: cover;
}

.vendor-content-wrapper {
    margin-top: 40px;
}

.vendor-details {
    margin-bottom: 20px;
}

.vendor-heading {
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    font-weight: 400;
}

.vendor-info {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 40px;
}

    .vendor-info .rating-box {
        top: 10px;
    }

.vendor-descriptions {
    margin-bottom: 40px;
}

.venue-highlights {
    margin-bottom: 40px;
}

.venue-highlight-meta {
    text-align: right;
    font-weight: 500;
}

.venue-highlights > .table-responsive > .table-bordered {
    border: 1px solid #dee2e6;
}

.amenities-block {
    margin-bottom: 40px;
}

.vendor-feature-block {
}

.vendor-feature {
}

.vendor-feature-list {
    list-style: none;
    padding: 0px;
    font-size: 14px;
    margin-bottom: 0px;
}

.vendor-feature-list-item {
    border-bottom: 1px solid #ebebeb;
    padding: 11px 20px;
    font-weight: 600;
}

    .vendor-feature-list-item:last-child {
        border-bottom: transparent;
    }

    .vendor-feature-list-item .feature-list-count {
        float: right;
        color: #252328;
        font-weight: 600;
    }

.vendor-feature-block .panel-body {
    padding: 0px;
    border-top: 1px solid #ebebeb;
}

.venue-loaction-map {
}

#map {
    height: 400px;
    width: 100%;
}

.sidebar-venue {
    position: sticky;
    top: 0;
    z-index: 1;
}

.venue-form-calendar {
    position: absolute;
    bottom: 25px;
    right: 30px;
    color: #6e6a6b;
}

.review-rating-select {
    font-size: 14px;
}

.rate-selection {
    margin-bottom: 10px;
}

.videosection {
    height: 700px;
}

.video-caption {
    text-align: center;
    padding-top: 250px;
}

.video-title {
    font-size: 72px;
    font-weight: 300;
}

/*----- Vendor Ownwer Profile ------*/
.vendor-owner-profile {
    background-color: #fff;
    border: 1px solid #e5e6e7;
    border-radius: 4px;
}

.vendor-owner-profile-head {
    padding: 20px 0px;
    text-align: center;
    border-bottom: 1px solid #e5e6e7;
}

.vendor-owner-profile-img {
    margin-bottom: 18px;
}

.vendor-owner-profile-content {
    font-size: 14px;
}

.vendor-owner-name {
    line-height: 18px;
}

.review-block {
}

.review-sidebar {
    border-right: 1px solid #e5e6e7;
    margin-right: 20px;
}

.review-box {
}

.review-total {
    font-size: 42px;
    color: #252328;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 6px;
}

.review-text {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    color: #252328;
    font-weight: 500;
}

.review-list {
    font-size: 14px;
    float: left;
    line-height: 24px;
}

.review-for {
    width: 140px;
}

.review-rating {
    font-size: 12px;
}

.review-number {
    float: right;
    font-weight: 500;
    color: #272c2d;
}

.review-for, .review-rating {
    float: left;
    margin-right: 10px;
}

.review-content {
    margin-bottom: 40px;
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
}

.review-user {
}

.user-img {
    float: left;
    padding-right: 15px;
    display: inline-block;
}

.user-meta {
}

.user-name {
    font-size: 15px;
    color: #252328;
}

.user-review-date {
    font-size: 12px;
    float: right;
    color: #a09ea2;
}

.review-descriptions {
    line-height: 1.7;
    font-size: 15px;
}

.review-title {
}

.given-review {
    font-size: 10px;
    line-height: 14px;
    margin-top: 6px;
}

.leave-review {
}

.similar-title {
    font-size: 24px;
}

/*--- 9.5 About Page ---*/
.about-section-img {
}

.about-descriptions {
}

.metrics-v1.metrics {
    padding: 70px !important;
    text-align: center;
}

.metrics-v1 .metrics-title {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 72px;
    color: #ff4d4d;
}

.metrics-v1 .metrics-subtitle {
    font-size: 56px;
    line-height: 64px;
}

.circle-icon {
    height: 125px;
    width: 125px;
    font-size: 60px;
    line-height: 2.1;
    padding: 0px 33px;
    color: #fff;
    display: inline-block;
}

.feature-block {
}

.value-section {
}

    .value-section .list-group-item {
        padding: 30px 0px;
    }

.team-card {
}

.team-card-body {
    padding: 45px;
}

.team-head {
    margin-bottom: 20px;
}

.team-content {
    margin-bottom: 30px;
}

.team-social {
}

.team-img {
}

.metrics-v2 {
}

    .metrics-v2.metrics {
        text-align: center;
        padding: 28px;
    }

    .metrics-v2 .metrics-icon {
        margin-bottom: 30px;
        height: 100px;
        width: 100px;
        background-color: #fbf8f7;
        border-radius: 100%;
        padding: 20px;
        text-align: center;
        display: inline-block;
    }

    .metrics-v2 .metrics-title {
        margin-bottom: 0px;
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 10px;
        font-weight: 500;
        letter-spacing: -1px;
    }

    .metrics-v2 .metrics-subtitle {
        font-size: 18px;
        line-height: 26px;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 30px;
    }

.metrics-v3 {
}

    .metrics-v3.metrics {
        text-align: center;
        padding: 60px 170px;
    }

    .metrics-v3 .metrics-icon {
        margin-bottom: 30px;
        height: 100px;
        width: 100px;
        background-color: #fbf8f7;
        border-radius: 100%;
        padding: 20px;
        text-align: center;
        display: inline-block;
    }

    .metrics-v3 .metrics-title {
        margin-bottom: 0px;
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 10px;
        font-weight: 500;
        letter-spacing: -1px;
    }

    .metrics-v3 .metrics-subtitle {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        letter-spacing: 0px;
        margin-bottom: 30px;
        color: #ff4d4d;
    }

.cta-third {
    background-image: url(../images/cta-img-1.jpg);
    background-repeat: no-repeat;
    padding: 118px 0px;
}

.cta-third-content {
    color: #fff;
}

.about-section-img {
}

.about-descriptions {
}

.circle-second-icon {
    border: 2px solid #fff;
    text-align: center;
    padding: 32px;
    border-radius: 100%;
    position: relative;
    margin-bottom: 25px;
}

.feature-block {
}

.feature .card-body {
    padding: 40px;
}

.counter-wrapper {
    background-color: #ff4d4d;
}

.counter {
}

.count-title {
    font-size: 42px;
    line-height: 43px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 500;
}

.count-text {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
}

.client-logo {
    border: 1px solid #ffffff;
    transition: .8s ease;
    text-align: center;
    margin-bottom: 30px;
    background-color: #fff;
}

    .client-logo:hover {
        border: 1px solid #f66546;
        transition: .8s ease;
        background: #fff;
    }

.cta-second {
    background-image: url(../images/cta-img-2.jpg);
    background-repeat: no-repeat;
    padding: 76px;
    text-align: center;
    color: #fff;
}

.cta-second-content {
    padding: 30px 0px;
}

.footer-white {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 40px;
    color: #716d6c;
    font-size: 15px;
    border-top: 3px solid #ff4d4d;
}

.footer-white-widget {
    margin-bottom: 40px;
    line-height: 1.5;
}

    .footer-white-widget .widget-title {
        color: #2b221f;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px;
        border-bottom: 0px;
        padding: 0px;
    }

    .footer-white-widget ul {
    }

        .footer-white-widget ul li {
            margin-bottom: 0px;
        }

            .footer-white-widget ul li a {
                line-height: 28px;
                color: #716d6c;
            }

                .footer-white-widget ul li a:hover {
                    color: #ff775a;
                }

.tiny-footer-white {
    background-color: #ffffff;
    color: #777;
    font-size: 12px;
    padding: 14px 0px 0px 0px;
    border-top: 1px solid #e6e5e7;
}

.footer-social-share {
}

    .footer-social-share ul {
        list-style: none;
        float: right;
    }

        .footer-social-share ul li {
            float: left;
        }

            .footer-social-share ul li a {
                color: #797473;
                font-size: 14px;
                padding: 6px 6px;
            }

                .footer-social-share ul li a:hover {
                    color: #ff4d4d;
                }

.service-block {
    text-align: center;
}

.service-img {
    padding: 40px;
}

.service-title {
    font-size: 24px;
}

/* ==========================================================================
  index-4
  ========================================================================== */
.header-fullwidth-transparent {
    background-color: transparent;
    position: fixed;
    border-bottom: 1px solid #f1f1f1;
    border-bottom-color: rgba(246, 245, 247, .2);
    padding: 0px;
    width: 100%;
    z-index: 9;
}

.top-nav-collapse {
    background: #38353b !important;
    border-color: #38353b;
}

.header-fullwidth-transparent #navigation > ul > li > a {
    color: #fff;
}

.header-fullwidth-transparent .header-logo {
    border-right: 1px solid rgba(246, 245, 247, .2);
    padding-top: 22px;
    padding-bottom: 22px;
    display: inline-block;
    padding-right: 40px;
}

.header-fullwidth-transparent .header-btn {
    padding: 17px 0px;
    padding-left: 40px;
}

.header-fullwidth-transparent #navigation {
}

    .header-fullwidth-transparent #navigation > ul > li > a {
        padding: 28px 16px;
    }

    .header-fullwidth-transparent #navigation > ul > li.has-sub > a:before {
        position: absolute;
        right: 0px;
    }

    .header-fullwidth-transparent #navigation ul ul li {
        top: 2px;
    }

        .header-fullwidth-transparent #navigation ul ul li ul li {
            top: 12px;
        }

.hero-section-fourth {
    width: 100%;
    background: url(../images/hero-image-4.jpg) no-repeat center;
    background-size: cover;
    padding: 170px 0px;
    min-height: 808px;
}

    .hero-section-fourth .search-head {
        padding: 0px;
    }

    .hero-section-fourth .search-head-title {
        color: #fff;
        font-size: 52px;
        font-weight: 300;
    }

.vendor-icon-circle {
    font-size: 45px;
    line-height: 1;
    padding: 19px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 55%, 0);
    transition: .8s ease;
}

    .vendor-icon-circle:hover {
        background-color: #fff;
        color: #ff9f8b;
        transition: .8s ease;
        transform: translate3d(0px, 40%, 0px);
    }

.circle-bg-transparent {
    background-color: rgba(255, 255, 255, .16);
}

.vendor-thumbnail-second-icon {
    border: 1px solid #f6f6f6;
    background-color: #fff;
    cursor: pointer;
    border-radius: 3px;
    padding: 36px 57px;
    text-align: center;
    width: 277px;
}

.vendor-thumbnail-second-icon-circle {
    transition: .8s ease;
    font-size: 45px;
    line-height: 1;
    padding: 36px;
    color: #908b8b;
    background-color: #fbf8f7;
    display: inline-block;
    margin-bottom: 32px;
    height: 120px;
    width: 120px;
    border-radius: 100%;
}

.vendor-thumbnail-second-icon:hover {
    border-color: #ff4940;
    transition: .8s ease;
    box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .15);
}

.vendor-thumbnail-second-icon.active {
    border-color: #ff4940;
    transition: .8s ease;
    box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .15);
}

.vendor-thumbnail-second-icon:hover .vendor-thumbnail-second-icon-circle {
    background-color: #ffebea;
    color: #ff4940;
}

.vendor-thumbnail-second-icon.active .vendor-thumbnail-second-icon-circle {
    background-color: #ffebea;
    color: #ff4940;
}

.pattern-bottom {
    position: relative;
}

.pattern-1 {
    -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
    clip-path: polygon(0 100%, 100% 80%, 100% 100%);
    background-color: #ff9f8b;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 370px;
}

.pattern-2 {
    -webkit-clip-path: polygon(0 100%, 100% 88%, 100% 100%);
    clip-path: polygon(0 100%, 100% 88%, 100% 100%);
    background-color: #ff9f8b;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 370px;
}

.pattern-3 {
    -webkit-clip-path: polygon(0 86%, 0% 100%, 100% 100%);
    clip-path: polygon(0 86%, 0% 100%, 100% 100%);
    background-color: #ff9f8b;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 370px;
}

.section-top-icon {
    text-align: center;
    display: inline-block;
    padding: 25px 20px;
    font-size: 45px;
    color: #ff4d4d;
}

.shape-icon-1 {
    border-radius: 34% 66% 70% 30% / 49% 62% 38% 51%;
    height: 90px;
    width: 85px;
    background-color: #ffe8e8;
}

.shape-icon-2 {
    border-radius: 59% 41% 35% 65% / 62% 48% 52% 38%;
    height: 90px;
    width: 85px;
    background-color: #fff3f3;
}

.parallax-section {
    position: absolute !important;
    top: 180px;
    width: 100%;
    text-align: center;
}

    .parallax-section span {
        border-bottom: 3px solid #ff4d4d;
    }

.location-card {
    cursor: pointer;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 0%, 0);
    transition: .8s ease;
}

    .location-card:hover {
        transition: .8s ease;
        transform: translate3d(0px, -3%, 0px);
    }

.location-card-img {
    position: relative;
}

.location-card-img1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    padding-bottom: 75%;
    opacity: .9;
    background-image: -webkit-linear-gradient(top, currentColor, transparent);
    background-image: linear-gradient(180deg, currentColor 0, transparent);
    color: #252327;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    height: 100%;
}

.location-card-img2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 75%;
    opacity: .9;
    background-image: -webkit-linear-gradient(top, currentColor, transparent);
    background-image: linear-gradient(180deg, currentColor 0, transparent);
    color: #252327;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    height: 100%;
}

.location-card-img3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 75%;
    opacity: .9;
    background-image: -webkit-linear-gradient(top, currentColor, transparent);
    background-image: linear-gradient(180deg, currentColor 0, transparent);
    color: #252327;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    height: 100%;
}

.location-card-img4:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 75%;
    opacity: .9;
    background-image: -webkit-linear-gradient(top, currentColor, transparent);
    background-image: linear-gradient(180deg, currentColor 0, transparent);
    color: #252327;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    height: 100%;
}

.location-card-img5:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 75%;
    opacity: .9;
    background-image: -webkit-linear-gradient(top, currentColor, transparent);
    background-image: linear-gradient(180deg, currentColor 0, transparent);
    color: #252327;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    height: 100%;
}

.location-card-img6:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 75%;
    opacity: .9;
    background-image: -webkit-linear-gradient(top, currentColor, transparent);
    background-image: linear-gradient(180deg, currentColor 0, transparent);
    color: #252327;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: .6;
    height: 100%;
}

.location-card-img img {
    width: 100%;
}

.location-card-title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
}

.process-arrow {
    position: absolute;
    top: 117px;
    right: -45px;
}

.card-img-content {
    background: rgba(255, 26, 26, 1);
    background: -moz-linear-gradient(top, rgba(255, 26, 26, 1) 0%, rgba(246, 41, 12, 0.91) 11%, rgba(240, 47, 23, 0.85) 18%, rgba(241, 111, 92, 0.17) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 26, 26, 1)), color-stop(11%, rgba(246, 41, 12, 0.91)), color-stop(18%, rgba(240, 47, 23, 0.85)), color-stop(100%, rgba(241, 111, 92, 0.17)));
    background: -webkit-linear-gradient(top, rgba(255, 26, 26, 1) 0%, rgba(246, 41, 12, 0.91) 11%, rgba(240, 47, 23, 0.85) 18%, rgba(241, 111, 92, 0.17) 100%);
    background: -o-linear-gradient(top, rgba(255, 26, 26, 1) 0%, rgba(246, 41, 12, 0.91) 11%, rgba(240, 47, 23, 0.85) 18%, rgba(241, 111, 92, 0.17) 100%);
    background: -ms-linear-gradient(top, rgba(255, 26, 26, 1) 0%, rgba(246, 41, 12, 0.91) 11%, rgba(240, 47, 23, 0.85) 18%, rgba(241, 111, 92, 0.17) 100%);
    background: linear-gradient(to bottom, rgba(255, 26, 26, 1) 0%, rgba(246, 41, 12, 0.91) 11%, rgba(240, 47, 23, 0.85) 18%, rgba(241, 111, 92, 0.17) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a1a', endColorstr='#f16f5c', GradientType=0);
}

.shape-circle {
    border-radius: 34% 66% 67% 33% / 49% 46% 54% 51% !important;
}

.bg-light-default {
    background-color: #fff3f3 !important;
    color: #ff3a3a;
}

.circle-xxxl {
    height: 240px;
    width: 240px;
}

.icon-5x {
    font-size: 75px;
}

.process-number {
    position: absolute;
    top: 10px;
    right: 2px;
}

.process-number-second {
    position: absolute;
    left: 30%;
    bottom: -23px;
    text-align: center;
    font-weight: 500;
    line-height: 1.8;
}

    .process-number-second .icon-circle {
        line-height: 3.5;
    }

.pinside80 {
    padding: 80px !important;
}

.realwed-categories {
    position: absolute;
    bottom: 13px;
    left: 29px;
}

    .realwed-categories a {
        background-color: transparent;
        padding: 6px 10px;
        border-radius: 2px;
        color: #fff;
        font-size: 13px;
        line-height: 1;
        display: inline-block;
        margin-bottom: 4px;
        margin-right: 4px;
        font-weight: 500;
        cursor: pointer;
        border: 1px solid #fff;
    }

        .realwed-categories a:hover {
            background-color: #fff;
            color: #2d2b2b !important;
        }

.listing-categories {
    position: relative;
}

.section-eight {
    padding: 40px 0 0px 0;
    position: relative;
}

.op-eight-section {
    position: relative;
}

.sec-eight-text-area {
    text-align: center;
    padding: 0px 0 240px;
}

    .sec-eight-text-area img {
        border-radius: 100%;
        border: 10px solid #ffffff;
        display: inline-block;
        box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .15);
    }

    .sec-eight-text-area h1 {
        padding: 2vh 0 3vh 0;
        color: #2d2b2b;
        line-height: 1.3;
        font-size: 32px;
        letter-spacing: 0px;
        padding-bottom: 30px;
    }

    .sec-eight-text-area p {
        padding: 2vh 0;
        font-size: 21px;
        line-height: 1.6;
        color: #413e46;
        font-weight: 400;
        font-style: italic;
    }

.section-eight .container-pe-quote {
    position: absolute;
    height: 100%;
    top: 0px;
    z-index: 1;
}

    .section-eight .container-pe-quote.left {
        left: 0px;
    }

    .section-eight .container-pe-quote.right {
        right: 0px;
    }

    .section-eight .container-pe-quote .pp-quote {
        cursor: pointer;
        position: absolute;
        border-radius: 100%;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        animation-name: floating;
        -webkit-animation-name: floating;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform-origin: 50% 1px;
        -moz-transform-origin: 50% 1px;
        -ms-transform-origin: 50% 1px;
        -o-transform-origin: 50% 1px;
        transform-origin: 50% 1px;
        opacity: 0;
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -ms-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
    }

.container-pe-quote .pp-quote img {
    overflow: hidden;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 100%;
    border: 5px solid #ffffff;
    display: inline-block;
    box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .15);
}

.section-eight .container-pe-quote .pp-quote:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: calc(100% + 5px);
    width: calc(100% + 5px);
    border-radius: 100%;
    background-color: #00bda7;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    -o-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.container-pe-quote .pp-quote:hover:after, .container-pe-quote .pp-quote.active:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.section-eight .container-pe-quote .li-quote-1 {
    height: 104px;
    width: 104px;
    left: 15px;
    top: 95px;
    animation-duration: 10s;
    -webkit-animation-duration: 10s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-2 {
    height: 63px;
    width: 63px;
    left: 120px;
    top: 270px;
    animation-duration: 12s;
    -webkit-animation-duration: 12s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-3 {
    height: 64px;
    width: 64px;
    left: 68px;
    top: 380px;
    animation-duration: 6s;
    -webkit-animation-duration: 6s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-4 {
    height: 73px;
    width: 73px;
    right: -15px;
    top: 110px;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-5 {
    height: 73px;
    width: 73px;
    right: 28px;
    top: 265px;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-6 {
    height: 45px;
    width: 45px;
    right: 108px;
    top: 170px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-7 {
    height: 48px;
    width: 48px;
    right: 40px;
    top: 414px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
}

.section-eight .container-pe-quote .li-quote-8 {
    height: 63px;
    width: 63px;
    left: 20px;
    top: 250px;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1;
}

@keyframes floating {
    0% {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg);
    }
}

.section-eight .container-quote {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 135px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
}

    .section-eight .container-quote .quote {
        max-width: 520px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        cursor: pointer;
        text-align: center;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        color: #00bda7;
    }

        .section-eight .container-quote .quote.hide-bottom {
            opacity: 0;
            -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
            -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
            -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
            -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
            transform: translateX(-50%) translateY(100%) rotateX(-70deg);
        }

        .section-eight .container-quote .quote.hide-top {
            opacity: 0;
            -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
            -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
            -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
            -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
            transform: translateX(-50%) translateY(-100%) rotateX(70deg);
        }

        .section-eight .container-quote .quote.show {
            opacity: 1;
            -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
            -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
            -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
            -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
            transform: translateX(-50%) translateY(0%) rotateX(0deg);
        }

.section-eight .container-dp-name {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 225px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
    text-align: center;
}

    .section-eight .container-dp-name .box-dpname {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
        transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    }

        .section-eight .container-dp-name .box-dpname.hide-dp-bottom {
            opacity: 0;
            -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);
            -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);
            -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);
            -o-transform: translateX(0%) translateY(100%) rotateX(-70deg);
            transform: translateX(0%) translateY(100%) rotateX(-70deg);
        }

        .section-eight .container-dp-name .box-dpname.hide-dp-top {
            opacity: 0;
            -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg);
            -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg);
            -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg);
            -o-transform: translateX(0%) translateY(-100%) rotateX(70deg);
            transform: translateX(0%) translateY(-100%) rotateX(70deg);
        }

        .section-eight .container-dp-name .box-dpname.look {
            opacity: 1;
            -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
            -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
            -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
            -o-transform: translateX(0%) translateY(0%) rotateX(0deg);
            transform: translateX(0%) translateY(0%) rotateX(0deg);
        }

@media screen and (max-width:767px) {
    .sec-eight-text-area {
        padding: 10px 0 10px 0;
    }

    .section-eight .container-pe-quote {
        position: relative;
        height: 500px;
        top: 0px;
        z-index: 1;
        max-width: 300px;
        margin: -70px auto 0;
    }
}

@media screen and (max-width:480px) {
    .section-eight {
        position: relative;
    }

        .section-eight .bottom-ani-cs {
            position: absolute;
            top: 150px;
            right: 16px;
        }

        .section-eight .container-pe-quote .li-quote-2 {
            left: 60px;
            top: 270px;
        }

        .section-eight .container-pe-quote .li-quote-6 {
            right: 100px;
            top: 179px;
        }

        .section-eight .container-pe-quote .li-quote-8 {
            height: 43px;
            width: 43px;
            left: 0px;
            top: 220px;
        }

        .section-eight .container-pe-quote .li-quote-3 {
            left: 0;
        }

        .section-eight .container-quote {
            height: 205px;
            overflow: hidden;
            overflow-y: auto;
        }

    .sec-eight-text-area {
        padding: 10px 0 100px 0;
    }
}

.search-form {
    margin: 0 auto;
    background: transparent;
    padding: 6px;
    border-radius: 4px;
    color: white;
    font-size: 40px;
    font-family: auto;
}

/*------- 6 Feb 2019---*/
.vendor-categories {
    position: relative;
    transition: .2s ease;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 0%, 0);
    transition: .8s ease;
    margin-bottom: 40px;
}

    .vendor-categories:hover {
        box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .20);
        -webkit-transform: translate(0, -12px);
        -ms-transform: translate(0, -12px);
        transform: translate(0, -12px);
        position: relative;
    }

.vendor-category-image {
    position: relative;
}

.vendor-categories-content {
    position: absolute;
    bottom: -20px;
    width: 100%;
    text-align: center;
}

.vendor-categories-heading {
    font-size: 17px;
    font-weight: 400;
}

.vendor-categories-name {
    color: #fff;
}

.vendor-categories-count {
    width: 40px;
    height: 40px;
    background: #53ba76;
    display: inline-block;
    color: #fff;
    line-height: 38px;
    border-radius: 100%;
    font-weight: 300;
    border: 2px solid #fff;
}

.divider-pattern {
    background: url(../images/divider-pattern.png) no-repeat center;
    height: 42px;
    position: absolute;
    bottom: -21px;
    z-index: 1;
    width: 100%;
}

.vendor-thumbnail-icon-circle {
    transition: .8s ease;
    font-size: 45px;
    line-height: 1;
    padding: 36px;
    color: #ffffff;
    background-color: #43383647;
    display: inline-block;
    margin-bottom: 32px;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    position: absolute;
    top: 80px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    border: 2px solid #ffffffab;
}

.vendor-rating-block {
    line-height: 1;
    line-height: 1;
    margin-bottom: 6px;
}

.listing-categories {
    position: relative;
}

.vendor-category {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 6;
}

    .vendor-category a {
        background-color: #ff4d4d;
        color: #fff;
        font-size: 30px;
        line-height: 1.6;
        display: inline-block;
        margin-bottom: 4px;
        margin-right: 4px;
        font-weight: 500;
        cursor: pointer;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-font-smoothing: antialiased;
        text-align: center;
    }

.overlay-dark:before {
    content: "";
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%);
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    z-index: 0;
}

.vendor-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
}

.vendor-price-block .vendor-price {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
}

.vendor-price-block {
    position: absolute;
    bottom: 0px;
    color: #fff;
    padding: 10px 20px;
}

.vendor-rating-block {
    line-height: 1;
    line-height: 1;
    margin-bottom: 6px;
}

.rating-badge {
    background: #53ba76;
    border-radius: 4px;
    padding: 4px 6px;
    color: #fff;
}

.rating-count {
    font-weight: 500;
    color: #444;
    font-size: 10px;
}

.space-ex-large {
    padding-top: 140px;
    padding-bottom: 140px;
    position: relative;
}

.location-vendor-count {
    font-size: 14px;
    color: #fff;
}

.how-it-block:hover {
    background: #fff;
    border: 1px solid #eeeeee;
    padding: 60px 40px;
    border-radius: 4px;
    transition: .8s ease;
    transform: translate3d(0px, -3%, 0px);
    box-shadow: 0px 11px 20px 0 rgba(103, 103, 103, .1);
    -webkit-transform: translate(0, -12px);
    -ms-transform: translate(0, -12px);
    transform: translate(0, -12px);
}

.how-it-block {
    background: transparent;
    border: 1px solid #eeeeee;
    padding: 60px 40px;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 0%, 0);
    transition: .8s ease;
}

.how-it-block-circle {
    background: #fff;
    border: 2px solid #ff4d4d;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    padding-top: 32px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.how-it-block-content {
}

.how-it-block-title {
}

.how-it-block-descriptions {
}

.meta-date-circle {
    width: 60px;
    height: 60px;
    background: #00bda7;
    display: block;
    border-radius: 90%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: -30px;
    left: 30px;
    padding: 14px 16px;
    line-height: .7;
    border: 3px solid #fff;
}

    .meta-date-circle .meta-date {
        font-size: 20px; /* padding-top: 20px; */
        margin-bottom: 0px;
    }

.post-second-footer {
    background-color: #fff;
    margin-top: -1px;
    border-top: 1px dashed #dddddd;
    margin-top: 30px;
    padding-top: 20px;
}

.post-meta-category {
    margin-bottom: 10px;
    line-height: 1;
}

    .post-meta-category a {
        color: #ff4d4d;
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 14px;
    }

.hero-section-fifth {
    width: 100%;
    background: url(../images/hero-image-5.jpg) no-repeat center;
    background-size: cover;
    padding: 190px 0px;
}

/*--- 9.6 Pricing Plan ---*/
.pricing-basic {
    background-color: #fff;
    border: 1px solid #e6e5e7;
}

.pricing-standard {
    background-color: #ff4d4d;
    border: 1px solid #ff4d4d;
    color: #fff;
}

.pricing-premium {
    background-color: #fff;
    border: 1px solid #ebebeb;
}

.pricing-box {
    padding: 40px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    margin-bottom: 30px;
}

    .pricing-box:hover {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08);
    }

.pricing-name {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

.price {
    font-size: 48px;
    margin-bottom: 20px;
    letter-spacing: -1px;
    line-height: 48px;
    position: relative;
    color: #252328;
}

.price-sign {
    font-size: 16px;
    position: absolute;
    left: 60px;
}

.price-feature {
    margin-bottom: 40px;
}

    .price-feature ul {
    }

        .price-feature ul li {
            margin-bottom: 10px;
        }

.pricing-standard .price, .pricing-standard .pricing-name {
    color: #fff;
}

.faq-qa-block {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e6e5e7;
    padding-bottom: 20px;
}

    .faq-qa-block:last-child {
        border-bottom: transparent;
        padding-bottom: 0px;
    }

.payment-card {
}

/*--- 9.7 real wedding list --- */
.real-wedding-block {
    border: 1px solid #e6e5e7;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.real-wedding-content {
    padding: 20px;
    border-radius: 4px;
}

.real-wedding-title {
    margin-bottom: 16px;
    font-size: 20px;
}

.real-wedding-meta {
    line-height: 14px;
}

.real-wedding-date {
    font-size: 12px;
    color: #4c4a4f;
    border-bottom: 1px solid #ff4d4d;
    display: inline-block;
    line-height: 1.8;
    font-style: italic;
}

.rw-vendor-list-info {
    display: none;
}

.real-wedding-img {
}

/*--- 9.8 real wedding single --- */
.real-wedding-single-img {
    background: url(../images/real-weddings-single.jpg);
    background-size: cover;
}

.realwed-caption {
    padding-top: 180px;
    padding-bottom: 180px;
}

.realwed-addressbar {
    background-color: rgba(55, 49, 61, .5);
    border-top: rgba(255, 255, 255, .1) 1px solid;
    padding: 6px 0px;
    font-size: 14px;
    color: #d2d2d2;
}

.real-wedding-img img {
    width: 100%;
}

.real-wedding-place {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.real-wedding-single-title {
    font-size: 66px;
    margin-bottom: 10px;
    color: #fff;
}

.realwed-tags {
}

    .realwed-tags a {
        background-color: #ebebeb;
        padding: 6px 10px;
        border-radius: 2px;
        color: #6f6d72;
        font-size: 11px;
        line-height: 1;
        display: inline-block;
        margin-bottom: 4px;
        margin-right: 4px;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 1px;
        cursor: pointer;
    }

        .realwed-tags a:hover {
            background-color: #ff4d4d;
            color: #fff !important;
        }

.widget-vendor-list {
    font-size: 14px;
}

.recent-realwed {
    border: 1px solid #e6e5e7;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.recent-realwed-content {
    padding: 12px;
}

.widget-banner {
    background: url(../images/widget-banner-img.jpg) no-repeat;
    background-size: cover;
    min-height: 280px;
    color: #fff;
    margin-bottom: 30px;
}

.widget-banner-caption {
    padding-top: 90px;
    padding: 90px 40px 40px;
}

.leftsocial-icon {
    position: absolute;
    left: -40px;
}

    .leftsocial-icon .icon-square-outline {
        display: block;
        margin-bottom: 5px;
    }

.vendor-sidebar-list {
    line-height: 1;
}

.vendor-list-title {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 15px;
}

.vendor-list-link {
    color: #6f6d72;
}

    .vendor-list-link:hover {
        border-bottom: 1px solid #ff4d4d;
    }

/*--- 9.9 faq  ---*/
.left-navbar {
    position: sticky;
    top: 40px;
}

    .left-navbar .nav {
        background-color: #fff;
        border: 1px solid #e6e5e7;
    }

    .left-navbar .nav-item {
        border-bottom: 1px solid #e6e5e7;
    }

        .left-navbar .nav-item .nav-link {
            font-size: 14px;
            color: #6f6d72;
            text-transform: uppercase;
            font-weight: 500;
            padding: 16px 20px;
            line-height: 24px;
            margin-bottom: 0px;
        }

            .left-navbar .nav-item .nav-link:hover {
                color: #ff4d4d;
            }

            .left-navbar .nav-item .nav-link.active {
                color: #ff4d4d;
            }

/*--- 9.10 Contact Page ---*/
.contact-block {
    margin-bottom: 25px;
}

.contact-icon {
    float: left;
    font-size: 26px;
    display: inline-block;
    border: 2px solid #ff4d4d;
    border-radius: 100%;
    padding: 21px;
    height: 70px;
    width: 70px;
    line-height: 1.2;
    color: #ff4d4d;
    text-align: center;
}

.contact-content {
    font-size: 15px;
    font-weight: 400;
    padding-left: 100px;
}

#map_wrapper {
    height: 1000px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

/*--- 9.11 error Page ---*/
.error-block {
    margin-bottom: 50px;
}

.error-img {
    text-align: center;
}

.error-icon {
    color: #ff4d4d;
}

.error-title {
    color: #252328;
    font-size: 145px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.error-second-title {
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.error-content {
}

.simple-links {
    display: inline-block;
    margin-bottom: 30px;
}

    .simple-links ul {
    }

        .simple-links ul li {
            float: left;
        }

            .simple-links ul li a {
                font-size: 14px;
                color: #252328;
                display: block;
                padding: 10px 30px 10px 0px;
                text-decoration: underline;
                text-transform: capitalize;
            }

                .simple-links ul li a:hover {
                    color: #ff4d4d;
                }

/*--- 9.12 Vendor Form ---*/
.vendor-form {
    padding-top: 60px;
}

.vendor-head {
    text-align: center;
    margin-bottom: 40px;
}

.vendor-form .st-tab .nav-item .nav-link {
    border: 1px solid #e6e6e6;
    margin-right: 0px;
    background-color: #e6e6e6;
}

.vendor-form .form-group {
    margin-bottom: 10px;
}

.vendor-form .venue-form-calendar {
    bottom: 20px;
}

.vendor-form-title {
    margin-bottom: 20px;
}

/*--- 9.13 Couple Form ---*/
.couple-form {
    padding-top: 60px;
}

.couple-head {
    text-align: center;
    margin-bottom: 40px;
}

.couple-form .st-tab .nav-item .nav-link {
    border: 1px solid #e6e6e6;
    margin-right: 0px;
    background-color: #e6e6e6;
}

.couple-form .form-group {
    margin-bottom: 10px;
}

.couple-form .venue-form-calendar {
    bottom: 20px;
}

.couple-form-title {
    margin-bottom: 20px;
}

/*--- 9.14 Shortcodes Accordions Page ---*/
.accordion-card {
}

    .accordion-card.card {
        border-radius: 4px;
        margin-bottom: 10px;
    }

.accordion-card-header {
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 4px;
    padding: 18px 20px;
}

.accordion-card .card-body {
    padding: 20px;
    background-color: transparent;
    border-top: 1px solid #ebebeb;
    margin-top: -1px;
    color: #6f6d72;
}

.accordion-card-title {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
}

.accordion-card-header a {
    color: #252328;
}

    .accordion-card-header a:hover {
        color: #ff4d4d;
    }

.accordion-card-header span {
    font-size: 14px;
    margin-top: 6px;
}

.accordion-card-header.active {
    color: #ff4d4d;
}

/*--- 9.14 Shortcode Tabs Page ---*/
.st-tab {
}

    .st-tab .nav-tabs {
        border-bottom: 2px solid #ffffff;
    }

.nav-tabs .nav-item {
}

.st-tab .tab-content {
    padding: 50px 40px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    border-color: #ebebeb;
    margin-top: -2px;
}

.st-tab .nav-tabs .nav-item.show .nav-link, .st-tab .nav-tabs .nav-link.active {
    color: #222528;
    background-color: #ffffff;
    border-color: #ebebeb #ebebeb #fff #ebebeb;
}

.st-tab .nav-tabs {
    margin-bottom: 0px;
}

.st-tab .nav-item .nav-link {
    display: block;
    padding: 16px 44px;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    background-color: #eee;
    margin-bottom: 0px;
    color: #6f6d72;
    text-align: center;
    margin-right: 2px;
}

.st-tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #ff4d4d;
    background-color: #fff;
    border-color: #ebebeb #ebebeb #fff #ebebeb;
}

.tab-regular {
}

    .tab-regular .nav.nav-tabs {
        border-bottom: transparent;
    }

        .tab-regular .nav.nav-tabs .nav-item {
        }

        .tab-regular .nav.nav-tabs .nav-link {
            display: block;
            padding: 17px 44px;
            color: #6f6d72;
            background-color: #eeeeee;
            margin-right: 1px;
            border-color: #eeeeee;
        }

    .tab-regular .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    }

    .tab-regular .nav-tabs .nav-link.active {
        background-color: #fff;
        border-color: #ebebeb #ebebeb #fff;
        color: #ff4d4d;
    }

    .tab-regular .tab-content {
        background-color: #fff;
        padding: 30px;
        border: 1px solid #ebebeb;
        border-radius: 4px;
        border-top-left-radius: 0px;
    }

/*----- Tabs Vertical CSS ----*/
.tab-vertical {
}

    .tab-vertical .nav.nav-tabs {
        float: left;
        display: block;
        margin-right: 0px;
        border-bottom: 0;
    }

        .tab-vertical .nav.nav-tabs .nav-item {
            margin-bottom: 6px;
        }

    .tab-vertical .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        background: #fff;
        padding: 17px 49px;
        color: #6f6d72;
        background-color: #eeeeee;
        -webkit-border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        border-radius: 4px 0px 0px 4px;
    }

        .tab-vertical .nav-tabs .nav-link.active {
            color: #ff4d4d;
            background-color: #fff !important;
            border-color: transparent !important;
        }

    .tab-vertical .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 4px !important;
        border-top-right-radius: 0px !important;
    }

    .tab-vertical .tab-content {
        overflow: auto;
        -webkit-border-radius: 0px 4px 4px 4px;
        -moz-border-radius: 0px 4px 4px 4px;
        border-radius: 0px 4px 4px 4px;
        background: #fff;
        padding: 30px;
    }

/*--- Outline Tabs ----*/
.outline-tab {
}

    .outline-tab .nav .nav-tabs {
    }

    .outline-tab .nav-tabs {
        border-bottom: 1px solid #ebedfc;
    }

        .outline-tab .nav-tabs .nav-item {
            margin-bottom: -1px;
            margin-top: 30px;
        }

        .outline-tab .nav-tabs .nav-link {
            padding: 10px 30px;
            border: 1px solid transparent;
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            color: #626582;
        }

            .outline-tab .nav-tabs .nav-item.show .nav-link, .outline-tab .nav-tabs .nav-link.active {
                color: #3341e7;
                background-color: transparent;
                border-color: #ebedfc #ebedfc #fff;
            }

    .outline-tab .tab-content {
        padding: 35px;
    }

/*--- Simple Card Tabs ----*/
.simple-card {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e9e9f2;
}

    .simple-card .nav.nav-tabs {
        border-bottom: 1px solid #ebebeb;
    }

        .simple-card .nav.nav-tabs .nav-item {
        }

            .simple-card .nav.nav-tabs .nav-item .nav-link {
                padding: 17px 49px;
                color: #6f6d72;
                background: #f8f8f8;
                border-color: #e8e8e8 #e8e8e8 #e8e8e8;
                margin-right: -1px;
                border-radius: 0px;
                border-top: transparent;
            }

    .simple-card .nav-tabs .nav-link.active {
        color: #ff4d4d !important;
        background-color: transparent !important;
        border-color: #e9e9f2 #e9e9f2 #fff !important;
    }

    .simple-card .tab-content {
        padding: 30px;
    }

/* -------------- Pills Regular ----------------*/
.pills-regular {
}

    .pills-regular .nav.nav-pills {
    }

        .pills-regular .nav.nav-pills .nav-item {
        }

            .pills-regular .nav.nav-pills .nav-item .nav-link {
                background-color: #eeeeee;
                padding: 16px 52px;
                margin-right: 3px;
                color: #6f6d72;
            }

                .pills-regular .nav.nav-pills .nav-item .nav-link.active {
                    background-color: #fff;
                    color: #ff4d4d;
                }

    .pills-regular .tab-content {
        background-color: #fff;
        padding: 30px;
        border-radius: 4px;
    }

/* -------------- Pills vertical ---------------------*/
.pills-vertical {
}

    .pills-vertical .nav.nav-pills {
    }

        .pills-vertical .nav.nav-pills .nav-link {
            background-color: #eeeeee;
            padding: 16px;
            margin-bottom: 4px;
            color: #6f6d72;
            text-align: center;
        }

            .pills-vertical .nav.nav-pills .nav-link.active {
                background-color: #fff;
                color: #ff4d4d;
            }

    .pills-vertical .tab-content {
        background-color: #fff;
        padding: 30px;
        border-radius: 4px;
    }

/*----------------- Accordions style 1 -----------------------------*/
.accordion-section {
    background-color: #fff;
    border: 1px solid #ebecf7;
    padding: 45px;
    margin-bottom: 30px;
}

.accrodion-regular {
}

    .accrodion-regular .card {
        margin-bottom: -1px;
        border: 1px solid #dadcdd;
    }

    .accrodion-regular .card-body {
        background-color: #f6f6f6;
    }

    .accrodion-regular .card-header {
        padding: 24px 20px;
        background-color: transparent;
    }

    .accrodion-regular .card-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px;
    }

        .accrodion-regular .card-title span {
            padding-top: 3px;
            float: right;
        }

    .accrodion-regular .card-header:first-child {
        border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
    }

    .accrodion-regular .card-header a {
        color: #322328;
    }

        .accrodion-regular .card-header a:hover {
            color: #ff4d4d;
        }

    .accrodion-regular .card-header.active {
        color: #ff4d4d;
    }

.accordion-content {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*------------------ Accordions style 2 --------------------------------*/
.accrodion-regular .accrodion-block {
    border-bottom: 2px solid #dadcdd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.accrodion-regular .accordion-head {
}

.accrodion-regular .accordion-title {
    margin-bottom: 0px;
    font-size: 18px;
}

.accrodion-regular .accordion-text {
}

.accrodion-regular .accordion-title span {
    padding-right: 23px;
    font-size: 14px;
    color: #ff4d4d;
}

/*---------------------- Accordions style 3 ------------------*/
.accrodion-second-regular {
}

.accrodion-second-regular {
}

    .accrodion-second-regular .card {
        margin-bottom: -1px;
        border: 1px solid #dadcdd;
    }

    .accrodion-second-regular .card-body {
        background-color: #f6f6f6;
    }

    .accrodion-second-regular .card-header {
        padding: 24px 20px;
        background-color: transparent;
    }

    .accrodion-second-regular .card-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px;
    }

        .accrodion-second-regular .card-title span {
            padding-top: 3px;
            font-size: 14px;
            color: #ff4d4d;
        }

    .accrodion-second-regular .card-header:first-child {
        border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
    }

    .accrodion-second-regular .card-header .card-title a {
        color: #353851;
    }

        .accrodion-second-regular .card-header .card-title a:hover {
            color: #ff4d4d !important;
        }

    .accrodion-second-regular .card-header.active {
        color: #ff4d4d;
    }

.accordion-content {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*---------------------- Accordions style 4 ------------------*/
.accrodion-third-regular {
}

.accrodion-third-regular {
}

    .accrodion-third-regular .card {
        margin-bottom: -1px;
        border: 1px solid #ebedfc;
    }

    .accrodion-third-regular .card-body {
        background-color: #ffffff;
    }

    .accrodion-third-regular .card-header {
        padding: 36px 30px;
        background-color: transparent;
    }

    .accrodion-third-regular .card-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0px;
    }

        .accrodion-third-regular .card-title span {
            padding-top: 3px;
            font-size: 26px;
            color: #3645f2;
            float: right;
        }

    .accrodion-third-regular .card-header:first-child {
        border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
    }

    .accrodion-third-regular .card-header .card-title a {
        color: #252328 !important;
    }

        .accrodion-third-regular .card-header .card-title a:hover {
            color: #ff4d4d !important;
        }

    .accrodion-third-regular .card-header.active {
        color: #ff4d4d;
    }

.accordion-content {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*--------------------  DropCap ---------------------*/
.dropcap-v1 {
}

    .dropcap-v1 p:first-letter {
        float: left;
        font-size: 75px;
        line-height: .7em;
        margin-top: .15em;
        margin-right: 25px;
        margin-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        color: #252328;
    }

.dropcap-v2 {
}

    .dropcap-v2 p:first-letter {
        float: left;
        font-size: 52px;
        line-height: .7em;
        margin-top: .15em;
        margin-right: 25px;
        margin-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #252328;
        border: 5px solid #252328;
        color: #fff;
        padding: 16px;
        border-radius: 6px;
    }

.dropcap-v3 {
}

    .dropcap-v3 p:first-letter {
        float: left;
        font-size: 52px;
        line-height: .7em;
        margin-top: .15em;
        margin-right: 25px;
        margin-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        border: 5px solid #252328;
        background-color: transparent;
        color: #252328;
        padding: 16px;
        border-radius: 6px;
    }

.dropcap-v4 {
}

    .dropcap-v4 p:first-letter {
        float: left;
        font-size: 75px;
        line-height: .7em;
        margin-top: .15em;
        margin-right: 25px;
        margin-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        background-color: transparent;
        color: #ff4d4d;
    }

.dropcap-v5 {
}

    .dropcap-v5 p:first-letter {
        float: left;
        font-size: 52px;
        line-height: .7em;
        margin-top: .15em;
        margin-right: 25px;
        margin-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #ff4d4d;
        border: 5px solid #ff4d4d;
        color: #fff;
        padding: 16px;
        border-radius: 6px;
    }

.dropcap-v6 {
}

    .dropcap-v6 p:first-letter {
        float: left;
        font-size: 52px;
        line-height: .7em;
        margin-top: .15em;
        margin-right: 25px;
        margin-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        border: 5px solid #ff4d4d;
        background-color: transparent;
        color: #ff4d4d;
        padding: 16px;
        border-radius: 6px;
    }

/*------------------   Email Subscriber --------------------------------------*/
.email-subscriber-v1 {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 60px;
}

.email-subscriber-v1-img {
}

    .email-subscriber-v1-img img {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        width: 100%;
    }

.email-subscriber-v1-content {
    padding: 50px;
}

.email-subscriber-v2 {
    border-radius: 4px;
    margin-bottom: 60px;
}

.email-subscriber-v2-img {
}

    .email-subscriber-v2-img img {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        width: 100%;
    }

.email-subscriber-v2-content {
    background-color: #fff;
    padding: 25px 40px;
}

.email-subscriber-v3 {
    border-radius: 4px;
    margin-bottom: 60px;
}

.email-subscriber-v3-img {
}

    .email-subscriber-v3-img img {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 100%;
    }

.email-subscriber-v3-content {
    background-color: #fff;
    padding: 25px 40px;
}

*------------------ Social-Media ----------------------*/ .social-media {
}

.social-media ul {
    padding: 0;
    margin: 0;
}

    .social-media ul li {
        list-style: none;
        float: left;
    }

.social-icon {
    height: 55px;
    width: 55px;
    color: #fff;
    padding: 15px 14px;
    margin-right: 6px;
    border-radius: 5px;
    display: inline-block;
    line-height: 1.2;
    font-size: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 2px solid transparent;
    background-color: #b8b7b7;
}

.social-icon-small {
    font-size: 14px;
    height: 40px;
    width: 40px;
    padding: 8px 9px;
    line-height: 1.8;
}

.social-rounded {
    border-radius: 100% !important;
}

.social-icon:hover {
    color: #fff;
    background-color: #b8b7b7;
}

.social-icon-outline {
    border: 2px solid #b8b7b7;
    background-color: transparent;
    color: #b8b7b7;
}

/*-----------------  Social Media colors ----------------------*/
.social-facebook {
    background-color: #3b5898;
    color: #fff;
}

    .social-facebook:hover {
        background-color: #385186;
        color: #fff;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

.social-twitter {
    background-color: #1ea2f2;
    color: #fff;
}

    .social-twitter:hover {
        background-color: #1c99e5;
        color: #fff;
    }

.social-google {
    background-color: #f4422c;
    color: #fff;
}

    .social-google:hover {
        background-color: #C20806;
        color: #fff;
    }

.social-linkedin {
    background-color: #0179bd;
    color: #fff;
}

    .social-linkedin:hover {
        background-color: #0571ae;
        color: #fff;
    }

.social-instagram {
    background-color: #7a2276;
    color: #fff;
}

    .social-instagram:hover {
        background-color: #8b2a86;
        color: #fff;
    }

.social-rss {
    background-color: #ee802f;
    color: #fff;
}

.social-pinterest {
    background-color: #c8232c;
    color: #fff;
}

    .social-pinterest:hover {
        background-color: #ba1f27;
        color: #fff;
    }

.social-youtube {
    background-color: #d30000;
    color: #fff;
}

    .social-youtube:hover {
        background-color: #ff0000;
    }

.social-snapchat-ghost {
    background-color: #fffc00;
    color: #fff;
}

    .social-snapchat-ghost:hover {
        background-color: #fffc00;
        color: #fff;
    }

.social-skype {
    background-color: #01baff;
    color: #fff;
}

    .social-skype:hover {
        background-color: #06aeed;
        color: #fff;
    }

.social-dribbble {
    background-color: #ff4f93;
    color: #fff;
}

    .social-dribbble:hover {
        background-color: #ef4788;
        color: #fff;
    }

.social-vimeo {
    background-color: #4bbdff;
    color: #fff;
}

    .social-vimeo:hover {
        background-color: #40aceb;
        color: #fff;
    }

.social-tumblr {
    background-color: #2c4862;
    color: #fff;
}

    .social-tumblr:hover {
        background-color: #2c4862;
        color: #fff;
    }

.social-vine {
    background-color: #00b489;
    color: #fff;
}

    .social-vine:hover {
        background-color: #049774;
        color: #fff;
    }

.social-foursquare {
    background-color: #3060df;
    color: #fff;
}

    .social-foursquare:hover {
        background-color: #2e5ad1;
        color: #fff;
    }

.social-stumbleupon {
    background-color: #eb4923;
    color: #fff;
}

    .social-stumbleupon:hover {
        background-color: #d7421f;
        color: #fff;
    }

.social-flickr {
    background-color: #f40083;
    color: #fff;
}

    .social-flickr:hover {
        background-color: #df077b;
        color: #fff;
    }

.social-rss {
    background-color: #ff6702;
    color: #fff;
}

    .social-rss:hover {
        background-color: #ff6702;
        color: #fff;
    }

/*---------------- Social-Media-outline-colors ------------------------------*/
.social-outline-facebook {
    border-color: #3b5898;
    color: #3b5898;
    background-color: transparent;
}

    .social-outline-facebook:hover {
        background-color: #385186;
        color: #fff;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

.social-outline-twitter {
    border-color: #1ea2f2;
    color: #1ea2f2;
    background-color: transparent;
}

    .social-outline-twitter:hover {
        background-color: #1c99e5;
        color: #fff;
    }

.social-outline-google {
    border-color: #f4422c;
    color: #f4422c;
    background-color: transparent;
}

    .social-outline-google:hover {
        background-color: #C20806;
        color: #fff;
    }

.social-outline-linkedin {
    border-color: #0179bd;
    color: #0179bd;
    background-color: transparent;
}

    .social-outline-linkedin:hover {
        background-color: #0571ae;
        color: #fff;
    }

.social-outline-instagram {
    border-color: #7a2276;
    color: #7a2276;
    background-color: transparent;
}

    .social-outline-instagram:hover {
        background-color: #8b2a86;
        color: #fff;
    }

.social-outline-rss {
    border-color: #ee802f;
    color: #ee802f;
    background-color: transparent;
}

.social-outline-pinterest {
    border-color: #c8232c;
    color: #c8232c;
    background-color: transparent;
}

    .social-outline-pinterest:hover {
        background-color: #ba1f27;
        color: #fff;
    }

.social-outline-youtube {
    border-color: #d30000;
    color: #d30000;
    background-color: transparent;
}

    .social-outline-youtube:hover {
        background-color: #ff0000;
    }

.social-outline-snapchat-ghost {
    border-color: #fffc00;
    color: #181825;
    background-color: transparent;
}

    .social-outline-snapchat-ghost:hover {
        background-color: #fffc00;
        color: #fff;
    }

.social-outline-skype {
    border-color: #01baff;
    color: #01baff;
    background-color: transparent;
}

    .social-outline-skype:hover {
        background-color: #06aeed;
        color: #fff;
    }

.social-outline-dribbble {
    border-color: #ff4f93;
    color: #ff4f93;
    background-color: transparent;
}

    .social-outline-dribbble:hover {
        background-color: #ef4788;
        color: #fff;
    }

.social-outline-vimeo {
    border-color: #4bbdff;
    color: #4bbdff;
    background-color: transparent;
}

    .social-outline-vimeo:hover {
        background-color: #40aceb;
        color: #fff;
    }

.social-outline-tumblr {
    border-color: #2c4862;
    color: #2c4862;
    background-color: transparent;
}

    .social-outline-tumblr:hover {
        background-color: #2c4862;
        color: #fff;
    }

.social-outline-vine {
    border-color: #00b489;
    color: #00b489;
    background-color: transparent;
}

    .social-outline-vine:hover {
        background-color: #049774;
        color: #fff;
    }

.social-outline-foursquare {
    border-color: #3060df;
    color: #3060df;
    background-color: transparent;
}

    .social-outline-foursquare:hover {
        background-color: #2e5ad1;
        color: #fff;
    }

.social-outline-stumbleupon {
    border-color: #eb4923;
    color: #eb4923;
    background-color: transparent;
}

    .social-outline-stumbleupon:hover {
        background-color: #d7421f;
        color: #fff;
    }

.social-outline-flickr {
    border-color: #f40083;
    color: #f40083;
    background-color: transparent;
}

    .social-outline-flickr:hover {
        background-color: #df077b;
        color: #fff;
    }

.social-outline-rss {
    border-color: #ff6702;
    color: #ff6702;
    background-color: transparent;
}

    .social-outline-rss:hover {
        background-color: #ff6702;
        color: #fff;
    }

.table td, .table th {
    padding: 8px;
    vertical-align: baseline;
    border-top: none;
    font-weight: normal;
}

.table thead th {
    vertical-align: bottom;
    font-weight: normal;
}

.nav-pills {
    font-size: 14px;
}

.supplier-info {
    margin-top: 30px;
}

.supplier-block {
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-top: 10px;
}

.supplier-title {
    color: #252328;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 1;
}

/*-------------------------------------------------------------------
10. Blog Pages
-------------------------------------------------------------------*/
.post-pageheader {
    background: url(../images/post-single-img-1.jpg) no-repeat center;
    background-size: cover;
}

    .post-pageheader .page-section {
        padding: 162px 0px;
        text-align: center;
    }

.classic-post {
}

    .classic-post .post-content {
        text-align: left;
    }

    .classic-post blockquote {
        margin-bottom: 0px;
    }

.post-carousel {
    margin-bottom: -28px;
}

    .post-carousel .owl-theme .owl-nav {
        line-height: 1;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        display: none;
    }

    .post-carousel .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        bottom: 30px;
        position: relative;
    }

        .post-carousel .owl-theme .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1;
        }

            .post-carousel .owl-theme .owl-dots .owl-dot span {
                width: 12px;
                height: 12px;
                margin: 4px 2px;
                background: #fff;
                border: transparent;
                border-radius: 100%;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity 200ms ease;
            }

            .post-carousel .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
                background: #ff4d4d;
                border-color: #ff4d4d;
            }

.post-block {
}

.post-img {
    position: relative;
}

    .post-img img {
        width: 100%;
    }

.post-block-simple {
    margin-bottom: 30px;
}

.post-block {
    margin-bottom: 30px;
    transition: .8s ease;
}

    .post-block:hover {
        transition: .8s ease;
        -webkit-box-shadow: 0px 0px 12px 8px rgba(196, 196, 198, 0.24);
        -moz-box-shadow: 0px 0px 12px 8px rgba(196, 196, 198, 0.24);
        box-shadow: 0px 0px 12px 8px rgba(196, 196, 198, 0.24);
    }

.post-content {
    padding: 40px;
    border: 1px solid #e5e6e7;
    background-color: #fff;
    text-align: center;
    border-radius: 0px 0px 4px 4px;
}

.post-footer {
    padding: 12px 26px;
    border: 1px solid #e5e6e7;
    background-color: #fff;
    margin-top: -1px;
    border-radius: 0px 0px 4px 4px;
}

.post-content .icon-circle-outline {
    height: 30px;
    width: 30px;
    padding: 7px;
}

.post-content-single {
}

.post-title {
    color: #252328;
}

.post-heading {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 20px;
}

.meta {
    font-size: 12px;
    font-weight: 400;
}

    .meta i {
        color: #ff4d4d;
        padding-right: 3px;
    }

.meta-link {
}

.meta-posted-by {
}

.meta-category, .meta-date, .meta-comments, .meta-tags, .meta-posted-by {
    margin-right: 12px;
}

.meta-category {
    color: #ff4d4d;
    letter-spacing: 1px;
}

.meta-date {
}

.meta-comments {
}

.meta-tags {
    background-color: rgba(47, 46, 48, 0.7);
    padding: 2px 8px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 2;
    position: absolute;
    bottom: 10px;
    left: 10px;
    letter-spacing: 1px;
    font-weight: 500;
}

    .meta-tags:hover {
        background-color: #ff4d4d;
        color: #fff;
    }

.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

/*----- Next Prev Post -----*/
.next-prev-post {
    margin-bottom: 30px;
    margin-top: 30px;
}

.prev-post {
    padding: 30px;
    border: 1px solid #e6e5e7;
    background-color: #fff;
    border-radius: 4px;
}

.next-post {
    text-align: right;
    padding: 30px;
    border: 1px solid #e6e5e7;
    background-color: #fff;
    border-radius: 4px;
}

.prev-link-title, .next-link-title {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 28px;
}

.prev-link {
}

.next-link, .prev-link {
    text-transform: capitalize;
    font-size: 12px;
    margin-bottom: 23px;
    display: inline-block;
    line-height: 12px;
}

.related-post-block {
    padding: 30px;
    border: 1px solid #e5e6e7;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 4px;
}

.related-post {
}

.realted-title {
    margin-bottom: 5px;
    line-height: 24px;
}

.related-post-meta {
    font-size: 14px;
}

.related-post .title {
    font-size: 15px;
}

.related-img {
    margin-bottom: 20px;
}

    .related-img img {
        width: 100%;
    }

.post-author-block {
    background-color: #fde9e9;
    border: 1px solid #f8cccc;
    padding: 36px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.author-box {
}

.author-img {
    float: left;
    padding-right: 30px;
    margin-bottom: 80px;
}

.author-title {
}

.author-meta {
    color: #ff4d4d;
    margin-bottom: 20px;
    display: block;
    line-height: 1;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.author-content {
}

/*----- comments-----*/
.comments-block {
}

.comments-area {
}

.comments-title {
    margin-bottom: 40px;
}

.comment-list {
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
}

ul.comment-list:last-child {
    margin-bottom: 0px;
    border-bottom: transparent;
    padding-bottom: 0px;
}

.comment {
}

.comment-body {
}

.comment-author {
    margin-bottom: 20px;
}

.comment-info {
}

.comment-header {
}

.user-title {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 16px;
}

.comment-meta {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 10px;
    line-height: 1;
}

.comment-meta-date {
}

.comment-content {
}

.reply {
}

.childern {
    padding-left: 140px;
}

    .childern .comment {
        margin-top: 30px;
    }

    .childern .comment-body {
        background-color: #f5f5f5;
        padding: 16px;
        border: 1px solid #e6e5e7;
        border-radius: 4px;
    }

.comments-reply {
}

.leave-comments {
    background-color: #f3f5f5;
}

.leave-reply {
    border: 1px solid #e6e5e7;
    padding: 26px;
    background-color: #fff;
    border-radius: 4px;
}

.reply-header {
    margin-bottom: 30px;
}

.reply-title {
    margin-bottom: 10px;
}

/*-------------------------------------------------------------------
11.Sidebar
-------------------------------------------------------------------*/
.sidebar {
}

.widget {
    margin-bottom: 50px;
}

    .widget ul {
        margin-bottom: 0px;
        list-style: none;
        padding: 0px;
    }

        .widget ul li {
            margin-bottom: 8px;
            line-height: 26px;
        }

            .widget ul li:last-child {
                margin-bottom: 0px;
            }

            .widget ul li a {
                color: #252328;
            }

                .widget ul li a:hover {
                    color: #ff4d4d;
                }

.widget-title {
    font-size: 20px;
    color: #252328;
    font-weight: 400;
    margin-bottom: 36px;
    border-bottom: 1px solid #e6e5e7;
    padding-bottom: 15px;
    line-height: 16px;
}

.widget-search {
}

.widget-category {
}

.widget-archives {
}

.widget-recent-post {
}

    .widget-recent-post ul {
    }

        .widget-recent-post ul li {
            margin-bottom: 20px;
        }

.recent-post-img {
}

    .recent-post-img img {
    }

.recent-title {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
}

.recent-post-content {
}

.widget-tags {
}

    .widget-tags a {
        background-color: #f6f6f6;
        padding: 6px 9px;
        border-radius: 2px;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 4px;
        font-weight: 400;
        color: #5f5d62;
        transition: .5s ease;
    }

        .widget-tags a:hover {
            background-color: #ff4d4d;
            color: #fff !important;
            transition: .5s ease;
        }

/*-------------------------------------------------------------------
12. Shortcodes
-------------------------------------------------------------------*/
.pagination .page-link {
    position: relative;
    float: left;
    padding: 8px 16px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #252328;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e6e5e7;
    margin: 4px;
    font-size: 14px;
    border-radius: 2px;
}

    .pagination .page-link:hover {
        z-index: 2;
        color: #fff;
        background-color: #ff4d4d;
        border-color: #ff4d4d;
    }

.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ff4d4d;
    border-color: #ff4d4d;
}

.pagination.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination .page-item:last-child .page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.st-accordions .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e6e5e7;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

.st-accordions .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
    font-weight: 600;
}

.st-accordions .panel-heading {
    padding: 16px 20px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.st-accordions .panel-default > .panel-heading {
    color: #252328;
    background-color: #fff;
}

.st-accordions .panel-body {
    border-top: 1px solid #e6e5e7;
}

/*-------------------------------------------------------------------
13. Help Center
-------------------------------------------------------------------*/
.hp-pageheader {
    background: url(../images/kb-pageheader.jpg) no-repeat center;
    background-size: cover;
}

    .hp-pageheader .page-section {
        padding-top: 140px;
        padding-bottom: 140px;
        min-height: 420px;
        text-align: center;
    }

.hp-category {
}

.hp-list-info {
    margin-bottom: 30px;
}

    .hp-list-info .list-group-item {
        position: relative;
        display: block;
        padding: 10px 0px;
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid rgba(231, 231, 231, 1);
        border-left: 0px;
        border-right: 0px;
        color: #252328;
    }

    .hp-list-info .list-group-flush:last-child .list-group-item:last-child {
        border-bottom: 1px solid rgba(231, 231, 231, 1);
    }

.hp-category-sidebar {
}

    .hp-category-sidebar ul {
    }

        .hp-category-sidebar ul li {
        }

            .hp-category-sidebar ul li a {
                font-size: 16px;
                color: #99989c;
                line-height: 2.2;
            }

                .hp-category-sidebar ul li a:hover {
                    color: #252328;
                }

                .hp-category-sidebar ul li a.active {
                    color: #252328;
                }

.hp-category-list {
    margin-bottom: 30px;
}

    .hp-category-list .list-group-item {
        position: relative;
        display: block;
        padding: 15px 0px;
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid rgba(231, 231, 231, 1);
        border-left: 0px;
        border-right: 0px;
        color: #252328;
    }

.hide-btn {
}

.show-content {
}

.hide-content {
    display: none;
}

.hp-cta {
    border-top: 1px solid #ebe7e7;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ebe7e7;
}

.hp-post {
    margin-bottom: 40px;
    border-bottom: 1px solid #ebe7e7;
    padding-bottom: 30px;
}

.hp-scroll-event {
    position: fixed;
    background-color: #fff;
}

    .hp-scroll-event ul {
        margin-bottom: 0px;
    }

        .hp-scroll-event ul li {
            padding: 3px 22px;
            border-bottom: 1px solid #e6e5e7;
        }

            .hp-scroll-event ul li a {
                font-size: 16px;
                color: #99989c;
                line-height: 2.2;
            }

                .hp-scroll-event ul li a:hover {
                    color: #252328;
                }

                .hp-scroll-event ul li a.active {
                    color: #252328;
                }

/*--------------- autocomplete-search --------------- */
.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

/*-------------------------------------------------------------------
13. Components
-------------------------------------------------------------------*/

/*----------------------- Sidebar Page Navigations -------------------------*/

.sidebar-nav-fixed {
    position: sticky;
    top: 5rem;
}

    .sidebar-nav-fixed ul {
    }

        .sidebar-nav-fixed ul li {
        }

            .sidebar-nav-fixed ul li a {
                font-size: 14px;
                color: #6f6d72;
                display: block;
                padding: 8px 15px;
                background: transparent;
                border-radius: 4px;
                line-height: 1.8;
            }

                .sidebar-nav-fixed ul li a:hover {
                    color: #ff4d4d;
                }

                .sidebar-nav-fixed ul li a.active {
                    display: block;
                    color: #ffffff;
                    background: #ff4d4d;
                }

.page-section {
}

.progress-bar {
    background-color: #ff4d4d;
}

.progress-sm {
    height: 5px;
}

.progress-sm {
    height: 5px;
}

.progress-md {
    height: 8px;
}

.progress-lg {
    height: 12px;
}

.progress-xl {
    height: 15px;
}

.badge {
    display: inline-block;
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}

.badge-default {
    background-color: #ff4d4d;
    color: #fff;
}

.badge-primary {
    background-color: #4e4b53;
}

.badge-secondary {
    background-color: #2abc2d;
}

.badge-success {
    background-color: #28a745;
}

.badge-danger {
    background-color: #dc3645;
}

.badge-warning {
    background-color: #ffc209;
    color: #252328;
}

.badge-info {
    background-color: #18a2b9;
}

.badge-light {
    background-color: #f8f9fa;
    color: #2e2f39;
}

.badge-dark {
    background-color: #343a40;
}

.pe-badges {
}

.badge-dot {
    border-radius: 100%;
    width: 7px;
    height: 7px;
    padding: 5px;
    display: inline-block;
    margin-right: 3px;
}

    .badge-dot span {
        font-size: 14px;
    }

.label {
    padding: 3px 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
    font-size: 75%;
}

.label-rounded {
    border-radius: 60px;
}

.label-primary {
    background-color: #414da7;
}

.label-success {
    background-color: #28a745;
}

.label-danger {
    background-color: #ef172c;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #ff4d4d;
    border-color: #ff4d4d;
}

/*-------------------------------------------------------------------
14. Dashboard vendor & Couple
-------------------------------------------------------------------*/

/*------------------------------------------------------------------- 
14.1. Dashboard Frame
-------------------------------------------------------------------*/

.body-bg {
    background: #f3f3f3;
}

.dashboard-wrapper {
    padding-top: 130px;
    position: relative;
    min-height: 600px;
}

.dashboard-content {
    margin-left: 330px;
    margin-right: 44px;
}

.db-nav-list {
}

    .db-nav-list.navbar {
        padding: 0px;
    }

    .db-nav-list .navbar-nav .nav-item {
        border-left: 1px solid #e8e8e8;
    }

        .db-nav-list .navbar-nav .nav-item .nav-link {
            padding: 16px 22px;
        }

.db-nav-list {
    float: left;
}

.user-vendor {
}

.user-icon {
    height: 35px;
    width: 35px;
    display: inline-block;
    margin-right: 12px;
}

.notification .dropdown-menu {
    min-width: 350px;
}

.notification.dropleft .dropdown-menu {
    top: 70px;
    right: 0;
}

.user-vendor .dropdown-menu {
}

.user-vendor.dropleft .dropdown-menu {
    top: 70px;
    right: 0;
}

.notification-icon {
    display: inline-block;
    color: #ff4d4d;
    line-height: 2.3;
}

/* ------  Notification Dropdown --------  */
.notification {
}

.notification-dropdown {
    min-width: 320px;
}

.notification-dropdown, .connection-dropdown, .nav-user-dropdown {
    padding: 0px;
    margin: 0px;
}

.notification-title {
    font-size: 14px;
    color: #3d405c;
    text-align: center;
    padding: 8px 0px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 1.5;
    background-color: #fffffe;
}

.notification-list {
}

    .notification-list .list-group-item {
        border-radius: 0px;
        padding: 12px;
        margin-top: -1px;
        border-left: transparent;
        border-right: transparent;
    }

        .notification-list .list-group-item.active {
            z-index: 2;
            color: #656368;
            background-color: #f3f3f3;
            border-color: #e1e1e7;
        }

    .notification-list .list-group-item-action:focus, .list-group-item-action:hover {
        color: #252328;
        text-decoration: none;
        background-color: #f3f3f3;
    }

    .notification-list .list-group-item:last-child {
    }

.notification-info {
}

    .notification-info .notification-date {
        display: block;
        font-size: 11px;
        margin-top: 4px;
        text-transform: uppercase;
        color: #71748d;
    }

.notification .dropdown-toggle::after, .connection .dropdown-toggle::after, .nav-user .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border: none;
}

.notification-list-user-img {
    float: left;
}

.notification-list-user-block {
    padding-left: 50px;
    font-size: 14px;
    line-height: 21px;
}

.notification-list-user-name {
    color: #ff4d4d;
    font-size: 14px;
    margin-right: 8px;
}

.list-footer, .conntection-footer {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    line-height: 1.5;
    font-weight: 700;
    background-color: #ff4d4d;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .list-footer a, .conntection-footer a {
        color: #fff;
    }

        .list-footer a:hover, .conntection-footer a:hover {
            color: #fff;
        }

.indicator {
    content: '';
    position: absolute;
    top: 16px;
    right: 23px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #ef172c;
    animation: .9s infinite beatHeart;
    transform-origin: center;
}

@keyframes beatHeart {
    0% {
        transform: scale(0.9);
    }

    25% {
        transform: scale(1.1);
    }

    40% {
        transform: scale(0.9);
    }

    60% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.9);
    }
}

.user-vendor-name {
    font-size: 12px;
    position: relative;
    bottom: 3px;
}

.dropleft .dropdown-toggle::before {
    display: none;
}

.bg-dark {
    background-color: #343a40 !important;
}

.dashboard-header {
    background-color: #fff;
    position: fixed;
    z-index: 9;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
}

    .dashboard-header .header-logo {
        line-height: 4;
        padding-top: 0px;
    }

.dashboard-box {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
    box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
    padding: 25px;
    border-radius: 3px;
    margin-bottom: 30px;
}

.dashboard-page-title {
    font-size: 26px;
    margin-bottom: 8px;
    line-height: 24px;
    font-weight: 300;
}

.bg-light-violate {
    background-color: #e1caf1 !important;
    border-color: #e1caf1;
}

.bg-light-green {
    background-color: #cfedad !important;
    border-color: #cfedad;
}

.bg-light-yellow {
    background-color: #fff4bf !important;
    border-color: #fff4bf;
}

.bg-light-orange {
    background-color: #ffd5bb !important;
    border-color: #ffd5bb;
}

/*--- Dashboard left-sidebar  ---*/
.dashboard-sidebar {
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgb(198, 198, 198, 0.85);
    margin-bottom: 50px;
    position: fixed;
    bottom: 0px;
    height: 100%;
    width: 276px;
    top: 69px;
}

.dashboard-toggler .navbar-toggler {
    width: 100%;
    padding: 12px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px; /*width: 100%; check when work on dashboard*/
}

.dashboard-nav {
    padding: 10px 24px 24px 24px;
}

    .dashboard-nav ul {
        margin-bottom: 0px;
        padding: 0px;
    }

        .dashboard-nav ul li {
        }

            .dashboard-nav ul li a {
                color: #aaa9ad;
                font-size: 14px;
                font-weight: 400;
                display: block;
                line-height: 16px;
                padding: 20px 6px;
                border-bottom: 1px solid #ebebeb;
            }

                .dashboard-nav ul li a:hover {
                    color: #ff4d4d; /* background-color: #ffe9e9; */
                }

            .dashboard-nav ul li.active a {
                color: #ff4d4d; /* background-color: #ffe9e9; */
            }

.dash-nav-icon {
    margin-right: 8px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.vendor-user-profile {
    padding: 30px 24px 20px;
    line-height: 1;
    display: inline-block;
    width: 100%;
}

.vendor-profile-img {
    margin-bottom: 10px;
    float: left;
    padding-right: 20px;
}

    .vendor-profile-img img {
        width: 70px;
    }

.vendor-profile-name {
    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 12px;
}

.vendor-profile-text {
}

.edit-link {
    font-size: 12px;
    text-transform: capitalize;
    margin-top: 6px;
    display: block;
    color: #626262;
}

.dashboard-vendor-icon {
    font-size: 65px;
    color: #ff4d4d;
}

.dashboard-box-content {
}

.dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: 6px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 4px 66px 4px 20px;
    clear: both;
    font-weight: 400;
    color: #626262;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #ff4d4d;
        background-color: #ffe9e9;
        text-decoration: none;
    }

.dashboard-dropdown-menu {
    position: absolute !important;
    top: 14px !important;
    border-radius: 0px 0px 3px 3px;
    border: 1px solid rgb(235, 235, 235);
}

.dashboard-page-header {
    margin-bottom: 50px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
}

.btn-edit {
    color: #40b9ba;
}

    .btn-edit:hover {
        color: #36b5b6;
    }

.btn-delete {
    color: #ff4d4d;
}

    .btn-delete:hover {
        color: #ff3535;
    }

.btn-delete, .btn-edit {
    font-size: 16px;
    padding-left: 20px;
}

/*------------------------------------------------------------------- 
14.2  Vendor dashboard overview 
-------------------------------------------------------------------*/
.card-summary {
}

.summary-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #6f6d72;
}

.dashboard-vendor-list {
}

.summary-list {
}

.summary-title {
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.summary-review {
}

.summary-quote {
}

.summary-icon {
    font-size: 50px;
    color: #ff4d4d;
    display: inline-block;
    float: right;
    line-height: 1.5;
}

.summary-block {
    margin-bottom: 30px;
}

.summary-content {
}

.summary-count {
    font-size: 42px;
    color: #252328;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1;
}

/*------------------------------------------------------------------- 
14.3  vendor dashboard listing
-------------------------------------------------------------------*/
.dashboard-list-block {
    background-color: #fff;
    margin-bottom: 20px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
    box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
    border-radius: 3px;
}

.dashboard-list-img img {
    width: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dashboard-list-img {
}

.dashboard-list-content {
    font-size: 14px;
    padding-top: 23px;
    padding-bottom: 23px;
}

.dashboard-list-btn {
    padding: 29px;
    text-align: right;
}

/*------------------------------------------------------------------- 
14.4  vendor pricing
-------------------------------------------------------------------*/
.dashboard-pricing {
    position: relative;
}

    .dashboard-pricing .pricing-box {
        padding: 30px;
        position: relative;
    }

    .dashboard-pricing .price-sign {
        left: 102px;
    }

    .dashboard-pricing .dashboard-price-badge {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 2px;
        font-weight: 500;
    }

/*------------------------------------------------------------------- 
14.5  vendor dashboard request list
-------------------------------------------------------------------*/
.request-list-table .table {
    font-size: 14px;
}

.request-list-table table th {
    background-color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    padding: 14px 20px;
    color: #252328;
}

.request-list-table table td {
    background-color: #fdfdfd;
    border-bottom: 1px solid #eee;
    padding: 10px 16px;
}

.request-list-table {
}

.requester-name {
}

.requester-id {
}

.requester-phone {
}

.requester-action {
}

.wedding-date {
}

/*------------------------------------------------------------------- 
14.6  vendor dashboard review
-------------------------------------------------------------------*/
.card-rating {
}

    .card-rating small {
        font-size: 14px;
        margin-bottom: 24px;
        display: block;
    }

.card-review-summary .progress {
    height: 8px;
    background-color: #f3f3f3;
}

.card-review-summary .progress-bar {
    background-color: #ffa912;
}

.review-summary-table {
    background-color: transparent;
}

    .review-summary-table .table {
        font-size: 14px;
    }

    .review-summary-table table th {
        background-color: #fff;
        font-weight: 400;
        border-bottom: 1px solid #eee;
        padding: 14px 20px;
        color: #252328;
    }

    .review-summary-table table td {
        background-color: #fdfdfd;
        border-bottom: 1px solid #eee;
        padding: 10px 16px;
    }

.review-summary-name {
}

.review-summary-rating {
}

.review-summary-id {
}

.review-summary-time {
}

.expandable-info {
    background-color: #fafafb;
    padding: 0px !important;
}

.expandable-collapse {
    padding: 30px;
}

.expandable-info ul li {
    font-size: 14px;
    line-height: 24px;
}

.expandable-info .card {
    min-height: 285px;
}

.expandable-info .card-body {
    padding: 20px 20px 5px;
}

/*------------------------------------------------------------------- 
14.7  vendor profile
-------------------------------------------------------------------*/
.profile {
}

.profile-img {
    float: left;
}

.profile-content {
    float: left;
    padding-left: 20px;
    margin-top: 20px;
}

.profile-name {
    margin-bottom: 0px;
}

.profile-edit {
    font-size: 12px;
}

.custom-file-input {
}

.custom-label {
    position: relative;
    left: 128px;
    bottom: 75px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 6px 10px;
}

#image-preview {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    background-color: #d2d2d2;
    color: #ecf0f1;
    border-radius: 100%;
}

    #image-preview input {
        line-height: 200px;
        font-size: 200px;
        position: absolute;
        opacity: 0;
        z-index: 10;
    }

    #image-preview label {
        position: absolute;
        z-index: 5;
        opacity: 0.8;
        cursor: pointer;
        background-color: #bdc3c7;
        width: 200px;
        height: 50px;
        font-size: 10px;
        line-height: 50px;
        text-transform: uppercase;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
    }

.upload-profile-input {
    position: absolute;
    left: 130px;
    top: 36px;
}

.profile-upload-img {
    margin-bottom: 30px;
}

.personal-form-info {
}

.social-form-info {
}

.venue-form-info {
}

.dashboard-location-map {
}

.aminities-form-info {
}

.dashboard-venue-gallery {
}

.dashboard-venue-video {
}

/* switch notification*/
.switch-notification {
}

.switch input {
    display: none;
}

.switch {
    display: inline-block;
    width: 40px;
    height: 20px;
    transform: translateY(20%);
    position: relative;
}

.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
    transition: .4s;
    background: #bdbdbd;
}

    .slider:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #777;
        border-radius: 20px;
        transform: translateX(-20px);
        transition: .4s;
        background: #fff;
    }

input:checked + .slider:before {
    transform: translateX(20px);
    background: #fff;
}

input:checked + .slider {
    background: #ff4d4d;
}

/*----- nav pills ---*/
.nav-pills .nav-link {
    color: #6f6d72;
    border-radius: 2px;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #ff4d4d;
    }

/*------------------------------------------------------------------- 
14.8  vendor add listing
-------------------------------------------------------------------*/
.add-list-block {
    margin-top: 30px;
    text-align: right;
}

.gallery-upload-img {
    margin-bottom: 30px;
    position: relative;
}

    .gallery-upload-img img {
        border: 1px solid #ebebeb;
        background-color: #fff;
        padding: 4px;
        border-radius: 4px;
        position: relative;
    }

.delete-gallery-img {
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 20px;
}

/*--- Couple Dashboard Pages ---*/

/*------------------------------------------------------------------- 
14.9  couple overview
-------------------------------------------------------------------*/

.summary-vendor-wishlist {
}

.summary-table-seating {
}

.summary-guest-list {
}

.summary-budget {
}

.summary-todo {
}

/*------------------------------------------------------------------- 

14.10  couple wishlist
-------------------------------------------------------------------*/
.couple-wishlist {
}

    .couple-wishlist .rating-box {
        position: initial;
    }

    .couple-wishlist .vendor-title {
        font-size: 16px;
        margin: 0px 0px 0px 0px;
        line-height: 26px;
    }

    .couple-wishlist .vendor-meta {
    }

.wishlist-tab-board {
    padding: 30px 0px;
}

/*------------------------------------------------------------------- 
14.11  couple todo
-------------------------------------------------------------------*/
.todo {
}

.todo-list {
}

.todo-thead {
    background: #f3f3f3;
    padding: 10px 20px;
    line-height: 2;
    font-size: 14px;
    color: #252328;
    font-weight: 500;
}

.todo-list ul {
    margin-bottom: 0px;
}

    .todo-list ul li {
        padding: 10px 20px;
        border-bottom: 1px solid #ebe7e7;
        line-height: 2;
    }

.todo-list-content {
}

.todo-date {
    color: #6f6d72;
    font-size: 14px;
}

.to-do-status {
}

.todo-list label {
    font-size: 16px;
    padding-left: 36px;
    line-height: 29px;
}

.todo .accordion-card .card-body {
    padding: 0px;
}

.todo-list-btn {
    text-align: right;
}

.todo .accordion-card-title {
    font-size: 16px;
}

/*------------------------------------------------------------------- 
14.12  couple budget list
-------------------------------------------------------------------*/
.budget-board .table {
    font-size: 14px;
}

.budget-board table th {
    background-color: #fdfdfd;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 8px 20px;
    line-height: 1;
}

.budget-board table td {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}

.wedding-budget-event {
    width: 30%;
}

.wedding-budget-estimate {
}

.wedding-budget-actual {
}

.wedding-budget-pending {
}

.wedding-budget-paid {
}

.wedding-budget-action {
}

.estimate-total, .actual-total, .paid-total, .pending-total {
    font-size: 14px;
    line-height: 18px;
}

.total-amount {
    font-weight: 500;
    margin-top: 6px;
    display: block;
    color: #252324;
}

.budget-category-head {
    background-color: #eee;
    padding: 10px 20px;
}

.budget-category-title {
    margin-bottom: 0px;
    font-size: 18px;
}

#slide-panel {
}

.slide-panel-light {
    background-color: #fff;
    padding: 30px;
    text-align: left;
}

/*------------------------------------------------------------------- 
14.13  couple guest list
-------------------------------------------------------------------*/
.guest-list-table .table {
    font-size: 14px;
}

.guest-list-table table th {
    background-color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    padding: 14px 20px;
    color: #252324;
}

.guest-list-table table td {
    background-color: #fdfdfd;
    border-bottom: 1px solid #eee;
    padding: 10px 16px;
}

.guest-name {
}

.guest-group {
}

.guest-email-id {
}

.guest-invite {
}

.guest-rsvp {
}

.guest-action {
}

.guestlist-management {
}

.card-header-tabs {
}

    .card-header-tabs .nav-item {
        font-size: 14px;
    }

        .card-header-tabs .nav-item .nav-link {
            color: #6f6d72;
            font-size: 16px;
            padding: 10px 30px;
        }

            .card-header-tabs .nav-item .nav-link.active {
                color: #ff4d4d;
                background-color: #fff;
                border-color: #dee2e6 #dee2e6 #fff;
            }

.allguest-tab {
}

.confirm-guest-tab {
}

.waiting-guest-tab {
}

.declined-guest-tab {
}

.guest-filter {
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
}

.couple-guest-tab {
}

.single-guest-tab {
}

.household-guest-tab {
}

.rsvp-create-form {
}

.couple-form-image-section {
    margin-top: 20px;
}

.round {
    position: relative;
}

    .round label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
    }

        .round label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 7px;
            opacity: 0;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 12px;
        }

    .round input[type="checkbox"] {
        visibility: hidden;
    }

        .round input[type="checkbox"]:checked + label {
            background-color: #66bb6a;
            border-color: #66bb6a;
        }

            .round input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

/*------------------------------------------------------------------- 
14.14  couple guest Manager
-------------------------------------------------------------------*/

/*--- rsvp summary ---*/

.rsvp-summary-section {
    margin-bottom: 30px;
}

.rsvp-summary.card {
    box-shadow: none;
}

.rsvp-summary .summary-text {
    color: #252328;
}

.rsvp-summary-head {
    padding: 10px 0px;
    margin-bottom: 16px;
}

.rsvp-summary-head-title {
    margin-bottom: 0px;
    line-height: 1;
}

.download-list-link {
    font-size: 14px;
    color: #252328;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.guest-list-block, .budget-list-block {
    margin-bottom: 10px;
}

.guest-list-block-title, .budget-list-block-title {
    padding-top: 10px;
    margin-bottom: 0px;
}

/*------------------------------------------------------------------- 
14.15  couple seating table
-------------------------------------------------------------------*/

/*--- Seating Table ---*/

.seating-table-list {
}

    .seating-table-list .seating-table-name {
        background-color: #fff;
        padding: 20px;
        border-bottom: 1px solid #e6e5e7;
    }

    .seating-table-list .seating-guest-name {
        font-size: 14px;
        color: #6f6d72;
    }

    .seating-table-list .seating-table-action {
        text-align: right;
    }

    .seating-table-list table td {
        background-color: #fdfdfd;
        border-bottom: 1px solid #eee;
        padding: 10px 20px;
    }

/*--- back to top ---*/
#return-to-top {
    z-index: 9999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ff4d4d;
    width: 35px;
    height: 35px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 4px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 11px;
        top: 7px;
        font-size: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: #f54141;
    }

        #return-to-top:hover i {
            color: #fff;
            top: 8px;
        }

/*--- custom alert box ---*/
#custom-alert-box {
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50%;
    height: 55px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 4px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    /* animation-fill-mode: forwards;  */
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 600px) {
    #custom-alert-box {
        width: 95%;
    }
}


/*-------------------------------------------------------------------
15. Card
-------------------------------------------------------------------*/
.card {
    border: none;
    -webkit-box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
    box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
    margin-bottom: 20px;
    border-radius: 2px;
}

.card-header {
    background: #eceaea75;
    border-bottom: 1px solid #dadcdd;
    color: #252328;
    padding: 12px 24px;
}

.card-body {
    padding: 20px 25px;
}

.card-footer {
    background: #fff;
    border-top: 1px solid #e6e5e7;
    font-size: 14px;
    padding: 20px 25px;
}

.card-title {
    font-size: 16px;
}

.card-shadow-none {
    box-shadow: none !important;
}

.border {
    border-color: #e6e5e7 !important;
}

.border-top {
    border-color: #e6e5e7 !important;
}

.border-bottom {
    border-color: #e6e5e7 !important;
}

/* ==========================================================================
  Components
  ========================================================================== */
.dot-badge {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    display: inline-block;
}

.dot-badge-default {
    background: #ff4d4d;
}

.dot-badge-success {
    background: #45ca47;
}

.dot-badge-danger {
    background: #ec272d;
}

.dot-badge-warning {
    background-color: #ffc107;
}

.vendor-listing-info .vendor-content {
}

.vendor-listing-info .vendor-title {
    font-family: 'Rubik', sans-serif;
}

/*--------------------  Navigation classic ---------------------*/
.header-bottom {
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0px 18px 0px;
}

.navbar-second {
    padding: 8px 0px 12px 0px !important;
}

    .navbar-second .dropdown-menu {
        margin: 12px 0px;
    }

.header-transparent-fullwidth {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .header-transparent-fullwidth .navbar-brand {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        padding-right: 28px;
    }

.header-transparent {
    position: fixed;
    width: 100%;
    z-index: 1030;
    background-color: #00000055;
}

.navbar-transparent { /* margin-top: 5px; */
    padding: 20px 0px;
}

.header-transparent .navbar-toggler {
    padding: 11px 13px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #eaeaf0;
    border-radius: .25rem;
    position: relative;
    background-color: #fff;
}

.navbar-transparent.navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 9px 16px;
}

.navbar-transparent .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    color: #ffffff;
}

.navbar-transparent .dropdown-toggle::after {
    margin-top: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: -2px;
    content: "\f107";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: #ffffff;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    margin-right: 15px;
    font-size: 13px;
    float: right;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0px;
}

.header-collapse {
    background: #ff4b47 !important;
    border-color: #ff4b47;
}

.navbar-classic {
}

    .navbar-classic.navbar-light .navbar-nav .nav-link {
        color: #252328;
        padding: 12px 16px;
    }

    .navbar-classic .navbar-nav .nav-item {
    }

        .navbar-classic .navbar-nav .nav-item .nav-link {
            font-size: 15px;
            color: #252328;
            padding: 12px 6px;
            line-height: 20px;
            border-bottom: 1px solid #fff;
        }

            .navbar-classic .navbar-nav .nav-item .nav-link:hover {
                color: #ff4d4d;
            }

                .navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {
                    color: #ff4d4d;
                }

    .navbar-classic.navbar {
        padding: 18px 0px;
    }

    .navbar-classic .dropdown-toggle::after {
        margin-top: 1px;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 6px;
        vertical-align: -2px;
        content: "\f107";
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        color: #e7e5ea;
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        margin-right: 15px;
        font-size: 13px;
        float: right;
    }

    .navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
        border-bottom: 1px solid #f1f1f6;
        border-radius: 0px;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-right: initial;
    line-height: inherit;
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    padding: 12px;
    margin: 18px 0px;
    font-size: 1rem;
    color: #6f6d72;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 15px 15px;
    clear: both;
    font-weight: 400;
    color: #252328;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px;
    line-height: 15px;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #4955ef;
        text-decoration: none;
        background-color: #eeeffd;
        border-radius: 4px;
    }

        .dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after {
            color: #ff4d4d;
        }

@media(min-width:992px) {
    .dropdown .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }

    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }

    .dropdown-submenu:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 17px;
        top: 25px;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0px;
        left: 100%;
        margin-left: 13px;
        margin-right: .1rem;
    }

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.mega-dropdown {
    position: static;
}

.mega-dropdown-menu { /*width: 100%; position: absolute; top: 63px; margin: 15px 0px;*/
    width: 50%;
    position: absolute;
    top: 63px;
    margin: 15px 0px;
    left: 28%;
}

    .mega-dropdown-menu ul {
        list-style: none;
    }

.nav-dropitem-arrow {
    position: relative;
    font-size: 12px;
    opacity: 0;
    padding-right: 10px;
}

    .nav-dropitem-arrow i {
        position: absolute; /* top: -1px; */
    }

.dropdown-item:focus, .dropdown-item:hover {
    color: #ff4d4d;
    text-decoration: none;
    background-color: #ffefef;
    border-radius: 4px;
}

    .dropdown-item:hover .nav-dropitem-arrow {
        color: #4955ef;
        opacity: 1;
        margin-right: 5px;
    }

.navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler {
    padding: 12px 12px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 2px solid #ff4d4d;
    border-radius: .25rem;
    position: relative;
}

/* mobile menu css */
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {
    background: #fff;
    box-shadow: none;
    margin: 7px 0px;
}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {
    border-bottom: 1px solid #5c5c61;
}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
}

.icon-bar {
    width: 21px;
    height: 3px;
    background-color: #ff4d4d;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px;
}

.navbar-toggler:focus {
    outline: 0px;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 190%;
    background-color: #ff4d4d;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% -80%;
    background-color: #ff4d4d;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
    background-color: #ff4d4d;
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
    background-color: #ff4d4d;
}

/*-------------------------------------------------------------------
16. Media Query
-------------------------------------------------------------------*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width:1400px) {
    .rating-box {
        font-weight: 400;
        color: #252328;
        position: inherit;
        top: -5px;
    }

    .cta-wrapper {
        background-position: 65%;
    }
}

@media only screen and (max-width:1200px) {
    #navigation > ul > li > a {
        padding: 18px 0px;
        font-size: 13px;
    }

    #navigation > ul > li.has-sub > a {
        padding-right: 28px;
    }

    .vendor-content-sidebar .vendor-meta {
        top: 0px;
    }

    .vendor-form {
        padding-top: 30px;
    }

    .couple-form {
        padding-top: 60px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute;
        right: -38px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute;
        top: 40%;
        left: -38px;
    }

    .real-wedding-single-img {
        background-position: 75%;
    }

    .leftsocial-icon {
        left: -29px;
    }

    /*--------------- dashboard-media-query --------------- */
    .dashboard-pricing .price-sign {
        left: 63px;
    }

    .dashboard-list-content {
        padding: 27px 0px;
    }

    .dashboard-list-btn {
        padding: 31px 26px;
    }

    /*--------------- index-2 --------------- */
    .cta-wrapper {
        background-position: 65%;
    }

    .cta-section {
        padding-top: 80px;
        padding-bottom: 80px;
        color: #fff;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) {

    /*--------------- dashboard-media-query --------------- */
    .todo-form-btn {
        margin-top: 0px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
    #navigation ul ul ul {
        top: 0px;
    }

    #navigation ul ul li {
        top: 0px;
    }

    .search-head {
        margin-bottom: 30px;
        padding: 0px 80px;
    }

    .search-item {
        display: inline-block;
        float: left;
        width: 38%;
        margin-right: 5px;
    }

    .hero-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .page-header {
        min-height: initial;
    }

    .page-caption {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .venue-pageheader .page-section {
        padding-top: 150px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: initial;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: initial;
    }

    .vendor-content-sidebar {
        padding: 20px 20px 20px 20px;
    }

        .vendor-content-sidebar .vendor-meta {
            top: 10px;
        }

    .childern {
        padding-left: 0px;
    }

    .content {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .space-medium {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .price-sign {
        position: initial;
    }

    .feature-left .feature-icon {
        margin-bottom: 15px;
    }

    .vendor-bg-image {
        padding-bottom: 200px;
    }

    .couple-bg-image {
        padding-bottom: 260px;
    }

    .review-sidebar {
        border-right: none;
    }

    .realwed-caption {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .real-wedding-single-title {
        font-size: 36px;
    }

    .real-wedding-single-img {
        background-position: 75%;
    }

    .leftsocial-icon {
        position: initial;
        left: initial;
        margin-bottom: 10px;
    }

        .leftsocial-icon .icon-square-outline {
            display: inline-block;
            margin-bottom: 5px;
        }

    .metrics {
        padding: 50px !important;
    }

    /*--- vendor list view ------*/
    .list-view .vendor-content {
        padding: 16px 16px 12px 20px;
    }

    .list-view .vendor-meta {
        margin-top: 20px;
    }

    /*--------------- index-2  --------------- */
    .navigation-second {
        border-top: none;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .hero-section-caption {
        padding-bottom: 50px;
        padding-top: 70px;
    }

    .hero-section-second {
        min-height: initial;
    }

        .hero-section-second .search-head-title {
            font-size: 38px;
            line-height: 40px;
        }

    .cta-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .cta-wrapper {
        background-position: 65%;
    }

    /*--------------- dashboard-media-query --------------- */
    .todo-list-btn {
        text-align: left;
    }

    .todo-form-btn {
        margin-top: 0px;
    }

    .dashboard-list-content {
        padding: 19px 29px;
    }

    .dashboard-list-btn {
        padding: 0px 0px 22px 26px;
        text-align: left;
    }

    /*--------------- dashboard-sidebar --------------- */
    .dashboard-sidebar {
    }

    .navbar-expand-lg {
        top: 0;
    }

    .dashboard-header {
        position: relative;
    }

    .dashboard-content {
        margin-left: auto;
    }

    .dashboard-wrapper {
        padding-top: 40px;
    }

    /*--------------- index-3 --------------- */
    .hero-section-third {
        padding-top: 120px;
    }

    .feature-section {
        margin-top: 50px;
    }

    .hero-section-third .feature-left {
        border-right: transparent;
    }

    .hero-section-third .search-head-title {
        font-size: 34px;
        line-height: 40px;
    }

    .header-transparent {
        position: relative;
        background-color: #48484f;
        border-bottom-color: #48484f;
    }

        .header-transparent #navigation.small-screen .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgb(112, 111, 112);
            height: 50px;
            width: 46px;
            cursor: pointer;
        }

        .header-transparent #navigation.small-screen ul li {
            width: 100%;
            border-top: 1px solid rgb(112, 111, 112);
        }

        .header-transparent #navigation.small-screen .submenu-button:before {
            position: absolute;
            top: 19px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #fff;
            content: '';
        }

        .header-transparent #navigation.small-screen .submenu-button:after {
            position: absolute;
            top: 22px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #fff;
            content: '';
        }

        .header-transparent #navigation.small-screen ul ul li a {
            color: #fff;
            background: none;
        }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
    #navigation ul ul ul {
        top: 0px;
    }

    .header-logo {
        padding-top: 10px;
        padding-bottom: 16px;
    }

    .page-header {
        min-height: initial;
    }

    .page-caption {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .search-block {
        margin-top: 100px;
    }

    .search-head {
        margin-bottom: 30px;
        padding: 0px 10px;
    }

    .search-item {
        display: inline-block;
        float: left;
        width: 100%;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .nice-select {
        margin-bottom: 8px;
    }

    .search-head-title {
        font-size: 22px;
    }

    .vendor-heading {
        font-size: 28px;
        line-height: 31px;
    }

    .hero-section {
        padding-bottom: 70px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: initial;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: initial;
    }

    .space-medium {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .vendor-content-sidebar {
        padding: 20px 20px 20px 20px;
    }

        .vendor-content-sidebar .vendor-meta {
            top: 10px;
        }

    .filter-bg {
        margin-bottom: 30px;
    }

    .scroll-content {
        height: initial;
    }

    .vendor-info {
        margin-bottom: 40px;
    }

        .vendor-info .rating-box {
            text-align: center;
            display: inherit;
            position: initial;
        }

    .author-img {
        float: initial;
        margin-bottom: 20px;
    }

    .childern {
        padding-left: 0px;
    }

    .price-sign {
        position: initial;
    }

    .contact-icon {
        margin-bottom: 74px;
    }

    .content {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .venue-highlight-meta {
        float: none;
        font-weight: 500;
    }

    .review-sidebar {
        border-bottom: 1px solid #e5e6e7;
        border-right: none;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .realwed-caption {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .real-wedding-single-title {
        font-size: 36px;
    }

    .real-wedding-single-img {
        background-position: 75%;
    }

    .leftsocial-icon {
        position: initial;
        left: initial;
        margin-bottom: 10px;
    }

        .leftsocial-icon .icon-square-outline {
            display: inline-block;
            margin-bottom: 5px;
        }

    /*--- Footer social media space ---*/

    /*-------- vendor form tab content  ----*/
    .st-tab .tab-content {
        padding: 40px 20px;
    }

    /*--------------- dashboard-media-query --------------- */
    .custom-radio-space {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .upload-profile-input {
        position: initial;
    }

    .todo-list-btn {
        text-align: left;
    }

    .todo-form-btn {
        margin-top: none;
    }

    .dashboard-list-content {
        padding: 28px 33px;
    }

    .dashboard-list-btn {
        padding: 0px 0px 18px 37px;
        text-align: left;
    }

    .dashboard-dropdown-menu {
        top: 25px !important;
    }

    /*--------------- Index-2 --------------- */
    .hero-section-second {
        min-height: initial;
    }

    .navigation-second {
        border-top: none;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .hero-section-caption {
        padding-bottom: 50px;
        padding-top: 100px;
    }

    .hero-section-second .search-head-title {
        font-size: 38px;
        line-height: 40px;
    }

    .cta-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /*--------------- index-3 --------------- */
    .hero-section-third {
        padding-top: 100px;
    }
        /*.feature-section { margin-top: 60px; }*/
        .hero-section-third .feature-left {
            min-height: initial;
            border-bottom: 1px solid rgba(246, 245, 247, .2);
            padding: 10px;
        }

    .header-transparent {
        position: relative;
        background-color: #48484f;
        border-bottom-color: #48484f;
    }

        .header-transparent #navigation.small-screen .submenu-button {
            position: absolute;
            z-index: 99;
            right: 0;
            top: 0;
            display: block;
            border-left: 1px solid rgb(112, 111, 112);
            height: 50px;
            width: 46px;
            cursor: pointer;
        }

        .header-transparent #navigation.small-screen ul li {
            width: 100%;
            border-top: 1px solid rgb(112, 111, 112);
        }

        .header-transparent #navigation.small-screen .submenu-button:before {
            position: absolute;
            top: 19px;
            right: 22px;
            display: block;
            width: 2px;
            height: 8px;
            background: #fff;
            content: '';
        }

        .header-transparent #navigation.small-screen .submenu-button:after {
            position: absolute;
            top: 22px;
            right: 19px;
            width: 8px;
            height: 2px;
            display: block;
            background: #fff;
            content: '';
        }

        .header-transparent #navigation.small-screen ul ul li a {
            color: #fff;
            background: none;
        }

    /*--------------- dashboard-sidebar --------------- */
    .notification {
        display: none;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
    #navigation ul ul ul {
        top: 0px;
    }

    .header-logo {
        padding-top: 10px;
        padding-bottom: 16px;
    }

    .page-header {
        min-height: initial;
    }

    .page-caption {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .search-block {
        margin-top: 100px;
    }

    .search-head {
        margin-bottom: 30px;
        padding: 0px 10px;
    }

    .search-item {
        display: inline-block;
        float: left;
        width: 100%;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .nice-select {
        margin-bottom: 8px;
    }

    .search-head-title {
        font-size: 22px;
    }

    .vendor-heading {
        font-size: 28px;
        line-height: 31px;
    }

    .hero-section {
        padding-bottom: 70px;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: initial;
    }

    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: initial;
    }
    /*.space-medium { padding-top: 40px; padding-bottom: 40px; }*/

    .space-mediumkala {
        background: url(../img/kalak3.jpeg) no-repeat center;
        /* background-size: cover; */
        padding-top: 500px;
        padding-bottom: 0px;
        background-size: 100% 100%;
    }



    .vendor-content-sidebar {
        padding: 20px 20px 20px 20px;
    }

        .vendor-content-sidebar .vendor-meta {
            top: 10px;
        }

    .filter-bg {
        margin-bottom: 30px;
    }

    .scroll-content {
        height: initial;
    }

    .vendor-info {
        margin-bottom: 40px;
    }

        .vendor-info .rating-box {
            text-align: center;
            display: inherit;
            position: initial;
        }

    .author-img {
        float: initial;
        margin-bottom: 20px;
    }

    .childern {
        padding-left: 0px;
    }

    .price-sign {
        position: initial;
    }

    .contact-icon {
        margin-bottom: 74px;
    }

    .content {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .venue-highlight-meta {
        float: none;
        font-weight: 500;
    }

    .review-sidebar {
        border-bottom: 1px solid #e5e6e7;
        border-right: none;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .realwed-caption {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .real-wedding-single-title {
        font-size: 36px;
    }

    .real-wedding-single-img {
        background-position: 75%;
    }

    .leftsocial-icon {
        position: initial;
        left: initial;
        margin-bottom: 10px;
    }

        .leftsocial-icon .icon-square-outline {
            display: inline-block;
            margin-bottom: 5px;
        }

    /*--- Footer social media space ---*/

    /*-------- vendor form tab content  ----*/
    .st-tab .tab-content {
        padding: 40px 20px;
    }

    /*--------------- dashboard-media-query --------------- */
    .custom-radio-space {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .upload-profile-input {
        position: initial;
    }

    .todo-list-btn {
        text-align: left;
    }

    .todo-form-btn {
        margin-top: none;
    }

    .dashboard-list-content {
        padding: 28px 33px;
    }

    .dashboard-list-btn {
        padding: 0px 0px 18px 37px;
        text-align: left;
    }

    .dashboard-dropdown-menu {
        top: 25px !important;
    }

    /*--------------- Index-2 --------------- */
    .hero-section-second {
        min-height: initial;
    }

    .navigation-second {
        border-top: none;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .hero-section-caption {
        padding-bottom: 50px;
        padding-top: 100px;
    }

    .hero-section-second .search-head-title {
        font-size: 38px;
        line-height: 40px;
    }

    .cta-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
