@charset "UTF-8";
@import url(../iran_yekan_x.css);
:root {

    --purple: #9b59b6;

    --purple-dark: #8e44ad;
    --purple-light: #8647ae;

    --primary: #ad986e;
    --primary-dark: #83704a;
    --primary-light: #bfaf8f;
    --primary-bg-light: #EBE6DC;

    --secondary: #4873a6;
    --secondary-dark: #3e638e;
    --secondary-rgb: rgba(72,115,166,0.6);
    --secondary-light: rgba(41,128,185,0.3);

    --orange: #F9B200;

    --gray-light: #ecf0f1;
    --gray-light2: #95a5a6;
    --gray: #6c757d;
    --gray-dark: #34495e;

    --white: #fff;
    --red: #ef5662;
    --green: #004C3D;
    --green-dark: #000;
    --light: #6f6d72;



    --blue: #007bff;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --yellow: #ffc107;
    --teal: #20c997;
    --cyan: #17a2b8;
    --gray-dark: #343a40;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;

    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* CSS Document */

/*------------------------------------------------------------------
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 
-------------------------------------------------------------------*/
.hidden {
    display: none !important;
}
.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
            radial-gradient(farthest-side,var(--primary) 94%,#0000) top/8px 8px no-repeat,
            conic-gradient(#0000 30%,var(--primary));
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13 1s infinite linear;
    margin: auto;
    top: calc(50vh - 50px);
    position: relative;
}
.section_loader {
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #1f1f1f;
    z-index: 100;
}
@keyframes l13{
    100%{transform: rotate(1turn)}
}
body {
    font-family:IRANYekanX;
    font-size: 12px;
    margin: 0;
    text-align: right;
    line-height: 26px;
    color: #6f6d72;
    background-color: #f6f5f7; /*-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: 700;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
    line-height: 38px;
}

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;

    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

}

a:hover {
    color: var(--primary);
    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: 20px;
    border: 3px solid #fff6dc;
    background-color: #fffdf6;
    color: #252328;
    line-height: 32px;
    padding: 20px 40px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    position: relative;
}

blockquote:before {
    position: absolute;
    top: 0;
    padding: 0px 8px;
    background-color: #fff6dc;
    font-size: 12px;
    left: 0px;
    color: #572a6c;
    line-height: 2.2;
    content: '\f10d';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
}

blockquote.alignleft {
    width: 292px;
    font-weight: 500;
}

table {
    color: #6f6d72;
}

table thead th {
    color: #252328;
}

.heading-btm-line {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid #572a6c;
    padding-bottom: 10px;
    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.54;
}

input {
}

button {
}

button:focus {
    outline: 0;
}

.form-control-bg {
    padding: 12px 12px !important;
}

.form-control {
    display: block;
    min-height: 45px;
    width: 100%;
    padding: 10px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #474747;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cfced0;
    border-radius: 12px;
    -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.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: 12px;
    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: 13px;
    height: 45px;
    font-weight: 500;
}

button.btn-default {
}

button.btn-primary {
}

address {
}

.table {
    border: 1px solid #888 !important;
    border-radius: 12px;
    border-spacing: 0;
    border-collapse: unset !important;
    overflow: hidden;
}

.table thead{
    color: #fff;
    font-size: 0.8rem;
}

.table thead tr td{
    background-color: #015C4B;
}

.table tr td{
    border-right: 0px !important;
    border-top: 0px !important;
    border-bottom: 1px solid #888 !important;
    border-left: 1px solid #888 !important;
}

.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: 40px;
    padding: 0px 115px;
}

.search-head-title {
    color: #fff;
    font-size: 52px;
    font-weight: 400;
}

.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;
    outline: 0;
    border-color: var(--primary-dark);
    box-shadow: 0 0 7px 0 rgba(102,153,255,.5);
}

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-right: 1.5rem;
}

.custom-control-input:checked ~ input[type="checkbox"] {
    background: #3d404e;
    border: #7f83a2 1px solid;
}

.custom-control-label {
    margin-bottom: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: var(--primary);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
}

.custom-control-label::after {
    position: absolute;
    top: 10px;
    right: 0;
    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: 10px;
    right: 0;
    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: #572a6c;
}

.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 #cfced0;
    border-radius: 12px;
    min-height: 45px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    -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: 13px;
    font-weight: normal;
    height: 32px;
    line-height: 16px;
    outline: none;
    padding: 12px 14px;
    position: relative;
    text-align: right !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;
}


.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: var(--primary-dark) !important;
}

.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;
    left: 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.wide .list {
    left: 0 !important;
    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;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 2px;
    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;
    width: 100%;
    border-radius: 12px;
}

.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-right: 18px;
    padding-left: 29px;
    text-align: right;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #252328;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f5f5f5;
}

.nice-select .option.selected {
    font-family: Vazir-bold;
}

.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 {
    padding: 14px 20px;
    font-size: 13px;
    font-weight: 500;
    height: 45px;
    border-radius: 12px;
    text-transform: uppercase;
    /*letter-spacing: 1px;*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    word-wrap: break-word;
    white-space: normal !important;
}

.btn-rounded {
    border-radius: 50px;
}

/*--- btn default --*/
.btn-default {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-default:hover {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-default.focus, .btn-default:focus {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    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: var(--primary);
    border-color: var(--primary);
}

/*--- btn primary --*/
.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    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: #282828;
    border-color: #282828;
}

/*--- btn secondary --*/
.btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
    box-shadow: 0 0 0 1px rgb(0, 0, 0);
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
}

/*--- btn success --*/
.btn-success {
    color: #fff;
    background-color: var(--green);
    border-color: var(--green);
}

.btn-success:hover {
    color: #fff;
    background-color: var(--green-dark);
    border-color: var(--green-dark);
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: var(--green-dark);
    border-color:var(--green-dark);
    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: var(--primary);
    background-color: transparent;
    border-color: var(--primary);
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    color: #fff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    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: var(--secondary);
    border-color: var(--secondary);
}

.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: var(--secondary);
    border-color: var(--secondary);
}

/*--- 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: 11px;
    line-height: 1.5;
}

.btn-sm {
    height: 32px !important;
    padding: 8px 20px;
    font-size: 12px;
    line-height: 1;
}

.btn-lg {
    padding: 14px 26px;
    font-size: 14px;
    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: 50px;
    padding-bottom: 50px;
}

.space-medium {
    padding-top: 80px;
    padding-bottom: 80px;
}

.space-large {
    padding-top: 100px;
    padding-bottom: 100px;
}

.space-ex-large {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-title {
    margin-bottom: 30px;
}

/*----------------------
  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: #572a6c !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-black {
    background-color: #000 !important;
}

.bg-white {
    background-color: #ffffff;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-yellow-light {
    background-color: #fdf8ec !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-default {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-danger {
    color: var(--red) !important;
}

.text-success {
    color: #28a745 !important;
}

.text-info {
    color: #18a2b9 !important;
}

.text-light {
    color: var(--light) !important;
}

.text-dark {
    color: var(--gray-dark) !important;
}

.text-gray {
    color: var(--gray) !important;
}

.text-white {
    color: #fff;
}

.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: 20px;
}

.lead {
    font-size: 21px;
    font-weight: 400;
    color: #252328;
    line-height: 31px;
    font-family: 'Playfair Display', serif;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.gray-bg {
    background-color: #f7f7f7;
}

.section-block {
    margin: 16px 0px;
}

.section-heading {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

/*--- 4.5 Features ---*/
.feature {
    margin-bottom: 20px;
}

.feature-icon {
}

.feature-content {
}

.feature-title {
}

.feature-icon-block {
    text-align: center;
}

.feature-icon-block .feature-icon {
    margin-bottom: 25px;
}

.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: #572a6c;
    content: '\f058';
    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: #6f6d72;
    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(../images/couple-bg-img.jpg) no-repeat;
    background-size: cover;
    height: 100%;
}

/*-------------------- 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: #572a6c;
}

.icon-primary {
    color: #252328;
}

.icon-secondary {
    color: #909090;
}

.fa-default {
    color: #572a6c;
}

.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;
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05)


}

.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 var(--primary);
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 11px;
    min-height: 40px;
    background-color: var(--primary);
    color: #fff;
}

.header-text {
}

.wlecome-text {
}

.header {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    z-index: 8;
}

.header-logo {
    padding-top: 8px;
}

.header-btn {
    padding-top: 8px;
    padding-right: 20px;
    /*float: left;*/
}

.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.3 Navigation Regular ---*/

#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#navigation:after, #navigation > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#navigation #menu-button {
    display: none;
}

#navigation {
}

#navigation > ul > li {
    float: right;
}

#navigation.align-center > ul {
    font-size: 0;
    text-align: center;
}

#navigation.align-center > ul > li {
    display: inline-block;
    float: none;
}

#navigation.align-center ul ul {
    text-align: left;
}

#navigation.align-right > ul > li {
    float: right;
}

#navigation > .header_txt_white > li > a {
    color: #fff !important;
}

#navigation > .header_txt_white > li:hover > a {
    color: var(--primary) !important
}

#navigation > ul > li > a {
    padding: 13px 15px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: var(--primary);
}

#navigation > ul > li:hover > a {
    color: var(--primary-dark);
}

#navigation > ul > li.has-sub > a {
    padding-right: 30px;
}

/*#navigation > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}*/
#navigation > ul > li.has-sub > a:before {
    position: absolute;
    right: 14px;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    content: "\f107";
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

/*#navigation > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}*/
#navigation ul ul {
    position: absolute;
    right: -9999px;
}

#navigation.align-right ul ul {
    text-align: right;
}

#navigation ul ul li {
    top: 12px;
    height: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#navigation li:hover > ul {
    right: auto;
}

#navigation.align-right li:hover > ul {
    left: auto;
    right: 0;
}

#navigation li:hover > ul > li {
    height: 43px;
}

#navigation ul ul ul {
    margin-right: 100%;
    top: -12px;
}

#navigation.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#navigation ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 14px 14px;
    width: 220px;
    font-size: 14px;
    text-decoration: none;
    color: #252429;
    background: #fff;
}

#navigation ul ul li:last-child > a, #navigation ul ul li.last-item > a {
    border-bottom: 0;
}

#navigation ul ul li:hover > a, #navigation ul ul li a:hover {
    color: #ff4d4d;
}

#navigation ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #252429;
    content: '';
}

#navigation.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}

#navigation ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #252429;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#navigation.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}

#navigation ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}

#navigation.small-screen {
    width: 100%;
}

#navigation.small-screen ul {
    width: 100%;
    display: none;
}

#navigation.small-screen.align-center > ul {
    text-align: left;
}

#navigation.small-screen ul li {
    width: 100%;
    /*border-bottom: 1px solid rgba(120, 120, 120, 0.2);*/
}

#navigation.small-screen ul ul li, #navigation.small-screen li:hover > ul > li {
    height: auto;
}

#navigation.small-screen ul li a, #navigation.small-screen ul ul li a {
    width: 100%;
}

#navigation.small-screen > ul > li {
    float: none;
}

#navigation.small-screen ul ul li a {
}

#navigation.small-screen ul ul ul li a {
    padding-left: 35px;
}

#navigation.small-screen ul ul li a {
    color: #000000;
    background: none;
}

#navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a {
    color: #ff4d4d;
}

#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
}

#navigation.small-screen > ul > li.has-sub > a:after, #navigation.small-screen > ul > li.has-sub > a:before, #navigation.small-screen ul ul > li.has-sub > a:after, #navigation.small-screen ul ul > li.has-sub > a:before {
    display: none;
}

#navigation.small-screen #menu-button {
    display: block;
    padding: 17px;
    color: #ffffff;
    cursor: pointer;
    font-size: 0px;
    text-transform: uppercase;
    font-weight: 700;
    background: transparent;
    margin-bottom: 0px;
    position: absolute;
    top: -40px;
    left: 0px;

}

#navigation.small-screen #menu-button:after {
    position: absolute;
    top: 15px;
    left: 8px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    content: '';
}

#navigation.small-screen #menu-button:before {
    position: absolute;
    top: 9px;
    left: 8px;
    display: block;
    height: 2px;
    width: 20px;
    background: var(--primary);
    content: '';
}

#navigation.header_txt_white #menu-button:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

#navigation.header_txt_white #menu-button:before {
    background: #fff;
}
#navigation.header_txt_white #menu-button.menu-opened:after {
    background: #fff;
}
#navigation.header_txt_white #menu-button.menu-opened:before {
    background: #fff;
}
#navigation.small-screen #menu-button.menu-opened:after {
    top: 16px;
    border: 0;
    height: 2px;
    width: 15px;
    background: var(--primary);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#navigation.small-screen #menu-button.menu-opened:before {
    top: 16px;
    background: var(--primary);
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#navigation.small-screen .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 50px;
    width: 46px;
    cursor: pointer;
}

#navigation.small-screen .submenu-button.submenu-opened {
    background: #572a6c;
}

#navigation.small-screen ul ul .submenu-button {
    height: 43px;
    width: 43px;
}

#navigation.small-screen .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #262626;
    content: '';
}

#navigation.small-screen ul ul .submenu-button:after {
    top: 20px;
    right: 17px;
}

#navigation.small-screen .submenu-button.submenu-opened:after {
    background: #ffffff;
}

#navigation.small-screen .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #262626;
    content: '';
}

#navigation.small-screen ul ul .submenu-button:before {
    top: 17px;
    right: 20px;
}

#navigation.small-screen .submenu-button.submenu-opened:before {
    display: none;
}

#navigation.small-screen.select-list {
    padding: 5px;
}

/*--- 5.4 Page Header ---*/
.page-header {
    border-bottom: transparent;
    background: url(../images/page-header.jpg) no-repeat center;
    background-size: cover;
    min-height: 340px;
}

.page-breadcrumb {
    background-color: rgba(55, 49, 61, .5);
    border-top: rgba(255, 255, 255, .1) 1px solid;
}

.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 .breadcrumb-item .breadcrumb-link {
    color: #bebbc1;
}

.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;
}

.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;
}

.page-description {
    color: #fff;
}

.page-caption {
    padding-top: 125px;
    padding-bottom: 125px;
}

.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 ---*/
.navigation-second {
    border-top: 1px solid #ebebeb;
    margin-top: 15px;
}

.header-second {
    padding-bottom: 0px;
}

.navigation-second #navigation ul ul li {
    top: 1px;
}

.navigation-second #navigation ul ul ul {
    top: -1px;
}

.hero-section-second {
    background-size: cover;
    min-height: calc(100vh - 236px);
    /*min-height: calc(100vh - 46px);
    padding-bottom: 50px;
    padding-top: 50px;*/
}

.hero-section-second .search-head-title {
    font-size: 48px;
    line-height: 50px;
}

.hero-section-second .search-form {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px;
    border-radius: 15px;
}

.hero-section-caption {
    padding-top: calc(50vh - 140px);
}

.vendor-feature-block.feature-block {
    border: 1px solid #ededed;
    padding: 36px 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: var(--primary);;
}

.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;*/
    padding: 0px 10px 0px 10px;
    bottom: 0px;
    width: 100%;
    position: absolute;
}

.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: var(--primary);
    border-color: var(--primary);
}

/* ==========================================================================
   index-3
   ========================================================================== */
.header-transparent {
    background-color: transparent;
    position: fixed;
    border-bottom-color: rgba(246, 245, 247, .2);
}

.top-nav-collapse {
    background: #38353b !important;
    border-color: #38353b;
}

.hero-section-third {
    background: url(../images/hero-image-3.jpg) no-repeat center;
    background-size: cover;
    padding-top: 300px;
}

.header-transparent #navigation > ul > li > a {
    color: #fff;
}

.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: 180px
}

.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: absolute;
    bottom: 0px;
    border-top: 1px solid;
    border-color: rgba(246, 245, 247, .3);
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: rgba(37, 35, 40, .4);
}

.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: url(../images/howitwork-img.jpg) no-repeat center;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 140px;
}

.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: 25px;
    border-bottom: 1px solid #faeed5;
}

.testimonial-second .testimonial-icon {
    text-align: left;
    margin: 0;
    float: left;
}

.testimonial-second .testimonial-name {
    text-align: left;
    padding-left: 30px;
}

.testimonial-second .testimonial-text {
    text-align: left;
    font-family: 'Playfair Display', serif;
    color: #413e46;
}

.testimonial-second .testimonial-meta {
    text-align: left;
    padding: 18px;
    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: 18px;
    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: 30px;
    padding-bottom: 30px;
    min-height: 100vh;
}

/*-------------------------------------------------------------------
 8. Footer
-------------------------------------------------------------------*/
.footer {
    background-color: #302d34;
    padding-top: 80px;
    padding-bottom: 40px;
    color: #98969b;
    font-size: 12px;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-widget .widget-title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
    border-bottom: 0px;
    padding: 0px;
}

.footer-widget ul {
}

.footer-widget ul li {
    margin-bottom: 0px;
}

.footer-widget ul li a {
    color: #98969b;
    line-height: 28px;
    transition: all .2s .07s;
}

.footer-widget ul li a:hover {
    padding-right: 10px;
}

.footer-widget ul li a:before {
    content: "\f104";
    color: var(--orange);
    padding-left: 10px;
    font-family: 'Font Awesome 5 Pro';
}


.footer-widget ul li a:hover {
    color: var(--primary);
}

.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: 10px 7px;
    line-height: 1;
    font-size: 18px;
}

.icon-square:hover {
    background-color: var(--primary);
    color: var(--white);
}

.icon-square-outline {
    text-align: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #6f6d72;
    padding: 11px 12px;
    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: var(--primary);
    color: #fff;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 2;
    width: 100%;
    position: relative;
    bottom: 0;
}

.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: 10px;
    position: relative;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.vendor-img {
}

.vendor-img img {
    width: 100%;
}

.wishlist-sign {
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: center;
}

.vendor-content {
    padding: 12px;
}

.vendor-content-sidebar {
    padding: 20px 20px 20px 0px;
}

.vendor-content-sidebar .vendor-meta {
    top: 50px;
}

.vendor-title {
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}

.vendor-address {
    font-size: 11px;
    font-weight: 400;
    line-height: 2;
    color: #6f6d72;
}

.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: -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-left: 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;
}

.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: -55px;
    color: #252328;
    font-size: 20px;
    padding: 14px;
    background: #fff;
    border: 1px solid #dbdbdb;
    display: inline-block;
    cursor: pointer;
    border-radius: 100px;
    height: 48px;
    width: 48px;
}

.venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: -55px;
    color: #252328;
    font-size: 20px;
    padding: 14px;
    background: #fff;
    border: 1px solid #dbdbdb;
    display: inline-block;
    cursor: pointer;
    border-radius: 100px;
    height: 48px;
    width: 48px;
}

.venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev:hover {
    background: var(--primary);
    text-decoration: none;
    color: #fff;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border-color: var(--primary);
}

.venue-thumbnail-carousel .owl-theme .owl-nav .owl-next:hover {
    background: var(--primary);
    text-decoration: none;
    color: #fff;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border-color: var(--primary);
}

.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%;
}

@media (max-width: 768px) {
    .sidebar-venue .card {
        border-radius: 30px 30px 0px 0px !important;
    }
    .sidebar-venue {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto !important;
        z-index: 9999;
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
    }

    .sidebar-venue.open {
        transform: translateY(-47px);
        z-index: 10;
    }

    .sidebar-venue-toggle {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10000;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        background: rgba(177, 177, 177, 0.8);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        color: white;
        text-align: center;
        padding: 12px;
        font-size: 16px;
        cursor: pointer;
    }
}

.sidebar-venue {
    position: sticky;
    top: 20px;
    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 {
    padding: 70px !important;
    text-align: center;
}

.metrics-title {
    margin-bottom: 0px;
    font-size: 26px;
    line-height: 36px;
}

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

.feature-content {
}

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

/*--- 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: 10px 20px;
}

.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-header-details{
    margin-bottom: 0;
    text-align: right;
    background-color: #fff;
    border-radius: 4px;
    padding: 2px 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: 14px;
    text-transform: capitalize;
    font-weight: 700;
}

.accordion-card-title-details {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}

.accordion-card-header a {
    color: #252328;
}

.accordion-card-header a:hover {
    color: var(--primary);
}

.accordion-card-header span {
    font-size: 14px;
    margin-top: 6px;
}

.accordion-card-header.active {
    color: var(--primary);
}

/*--- 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: var(--primary);
    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: var(--primary);
    background-color: #fff;
    border-color: #ebebeb #ebebeb #fff #ebebeb;
}

.table td, .table th {
    padding: 12px;
    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: var(--primary);
    border-color: var(--primary);
}

.post-block {
    margin-bottom: 30px;
}

.post-img {
    position: relative;
}

.post-img img {
    width: 100%;
}

.post-content {
    padding: 26px;
    border: 1px solid #e5e6e7;
    background-color: #fff;
    text-align: center;
    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: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}

.meta {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

.meta-link {
}

.meta-posted-by {
}

.meta-category, .meta-date, .meta-comments, .meta-tags, .meta-posted-by {
    margin-right: 10px;
}

.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: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    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: 20px;
}

.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: 14px;
    /*letter-spacing: 1px;*/
    text-align: right;
    font-weight: 700;
    color: #252328;
    text-transform: uppercase;

    border-bottom: 1px solid var(--gray-light2);
    background-color: var(--gray-light);
    padding: 10px;
    line-height: 16px;
}

.footer-widget .widget-title {
    text-align: right;
}

.widget-search {
}

.widget-category {
    font-size: 14px;
}

.widget-archives {
    font-size: 14px;
}

.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: 21px;
    margin-bottom: 10px;
}

.recent-post-content {
}

.widget-tags {
}

.widget-tags a {
    background-color: #e6e5e7;
    padding: 6px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #5f5d62;
}

.widget-tags a:hover {
    background-color: #ff4d4d;
    color: #fff !important;
}

/*-------------------------------------------------------------------
 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: var(--primary);
    border-color: var(--primary);
}

.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--primary);
    border-color: var(--primary);
}

.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-right-radius: 2px;
    border-bottom-right-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: 15px;
    color: #6f6d72;
    display: block;
    padding: 3px 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: 4px;
    font-size: 11px;
    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 {
    color: #fff;
    background-color: var(--red);
}

.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-bottom: 30px;
    padding-top: 90px;
    position: relative;
    min-height: 600px;
}

.dashboard-content {
    margin-right: 260px;
}

.user-vendor {
    font-size: 18px;
    color: #252328;
}

.user-icon {
    height: 35px;
    width: 35px;
    display: inline-block;
    margin-left: 12px;
}

.user-vendor-name {
    font-size: 14px;
    position: relative;
    bottom: 3px;
}

.bg-dark {
    background-color: #343a40 !important;
}

.dashboard-header {
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    position: fixed;
    z-index: 9;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
}

.dashboard-header .header-logo {
    padding-top: 5px;
}

.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: 24px;
    margin-bottom: 8px;
    line-height: 24px;
    font-weight: 400;
}

.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: #fbfbfb;
    box-shadow: 0 0 1px 0 rgb(198, 198, 198, 0.85);
    margin-bottom: 50px;
    position: fixed;
    bottom: 0px;
    height: 100%;
    width: 260px;
    top: 60px;
}

.navbar-toggler {
    padding: 12px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    width: 100%;
}

.dashboard-nav {
}

.dashboard-nav ul {
    margin-bottom: 0px;
    padding: 0px;
}

.dashboard-nav ul li {
}

.dashboard-nav ul li a {
    color: #626262;
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: 16px;
    padding: 14px;
    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-left: 8px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.vendor-user-profile {
    padding: 15px;
    border-bottom: 1px solid #ebebeb;
    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 {
    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: 20px !important;
    clear: both;
    font-size: 13px;
    color: #626262;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: var(--primary);
    text-decoration: none;
    border-radius: 2px;
}

.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: 20px;
    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: 6px;
}

.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: var(--primary);
    width: 45px;
    height: 45px;
    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;
    right: 16px;
    top: 12px;
    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: var(--primary-dark);
}

#return-to-top:hover i {
    color: #fff;
    top: 8px;
}

.navbar-expand-lg {
    position: relative;
    top: 70px;
    z-index: 8;
}

/* ==========================================================================
   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;
}

/*-------------------------------------------------------------------
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-right: 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 --------------- */
}

/* 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;
    }

    .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;
    }
}