/*Fix screen size for larger devices*/
/*@media screen and (min-width: 1460px) {body {zoom: 1.08594;}}@media screen and (min-width: 1580px) {body {zoom: 1.17188;}}@media screen and (min-width: 1700px) {body {zoom: 1.25781;}}@media screen and (min-width: 1820px) {body {zoom: 1.34375;}}@media screen and (min-width: 1940px) {body {zoom: 1.42969;}}@media screen and (min-width: 2060px) {body {zoom: 1.51562;}}@media screen and (min-width: 2180px) {body {zoom: 1.60156;}}@media screen and (min-width: 2300px) {body {zoom: 1.6875;}}@media screen and (min-width: 2420px) {body {zoom: 1.77344;}}@media screen and (min-width: 2540px) {body {zoom: 1.85938;}}@media screen and (min-width: 2660px) {body {zoom: 1.94531;}}@media screen and (min-width: 2780px) {body {zoom: 2.03125;}}@media screen and (min-width: 2900px) {body {zoom: 2.11719;}}@media screen and (min-width: 3020px) {body {zoom: 2.20312;}}@media screen and (min-width: 3140px) {body {zoom: 2.28906;}}@media screen and (min-width: 3260px) {body {zoom: 2.375;}}@media screen and (min-width: 3380px) {body {zoom: 2.46094;}}@media screen and (min-width: 3500px) {body {zoom: 2.54688;}}@media screen and (min-width: 3620px) {body {zoom: 2.63281;}}@media screen and (min-width: 3740px) {body {zoom: 2.71875;}}@media screen and (min-width: 3860px) {body {zoom: 2.80469;}}@media screen and (min-width: 3980px) {body {zoom: 2.89062;}}@media screen and (min-width: 4100px) {body {zoom: 2.97656;}}@media screen and (min-width: 4220px) {body {zoom: 3.0625;}}@media screen and (min-width: 4340px) {body {zoom: 3.14844;}}@media screen and (min-width: 4460px) {body {zoom: 3.23438;}}@media screen and (min-width: 4580px) {body {zoom: 3.32031;}}@media screen and (min-width: 4700px) {body {zoom: 3.40625;}}@media screen and (min-width: 4820px) {body {zoom: 3.49219;}}@media screen and (min-width: 4940px) {body {zoom: 3.57812;}}@media screen and (min-width: 5060px) {body {zoom: 3.66406;}}@media screen and (min-width: 5180px) {body {zoom: 3.75;}}@media screen and (min-width: 5300px) {body {zoom: 3.83594;}}@media screen and (min-width: 5420px) {body {zoom: 3.92188;}}@media screen and (min-width: 5540px) {body {zoom: 4.00781;}}@media screen and (min-width: 5660px) {body {zoom: 4.09375;}}@media screen and (min-width: 5780px) {body {zoom: 4.17969;}}@media screen and (min-width: 5900px) {body {zoom: 4.26562;}}@media screen and (min-width: 6020px) {body {zoom: 4.35156;}}@media screen and (min-width: 6140px) {body {zoom: 4.4375;}}@media screen and (min-width: 6260px) {body {zoom: 4.52344;}}@media screen and (min-width: 6380px) {body {zoom: 4.60938;}}@media screen and (min-width: 6500px) {body {zoom: 4.69531;}}@media screen and (min-width: 6620px) {body {zoom: 4.78125;}}@media screen and (min-width: 6740px) {body {zoom: 4.86719;}}@media screen and (min-width: 6860px) {body {zoom: 4.95312;}}@media screen and (min-width: 6980px) {body {zoom: 5.03906;}}@media screen and (min-width: 7100px) {body {zoom: 5.125;}}@media screen and (min-width: 7220px) {body {zoom: 5.21094;}}@media screen and (min-width: 7340px) {body {zoom: 5.29688;}}@media screen and (min-width: 7460px) {body {zoom: 5.38281;}}@media screen and (min-width: 7580px) {body {zoom: 5.46875;}}@media screen and (min-width: 7700px) {body {zoom: 5.55469;}}@media screen and (min-width: 7820px) {body {zoom: 5.64062;}}@media screen and (min-width: 7940px) {body {zoom: 5.72656;}}@media screen and (min-width: 8060px) {body {zoom: 5.8125;}}@media screen and (min-width: 8180px) {body {zoom: 5.89844;}}@media screen and (min-width: 8300px) {body {zoom: 5.98438;}}@media screen and (min-width: 8420px) {body {zoom: 6.07031;}}@media screen and (min-width: 8540px) {body {zoom: 6.15625;}}@media screen and (min-width: 8660px) {body {zoom: 6.24219;}}@media screen and (min-width: 8780px) {body {zoom: 6.32812;}}@media screen and (min-width: 8900px) {body {zoom: 6.41406;}}@media screen and (min-width: 9020px) {body {zoom: 6.5;}}
*/
:root {
    --app-accent: #bb8a20;
    --app-accent-light1: #bb8a2024;
    --app-accent-light2: #bb8a2054;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: fallback;
    src: local("Lato Light"),
        local("Lato-Light"), url(../../../font/Lato-Light.ttf) format("truetype")
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: local("Lato Medium"),
        local("Lato-Medium"), url(../../../font/Lato-Medium.ttf) format("truetype")
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: local("Lato Medium"),
        local("Lato-Medium"), url(../../../font/Lato-Medium.ttf) format("truetype")
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: local("Lato Bold"),
        local("Lato-Bold"), url(../../../font/Lato-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local("Lato Regular"),
        local("Lato-Regular"), url(../../../font/Lato-Regular.ttf) format("truetype")
}

@font-face {
    font-family: 'Cormorant';
    font-style: normal;
    font-weight: 100;
    font-display: fallback;
    src: local("Cormorant Light"),
        local("Cormorant-Light"), url(../../../font/Cormorant-Light.ttf) format("truetype")
}

@font-face {
    font-family: 'Cormorant';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local("Cormorant Regular"),
        local("Cormorant-Regular"), url(../../../font/Cormorant-Regular.ttf) format("truetype")
}

@font-face {
    font-family: 'Cormorant';
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: local("Cormorant Bold"),
        local("Cormorant-Bold"), url(../../../font/Cormorant-Bold.ttf) format("truetype")
}

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

.cond {
    font-family: "Cormorant";
    letter-spacing: -1px;
    font-weight: 600 !important;
}

.progress.round {
    width: 124px;
    height: 124px;
    line-height: 100px;
    background: 0 0;
    margin: 0 auto;
    box-shadow: none;
    position: relative
}

.progress.round:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #efefef;
    position: absolute;
    top: 0;
    left: 0
}

.progress.round>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress.round .progress-left {
    left: 0
}

.progress.round .progress-bar {
    width: 100%;
    height: 100%;
    background: 0 0;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: var(--app-accent)
}

.progress.round .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress.round .progress-right {
    right: 0
}

.progress.round .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.progress.round .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 1rem;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-weight: 300
}

.progress.round .progress-value span {
    font-size: 12px;
    text-transform: uppercase
}

.progress[data-percentage="1"] .progress-right .progress-bar {
    animation: loading-1 .5s linear forwards
}

.progress[data-percentage="1"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="2"] .progress-right .progress-bar {
    animation: loading-2 .5s linear forwards
}

.progress[data-percentage="2"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="3"] .progress-right .progress-bar {
    animation: loading-3 .5s linear forwards
}

.progress[data-percentage="3"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="4"] .progress-right .progress-bar {
    animation: loading-4 .5s linear forwards
}

.progress[data-percentage="4"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="5"] .progress-right .progress-bar {
    animation: loading-5 .5s linear forwards
}

.progress[data-percentage="5"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="6"] .progress-right .progress-bar {
    animation: loading-6 .5s linear forwards
}

.progress[data-percentage="6"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="7"] .progress-right .progress-bar {
    animation: loading-7 .5s linear forwards
}

.progress[data-percentage="7"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="8"] .progress-right .progress-bar {
    animation: loading-8 .5s linear forwards
}

.progress[data-percentage="8"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="9"] .progress-right .progress-bar {
    animation: loading-9 .5s linear forwards
}

.progress[data-percentage="9"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="10"] .progress-right .progress-bar {
    animation: loading-10 .5s linear forwards
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="11"] .progress-right .progress-bar {
    animation: loading-11 .5s linear forwards
}

.progress[data-percentage="11"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="12"] .progress-right .progress-bar {
    animation: loading-12 .5s linear forwards
}

.progress[data-percentage="12"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="13"] .progress-right .progress-bar {
    animation: loading-13 .5s linear forwards
}

.progress[data-percentage="13"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="14"] .progress-right .progress-bar {
    animation: loading-14 .5s linear forwards
}

.progress[data-percentage="14"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="15"] .progress-right .progress-bar {
    animation: loading-15 .5s linear forwards
}

.progress[data-percentage="15"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="16"] .progress-right .progress-bar {
    animation: loading-16 .5s linear forwards
}

.progress[data-percentage="16"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="17"] .progress-right .progress-bar {
    animation: loading-17 .5s linear forwards
}

.progress[data-percentage="17"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="18"] .progress-right .progress-bar {
    animation: loading-18 .5s linear forwards
}

.progress[data-percentage="18"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="19"] .progress-right .progress-bar {
    animation: loading-19 .5s linear forwards
}

.progress[data-percentage="19"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    animation: loading-20 .5s linear forwards
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="21"] .progress-right .progress-bar {
    animation: loading-21 .5s linear forwards
}

.progress[data-percentage="21"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="22"] .progress-right .progress-bar {
    animation: loading-22 .5s linear forwards
}

.progress[data-percentage="22"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="23"] .progress-right .progress-bar {
    animation: loading-23 .5s linear forwards
}

.progress[data-percentage="23"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="24"] .progress-right .progress-bar {
    animation: loading-24 .5s linear forwards
}

.progress[data-percentage="24"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="25"] .progress-right .progress-bar {
    animation: loading-25 .5s linear forwards
}

.progress[data-percentage="25"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="26"] .progress-right .progress-bar {
    animation: loading-26 .5s linear forwards
}

.progress[data-percentage="26"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="27"] .progress-right .progress-bar {
    animation: loading-27 .5s linear forwards
}

.progress[data-percentage="27"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="28"] .progress-right .progress-bar {
    animation: loading-28 .5s linear forwards
}

.progress[data-percentage="28"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="29"] .progress-right .progress-bar {
    animation: loading-29 .5s linear forwards
}

.progress[data-percentage="29"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    animation: loading-30 .5s linear forwards
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="31"] .progress-right .progress-bar {
    animation: loading-31 .5s linear forwards
}

.progress[data-percentage="31"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="32"] .progress-right .progress-bar {
    animation: loading-32 .5s linear forwards
}

.progress[data-percentage="32"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="33"] .progress-right .progress-bar {
    animation: loading-33 .5s linear forwards
}

.progress[data-percentage="33"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="34"] .progress-right .progress-bar {
    animation: loading-34 .5s linear forwards
}

.progress[data-percentage="34"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="35"] .progress-right .progress-bar {
    animation: loading-35 .5s linear forwards
}

.progress[data-percentage="35"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="36"] .progress-right .progress-bar {
    animation: loading-36 .5s linear forwards
}

.progress[data-percentage="36"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="37"] .progress-right .progress-bar {
    animation: loading-37 .5s linear forwards
}

.progress[data-percentage="37"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="38"] .progress-right .progress-bar {
    animation: loading-38 .5s linear forwards
}

.progress[data-percentage="38"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="39"] .progress-right .progress-bar {
    animation: loading-39 .5s linear forwards
}

.progress[data-percentage="39"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    animation: loading-40 .5s linear forwards
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="41"] .progress-right .progress-bar {
    animation: loading-41 .5s linear forwards
}

.progress[data-percentage="41"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="42"] .progress-right .progress-bar {
    animation: loading-42 .5s linear forwards
}

.progress[data-percentage="42"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="43"] .progress-right .progress-bar {
    animation: loading-43 .5s linear forwards
}

.progress[data-percentage="43"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="44"] .progress-right .progress-bar {
    animation: loading-44 .5s linear forwards
}

.progress[data-percentage="44"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="45"] .progress-right .progress-bar {
    animation: loading-45 .5s linear forwards
}

.progress[data-percentage="45"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="46"] .progress-right .progress-bar {
    animation: loading-46 .5s linear forwards
}

.progress[data-percentage="46"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="47"] .progress-right .progress-bar {
    animation: loading-47 .5s linear forwards
}

.progress[data-percentage="47"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="48"] .progress-right .progress-bar {
    animation: loading-48 .5s linear forwards
}

.progress[data-percentage="48"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="49"] .progress-right .progress-bar {
    animation: loading-49 .5s linear forwards
}

.progress[data-percentage="49"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="51"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="51"] .progress-left .progress-bar {
    animation: loading-1 .5s linear forwards .5s
}

.progress[data-percentage="52"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="52"] .progress-left .progress-bar {
    animation: loading-2 .5s linear forwards .5s
}

.progress[data-percentage="53"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="53"] .progress-left .progress-bar {
    animation: loading-3 .5s linear forwards .5s
}

.progress[data-percentage="54"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="54"] .progress-left .progress-bar {
    animation: loading-4 .5s linear forwards .5s
}

.progress[data-percentage="55"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="55"] .progress-left .progress-bar {
    animation: loading-5 .5s linear forwards .5s
}

.progress[data-percentage="56"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="56"] .progress-left .progress-bar {
    animation: loading-6 .5s linear forwards .5s
}

.progress[data-percentage="57"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="57"] .progress-left .progress-bar {
    animation: loading-7 .5s linear forwards .5s
}

.progress[data-percentage="58"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="58"] .progress-left .progress-bar {
    animation: loading-8 .5s linear forwards .5s
}

.progress[data-percentage="59"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="59"] .progress-left .progress-bar {
    animation: loading-9 .5s linear forwards .5s
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    animation: loading-10 .5s linear forwards .5s
}

.progress[data-percentage="61"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="61"] .progress-left .progress-bar {
    animation: loading-11 .5s linear forwards .5s
}

.progress[data-percentage="62"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="62"] .progress-left .progress-bar {
    animation: loading-12 .5s linear forwards .5s
}

.progress[data-percentage="63"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="63"] .progress-left .progress-bar {
    animation: loading-13 .5s linear forwards .5s
}

.progress[data-percentage="64"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="64"] .progress-left .progress-bar {
    animation: loading-14 .5s linear forwards .5s
}

.progress[data-percentage="65"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="65"] .progress-left .progress-bar {
    animation: loading-15 .5s linear forwards .5s
}

.progress[data-percentage="66"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="66"] .progress-left .progress-bar {
    animation: loading-16 .5s linear forwards .5s
}

.progress[data-percentage="67"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="67"] .progress-left .progress-bar {
    animation: loading-17 .5s linear forwards .5s
}

.progress[data-percentage="68"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="68"] .progress-left .progress-bar {
    animation: loading-18 .5s linear forwards .5s
}

.progress[data-percentage="69"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="69"] .progress-left .progress-bar {
    animation: loading-19 .5s linear forwards .5s
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    animation: loading-20 .5s linear forwards .5s
}

.progress[data-percentage="71"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="71"] .progress-left .progress-bar {
    animation: loading-21 .5s linear forwards .5s
}

.progress[data-percentage="72"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="72"] .progress-left .progress-bar {
    animation: loading-22 .5s linear forwards .5s
}

.progress[data-percentage="73"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="73"] .progress-left .progress-bar {
    animation: loading-23 .5s linear forwards .5s
}

.progress[data-percentage="74"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="74"] .progress-left .progress-bar {
    animation: loading-24 .5s linear forwards .5s
}

.progress[data-percentage="75"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="75"] .progress-left .progress-bar {
    animation: loading-25 .5s linear forwards .5s
}

.progress[data-percentage="76"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="76"] .progress-left .progress-bar {
    animation: loading-26 .5s linear forwards .5s
}

.progress[data-percentage="77"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="77"] .progress-left .progress-bar {
    animation: loading-27 .5s linear forwards .5s
}

.progress[data-percentage="78"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="78"] .progress-left .progress-bar {
    animation: loading-28 .5s linear forwards .5s
}

.progress[data-percentage="79"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="79"] .progress-left .progress-bar {
    animation: loading-29 .5s linear forwards .5s
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    animation: loading-30 .5s linear forwards .5s
}

.progress[data-percentage="81"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="81"] .progress-left .progress-bar {
    animation: loading-31 .5s linear forwards .5s
}

.progress[data-percentage="82"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="82"] .progress-left .progress-bar {
    animation: loading-32 .5s linear forwards .5s
}

.progress[data-percentage="83"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="83"] .progress-left .progress-bar {
    animation: loading-33 .5s linear forwards .5s
}

.progress[data-percentage="84"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="84"] .progress-left .progress-bar {
    animation: loading-34 .5s linear forwards .5s
}

.progress[data-percentage="85"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="85"] .progress-left .progress-bar {
    animation: loading-35 .5s linear forwards .5s
}

.progress[data-percentage="86"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="86"] .progress-left .progress-bar {
    animation: loading-36 .5s linear forwards .5s
}

.progress[data-percentage="87"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="87"] .progress-left .progress-bar {
    animation: loading-37 .5s linear forwards .5s
}

.progress[data-percentage="88"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="88"] .progress-left .progress-bar {
    animation: loading-38 .5s linear forwards .5s
}

.progress[data-percentage="89"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="89"] .progress-left .progress-bar {
    animation: loading-39 .5s linear forwards .5s
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    animation: loading-40 .5s linear forwards .5s
}

.progress[data-percentage="91"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="91"] .progress-left .progress-bar {
    animation: loading-41 .5s linear forwards .5s
}

.progress[data-percentage="92"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="92"] .progress-left .progress-bar {
    animation: loading-42 .5s linear forwards .5s
}

.progress[data-percentage="93"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="93"] .progress-left .progress-bar {
    animation: loading-43 .5s linear forwards .5s
}

.progress[data-percentage="94"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="94"] .progress-left .progress-bar {
    animation: loading-44 .5s linear forwards .5s
}

.progress[data-percentage="95"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="95"] .progress-left .progress-bar {
    animation: loading-45 .5s linear forwards .5s
}

.progress[data-percentage="96"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="96"] .progress-left .progress-bar {
    animation: loading-46 .5s linear forwards .5s
}

.progress[data-percentage="97"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="97"] .progress-left .progress-bar {
    animation: loading-47 .5s linear forwards .5s
}

.progress[data-percentage="98"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="98"] .progress-left .progress-bar {
    animation: loading-48 .5s linear forwards .5s
}

.progress[data-percentage="99"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="99"] .progress-left .progress-bar {
    animation: loading-49 .5s linear forwards .5s
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    animation: loading-50 .5s linear forwards
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    animation: loading-50 .5s linear forwards .5s
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(3.6);
        transform: rotate(3.6deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(7.2);
        transform: rotate(7.2deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(10.8);
        transform: rotate(10.8deg)
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(14.4);
        transform: rotate(14.4deg)
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(18);
        transform: rotate(18deg)
    }
}

@keyframes loading-6 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(21.6);
        transform: rotate(21.6deg)
    }
}

@keyframes loading-7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(25.2);
        transform: rotate(25.2deg)
    }
}

@keyframes loading-8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(28.8);
        transform: rotate(28.8deg)
    }
}

@keyframes loading-9 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(32.4);
        transform: rotate(32.4deg)
    }
}

@keyframes loading-10 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg)
    }
}

@keyframes loading-11 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(39.6);
        transform: rotate(39.6deg)
    }
}

@keyframes loading-12 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(43.2);
        transform: rotate(43.2deg)
    }
}

@keyframes loading-13 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(46.8);
        transform: rotate(46.8deg)
    }
}

@keyframes loading-14 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(50.4);
        transform: rotate(50.4deg)
    }
}

@keyframes loading-15 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(54);
        transform: rotate(54deg)
    }
}

@keyframes loading-16 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(57.6);
        transform: rotate(57.6deg)
    }
}

@keyframes loading-17 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(61.2);
        transform: rotate(61.2deg)
    }
}

@keyframes loading-18 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(64.8);
        transform: rotate(64.8deg)
    }
}

@keyframes loading-19 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(68.4);
        transform: rotate(68.4deg)
    }
}

@keyframes loading-20 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg)
    }
}

@keyframes loading-21 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(75.6);
        transform: rotate(75.6deg)
    }
}

@keyframes loading-22 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(79.2);
        transform: rotate(79.2deg)
    }
}

@keyframes loading-23 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(82.8);
        transform: rotate(82.8deg)
    }
}

@keyframes loading-24 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(86.4);
        transform: rotate(86.4deg)
    }
}

@keyframes loading-25 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(90);
        transform: rotate(90deg)
    }
}

@keyframes loading-26 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(93.6);
        transform: rotate(93.6deg)
    }
}

@keyframes loading-27 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(97.2);
        transform: rotate(97.2deg)
    }
}

@keyframes loading-28 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(100.8);
        transform: rotate(100.8deg)
    }
}

@keyframes loading-29 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(104.4);
        transform: rotate(104.4deg)
    }
}

@keyframes loading-30 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg)
    }
}

@keyframes loading-31 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(111.6);
        transform: rotate(111.6deg)
    }
}

@keyframes loading-32 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(115.2);
        transform: rotate(115.2deg)
    }
}

@keyframes loading-33 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(118.8);
        transform: rotate(118.8deg)
    }
}

@keyframes loading-34 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(122.4);
        transform: rotate(122.4deg)
    }
}

@keyframes loading-35 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(126);
        transform: rotate(126deg)
    }
}

@keyframes loading-36 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(129.6);
        transform: rotate(129.6deg)
    }
}

@keyframes loading-37 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(133.2);
        transform: rotate(133.2deg)
    }
}

@keyframes loading-38 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(136.8);
        transform: rotate(136.8deg)
    }
}

@keyframes loading-39 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(140.4);
        transform: rotate(140.4deg)
    }
}

@keyframes loading-40 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg)
    }
}

@keyframes loading-41 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(147.6);
        transform: rotate(147.6deg)
    }
}

@keyframes loading-42 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(151.2);
        transform: rotate(151.2deg)
    }
}

@keyframes loading-43 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(154.8);
        transform: rotate(154.8deg)
    }
}

@keyframes loading-44 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(158.4);
        transform: rotate(158.4deg)
    }
}

@keyframes loading-45 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(162);
        transform: rotate(162deg)
    }
}

@keyframes loading-46 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(165.6);
        transform: rotate(165.6deg)
    }
}

@keyframes loading-47 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(169.2);
        transform: rotate(169.2deg)
    }
}

@keyframes loading-48 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(172.8);
        transform: rotate(172.8deg)
    }
}

@keyframes loading-49 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(176.4);
        transform: rotate(176.4deg)
    }
}

@keyframes loading-50 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg)
    }
}

.col-alert.p-4 {
    background: #f8f8f8;
    border-radius: 4px
}

p.mb-2.h6 {
    font-weight: 600;
    font-size: larger
}

.c-form-control {
    border: 1px solid #e6e6e6 !important;
    box-shadow: 4px 4px 14px 0 rgb(119 119 119 / 8%) !important;
    border-radius: 2px
}

.c-primary {
    border: 1px solid var(--app-accent);
    background: 0 0;
    color: var(--app-accent)
}

.c-primary:hover {
    border: 1px solid var(--app-accent);
    background: var(--app-accent);
    color: #fff
}

ul.p-0.v-side-u li a {
    display: block
}

ul.p-0.v-side-u a {
    color: #444
}

ul.p-0.v-side-u a:hover {
    background: #f8f8f8;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px
}

ul.p-0.v-side-u {
    list-style: none
}

span.svg-ico svg {
    max-width: 20px;
    max-height: 18px
}

span.svg-ico {
    margin-right: 4px
}

.header-image.d-flex.aligin-items-center span {
    margin: auto;
    font-weight: 600;
    font-size: x-large;
    color: #fff;
    text-transform: uppercase
}

.header-image.d-flex.aligin-items-center {
    width: 100% !important;
    min-height: 120px
}

.header-image.d-flex.aligin-items-center {
    background-size: cover !important;
    background-position: center center !important
}

header.v-header a {
    border: 1px solid #d9d9d9;
    color: #333;
    text-decoration: none;
    padding: 4px 10px;
    text-align: center;
    font-size: large
}

label.error.c-error {
    color: #f44336;
    font-size: smaller
}

.alert-danger {
    color: #fff !important;
    background-color: #fb3c2fa6 !important;
    border-color: #fc8078 !important
}

button.close span {
    color: #fff !important
}

.alert-success {
    color: #fff !important;
    background-color: #4caf50c7 !important;
    border-color: #73c176 !important
}

.v-social-media-header {
    background: url(/uploads/static/social-header.jpg) no-repeat scroll 50% 50% #333;
    min-height: 180px;
    background-size: cover
}

.has-icon .form-control {
    padding-left: 2.375rem
}

.has-icon .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    font-size: larger
}

.paginate a {
    text-decoration: none;
    color: #bb8a20
}

#faq .card {
    border: 0
}

#faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, .5);
    border-radius: 2px;
    padding: 0
}

#faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    background: #d9d9d9;
    color: #222
}

#faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    float: right
}

#faq .card .card-header .btn-header-link.collapsed {
    background: #f8f8f8;
    color: #333
}

#faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106"
}

#faq .card .collapsing {
    background: #f8f8f8
}

#faq .card .collapse {
    border: 0
}

#faq .card .collapse.show {
    background: #f8f8f8;
    color: #222
}

.top .pagination-btn {
    display: none
}

.btn.primary-btn.c-btn {
    background: var(--app-accent);
    color: #fff;
    border-radius: 4px;
    box-shadow: none !important
}

.row-actions.position-absolute {
    right: 10px;
    bottom: 10px
}

a.btn.action-btn {
    color: #fff;
    padding: 2px 8px;
    background: var(--app-accent);
    font-size: small;
    box-shadow: none
}

.swal2-popup * {
    box-shadow: none !important
}

.swal-modal,
.swal-overlay--show-modal {
    animation: none !important
}

.swal-overlay {
    transition: none !important
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: 0 0 !important
}

.swal2-popup.swal2-modal {
    box-shadow: 0 0 20px 6px rgb(0 0 0 / 7%) !important
}

p.no-items-faq {
    padding: 10px;
    background: #f8f8f8;
    border-radius: 4px;
    text-align: center
}

.c-custom-label {
    font-weight: 600
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--app-accent) !important;
    background-color: var(--app-accent) !important
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important
}

.collapse.show .card-body {
    background: #f8f8f8;
    border-radius: 2px
}

.event-date {
    font-size: smaller
}

.event-status {
    color: #f9983a
}

.date-short {
    color: var(--app-accent)
}

.event-date-box {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    padding-top: 6px;
    padding-bottom: 6px
}

.event-date-box p {
    padding-right: 20px;
    padding-left: 20px
}

.position-absolute.image-crop {
    position: fixed !important;
    top: 50%;
    max-width: 560px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.position-absolute.image-crop .card {
    border: none;
    padding: 10px;
    box-shadow: 0 0 20px 6px rgb(0 0 0 / 7%) !important
}

.form-submit.pop-up.d-flex {
    max-width: 244px;
    margin-left: auto;
    width: 100%
}

button.btn.btn-primary.btn-block.save-avatar.mr-1 {
    background: var(--app-accent);
    border: none !important;
    box-shadow: none !important
}

a.btn.btn-primary.btn-block.danger.m-0 {
    background: #d9d9d9 !important;
    border: none !important;
    box-shadow: none !important
}

.col-inner.v-inner {
    background: #f8f8f8;
    border-radius: 2px
}

.video-header.v-thumbnail {
    min-height: 120px;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 2px
}

@media only screen and (min-width:576px) {
    .col-inner.form {
        padding: 14px;
        border-radius: 2px;
        box-shadow: 2px 2px 20px 0 rgb(86 86 86 / 8%) !important
    }
}

.header-image.d-flex.aligin-items-center {
    border-radius: 2px 2px 0 0
}

.header.v-header.mb-2 a {
    border-radius: 0 0 2px 2px
}

p.h5.font-weight-bold.mb-0.text-capitilize {
    display: block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

img.br-50 {
    object-fit: cover;
    border-radius: 50%
}

.team-inner.mb-2.p-2 {
    background: #f8f8f8;
    border-radius: 2px
}

.c-check-box input[type=checkbox] {
    cursor: pointer;
    height: 30px;
    margin: 4px 0 0;
    position: absolute;
    opacity: 0;
    width: 30px;
    z-index: 2
}

.c-check-box input[type=checkbox]+span {
    background: #d9d9d9;
    border-radius: 50%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    height: 30px;
    margin: 4px 0 0;
    position: relative;
    width: 30px;
    transition: all .2s ease
}

.c-check-box input[type=checkbox]+span::before,
input[type=checkbox]+span::after {
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    transition: all .2s ease
}

.c-check-box input[type=checkbox]+span::before {
    height: 16px;
    left: 13px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-check-box input[type=checkbox]+span::after {
    height: 16px;
    right: 13px;
    top: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-check-box input[type=checkbox]:checked+span {
    background: var(--app-accent)
}

.c-check-box input[type=checkbox]:checked+span::before {
    height: 9px;
    left: 9px;
    top: 13px;
    -webkit-transform: rotate(-47deg);
    transform: rotate(-47deg)
}

.c-check-box input[type=checkbox]:checked+span::after {
    height: 15px;
    right: 11px;
    top: 8px
}

.c-check-box span {
    transform: scale(.8)
}

.row-actions.position-absolute.c-input {
    right: 4px;
    bottom: -4px
}

figure.figure img {
    width: 100%
}

figure.figure {
    width: 100%
}

span.select2-selection.select2-selection--multiple {
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px
}

li.select2-selection__choice span {
    background: var(--app-accent) !important;
    border: none !important;
    color: #fff !important
}

li.select2-selection__choice {
    background: var(--app-accent) !important;
    color: #fff !important;
    border: none !important
}

input.select2-search__field {
    padding: 0 8px !important;
    margin-top: 8px !important
}

span.select2-dropdown.select2-dropdown--below {
    border-radius: 2px !important;
    border: 1px solid #e6e6e6
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--app-accent) !important;
    color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 8px !important
}

.col-alert.p-4.pt-2.pb-2 {
    padding-top: 1em !important;
    padding-bottom: 1em !important
}

small.ticket-small {
    background: var(--app-accent);
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: small
}

.direct-chat-text br {
    display: none
}

.direct-chat-text * {
    margin: 0
}

span.first.vt.v-8:before {
    background-position: 0 -473px
}

span.close-list.btn.position-absolute {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px;
    line-height: 1.42;
    padding: 2px 0;
    text-align: center;
    z-index: 3;
    color: #f44336;
    background: #d9d9d9;
    right: -10px;
    top: -10px
}

.recipient-list-item.position-relative {
    display: inline-block;
    background: #f8f8f8;
    padding: 2px 10px;
    margin-right: 10px;
    border-radius: 4px
}

a.btn.share-btn.mr-2 {
    background: #e6e6e6;
    padding: 0 8px;
    border-radius: 2px;
    color: #555;
    font-size: large;
    box-shadow: none !important
}

.recipient-list-item.mb-1 {
    display: inline-block
}

.p-body-pre {
    color: #999
}

a.import-clients {
    color: var(--app-accent);
    text-decoration: none;
    font-weight: 500
}

input.form-control.c-form-control.share-link {
    background: #f8f8f8;
    cursor: pointer
}

span.name-list {
    font-weight: 600;
    font-size: large;
    text-transform: capitalize
}

span.email-list {
    font-size: small
}

.name-letter-avatar {
    background: #ead6c3;
    width: 56px;
    height: 56px;
    display: flex;
    text-align: center;
    align-items: center;
    border-radius: 50%;
    color: #666
}

p.review-name.mb-0.position-relative {
    display: initial
}

p.name-letter-avatar span {
    font-size: xx-large;
    margin: auto
}

p.review-name {
    font-size: large;
    font-weight: 600
}

span.sent-count {
    position: absolute;
    right: -20px;
    top: -10px;
    background: #d9d9d9;
    padding: 0 7px;
    font-size: small !important;
    border-radius: 23px;
    font-weight: 100 !important
}

a.reqiest-action-btn {
    color: #444;
    text-decoration: none
}

a.btn.primary-btn.c-btn.request {
    min-width: fit-content;
    height: fit-content
}

.check-list-header {
    min-height: 100px
}

.col-inner-checklist {
    background: #f8f8f8;
    border-radius: 2px
}

.check-list-header i:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: relative;
    background: url(/assets/icons/V03.png);
    opacity: .4
}

.check-list-header.ck-0 i:before {
    background-position: 0 -315px;
    height: 105px;
    width: 105px
}

.check-list-footer.text-center a {
    text-decoration: none;
    font-weight: 600;
    color: #555
}

.progress .bg-success {
    background-color: var(--app-accent) !important
}

.check-list-header.text-center.ck-1 i:before {
    background-position: 0 -840px;
    height: 105px;
    width: 105px
}

.check-list-header.text-center.ck-2 i:before {
    background-position: 0 -420px;
    height: 105px;
    width: 105px
}

.check-list-header.text-center.ck-3 i:before {
    background-position: 0 -210px;
    height: 105px;
    width: 105px
}

.check-list-header.text-center.ck-4 i:before {
    background-position: 0 -1155px;
    height: 105px;
    width: 105px
}

.check-list-header.text-center.ck-5 i:before {
    background-position: 0 -935px;
    height: 105px;
    width: 105px
}

.check-list-header.text-center.ck-6 i:before {
    background-position: 0 -1575px;
    height: 105px;
    width: 105px
}

.check-list-header.text-center.ck-7 i:before {
    background-position: 0 -1365px;
    height: 105px;
    width: 105px
}

span.checked {
    color: var(--app-accent);
    font-size: x-large;
    right: 0;
    top: 0
}

body {
    font-family: 'Lato', "Cormorant", Arial, sans-serif;
}

body * {
    word-wrap: break-word !important;
}

a {
    text-decoration: none;
}

span.select2.select2-container.select2-container {
    width: 100% !important;
}

span.select2-selection.select2-selection--single {
    border: 1px solid #e6e6e6 !important;
    box-shadow: 4px 4px 14px 0px rgb(119 119 119 / 8%) !important;
    border-radius: 2px;
    height: calc(1.5em + 0.75rem + 2px);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

select {
    font-family: 'Font Awesome 5 Pro', 'FontAwesome', 'sans-serif', 'Lato', "Cormorant", Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body * {
    outline: none !Important;
}

form * {
    box-shadow: none !Important;
}

.auth-side-form {
    max-width: 660px;
    margin: auto;
}

ul.head-list.p-0 li {
    white-space: nowrap;
    padding: 0 8px;
}

label.btn.p-btn.position-absolute {
    background: #7b7b7b;
    color: #fff;
    top: 4px;
    left: 4px;
    padding: 6px 10px;
    font-size: small;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--app-accent) !Important;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: var(--app-accent);
}

::selection {
    color: #fff;
    background: var(--app-accent);
}

.swal2-icon.swal2-success {
    border-color: var(--app-accent) !important;
    color: var(--app-accent) !important;
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: var(--app-accent) !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: .25em solid rgb(55 188 205 / 15%) !important;
}

.swal2-popup {
    border-radius: 4px !important;
}

/* Slider */
.slider-section .carousel-item {
    min-height: 80vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slider-section .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 50%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.position-absolute.search-main {
    z-index: 99;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
}

.position-absolute.search-main {
    max-width: 920px;
    width: 100%;
}

.search-caption {
    color: #fff;
}

input.form-control.s-form-control {
    border: none;
    border-radius: 0px;
    box-shadow: none !important;
}

button.btn.primary-btn.s-btn.d-block {
    background: var(--app-accent);
    color: #fff;
    box-shadow: none !important;
    border: 1px solid var(--app-accent);
    border-radius: 0px;
}

.c-scroll-sm::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.c-scroll-sm::-webkit-scrollbar-thumb {
    background: var(--app-accent);
}

.c-scroll-sm::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.c-scroll-sm::-webkit-scrollbar-thumb:hover {
    background: var(--app-accent);
}

@media screen and (min-width: 576px) {
    .c-scroll::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .c-scroll::-webkit-scrollbar-thumb {
        background: var(--app-accent);
    }

    .c-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .c-scroll::-webkit-scrollbar-thumb:hover {
        background: var(--app-accent);
    }

    .latest-side {
        border-left: 1px solid #ececec;
    }

    .p-s-26 {
        padding: 1.4em;
        font-size: larger;
    }

    button.btn.primary-btn.s-btn.d-block.p-s-26.w-100 {
        padding: 0.73rem;
    }

    .position-absolute.search-main {
        top: 55% !important;
    }

    .no-vend-br {
        border-right: 1px solid #d9d9d9;
    }

    img.rounded-circle.album-cover-settings {
        width: 180px;
        height: 180px;
        object-fit: cover;
        object-position: center;
    }
}

.album-info svg {
    width: 40px;
    max-width: unset !important;
    max-height: unset !important;
    opacity: .5;
}

.album-image-author {
    top: unset !important;
    font-size: large !important;
    left: 12px !important;
    line-height: 20px;
    bottom: 6px !important;
}

.hide.remove-album-image {
    top: 44px !important;
    color: #333 !important;
}

.remove-album-image {
    position: absolute;
    top: 6px;
    right: 12px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 26px !important;
    background-color: rgba(255, 255, 255, .6);
    cursor: pointer;
    color: #f44336;
    border-radius: 50%;
    box-shadow: 0 0 8px 2px rgb(0 0 0 / 6%);
}

.carousel-control-next,
.carousel-control-prev {
    width: 5%;
}

@media screen and (max-width: 575px) {
    div#photos .photo-preview .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        max-height: 258px !important;
        object-fit: cover;
        height: 100% !important;
        min-height: 256px !important;
    }

    .search-caption h1 {
        font-size: 3em;
    }

    img.rounded-circle.album-cover-settings {
        width: 100px;
        height: 100px;
        object-fit: cover;
        object-position: center;
    }

    .step-main::before {
        top: 50% !important;
    }

    .vendor-top {
        display: none;
    }

    .row.mt-5 {
        margin-top: 1em !important;
    }

    .flex-reverse {
        flex-direction: column-reverse;
    }

    .row.archive-row {
        flex-direction: column-reverse;
    }

    .row.map.ui-container {
        flex-direction: column-reverse !important;
    }

    div#map-canvas {
        height: calc(60vh - 60px) !important;
        margin-bottom: 20px;
    }

    .row.list.ui-container .owl-footer.text-left.p-0 {
        padding: 10px !important;
    }

    .search-main.archive-search input.archive-second {
        border: 1px solid #c1c1c1 !important;
        border-radius: 0px 10px 10px 0px !important;
    }

    ul.tool-head-list li {
        min-width: 140px;
        padding: 0px !important;
    }

    .dropdown-menu.profile-menu {
        left: -292px !important;
    }
}

.dropdown-menu.profile-menu span.last {
    font-size: small;
}



ul.tool-head-list.p-0 {
    list-style: none;
    display: inline-flex;
}

ul.tool-head-list a {
    color: #444;
    text-decoration: none;
}

ul.tool-head-list a:hover {
    color: var(--app-accent);
}

button.btn.c-primary {
    border: 1px solid var(--app-accent);
    background: none;
    color: var(--app-accent);
    box-shadow: none !important;
}

button.btn.c-primary:hover {
    border: 1px solid var(--app-accent);
    background: var(--app-accent);
    color: #fff;
}

ul.tool-head-list li {
    min-width: 140px;
    padding: 10px;
}

ul.tool-head-list span.first::before {
    content: "";
    background: url(/assets/icons/V04.svg) no-repeat scroll 50% 0 transparent;
    background-position-x: 50%;
    background-position-y: 0px;
    width: 90px;
    height: 67px;
    margin: 5px auto 0;
    display: block;
}

a.message-link i {
    color: #666;
    font-size: larger;
}

span.first.t-2::before {
    background-position: 0 -209px !important;
}

span.first.t-3::before {
    background-position: 0 -77px !important;
}

span.first.t-4::before {
    background-position: 0 -147px !important;
}

span.first.t-5::before {
    background-position: 0 -507px !important;
}

span.first.t-6::before {
    background-position: 0 -280px !important;
}

section.vendors-section {
    background: #f5f5f5;
}

.d-grid {
    display: grid;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav .owl-prev {
    left: -30px;
}

.owl-nav .owl-next {
    right: -30px;
}

.owl-inner {
    background: #fff;
}

.item a {
    text-decoration: none;
}

.owl-inner p {
    color: #333;
    text-decoration: none;
}

.owl-header {
    min-height: 180px;
    background-size: 100%;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
}

.owl-header:hover {
    background-size: 110%;
}

.hr-max {
    max-width: 140px;
    margin: auto;
}

span.name-letter {
    font-size: x-large;
    width: 55px;
    height: 54px;
    background: #ededed;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: var(--app-accent);
}

span.name-letter {
    width: 55px;
    height: 54px;
    background: #ededed;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: var(--app-accent);
}

.owl-inner.community-posts {
    padding: 10px;
    background: #f5f5f573;
    border-radius: 4px;
}

.v-c-thumb {
    min-height: 112px;
    background-position: center center;
    background-size: cover;
}

p.h6.font-weight-light.m-auto {
    color: #fff;
}

.t-o-h {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.mw-fit-content {
    max-width: fit-content;
}

.min-w-max-content {
    min-width: max-content;
}

.dress-gallery::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/icons/V05.png);
    background-repeat: no-repeat;
    margin-top: -1px;
    -webkit-print-color-adjust: exact;
}

p.wedding-dress.dress-gallery::before {
    background-position: 0 -328px;
    height: 50px;
    width: 50px;
}

p.maid-dress.dress-gallery::before {
    background-position: 0 -428px;
    height: 50px;
    width: 50px;
}

a.not-a:hover {
    color: var(--app-accent);
}

a.not-a {
    text-decoration: none;
    color: #333;
}

.col-inner-c-posts {
    min-height: 120px;
    background-position: center center;
    background-size: 100%;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
}

.col-inner-c-posts:hover {
    background-size: 120%;
}

a.b-a {
    color: inherit;
    text-decoration: none !important;
}

.row.c-row {
    margin-left: -7px;
    margin-right: -7px;
}

.page-bg.d-flex.align-items-center {
    min-height: 200px;
    color: #fff;
    background-size: cover;
    background-position: top center;
}

.auth-main.mt-5 {
    max-width: 860px;
    margin: auto;
}

.form-control.auth-form {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0px;
}

div.auth-form {
    max-width: 440px;
    margin: auto;
}

button.btn.btn-primary {
    background: var(--app-accent) !important;
    border: 1px solid var(--app-accent) !important;
}

.auth-bg-img.h-100 {
    background-size: cover;
    background-position: center center;
}

button.btn.btn-primary.c-primary {
    color: #fff !important;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0px !important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--app-accent) !important;
    background-color: var(--app-accent) !important;
}

p.announcements-head-p {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 2px;
    width: fit-content;
    color: #666;
}

span.new-message-icon.bold {
    display: block;
    font-weight: 600;
}

.new-message {
    border-radius: 2px;
    background: #fcf5eb;
}

.new-message.new {
    animation: alert 1s infinite;
}

@keyframes alert {
    0% {
        background-color: #fcf5eb;
        ;
    }

    50% {
        background-color: #fdecd4;
    }

    100% {
        background-color: #fcf5eb;
    }
}

.auth-form.recover {
    max-width: 420px;
}

.news-letter-modal {
    background: #0000005e;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.modal-inner.row.m-0.m-auto {
    max-width: 720px;
    background: #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 2px;
}

.nl-button {
    width: auto;
}

.m-bg {
    min-height: 320px;
    background-size: cover;
    background-position: center center;
}

a.btn.nl-close {
    background: #e7e7e7;
    color: var(--app-accent);
    right: 4px;
    top: 4px;
    padding: 4px 10px;
}

.post-side a:hover {
    color: var(--app-accent) !IMPORTANT;
    text-decoration: none !important;
}

input.form-control.nl-form {
    border: none;
    background: #e9e9e9ad;
    box-shadow: none !important;
}

p.h4.font-weight-bold.success {
    font-weight: 100 !important;
}

#confetti {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.post-man-avatar {
    height: 54px;
    width: 54px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    margin-right: 10px;
}

p.mb-0.author-name {
    font-size: larger;
    font-weight: 600;
    color: #555;
}

p.mb-0.author-name {
    font-size: large;
    margin-bottom: 6px !important;
}

p.mb-0.post-date {
    color: #777;
    margin-top: -8px;
}

.post-image {
    min-height: 300px;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
    margin-bottom: 10px;
}

p.post-category.mb-0 {
    font-size: large;
    color: #999;
    text-transform: uppercase;
}

p.post-category.mb-0.side-title {
    font-size: 1.1em;
}

.item.border-item {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-collapse: collapse;
    border-bottom: 0;
    padding: 0;
}

.top-list {
    padding: 10px;
    background: #f8f9fa;
    color: #b9b9b9;
    min-width: 52px;
    font-size: xxx-large;
    text-align: center;
}

.side-inner.posts.d-flex p {
    padding: 16px;
    font-size: revert;
}

.item.border-item:last-child {
    border-bottom: 1px solid #e5e5e5 !important;
    border-radius: 0px 0px 10px 10px;
}

.item.border-item:first-child {
    border-bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}

.side-inner.posts.d-flex.align-items-center.tool-bg {
    border-radius: 10px 10px 0px 0px;
}

.post-side a:hover {
    color: var(--app-accent) !IMPORTANT;
}

.post-side a {
    color: #333 !important;
}

p.err-no-posts {
    padding: 10px;
    background: #efefef;
    border-radius: 2px;
    text-transform: capitalize;
    text-align: center;
}

.owl-header.post-a {
    min-height: 200px;
}

.flex-1 {
    flex: 1;
}

.owl-header.post-a.rel-post {
    min-height: 140px;
}

a.share_post.btn {
    border: 1px solid #e5e5e5;
    padding: 2px 6px;
    font-size: larger;
    color: #555;
}

.item.post-item.related {
    border: 1px solid #e5e5e5;
    height: 100%;
}

p.mb-0.t-o-h-2.dim {
    font-size: large;
    line-height: initial;
    color: #777;
}

.c-btn.invert {
    background: #fff !important;
    color: var(--app-accent) !important;
    border: 1px solid;
}

.c-btn.invert:hover {
    background: var(--app-accent) !important;
    color: #fff !important;
    border: 1px solid #fff;
}

a.share_post.btn.pinterest {
    color: #e20020;
}

a.share_post.btn.facebook {
    color: #324b8e;
}

a.share_post.btn.twitter {
    color: #1a97f0;
}

.search-post.m-auto.mb-4 {
    margin-bottom: 1.5rem !important;
    position: relative;
}

input#keyword {
    background: none;
    box-shadow: none !important;
    border: 1px solid #e5e5e5;
}

.search-result {
    border-radius: 2px;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 9;
    background: #fff;
}

li.search-r-li a:hover {
    background: #f8f9fa;
}

span.close.fas.fa-window-close {
    color: #bb8a20;
    cursor: pointer;
}

i.far.fa-search.search-icon {
    position: absolute;
    z-index: 9;
    top: 50%;
    font-size: x-large;
    right: 10px;
    color: #b5b5b5;
    transform: translate(0%, -50%);
}

li.search-r-li {
    display: block;
}

li.search-r-li a {
    padding: 4px 10px;
    border-radius: 2px;
    border-bottom: 1px solid #f8f9fa;
    margin-bottom: 2px;
    display: block;
}

.archive-header.community {
    min-height: 200px;
    color: #fff;
    margin-bottom: 16px;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
}

span.name-letter.c-post {
    height: 66px;
    width: 66px;
    font-size: xx-large;
}

.post-man-avatar.c-post {
    width: 64px;
    height: 64px;
}

p.h6.t-o-h.mb-0.font-weight-bold {
    color: #666;
}

p.t-o-h.mb-0.c-post-meta {
    font-size: large;
    color: #777;
    padding: 4px 0px 4px 0px;
}

.col-12.text-left.mt-1 {
    color: #444;
}

.owl-header.c-post-gb.position-relative {
    min-height: 100px;
    border-radius: 4px;
}

span.c-post-meta i {
    margin-left: 3px;
}

p.position-absolute.c-post-name.mb-0 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
}

span.c-post-meta {
    font-size: small;
    padding: 2px 4px;
    border-radius: 8px;
}

.direct-chat-msg.mr-auto.c-post {
    max-width: 100%;
}

.direct-chat-text.c-post {
    background: #fff;
    border: 1px solid #d2d6de;
    border-radius: 10px;
}

.author-name.c-post-meta strong {
    font-weight: 600;
}

.author-name.c-post-meta {
    font-size: initial !important;
}

small.small {
    font-size: medium;
}

p.mb-0.author-name strong {
    font-weight: 600;
}

.c-post-reply.b-none {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0px;
}

.c-post-reply.b-none::before {
    visibility: hidden !Important;
}

.direct-chat-msg.mr-auto.c-post.c-post-reply {
    margin-bottom: 0px;
}

.direct-chat-text.c-post-reply:after,
.direct-chat-text.c-post-reply:before {
    border: unset !important;
}

.search-post.m-auto.mb-4 {
    max-width: 600px;
}

.t-o-h-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.t-o-h-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

p.t-o-h.mb-1.cate-name.text-uppercase {
    color: #8d8d8d;
    font-size: 95%;
}

.row.pre-row {
    margin-top: -80px;
}

.owl-inner.community-posts.archive.revamp.p-3 {
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
}

p.post-category.mb-0.text-indent {
    letter-spacing: 3px;
}

.text-grey {
    color: #999 !Important;
}

a.not-a.text-grey:hover {
    color: var(--app-accent) !Important;
}

p.mb-0.t-o-h-2.big {
    font-size: larger;
    line-height: 20px;
    margin-top: 6px;
}

p.t-o-h.mb-0.big {
    font-size: larger;
    color: #777;
    margin-top: 8px;
}

.first.p-c-items::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/assets/icons/V06.png);
    background-repeat: no-repeat;
    margin-top: -1px;
    -webkit-print-color-adjust: exact;
    height: 40px;
    width: 40px;
}

.health-and-beauty::before,
.beauty-tips::before {
    background-position: 0 -280px;
}

.wedding-ceremony::before,
.bride-and-bridesmaids::before {
    background-position: 0 -40px;
}

.planning-basics::before,
.trends-tips::before,
.vows-readings::before {
    background-position: 0 -80px;
}

.wedding-services::before {
    background-position: 0 -160px;
}

span.last.p-c-item {
    font-size: smaller;
    margin-top: 4px;
    display: block;
}

.wedding-fashion::before {
    background-position: 0 -200px;
}

.married-life::before {
    background-position: 0 -240px;
}

.travel::before {
    background-position: 0 -360px;
}

.events-parties::before {
    background-position: 0 -320px;
}

.m-auto.p-4.text-center.tool-div {
    font-size: x-large;
}

.owl-header.post-a.rel-post.recommend {
    height: calc(100% - 100px);
}

span.recommended-btn {
    background: var(--app-accent);
    color: #fff !important;
    font-size: small;
    border-radius: 0px;
    top: -10px;
    left: 10px;
}

.search-result:empty {
    display: none;
}

input#keyword {
    background: #fff;
}

.owl-inner.community-posts.archive {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0px;
}

.shade {
    color: #777 !important;
}

p.mb-0.author-name.font-weight-light.c-post-name {
    font-size: initial;
    color: #777;
}

p.mb-0.author-name.font-weight-light.c-post-meta.c-post-name {
    font-size: inherit !important;
    margin-top: -10px;
}


.cp-avatar {
    max-width: 100px;
    max-height: 101px;
    width: 100%;
    min-height: 100px;
    margin: auto;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
}

a.p-0.m-auto.start-discussion-reply.last {
    color: var(--app-accent);
    text-transform: uppercase;
    margin-top: 10px !important;
    display: block;
    text-decoration: none;
    letter-spacing: 1px;
}

p.mb-0.author-name.font-weight-light.cp-reply {
    font-size: initial;
    color: #777;
}

.signup-pop label {
    font-size: larger;
}

.joinBG {
    min-height: 150px;
    background-position: center center;
    background-size: cover;
    margin: -1.5em;
    margin-bottom: 1em !important;
}

@media (min-width: 1600px) {
    .container.h-100.max-container {
        max-width: 1460px;
    }
}

@media (min-width: 576px) {

    /*.dropdown-menu.d1 {
        margin-top: -1em;
        padding-top: 2.5em;
    }*/
    .col-4.uploader-insp {
        margin-top: -3em;
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 6rem !important;
    }

    .center-list {
        border: 1px solid #e5e5e5;
        border-bottom: 0px;
        border-top: 0px;
    }

    /*.coloum-4{
		columns: 4;
		-webkit-columns: 4;
		-moz-columns: 4;
	}
	.overflow-sm-hidden {
		overflow: hidden !IMPORTANT;
	}
    .coloum-d3 {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
    .coloum-d2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }*/

}

@media (max-width: 991px) {
    .overflow-scroll {
        overflow: scroll;
    }

    .row.pre-row {
        margin-top: 0px !Important;
    }
}

@media (min-width: 992px) {

    section#vendor-tabs.sticky .v-hidden {
        visibility: visible;
        display: flex !important;
    }

    .coloum-4 {
        columns: 4;
        -webkit-columns: 4;
        -moz-columns: 4;
    }

    .overflow-sm-hidden {
        overflow: hidden !IMPORTANT;
    }

    .coloum-d3 {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }

    .coloum-d2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

h2#swal2-title {
    font-size: revert;
    font-weight: 100;
}

.suggestions.location-sugestion {
    right: 0;
    width: calc(100% - 16em);
}

.coloum-2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.coloum-3 {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

p.mb-0.h5.font-weight-bold.small.mt-2 {
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.owl-header.post-a.rel-post.c-post-rel {
    min-height: 180px;
    background-size: cover;
}

span.mobile-toggler {
    position: fixed;
    top: 70px;
    right: 0px;
    background: #e3e3e3;
    padding: 2px 6px;
    border-radius: 6px 0px 0px 6px;
    cursor: pointer;
}

span.mobile-toggler-show {
    position: fixed;
    top: 70px;
    left: 0;
    background: var(--app-accent);
    color: #fff;
    padding: 2px 6px;
    border-radius: 0px 6px 6px 0px;
    cursor: pointer;
}

.notification-un-read .card-body {
    animation: alert 1s infinite;
}

@media (max-width: 767px) {
    .sticky-mobile .v-header {
        display: none;
    }

    .sticky-mobile {
        position: fixed !important;
        background: #fff;
        z-index: 999;
        left: 0px;
        top: 0;
        height: 100%;
        padding-top: 1.25em;
    }
}

@media (max-width: 575px) {
    .notificationPop {
        left: 50%;
        bottom: 10%;
        width: 100%;
        max-width: 360px;
        transform: translate(-50%, 0%);
    }

    .owl-nav {
        display: none !important;
    }

    .overflow-scroll {
        overflow: scroll !important;
    }

    .direct-chat-text.c-post {
        border: none !Important;
        border-bottom: 1px solid #e5e5e5 !important
    }

    p.mb-0.author-name.font-weight-light.cp-reply {
        display: inline-grid;
    }

    p.mb-0.author-name.font-weight-light.cp-reply {
        margin-bottom: 0px !important;
    }

    p.mb-0.author-name.font-weight-light.d-gri {
        display: grid;
        margin-bottom: 0px !important;
    }

    .mob-coloum-2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .vendor-photos .owl-stage {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .col-sm-9.vendor-photos.pr-0.review-photos .item {
        max-height: 50vh !important;
        overflow: hidden;
    }

    .col-sm-9.vendor-photos.pr-0.review-photos {
        max-height: 50vh;
        overflow: hidden;
    }

    .col-sm-12.vendor-photos.pr-0.review-photos .item {
        max-height: 50vh !important;
        overflow: hidden;
    }

    .col-sm-12.vendor-photos.pr-0.review-photos {
        max-height: 50vh;
        overflow: hidden;
    }
}

.start-planning {
    padding: 10px 20px;
}

img.direct-chat-img.small {
    height: 50px;
    width: 50px;
}

.owl-footer.pt-1 {
    padding-top: .5em !important;
}

.owl-footer.pb-1 {
    padding-bottom: .5em !important;
}

.owl-inner.revamp-home {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}

.vendor-slider .owl-stage {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
}

.post-main .direct-chat-img {
    border-radius: 50%;
    float: unset;
    width: 84px;
    height: 84px;
    margin: auto;
}

.post-main .direct-chat-text:after {
    border-width: 5px;
    margin-top: 5px;
}

.post-main .direct-chat-text:before {
    border-width: 6px;
    margin-top: 5px;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--app-accent) !important;
    color: #fff !important;
}

button.a-btn {
    padding: 4px 10px;
}

.dropdown-toggle::after {
    display: none;
}

a#dropdownMenuButton {
    font-size: x-large;
    padding-bottom: 0;
    padding-top: 0;
    color: #999;
}

p.mb-0.author-name.font-weight-light.c-post-meta {
    margin-bottom: -6px !important;
    font-size: 16px !important;
    color: #999;
}

.chunck_even {
    flex-direction: row-reverse;
}

p.t-o-h2.mb-0.c-post-max {
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

p.mb-0.author-name.font-weight-light.d-gri {
    margin-bottom: 0px !important;
}

.owl-header.post-a.rel-post.c-post-rel.post-chunks {
    min-height: 100px;
    background-position: center center !important;
    box-shadow: 2px 2px 20px 0 rgb(0 0 0 / 20%);
}

i.fas.fa-star {
    color: var(--app-accent);
    font-size: xx-small;
}

p.t-o-h.mb-0.big.mt-0.timeago-chunck {
    margin-top: -6px !important;
}

.owl-header.revamp {
    min-height: 240px;
    background-size: cover;
}

a.m-auto.p-0.view-all-h {
    color: var(--app-accent);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}

a.btn.quoted-btn {
    background: #e5e5e5;
    padding: 0px 4px;
    font-size: small;
    color: #999;
    box-shadow: none;
    margin-top: 4px;
    margin-bottom: 4px;
}

.quoted-message {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
}

p.mb-0.h6.font-weight-bold.revamp {
    font-size: large;
    line-height: 1.5em;
}

a.not-a:hover p {
    color: var(--app-accent);
}

.cat-bg.revamp {
    min-width: 100px;
    min-height: 100px;
    border-radius: 50%;
    max-width: 100px;
    max-height: 100%;
    background-position: center center;
    background-size: cover;
    margin: auto;
    margin-bottom: 10px;
}

hr.w-10.m-auto {
    max-width: 10%;
    margin-top: 1em !IMPORTANT;
}

.post-man-avatar.c-post.revamp {
    width: 54px;
    height: 54px;
}

p.t-o-h.mb-0.c-post-meta.shade.p-0 {
    margin-top: -8px;
    color: #9b9b9b !important;
    font-size: medium;
}

.p-0.p-sm-5.pt-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

section.bb-1 {
    border-bottom: 1px solid #bfbfbf;
}

hr.app-divider {
    position: absolute;
    width: 1px;
    height: 75%;
    background: #bfbfbf;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a.not-a.small {
    font-size: 90%;
}

.col-12.position-absolute.suggestions {
    background: #fff;
    width: calc(100% - 8em);
    top: 4em;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
    max-height: 300px;
    overflow: auto;
    z-index: 99;
}

a.not-a.small.keyword-item {
    font-size: 100%;
    color: #666;
}

a.not-a.small.location-item {
    font-size: 100%;
    color: #666;
}

.carousel-indicators li {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.carousel-indicators li.active {
    background-color: var(--app-accent);
}

.suggestion-a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

a.suggetion-list {
    color: #fff;
}

a.not-a.a-btn {
    display: block;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    padding: 6px 10px;
}

a.not-a.a-btn:hover {
    border-color: #bb8a20;
}

.row.m-fit-content.m-auto {
    max-width: 400px;
}

.image-bg-gallery {
    min-width: 180px;
    min-height: 300px;
    border-radius: 4px;
    background-position: center top;
    background-size: cover;
}

.cursor-pointer {
    cursor: pointer;
}

.image-bg-gallery p {
    width: 100%;
    color: #fff;
    background: #333333ad;
    bottom: 0;
    margin: 0px;
    text-transform: uppercase;
    height: 0;
    transition: .5s ease;
}

.image-bg-gallery:hover p {
    height: 40px;
    transition: .5s ease;
}

.col-4.story-sub-image {
    min-height: 60px;
    background-position: center center;
    background-size: cover;
    border-top: 1px solid #fff;
    -webkit-transition: all 0.3s ease-in-out;
}

.col-4.story-sub-image.center {
    border: 1px solid #fff;
    border-bottom: 0px;
}

.story-image-info {
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.story-image-info small {
    margin-top: -6px;
}

.story-sub-image:hover {
    background-size: 120%;
}

a.a {
    color: var(--app-accent);
    text-decoration: none;
}

.dropdown-menu.c-d-menu {
    border: none;
}

.vendor-tab #nav-tab {
    border-bottom: 0px;
}

.vendor-tab #tabs {
    background: #007b5e;
    color: #eee;
}

.vendor-tab #tabs h6.section-title {
    color: #eee;
}

.vendor-tab #tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid var(--app-accent) !important;
    font-size: 16px;
}

.vendor-tab #nav-tab .nav-link:hover {
    border-bottom: 3px solid var(--app-accent) !important;
}

.vendor-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: var(--app-accent) !important;
    font-size: 16px;
}

.vendor-tab .nav-link:hover {
    border-color: transparent;
}

.vendor-tab thead {
    background: #f3f3f3;
    color: #333;
}

.vendor-tab div#nav-tab a {
    text-decoration: none;
    color: #555 !important;
}

div#nav-tab {
    width: max-content;
}

.image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000ad;
    z-index: 99;
}

.owl-item.active .image-overlay {
    background: none;
    z-index: -1 !important;
}

.vendor-photos .owl-nav .owl-prev {
    left: 30px;
    color: #fff;
}

.vendor-photos .owl-nav .owl-next {
    right: 30px;
    color: #fff;
}

.owl-video-tn {
    min-height: 408px;
}

.owl-carousel .owl-video-tn {
    background-size: cover !Important;
}

.card-header.vendor a {
    background: #fff !important;
    font-weight: 600;
}

card.vendor.mb-2 {
    border-bottom: 1px solid #e5e5e5 !important;
}

.vendor-faq #faq .vendor.collapse.show {
    background: #fff !important;
}

.vendor-faq #faq .card-body.vendor {
    background: #fff !important;
}

.card.vendor.mb-2 {
    border-bottom: 1px solid #e5e5e5 !important;
}

.saved i {
    color: var(--app-accent);
}

.alert a {
    color: #fff;
    text-decoration: underline;
}

span.full-screen-toggle {
    position: absolute;
    row-gap: 10px;
    right: 10px;
    background: #0000007d;
    color: #fff;
    padding: 5px 5px 0px 6px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 9;
}

.full-screen-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
}

.full-screen-container {
    background: #fff;
}

span.close-full-screen {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: xx-large;
    display: flex;
    padding: 2px 8px;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 rgb(255 255 255 / 8%);
    z-index: 9;
}

.item.thumbnail {
    border: 1px solid;
    cursor: pointer;
}

.owl-item.active.current .thumbnail {
    border-color: var(--app-accent);
}

.image-caption {
    position: absolute;
    top: 0;
    padding: 10px;
    background: #ffffffc9;
    width: 100%;
    opacity: 0;
    z-index: 9;
}

.owl-carousel.photos-sync {
    opacity: 0;
}

.col-sm-9.vendor-photos:hover .image-caption {
    opacity: 1;
}

.col-sm-9.vendor-photos:hover .owl-carousel.photos-sync {
    opacity: 1;
}

.col-sm-9.vendor-photos:hover .owl-carousel.videos-sync {
    opacity: 1;
}

.col-sm-12.vendor-photos:hover .image-caption {
    opacity: 1;
}

.col-sm-12.vendor-photos:hover .owl-carousel.photos-sync {
    opacity: 1;
}

.col-sm-12.vendor-photos:hover .owl-carousel.videos-sync {
    opacity: 1;
}

.vendor-full-carousel img {
    height: 100vh;
    object-fit: cover;
}

.owl-carousel.photos-sync {
    position: absolute;
    opacity: 0;
    bottom: 0;
    background: #ffffffa1;
    width: 100%;
}

.vendor-full-carousel-video .owl-video-tn {
    height: 100vh !important;
}

.vendor-full-carousel-video iframe {
    height: 100vh;
}

.owl-carousel.videos-sync {
    position: absolute;
    opacity: 0;
    bottom: 0;
    background: #ffffffa1;
    width: 100%;
}

.image-bg-team {
    min-height: 120px;
    width: 120px;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    margin: auto;
}

.col-team-inner {
    border: 1px solid #cfc7c78f;
    border-radius: 2px;
}

.m-c-0 * {
    margin: 0px;
}

i.fas.fa-circle.small {
    transform: scale(0.3);
    color: #afacac;
}

.phone-box {
    min-width: 300px;
    left: 0;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background: #fff;
    z-index: 99;
}

p.shade.large {
    font-size: large;
}

.phone-box button.invert {
    box-shadow: none !important;
    color: var(--app-accent) !important;
    border: 1px solid var(--app-accent);
    background: #fff !important;
    font-weight: 600;
}

.phone-box button.invert:hover {
    color: #fff !important;
    background: var(--app-accent) !important;
}

.phone-number-p {
    font-size: large;
    font-weight: 600;
}

.request-form {
    box-shadow: 0 0px 20px 0px rgb(0 0 0 / 13%);
    border-radius: 10px;
    padding: 20px !important;
}

.request-form i {
    color: var(--app-accent);
}

textarea.form-control.c-form-control.r-f {
    height: 100px;
    resize: none;
}

.form-control.r-f {
    border-radius: 3px;
}

span.first.vt.v-9.ico::before {
    background-position: -28px -866px;
}

.pl-2.c-check-box.action span {
    border-radius: 2px !important;
}

.vendor-request-price-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #0000008a;
    height: 100%;
    z-index: 999;
    padding: 30px 10px;
    overflow: auto;
}

.c-form-control.r-fp {
    border: none !important;
    border-bottom: 1px solid #b6bbbf !important;
    border-radius: 0px !important;
    box-shadow: none !IMPORTANT;
}

.pop-up-inner {
    margin: auto;
    width: 100%;
    max-width: 600px;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
}

span.close-request-pop,
.close-password {
    cursor: pointer;
    top: -1.5em;
    right: 0;
    position: absolute;
    color: #fff;
    font-size: x-large;
}

section.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff !important;
    z-index: 99;
    border-bottom: 1px solid #e5e5e5;
}

.v-hidden {
    visibility: hidden;
}

section#vendor-tabs .v-hidden {
    display: none !important;
}

p.success {
    color: var(--app-accent);
}

.item.request {
    border: 1px solid #e5e5e5;
}

.rating-total.text-center {
    border: 1px solid #e5e5e5;
}

p.stars i {
    font-size: larger !important;
    color: #ffc107 !important;
}

.has-multiple select#category {
    border-radius: 10px !important;
}

span.rating-item {
    background: url(/assets/icons/V07.svg) no-repeat;
    height: 1rem;
    line-height: 0;
    display: block;
    background-position-y: -35px;
    width: 100px;
}

.has-multiple .postInsp {
    display: none !important;
}

.save-all {
    display: none;

}

.has-multiple .save-all {
    display: unset !important;
}

span.rating-inner {
    background: url(/assets/icons/V07.svg) no-repeat;
    height: 1rem;
    line-height: 0;
    display: block;
    background-position-y: -35px;
    width: 100px;
}

span.rating-inner {
    background-position-x: -100px;
}

p.stars.mb-0.small {
    font-size: large;
}

p.stars.mb-0.small i {
    font-size: small !important;
}

.rating-more {
    padding: 10px;
    background: #f8f9fa;
    border-radius: 2px;
    margin-bottom: 10px;
}

span.toggle-all-rating {
    color: #fff;
    cursor: pointer;
}

p.stars.mb-0.small span.toggle-all-rating i {
    font-size: x-large !important;
    color: #444 !important;
}

.review-side-bg {
    min-height: 100vh;
    background-size: cover;
    background-position: top center;
    position: fixed;
    left: 0;
}

a.text-white.text-uppercase {
    text-decoration: none;
}

a.mt-3.text-black.not-a.text-uppercase {
    font-size: xx-large;
}

h2.cond.text-black {
    color: #222;
}

p.h5.text-black.font-weight-bold {
    color: #333;
}

.review.owl-header {
    max-height: 100px !important;
    min-height: 76px;
}

.mt-2.tab {
    display: none;
}

.mt-2.tab.text-black {
    color: #333;
}

.mt-2.tab textarea#message {
    min-height: 160px;
    resize: none;
}

.mt-2.tab.text-black .invalid {
    border-bottom: 1px solid #f44336 !important;
}

p.stars.mb-0.small.mt--2 {
    margin-top: -10px;
}

p.h5.text-black.font-weight-bold.sm-3 {
    font-size: larger;
    color: #555;
}

.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    height: 25px;
    overflow: hidden;
    position: relative;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}

.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.star-rating input:hover+i,
.star-rating input:checked+i {
    opacity: 1;
}

.star-rating i~i {
    width: 40%;
}

.star-rating i~i~i {
    width: 60%;
}

.star-rating i~i~i~i {
    width: 80%;
}

.star-rating i~i~i~i~i {
    width: 100%;
}

::after,
::before {
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

.star-rating.star-5 {
    width: 125px;
}

.star-rating.star-5 input,
.star-rating.star-5 i {
    width: 20%;
}

.star-rating.star-5 i~i {
    width: 40%;
}

.star-rating.star-5 i~i~i {
    width: 60%;
}

.star-rating.star-5 i~i~i~i {
    width: 80%;
}

.star-rating.star-5 i~i~i~i~i {
    width: 100%;
}

.star-rating.star-3 {
    width: 150px;
}

.star-rating.star-3 input,
.star-rating.star-3 i {
    width: 33.33%;
}

.star-rating.star-3 i~i {
    width: 66.66%;
}

.star-rating.star-3 i~i~i {
    width: 100%;
}

span.rating-value {
    color: #333;
    padding: 4px 10px;
    background: #e5e5e5;
    border-radius: 2px;
    font-size: small;
}

span.rating-value:empty {
    display: none;
}

span.rating-value.rate-5 {
    background: #48964d;
    color: #fff;
}

span.rating-value.rate-4 {
    background: #c1d759;
    color: #fff;
}

span.rating-value.rate-3 {
    background: #ffac5a;
    color: #fff;
}

span.rating-value.rate-2 {
    background: #f5c357;
    color: #fff;
}

i.fa.fa-star.rating {
    color: #ffc107;
}

.review-image {
    min-height: 100px;
    min-width: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 12px;
}

.review-images.d-flex {
    overflow: hidden;
}

span.loader {
    color: var(--app-accent);
    z-index: 9;
    position: absolute;
    left: 50%;
    font-size: xxx-large;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: rotation 1s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.col-9.col-sm-9.text-left {
    height: min-content;
}

.col-sm-9.vendor-photos.pr-0.review-photos .item {
    max-width: 100%;
    max-height: 100vh;
}

.review-item .col-sm-3.d-block.pl-0.d-sm-block.p-3.p-sm-0 {
    overflow-y: scroll;
    max-height: 90%;
    overflow-x: hidden;
}

.item.thumbnail img {
    max-height: 76px;
    height: 76px;
    object-fit: cover;
}

.item.text-center img {
    width: 100%;
}

.social-links i {
    font-size: x-large;
}

.social-links i.fab.fa-pinterest-square {
    color: #e20020;
}

.social-links i.fab.fa-twitter-square {
    color: #1a97f0;
}

.social-links i.fab.fa-facebook-square {
    color: #324b8e;
}

.social-links i.fab.fa-instagram {
    color: #de426e;
}

a.share_post.btn.save-post {
    box-shadow: none !important;
}

.font-primary {
    color: var(--app-accent) !important;
}

a.font-dark {
    color: #333 !important;
}

a.font-dark:hover {
    color: var(--app-accent) !important;
}

span.f-t-social-icon {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #dfe0e1;
    border-radius: 100%;
    margin-right: 10px;
}

span.f-t-social-icon a {
    font-size: x-large;
    color: #585656;
}

span.f-t-social-icon:hover {
    border-color: #868686;
}

.navbar .dropdown-menu.d1 div[class*="col"] {
    margin-bottom: 1rem;
}

.navbar .dropdown-menu.d1 {
    border: none;
    background-color: #ffffff !important
}

@media screen and (min-width: 992px) {
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .navbar .dropdown.d1 {
        position: static;
    }

    .navbar .dropdown-menu.d1 {
        width: 100%;
        left: 0;
        right: 0;
        top: 68px;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
    }

    .navbar .dropdown.d1:hover .dropdown-menu.d1,
    .navbar .dropdown .dropdown-menu.d1:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }

    .navbar .dropdown-menu.d1 {
        background-color: #fff;
    }
}

.navbar .dropdown-menu.d1 {
    border-radius: 0px;
}

li.plt {
    padding: 10px 10px 10px 0px !important;
}

.image-bg-gallery.header {
    min-width: 94px;
    min-height: 140px;
}

.w-100.wedding-app-header {
    padding: 10px;
    box-shadow: 0 0px 10px 0px rgb(0 0 0 / 15%);
    border-radius: 8px;
    background-color: #fff;
}

a.btn.btn-primary.c-primary.font-weight-bold.start-planning {
    box-shadow: none !important;
}

input.search-vendor {
    border: none;
    background: #dfdfdf !important;
    box-shadow: none !important;
    border-radius: 0px;
    padding: 30px 15px;
}

.max-w-80 {
    max-width: 80%;
}

.dropdown-menu.profile-menu {
    min-width: 340px;
    border: none;
    max-width: 346px;
    left: -300px;
}

.dropdown-menu.profile-menu {
    box-shadow: 0 0px 10px 4px rgb(26 26 26 / 10%);
}

button.btn.plaing-btn {
    display: block;
    width: 100%;
    border: 1px solid #a5a5a5;
    box-shadow: none !important;
    font-weight: 700;
    color: #000;
}

li.m-auto.mb-2 {
    margin-bottom: 0.5em !important;
}

ul.coloum-3 a {
    border-bottom: 0px !important;
}

a.dropdown-item.not-a {
    background: none !important;
}

button.navbar-toggler {
    margin-left: auto;
    border: none;
}

.search-bg.vendor-archive {
    min-height: 200px;
    background-size: cover;
    background-position: center center;
}

.search-bg.vendor-archive::before {
    content: "";
    background-image: url(/uploads/static/slice.svg);
    width: 101px;
    height: 200px;
    position: absolute;
    left: 0;
}

.search-main.archive-search .search-vendor {
    border-radius: 0px 16px 16px 0px !important;
    border: 2px solid var(--app-accent) !important;
}

input.archive-first {
    border: 1px solid #c1c1c1 !important;
    border-right: 0px !important;
    border-radius: 10px 0px 0px 10px !important;
}

input.archive-second {
    border: 1px solid #c1c1c1 !important;
    border-radius: 0px 0px 0px 0px !important;
}

button.btn.primary-btn.s-btn.d-block {
    background: var(--app-accent);
    color: #fff;
    box-shadow: none !important;
    border-radius: 0px;
}

.search-main.archive-search input.form-control.s-form-control {
    box-shadow: 4px 4px 14px 0 rgb(119 119 119 / 18%) !important;
}

.ml-auto.toggle-ui {
    background: #e7e7e787;
    padding: 8px 4px;
    border-radius: 20px;
}

span.ui-toggler {
    padding: 8px 12px;

    border-radius: 20px;
    color: #666;
}

span.ui-toggler.active {
    background: #fff;
    color: #333;
    font-weight: bold;
}

.item.archive-page .owl-inner.revamp-home {
    box-shadow: 0px 0px 20px 0 rgb(215 215 215) !important;
    border-radius: 10px;
}

.item.archive-page .owl-header {
    border-radius: 10px 10px 0px 0px;
}

.item.archive-page button.c-primary.request-pricing {
    border: 1px solid var(--app-accent) !important;
    background: #fff !important;
    color: var(--app-accent) !important;
}

.item.archive-page button.c-primary.request-pricing:hover {
    background: var(--app-accent) !important;
    color: #fff !important;
}

span.save-vendor {
    color: #fff;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: x-large;
    cursor: pointer;
}

.item.archive-page .owl-inner.revamp-home:hover {
    box-shadow: 0px 0px 20px 6px rgb(215 215 215) !important;
}

.post-main form .owl-inner.revamp-home:hover {
    box-shadow: 0px 0px 20px 6px rgb(215 215 215) !important;
}

.row.list .item.archive-page .owl-header {
    border-radius: 10px !important;
}

a.bg-a {
    text-decoration: none;
    color: inherit;
}

.save-vendor.saved i {
    color: #f76c6f;
}

div#map-canvas {
    height: calc(100vh - 60px);
    border-radius: 10px;
}

.t-o-h-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.owl-inner.vendorMap.active {
    border: 2px solid #10c0d7 !important;
}

.gm-style-iw.gm-style-iw-c {
    border: 2px solid #10c0d7;
    font-weight: 700;
}

.row.map.ui-container .item.archive-page .owl-inner.revamp-home {
    border: 2px solid #fff;
}

.gm-style .gm-style-iw-t::after {
    top: -1px;
    border: 2px solid #10c0d7;
    border-right: 0;
    border-top: 0;
    z-index: 99;
}

ul.archive-filter {
    display: block;
    list-style: none;
}

span.show i {
    transform: rotate(270deg);
}

.d-flex.result-info {
    flex-wrap: wrap;
}

.post-side.archive-side p {
    font-size: initial;
}

label.error.c-error {
    color: #f44336;
    font-size: smaller;
    text-transform: capitalize;
    font-weight: 500;
}

.max-container.m-h-80 {
    min-height: 40vh;
}

.update_address_form {
    max-width: 600px;
    margin: auto;
}

.tassels-bg {
    min-height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.tassels-bg.top {
    background-size: cover;
    margin-top: -3em;
    margin-bottom: 2em;
    background-position: top center;
}

.invited_event {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

form .borderless {
    border: none !important;
    padding: 0px;
    box-shadow: none !important;
}

.search-result {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%) !important;
}

.btn.start-planning {
    box-shadow: none !important;
}

.btn.start-planning:active,
.btn.start-planning:focus {
    background-color: var(--app-accent) !important;
    border-color: var(--app-accent) !important;
    color: #fff;
}

.redirect {
    cursor: pointer;
}

label.error {
    margin: 0;
    color: #f44336;
    text-transform: none;
}

.t-o-h.max-80 {
    max-width: 74%;
}

nav.fixed-top {
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}

.swal2-toast h2#swal2-title {
    font-size: large;
    font-weight: 100;
}

.text-underline:hover {
    text-decoration: underline !IMPORTANT;
}

.action-links {
    z-index: 99;
}

.h-100.newsletter-inner {
    min-height: max-content !important;
}

span.new-reply {
    position: absolute;
    top: 8px;
    right: 10px;
    background: var(--app-accent);
    color: #fff;
    padding: 2px 4px;
    font-size: xx-small;
    border-radius: 32px;
    text-transform: uppercase;
}

p.message-name {
    max-width: 200px;
}

input.calendar-date {
    background: #fff !important;
    cursor: pointer !important;
}

.side-calendar {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

table.side-calendar-table {
    width: 100%;
    text-align: center;
}

table.side-calendar-table td {
    padding-bottom: 4px;
    padding-top: 4px;
}

a.month-changer {
    font-size: larger;
}

.vendor-calendar {
    position: absolute;
    width: 100%;
    z-index: 9;
    background: #fff;
    top: 42px;
}

.vendor-calendar .date {
    color: #999 !important;
    cursor: not-allowed;
}

.vendor-calendar td.date.bookable {
    color: var(--app-accent) !important;
    font-weight: 600;
    cursor: pointer;
}

a.change-month i {
    color: #333 !important;
}

.vendor-calendar.loading .side-calendar {
    opacity: 0.4;
}

.vendor-calendar .loader {
    display: none;
    font-size: revert;
}

.loading .loader {
    display: block !important;
}

.d-flex.date-status i {
    font-size: smaller;
    color: #a2a2a2;
    margin-right: 2px;
}

.available-list i {
    color: var(--app-accent) !important;
}

.text-underline.underline {
    text-decoration: underline !important;
}

.close-calendar i {
    color: #444 !important;
}

.request-pop .btn,
body.btn {
    font-weight: 100 !important;
}

.books.d-flex.h-100.c-scroll.c-scroll-sm {
    /*padding-bottom: 6px;*/
}

span.loader.small {
    position: unset;
    font-size: unset;
}

span.times:hover {
    background: var(--app-accent);
    color: #fff;
}

span.times {
    padding: 4px 10px;
    background: #ddd;
    display: inline-block;
    font-size: small;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 5px;
}

.time-slots.p-2.w-100 {
    border: 1px solid #d9d9d9;
    margin-top: 1em;
    border-radius: 2px;
}

label.time-label {
    margin: 0;
    font-weight: 100;
    text-transform: capitalize;
    background: #e6e6e6;
    padding: 4px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.time-option:checked+label {
    font-weight: bold;
    background: var(--app-accent);
    color: #ffff;
}

.paginate span,
.paginate a,
.pagination-btn span,
.pagination-btn a {
    border-radius: 0.25em;
}

@media (max-width: 991px) {
    .navbar .dropdown-menu.d1 {
        border: none;
        background-color: #f1eeee !important;
    }

    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 80%;
        height: 100%;
        z-index: 9999;
        background-color: #ffffff;
        box-shadow: 0 0px 10px 4px rgb(26 26 26 / 10%);
    }

    .navbar-collapse.collapsing {
        left: -80%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed~.navbar-collapse {
        transition: left 500ms ease-in-out;
    }
}

span.close-nav {
    border: none;
    font-size: x-large;
    z-index: 9999;
}

.mobile-closer {
    border-bottom: 1px solid #d7d6d6;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px 0px;
    margin-top: -15px;
}

.notification-settings span {
    font-size: initial;
    color: #222;
}

.notification-settings .custom-checkbox .custom-control-label::before {
    border-radius: .25rem !important;
}

.notification-link i {
    color: var(--app-accent) !important;
}

.avatar.online::before {
    content: "\f111";
    position: absolute;
    right: 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #4caf50;
    top: 0;
}

.avatar.avatar-blue.online {
    position: relative;
}

.notificationPop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
    background: #fff;
    max-width: 400px;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0px 20px 2px rgb(0 0 0 / 23%);
}

a.btn.notification-btn {
    background: var(--app-accent);
    color: #fff;
    box-shadow: none;
    border: 1px solid var(--app-accent);
}

.notification-img img {
    max-width: 80px;
}

.vendor-badge-earned {
    border: none !important;
}

.vendor-badge-earned .background-rating {
    max-width: 140px;
}

.profile-checklists-list a {
    font-size: larger;
}

.checklist-icon i {
    font-size: x-large;
    color: #999;
}

main.video-app-main {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}

.video-error {
    background: #222;
    padding: 10px;
    border-radius: 4px;
    margin: auto;
    display: none;
}

.error .video-container {
    display: none !important;
}

.error .video-error {
    display: block;
}

.sender-online::before {
    content: "\f111";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #4caf50;
    top: 0;
    z-index: 99;
    font-size: small;
    left: 30px;
}

main.video-app-main {
    background-color: #111;
}

body.video-chat nav.navbar,
body.video-chat footer {
    background-color: #222 !important;
}

body.video-chat footer * {
    color: #ffffffb8;
}

body.video-chat footer .col-12 p {
    text-align: center;
}

body.video-chat {
    background: #111 !important;
    min-height: 100vh;
    position: relative;
}

body.video-chat footer {
    position: absolute;
}

body.video-chat footer {
    position: absolute;
    bottom: 0;
    padding: 0.75em !important;
    font-size: small;
}

body.video-chat nav.navbar {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.error .video-error {
    display: block;
    color: #ffffffb8 !important;
}

.error .video-error a {
    color: #ffffffb8;
}

.video-chat .swal2-popup {
    background: #222;
    color: #ffffffb8 !important;
}

.video-chat .swal2-popup * {
    color: #ffffffb8 !important;
}

.position-absolute.video-controls {
    position: absolute;
    left: 50%;
    bottom: 8%;
    z-index: 9999;
    background: #22222261;
    padding: 10px 10px;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}

a.video-control {
    background: #111;
    color: #fff !important;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    text-decoration: none !important;
}

a.video-control.leave {
    background: #f44336;
}

body.video-chat .swal2-popup button {
    background: #111 !important;
}

.video-group video {
    position: unset !important;
    height: 100% !important;
    border-radius: 6px;
}

.video-group .player>div {
    background: none !important;
    display: flex;
    align-items: center;
}

p.video-player-name {
    background: #1111117d;
    padding: 2px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: small;
}

body.video-chat nav .navbar-brand {
    padding: 0px !important;
}

main.video-app-main.position-relative {
    padding-top: 60px;
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    body.video-chat nav .navbar-brand {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .video-chat .container.max-container {
        max-width: 1460px;
    }

    main.video-app-main.position-relative {
        padding-top: 76px;
        padding-bottom: 40px;
    }
}

div#remote-playerlist {
    height: 100%;
}

div#remote-playerlist>div {
    background: #000;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

div#remote-playerlist .player {
    background: #000;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

.video-group .media-info {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
}

div#remote-playerlist .position-relative {
    height: 100%;
}

.video-group .player-wrapper .muted-letter-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    font-size: 3em;
    color: #fff;
    background: #222 !important;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    align-items: center;
    display: none;
}

.player-wrapper.muted .muted-letter-icon {
    display: flex;
}

div#local-player>div {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

.background-rating {
    width: 100%;
    min-height: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

span.review-rating-count {
    color: #fff;
    font-size: xx-large;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

.direct-chat-messages .attachment-item {
    min-height: 116px;
    min-width: 116px;
    max-width: 116px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    /*background-color: #fff;*/
}

@media (max-width: 575px) {
    .direct-chat-messages .attachment-item {
        min-height: 122px;
        min-width: 122px;
        max-width: 122px;
    }
}

a.image-link.col-sm-3.col-6.p-0.mb-1.pr-0 {
    background-color: #ffffff !important;
    margin-right: 0.4em !important;
    background-image: url(/uploads/static/download.png);
    background-size: 55%;
    background-position: center center;
    background-repeat: no-repeat;
}

.attachment-item.pdf,
.attachment-item.doc,
.attachment-item.docx {
    background-image: url(/uploads/static/attachment.png) !important;
    background-size: contain;
    background-position: center center;
}

.close-report {
    color: var(--app-accent) !important;
    cursor: pointer;
}

.close-report:hover {
    color: #fff !important;
}

.attachments-list.row.m-0 {
    margin-bottom: -0.25em !important;
}

button.join-video {
    background: var(--app-accent) !important;
    color: #fff !important;
    border: 1px solid var(--app-accent);
}

.c-scroller-pop {
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.post-inspiration-bn {
    background: var(--app-accent);
    color: #fff;
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.position-absolute.image-crop.z-9999999999 {
    z-index: 99999999;
}

.inspiration-tags {
    width: fit-content;
    max-width: 100%;
}

a.inpsiration-tag {
    padding: 4px 10px;
    border: 1px solid #efefef;
    margin-right: 4px;
    border-radius: 6px;
    margin-bottom: 4px;
    display: inline-block;
}

a.inpsiration-tag:hover,
a.inpsiration-tag.selected {
    background: var(--app-accent);
    color: #fff !important;
    border: 1px solid var(--app-accent);
}

div#photos .photo-preview .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-height: 328px;
    min-height: 328px;
    object-fit: cover;
}

.msrItem.col-6 {
    padding-left: 4px;
    padding-right: 4px;
}

.msrItem.col-6 img {
    width: 100%;
    border-radius: 1em;
}

.load-more-inspiration {
    padding: 6px 20px;
    border: 1px solid #bababa;
    color: #333 !important;
    border-radius: 6px;
}

a.m-auto.load-more-inspiration {
    background: var(--app-accent);
    color: #fff !important;
    border: none !important;
}

a.request-info {
    padding: 8px 20px;
}

.dropdown-menu.d1:hover {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
}

.owl-header.story.inspiration {
    border-radius: 10px;
}

span.save-inspiration {
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: x-large;
    cursor: pointer;
    color: #fff;
}

.save-inspiration.saved i {
    color: #f76c6f;
}

.msrItem:hover.msrItem img {
    filter: brightness(0.8);
    cursor: pointer;
}

.row.append-row.mb-r0w {
    max-height: 400px;
    overflow-y: auto;
}

.moodboard-thumb {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center center !important;
}

.direct-chat-text a {
    /*text-decoration: underline !important;*/
    color: #666 !important;
}

.chat-text a {
    color: #777 !important
}

.row.m-0.picker-row {
    margin-right: -4px !important;
    margin-left: -4px !important;
}

.moodboard-main.mm-inner {
    min-height: 140px;
    cursor: pointer;
    background-position: center center !important;
    background-size: cover !important;
}

a.not-a.all-moodboard {
    color: var(--accent);
}

.collage .d-flex.flex-row.flex-wrap.justify-content-center {
    margin-left: -5px;
    margin-right: -5px;
}

.collage .flex-column {
    max-width: 25%;
    width: 100%;
}

.image-top.odd {
    min-height: 200px;
}

.image-collection {
    margin: 5px;
    background-position: center center !important;
    background-size: cover !important;
}

.image-top.even {
    min-height: 300px;
}

.image-collection {
    margin: 5px;
    background-position: center center !important;
    background-size: cover !important;
}

.image-bottom.odd {
    min-height: 300px;
}

.image-bottom.even {
    min-height: 200px;
}

.image-collection p {
    color: #fff;
}

.dropdown-menu.c-drop-down {
    box-shadow: 0 0px 10px 4px rgb(26 26 26 / 10%);
    border: none !important;
}

.row.m-0.picker-row {
    margin-right: -4px !important;
    margin-left: -4px !important;
}

.col.color-picker {
    padding: 4px;
}

.col.color-picker.cursor-pointer {
    margin: 4px;
}

.col.color-picker {
    padding: 4px;
    min-height: 30px;
}

@media screen and (min-width: 576px) {
    .col.color-picker {
        min-height: 60px;
    }
}

@media screen and (max-width: 575px) {
    .form-group.range-copy {
        order: 1;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .form-group.range-copy>div {
        max-width: 100% !important;
    }

    .plan-feature {
        max-width: fit-content;
        margin: auto;
    }

    .collage .flex-column {
        max-width: 50% !important;
    }
}

.container.mm-public {
    max-width: 740px;
    margin: auto;
}

.container.mm2-public {
    max-width: 960px;
    margin: auto;
}

input.form-group.image-tag {
    position: absolute;
    border: none;
    background: #ffffffc7;
    border-radius: 4px;
    bottom: 10px;
    left: 10px;
    margin: 0px;
    max-width: 60%;
    padding: 0px 5px;
}

.image-tag-mm {
    margin: 0;
    position: absolute;
    bottom: 8px;
    left: 8px;
    max-width: 80%;
    padding: 2px 10px;
    background: #fff;
    border-radius: 6px;
    color: #333 !important;
    font-size: small;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}

p.chat-user-online::after {
    content: "Online";
    position: absolute;
    left: 0px;
    font-weight: 300;
    color: #4caf50;
    font-size: small;
    bottom: 6px;
    z-index: 99;
    height: fit-content;
}

p.chat-user-online {
    position: relative;
}

.event-container.eventRow {
    flex-grow: unset;
    flex-wrap: nowrap;
}

hr.appointment-hr {
    max-width: 30%;
    margin: auto;
}

.time-duration-selection button:hover {
    border-color: var(--app-accent);
    color: var(--app-accent);
}

.create-appointment {
    border-radius: 6px;
    /*background: #f8f9fa;*/
}

.create-appointment .vendor-calendar.schedulerCal {
    position: unset !important;
}

.create-appointment .appendedTimes.c-scroll {
    max-height: 254px;
    overflow: auto;
}

.radio-confirm a {
    text-align: center;
    font-size: small;
    background: var(--app-accent);
    padding: 8px 8px;
    color: #fff !important;
    border-radius: 4px;
}

.create-appointment button.selected {
    padding: 0px;
    border: 0px !important;
}

a.btn.time-btn {
    background: #fff;
    color: #555 !important;
    border: 1px solid #d9d9d9;
}

span.staff-selection-avatar img {
    width: 30px;
    border-radius: 50%;
    height: 30px;
    margin-right: 6px;
}

.max-460 {
    max-width: 460px;
    margin: auto;
}

span.featured-vendor {
    position: absolute;
    background: var(--app-accent);
    color: #fff;
    font-size: small;
    padding: 2px 4px;
    left: 0;
    top: 0;
}

div a:hover {
    color: #333;
}

.plan-details.p-3 {
    box-shadow: 2px 2px 20px 0px rgb(86 86 86 / 8%) !important;
    border-radius: 4px;
}

.card-selection label {
    text-transform: unset;
}

.card-container {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-bottom: 10px;
}

.error.c-error.small {
    color: #f44336;
}

.expired.card-container,
.expired.card-container label {
    cursor: no-drop !important;
}

.error-container {
    min-height: 60vh;
    background-size: cover !important;
    background-position: center center !important;
    color: #fff;
}

.error-container hr {
    color: #fff;
    background: #fff;
}

img.object-contain {
    object-fit: contain;
}

i.creditcard-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--app-accent);
    font-size: large;
}

i.creditcard-icon.icon2 {
    top: 70%;
}

span.video-toggler {
    cursor: pointer;
}

.small-screen-container .first-video {
    position: absolute;
    z-index: 9;
    right: 6px;
    bottom: 6px;
    max-width: 180px;
    margin-top: 0px !important;
    cursor: grab;
    height: fit-content;
}

.small-screen-container .first-video:active {
    cursor: grabbing;
}

@media screen and (min-width: 576px) {
    .small-screen-container .first-video {
        max-width: 260px;
    }

    .row.video-group {
        max-width: 94%;
        margin: auto !important;
    }

    .small-screen-container {
        max-width: 84% !important;
    }
}

a.save-post,
a.report-post {
    text-decoration: none !important;
}

.small-screen-container .second-video .agora_video_player {
    min-height: 80vh !important;
    max-height: 80vh;
}

.small-screen-container .col-sm-6.second-video {
    max-width: 100% !important;
    flex: unset;
    min-height: 80vh !important;
}

.small-screen-container div#remote-playerlist .position-relative {
    height: 100%;
    min-height: 80vh;
}

a.dropdown-item.not-a:active {
    color: #999 !important;
}

form.vendor-login-box {
    background: rgba(0, 0, 0, .3);
    border-radius: 10px;
}

form.vendor-login-box .first input {
    border-radius: 6px 6px 0px 0px;
}

form.vendor-login-box .last input {
    border-radius: 0px 0px 6px 6px;
}

form.vendor-login-box input {
    padding-left: 34px;
}

span.vl-email,
span.vl-pass {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(https://cdn1.weddingwire.ca/assets/img/admin-emp/sprite_ui.svg) no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 20px;
    left: 10px;
    top: 50%;
    position: absolute;
}

span.vl-pass {
    background-position: 50% -51px;
}

.claim-search {
    max-width: 420px;
}

form.claimer input {
    border: 1px solid #e5e5e5 !important;
}

form.vendor-register .form-group label {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: small;
}

.vr-info-box {
    background: var(--app-accent-light1);
    padding: 20px;
    border: 1px solid var(--app-accent-light2);
}

form.vendor-register .form-group label.error {
    text-transform: none;
    font-weight: 100;
}

.m-auto.image-adder {
    max-width: fit-content;
}

.drop-area {
    border: 2px dashed rgb(187, 186, 186);
}

img:not(.maps img) {
    pointer-events: none;
}

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

.image_rimg label.btn.btn-primary {
    margin: 0;
    padding: 0 10px 4px;
    color: #333;
    background: #ececec;
    border: none;
    border-radius: 20px
}

.image_rimg label.btn.btn-primary {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.image_rimg .col-lg-4.col-sm-4.col-6.imgUp {
    position: relative;
    margin: 0;
    padding: 4px 6px
}

.image_rimg .imagePreview {
    width: 100%;
    height: 140px;
    background-position: center center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .08) !important;
}

.image_rimg .del {
    position: absolute;
    top: 6px;
    right: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    background-color: rgba(255, 255, 255, .6);
    cursor: pointer;
    color: #f44336;
    border-radius: 50%;
    box-shadow: 0 0 8px 2px rgb(0 0 0 / 6%) !important;
}

.default-image {
    position: absolute;
    left: 7px;
    top: 3px;
    background: #fff;
    font-size: medium;
    padding: 2px 6px 2px 30px;
    border-radius: 5px;
    transform: scale(0.8);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .08) !important;
}

.btn-message-guest {
    border: 1px solid #d9d9d9;
    color: #444;
    box-shadow: none !important;
}

.vr-steps {
    max-width: 800px;
    margin: auto;
    margin-bottom: 2em;
    margin-top: 2em;
}

.vr-steps .step {
    border: 2px solid #999;
    width: 40px;
    height: 40px;
    display: inline-flex;
    border-radius: 50%;
    font-size: x-large;
    text-align: center;
    color: #666;
    font-weight: bold;
    background-color: #fff;
}

.step-completed .step {
    border-color: var(--app-accent);
    color: var(--app-accent);
}

.step-main::before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    height: 6px;
    background: #d1d1d1;
    top: 22%;
    z-index: -9;
}

.step-mid.step-main::before {
    width: 100%;
    left: 0;
}

.step-first.step-main::before {
    width: 50%;
    right: 0 !important;
    left: unset;
}

.step-last.step-main::before {
    width: 50%;
}

.step-completed.step-main::before {
    background: var(--app-accent);
}

a.remove-faq {
    position: absolute;
    right: 15px;
    color: #333;
    text-decoration: underline;
}

.deal-selector label {
    width: 60px;
    height: 40px;
    background: var(--app-accent-light1);
    border: 1px solid var(--app-accent-light2);
    font-size: large;
    cursor: pointer;
}

.deal-selector input[type="radio"]:checked+label {
    font-weight: bold;
}

.deal-selector input[type="radio"]:checked+label {
    font-weight: bold;
    color: #fff;
    background: var(--app-accent);
}

.deals .save-card {
    display: none;
}

.invoice .i-h {
    display: none !important;
}

.invoice .i-h2 {
    height: unset !important;
}

span.deal-dis {
    position: absolute;
    right: 9px;
    top: -18px;
    background: #ffc107;
    color: #fff;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: small;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 31%);
}

.discount-v {
    font-weight: 600;
    text-transform: uppercase;
    color: #bb8a20;
    margin-bottom: -12px !important;
    display: block;
    font-size: small;
}

img.gen_app_image {
    max-width: 232px;
}

.tool-inner {
    border: 1px solid #fff;
    cursor: pointer;
}

.tool-inner:hover {
    border-color: #e5e5e5;
}

.planning-tool-icon span {
    background: url(/assets/icons/V11.svg) no-repeat scroll 0 0 transparent;
    height: 83px;
    margin: 0 auto 5px;
    display: block;
    cursor: pointer;
}

.planning-tool-icon span {
    background-position: 50% 0;
}

.planning-tool-icon.icon-1 span {
    background-position: 50% -108px;
}

.planning-tool-icon.icon-2 span {
    background-position: 50% -212px;
}

.planning-tool-icon.icon-3 span {
    background-position: 50% -322px;
}

.planning-tool-icon.icon-4 span {
    background-position: 50% -748px;
}

.planning-tool-icon.icon-5 span {
    background-position: 50% -426px;
}

.planning-tool-icon.icon-6 span {
    background-position: 50% -543px;
}

.planning-tool-icon.icon-7 span {
    background-position: 50% -650px;
}

.owl-footer.text-center.pt-1.p-3 {
    min-height: 72px;
}

.owl-footer.text-left {
    min-height: 49px;
    color: #555 !important;
}

img.w-100.checklist-img {
    max-width: 600px;
}

figure.figure label {
    cursor: pointer;
}

.max-container.vendor-tab nav {
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

body.app .top-bar,
body.app footer {
    display: none !important;
}

.add-images {
    border: 1px solid #e6e6e6;
    padding-top: 1em;
    padding-bottom: 1em;
}

.budget-form.shadow-none {
    box-shadow: none !important;
    border-bottom: 1px solid #99999961 !important;
}

.couple-images {
    margin-right: -4px;
    margin-left: -4px;
}

.msrItem.image-t img {
    max-height: 240px;
    object-fit: cover;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range']::-webkit-slider-thumb {
        cursor: pointer;
        background: var(--app-accent) !important;
        box-shadow: none !important;
    }
}

.form-group.range-copy>div {
    margin-top: -30px;
    max-width: 284px;
}

.form-group.range-copy p {
    margin-top: -10px;
    font-size: small;
    font-weight: 600;
}

a.exit-user-area {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 999;
}

.web-framed .pre-header,
.web-framed footer {
    display: none;
}

.d-flex.insp-poster {
    max-width: 660px;
    margin-bottom: 1.5em !important;
}

.insp-poster input#keyword {
    padding-right: 38px;
}

.pop-up-inner.image-popper.position-relative {
    padding: 0px;
    max-width: 800px;
}

img.image-insp {
    max-width: 100%;
    max-height: 540px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

p.poster-name {
    margin-bottom: 0.0em;
    font-weight: 600;
    font-size: x-large;
}

p.poster-date.small {
    color: #777;
    margin-bottom: 4px;
}

img.avatar-poster {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

a.author-link {
    text-decoration: none;
    color: #111;
}

select.budget-form {
    padding: 0px;
    border: none !important;
    border-bottom: 1px solid #a7a7a7 !important;
    border-radius: 0px;
}

.insp-pop-first {
    box-shadow: 8px 0px 20px 0px rgb(0 0 0 / 12%);
}

.story-image img {
    height: 100%;
    object-fit: cover !important;
    object-position: center !important;
    height: 200px !important;
    border-radius: 2px !important;
}

.image-biggus img {
    height: 360px !important;
}

.heart-info {
    position: absolute;
    width: 140px;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -80px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 9;
}

p.story-name {
    font-size: 1.2em;
    font-weight: 600;
}

p.story-name small {
    color: #999;
}

.heart-info>div {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

.heart-info-2>div {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: scale(0.875);
}

p.story-name.story.date {
    font-size: small;
    margin-top: -10px;
}

.image-loader {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    bottom: -4px;
    background: #fff;
    box-shadow: 0px -20px 30px 32px rgb(255 255 255);
}

a.not-a.load-image {
    padding: 10px 20px;
    background: var(--app-accent);
    bottom: -24px;
    color: #fff !important;
    border-radius: 6px;
}

p.couple-story-name.mb-0 {
    font-weight: 600;
    font-size: larger;
}

.col-sm-3.story-side {
    max-height: 100vh !important;
    background: #c5c4c412;
}

p.story-city {
    color: #777;
}

.heart-info-2 {
    width: 120px;
    background-size: contain;
    height: 111px;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 10px;
}

.vendor.w-100.d-flex.mb-2 {
    background: #fff;
    padding: 10px;
    border-radius: 2px;
}

.story-category-image {
    width: 40px !important;
    margin-right: 10px;
}

a.back-to.not-a {
    position: absolute;
    top: 10px;
    padding: 10px 0px;
}

.story-category-image>div {
    transform: scale(1.5);
    margin-left: 6px;
}

.terms-preview {
    max-height: 360px;
    overflow: auto;
    margin-bottom: 20px;
}

img.cpost-image {
    max-width: 240px !important;
    max-height: 140px;
    object-fit: cover;
    object-position: center;
}

a.cpost-link.image-link {
    display: block;
    max-width: 240px;
}

.item.post-item.related {
    border: 1px solid #e5e5e5;
    height: 100%;
    border-radius: 10px;
}

.item.post-item.related .owl-inner {
    background: #fff;
    border-radius: 10px;
}

.item.post-item.related .owl-header.post-a.rel-post {
    border-radius: 10px 10px 0px 0px;
}

.vendor-carousel .owl-item {
    opacity: 0 !important;
    transition: opacity 500ms !important;
}

.vendor-carousel .owl-item.active {
    opacity: 1 !important;
}

.owl-carousel.vendor-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

span.star-rating.star-5 input {
    cursor: pointer;
}

.no-chat .bot-toggler {
    display: none !important;
}

a.btn.action-btn {
    text-transform: uppercase;
}

.lead-container {
    max-width: 600px;
    margin: auto;
}

/*New calednar changes*/
.vendor-calendar.schedulerCal.new-calendar {
    background: #425b76;
    color: #fff;
}

.vendor-calendar.schedulerCal.new-calendar .side-calendar {
    border: none;
}

.vendor-calendar.schedulerCal.new-calendar td.date.bookable {
    color: #ffffff !important;
    font-weight: 600;
    cursor: pointer;
}

.vendor-calendar.schedulerCal.new-calendar .available-list i {
    color: #ffffff !important;
}

.vendor-calendar.schedulerCal.new-calendar a.month-changer {
    color: #fff !important;
}

.bookable.selected span {
    width: 24px;
    height: 24px;
    background: #fff;
    color: #425b76;
    display: inline-block;
    border-radius: 50%;
    font-weight: 100;
}

.vendor-calendar.schedulerCal.new-calendar th {
    font-weight: 100;
    text-transform: uppercase;
}

.vendor-calendar.schedulerCal.new-calendar .no-items-faq {
    color: #333;
    border-radius: 0px !important;
}

.calendar-avatar img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
}

.new-appointmentContainer {
    max-width: 1000px;
    margin: auto;
}

.appointment-refresh {
    box-shadow: 0px 0px 9px 2px rgb(0 0 0 / 4%) !important;
}

.appendedTimes.c-scroll.new-scroll {
    padding-right: 10px;
}

a.confirm-time:hover {
    border-color: var(--app-accent);
    background-color: rgb(242, 242, 242);
}

label.date-time {
    font-size: small;
    text-transform: none;
}

:checked+label.date-time {
    color: #fff;
    background: #425b76;
}

.gcalendar-header {
    background: #f8f9fa;
    margin: 0;
}

.gcalendar-header h5 {
    text-transform: uppercase;
    font-size: revert;
    font-weight: 600;
}

.g-cal-booking {
    margin-right: 0px !important;
    min-width: 100% !important;
    margin-bottom: 4px;
    padding: 4px 8px !important;
    font-size: small;
    border: none !important;
}

.g-cal-booking {
    background: var(--app-accent) !important;
    color: #fff;
}

.booking-inner.pending {
    background: #e3e3e3 !important;
    color: #333;
}

.hide-book {
    display: none;
}

.hide-book.hide-0 {
    display: block;
}

a.not.show-more {
    font-size: small;
    font-weight: 600;
}

.viewing-bookings .hide-book {
    display: block;
}

.viewing-bookings {
    top: 10px;
    left: 10px;
    background: #fff;
    padding: 14px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 20px rgb(0 0 0 / 8%) !important;
    min-width: 200px;
}

.day.gc-day h5 {
    font-size: small;
    font-weight: 600;
}

span.close-view {
    position: absolute;
    z-index: 9;
    top: -36px;
    right: -30px;
    font-size: x-large;
    cursor: pointer;
    color: #666;
}

@media only screen and (min-width: 576px) {
    .day.gc-day {
        min-height: 6em;
    }
}

.loading .calendar-row {
    opacity: 0.4;
}

section.section-main .loader {
    position: fixed;
    display: none;
}

a.btn.action-btn.rsvp-action {
    background: #9e9e9e;
}

a.rsvp-action.selected {
    background: var(--app-accent) !important;
}

a.btn.action-btn.reschedule {
    background: #555;
}

.text-left.ml-4.mr-2.flex-1.d-none.d-sm-flex.align-items-center.redirect {
    line-break: anywhere;
}

.chat-vendor-header.position-relative p {
    margin: 0px;
}

table.side-calendar-table {
    table-layout: fixed;
}

tr.curr-week td {
    background: #e9e8e8;
    color: #000;
}

tr.curr-week td:first-child {
    border-radius: 4px 0px 0px 4px;
}

tr.curr-week td:last-child {
    border-radius: 0px 4px 4px 0px;
}

a.disabled-month {
    opacity: .5;
    pointer-events: none;
}

.mfp-wrap,
button.mfp-close {
    z-index: 99999999 !important;
}

.download-item-bg {
    background-image: url(/uploads/static/downloadc.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 34px;
    min-height: 34px;
}

a.image-link.mb-1.d-flex.align-items-center {
    background: #f7f7f7;
    padding: 6px;
    border-radius: 6px;
    color: #333 !important;
}

.direction-rtl {
    direction: rtl;
}

.attachment-btn-qc {
    margin: 0px;
    margin-right: 2px;
    background: #c7c7c7;
    border-radius: 6px;
}

.calendar-header {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.attendees.d-flex p {
    position: relative;
}

span.rsvp-status::after {
    margin-left: 2px;
    color: #bb8a20;
}

span.rsvp-status {
    font: normal normal normal 14px/1 FontAwesome;
}

span.rsvp-status.not.sure::after {
    content: "\f111";
    color: #ffc107;
}

span.rsvp-status.coming::after {
    content: "\f111";
    color: #4caf50;
}

span.rsvp-status.not.coming::after {
    content: "\f111";
    color: #f44336;
}

span.rsvp-status.null::after {
    content: "";
}

.row.video-group.chat-show {
    max-width: calc(100% - 380px) !important;
    margin-left: 0px !important;
}

form.guest-meet-form input {
    background: #4e4e4e !important;
    color: #fff !important;
    border: none !important;
}

form.guest-meet-form input:-webkit-autofill,
form.guest-meet-form input:-webkit-autofill:hover,
form.guest-meet-form input:-webkit-autofill:focus,
form.guest-meet-form input:-webkit-autofill:active {
    background: #4e4e4e !important;
    color: #fff !important;
}

form.guest-meet-form {
    padding: 20px;
    border-radius: 10px;
    background: #333;
    max-width: 420px;
    color: #fff;
    width: 100% !important;
}

.disbaled-field {
    background: none !important;
    cursor: not-allowed;
}

.d-flex.min-120 {
    min-width: 116px;
}

button.meet-btn {
    margin-bottom: 10px;
    margin-left: 0;
    background-color: var(--app-accent) !important;
    color: #fff !important;
    border: none !important;
}

a.edit-meeting {
    margin-left: 10px;
    color: #666 !important;
    font-size: large;
}

.viewing-bookings.books {
    max-width: 380px;
    width: 100% !important;
}

.appointmentPOP.position-fixed {
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1050 !important;
}

span.close-appointment {
    font-size: xx-large;
    right: 30px;
    position: absolute;
    top: 16px;
    cursor: pointer;
}

p.text-capitalize.booking-title {
    font-size: xx-large;
    font-weight: 600;
}

label.rsvp-label {
    margin-right: 10px;
    padding: 6px 12px;
    background: #d9d7d7;
    border-radius: 6px;
    text-transform: none;
    cursor: pointer;
    font-weight: 100;
}

.vendor-calendar.calendar2 {
    position: unset !important;
    top: 0;
}

input.rsvp-radio:checked+label {
    color: #fff;
    background-color: var(--app-accent);
}

ul.nav.nav-tabs.guests a {
    color: inherit;
}

.pop-App .appendedTimes {
    max-height: 300px !important;
}

ul.nav.nav-tabs.guests a {
    color: #333;
    font-weight: 600;
    padding: 3px 0px;
    padding-right: 16px;
}

ul.nav.nav-tabs.guests a.active {
    color: var(--app-accent);
    border-bottom: 2px solid;
}

.guests-list {
    margin-top: 10px;
    max-width: 400px;
}

.guest-item.d-flex {
    background: #fbfafa;
    padding: 6px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
}

.guest-av.d-flex {
    width: 30px;
    height: 30px;
    background: #cdcbcb;
    border-radius: 50%;
    margin-right: 5px;
    color: #333 !important;
    font-weight: 600;
}

.guest-item.d-flex:hover {
    background: #e7e6e6;
}

input#guestemailAdder,
input#staffAdder {
    border-radius: 6px;
    background: #f1efef !important;
    border: none !important;
    color: #555;
}

.guest-av.d-flex {
    text-transform: capitalize;
}

:checked+label.date-time.new {
    background: var(--app-accent);
    border-color: var(--app-accent) !important;
}

a.confirm-time.active {
    background: var(--app-accent);
    color: #fff !important;
    font-weight: 100 !important;
    border-color: var(--app-accent);
}

.scroller.c-scroll.overflow-scroll {
    max-height: 200px;
    overflow-y: scroll;
}

span.close-guest {
    position: absolute;
    right: 8px;
    top: 1px;
    cursor: pointer;
    font-size: large;
    display: none;
}

.guest-item.d-flex:hover span {
    display: block !important;
}

.add-guestsContainer {
    overflow-y: scroll;
    max-height: 300px;
    padding-right: 6px;
}

p.booking-time {
    font-size: larger;
    cursor: pointer;
}

.postion-relative {
    position: relative;
}

.guest-av.d-flex.postion-relative.waiting::after {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    bottom: -18px;
}

.guest-av.d-flex.postion-relative.not.sure::after {
    content: "\f111";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #ffc107;
}

.viewing-bookings.booksNew {
    min-width: 360px;
    max-width: 400px;
}

.row.scroller.c-scroll.overflow-scroll.ov2 {
    max-height: 360px;
}

button.btn.btn-primary.c-primary.start-planning.mt-2.small {
    zoom: .8;
}

.guest-av.d-flex.postion-relative.coming::after {
    content: "\f111";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #4caf50;
}

.position-relative.w-100.h-100.p-3.p-sm-5.overflow-scroll.c-scroll {
    overflow-y: scroll;
}

input.datePICKER {
    border: none !important;
    box-shadow: none !important;
    padding: 0px;
    color: #fff !important;
}

span.date-overRider {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    font-weight: 600;
    background: #fff;
}

.guest-av.d-flex.postion-relative.not.coming::after {
    content: "\f111";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #f44336;
}

.appointmentPOP a.delete-booking.confirm {
    margin-right: 0px !important;
    padding: 6px 16px;
    background: #d9d7d7 !important;
    color: #333 !important;
    border-color: #d9d7d7 !important;
}

.budget-form2 {
    background: #ffffff;
}

a.input-adder,
.name-adder {
    color: #555 !important;
    font-weight: 100 !important;
}

.row.scroller.c-scroll.overflow-scroll.ov2.mt-1 i.fa {
    min-width: 20px;
}

input.form-control.budget-form2,
textarea.form-control.budget-form2 {
    background: #f1f1f1;
    border: none !important;
    border-radius: 4px;
    box-shadow: none !important;
}

.scroller input.form-control.datePICKER {
    border: none !important;
    box-shadow: none !important;
    padding: 0px;
    background: #fff !important;
}

form.new-booking-form span.select2-selection.select2-selection--single {
    border: none !important;
    background: #f1f1f1;
    box-shadow: none !important;
}

.imageuploadify button.btn.btn-default.up-btn {
    color: #444 !important;
    border-color: #dfdddd !important;
    background: none !important;
}

.imageuploadify button.btn.btn-default.up-btn:hover {
    color: #444 !important;
    border-color: #dfdddd !important;
    background: none !important;
}

.col-inner.form a.m-auto.load-more-inspiration {
    color: #444 !important;
    background: none !important;
    border: 1px solid #dfdddd !important;
}

body.app nav,
body.app footer {
    display: none !important;
}

.align-items-center.d-flex.event_status.m-auto {
    width: fit-content;
}

.container-xxxl.max-container {
    max-width: 1800px !important;
    margin: auto;
}

.request-pop.pop-image.inspiration .pop-up-inner {
    max-width: 1240px !important;
}

img.image-insp {
    max-width: 100%;
    max-height: calc(100vh - 200px) !important;
    width: 100%;
    object-fit: contain !important;
    object-position: center !important;
}

a.insp-info {
    position: absolute;
    opacity: 0;
    z-index: 99;
}

.msrItem:hover a.insp-info {
    opacity: 1;
}

a.insp-info.cat-name {
    color: #fff;
    left: 6px;
    top: 6px;
    font-weight: 600;
    font-size: small;
}

a.insp-info.v-name {
    bottom: 6px;
    left: 6px;
    background: #ffffffa3;
    color: #000000 !important;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: small;
}

a.insp-info.v-name:hover {
    background: #fff;
}

img.inspImage {
    max-height: 140px;
    object-fit: cover;
}

input.form-control.inspForm {
    font-size: xx-large;
    border-color: #cdcdcd99 !important;
}

.postInspiration .pop-up-inner {
    max-width: 800px;
}

select.inspCategory {
    height: 100%;
    border: none !important;
    background: #efefef !important;
    border-radius: 10px 0px 0px 10px;
    padding: 10px !important;
}

button.postInsp {
    border-radius: 0px 10px 10px 0px;
}

.c-tagger span.select2-selection.select2-selection--multiple {
    border: none !important;
    background: #efefef;
    border-radius: 4px;
}

.c-tagger input.select2-search__field {
    width: unset !important;
}

.inspirations-posts span.select2-dropdown {
    border: none !important;
    box-shadow: 0px 0px 20px 6px rgb(86 86 86 / 17%) !important;
}

.insp-searcher {
    background: #ffffff;
    width: 100%;
    left: 0;
    top: 40px;
    border-radius: 4px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    z-index: 999;
}

.tagSelection label {
    background: #e7e7e7;
    border-radius: 10px;
    padding: 4px 10px;
}

.tagSelection div {
    display: inline;
}

.tagSelection .insp-taggers:checked+label {
    background: #39bdce !important;
    color: #fff;
}

.tagSelection div {
    display: inline;
    text-transform: capitalize;
    margin-right: 4px;
}

.insp-searcher label {
    text-transform: capitalize;
    font-weight: 100;
    font-size: initial;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.approve.remove-album-image {
    right: 50px;
    color: #4caf50;
}

video.videoPreview {
    width: 100%;
    height: 140px;
    background-position: center center;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    object-fit: cover !important;
}


.msrItem.col-6 video {
    width: 100%;
    border-radius: 1em;
}

.msrItem:hover.msrItem video {
    filter: brightness(0.8);
    cursor: pointer;
}

.c-toast.error .swal2-toast {
    background: #f44336 !important;
    color: #fff !important;
}

.c-toast.error * {
    color: #fff !important;
}

.c-toast.error .swal2-toast {
    background: #f44336 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.c-toast.error * {
    text-align: left;
}

.c-toast.error p {
    margin-bottom: 4px;
}

.post-content img {
    height: auto !Important;
    max-width: 100% !Important;
}

@media only screen and (min-width: 768px) {
    .post-content img {
        height: auto !Important;
        max-width: 49% !Important;
    }

    .post-content.blog img.odd {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .post-content.blog img.even {
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

.archive-readonly {
    background: #fff !important;
}

.post-content.blog p strong {
    font-size: larger;
}

/*.post-content.blog img {
    height: 300px !important;
    object-fit: cover;
}*/

.post-content.blog img {
    max-height: 600px !important;
    object-fit: cover;
    height: 100% !important;
    min-height: 300px;
}

.nv-im img.logo {
    width: 100%;
    height: auto;
    max-width: 540px;
}

.col-pwd i {
    min-width: 17px;
}

/*.slider-section .carousel-control-next {
    right: -100px;
}

.slider-section .carousel-control-prev {
    left: -100px;
}*/
.main-ul a.text-uppercase {
    font-weight: 100 !important;
    font-size: 1em;
}

/*img.rounded-lg {
    margin-top: 20px;
}*/
.post-content li {
    margin-bottom: 0.5em;
}

.position-absolute.search-main.only-blogs {
    max-width: 1400px;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}


.home-slider .carousel-item {
    -webkit-animation: zoom 40s;
    animation: zoom 40s;
}

.tiare-nav.tparrows:hover svg polyline:nth-of-type(1) {
    clip-path: inset(100% 0 0 0);
}

.tiare-nav.tparrows svg polyline:nth-of-type(1) {
    clip-path: inset(0 0 0 0);
}

.tiare-nav.tparrows svg polyline {
    transition: .5s ease-out;
}

.tiare-nav.tparrows:hover svg polyline:nth-of-type(2) {
    clip-path: inset(0 0 0 0);
    transition-delay: .5s;
}

.tiare-nav.tparrows svg polyline:nth-of-type(2) {
    clip-path: inset(0 0 100% 0);
    transition-delay: 0s;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-light {
    font-weight: lighter !important;
}

.small.cond.font-weight-light {
    font-size: .4em;
    margin-top: 26px;
}

.text-c-primary {
    color: var(--app-accent);
}

.join-image img {
    max-height: 340px;
    object-fit: cover;
    object-position: center;
}

.homePage footer {
    background: #fff !important;
}

.owl-header.revamp.post-category {
    min-height: 460px;
}

.owl-header.revamp.post-category .cat-title {
    background-color: #fff;
    width: 100%;
    height: 54px;
    -webkit-transition: height 0.75s;
    /* For Safari 3.1 to 6.0 */
    transition: height 0.75s;
}

.owl-header.revamp.post-category:hover .cat-title {
    height: 428px !important;
}

.jon-card.card {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -4em;
}

.col-lg-12.paginate nav {
    margin: auto;
    text-align: center;
}

.c-toast * {
    color: #fff !important;
}

.c-toast.error .swal2-toast {
    background: var(--danger) !important;
    color: #fff !important;
}

.c-toast.success .swal2-toast {
    background: var(--success) !important;
    color: #fff !important;
}

.c-toast.warning .swal2-toast {
    background: var(--warning) !important;
    color: #fff !important;
}

.c-toast button.swal2-close {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff !important;
    box-shadow: none !important;
}


.swal2-container.c-toast {
    max-width: 660px !important;
    /* width: 100% !important; */
    min-width: 300px;
    width: fit-content !important;
}

.swal2-container.c-toast #swal2-title {
    font-weight: 500;
}

.c-toast div#swal2-html-container {
    margin: 0 !important;
}

.c-toast .APIerrors {
    margin: 0.5em 1em;
}

.c-toast .APIerrors:empty {
    display: none;
}

.c-toast .swal2-toast {
    padding: 10px !important;
}

.swal2-popup.swal2-toast .swal2-title,
.c-toast .APIerrors {
    margin: 0.25em .5em !important;
}

.c-toast * {
    box-shadow: none !important;
}

.post-content.blog img.even {
    float: right !important;
}

.post-content.blog img.odd {
    float: left !important;
}
img.w-100.signupIMG.m-auto {
    max-width: 75%;
    margin-bottom: 3em !important;
    margin-top: -1em !important;
}