/*------------------------------------------------------------------
[Master Stylesheet]
Theme Name:     LoveLove - Wedding & Wedding Planner HTML5 Template
Version:        1.0.0
-------------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1. General
	1.1 Theme Reset Style
	1.2 Global Elements

2. header
	2.1 topbar
	2.2 navigation

3. content
	3.1 wpo-hero-slider
	3.2 wpo-about-section
	3.3 wpo-Service-section
	3.4 wpo-fun-fact-section
	3.5 wpo-testimonial-section
	3.6 wpo-portfolio-section
	3.7 wpo-banner-section
	3.8 wpo-team-section
	3.9 wpo-partners-section
	3.10 wpo-product-section
	3.11 wpo-contact-section
	3.12 wpo-pricing-section
	3.13 wpo-blog-section

4. wpo-footer

5. Home-style-2
	5.1 wpo-Service-section-s2
	5.2 wpo-about-section-s2
	5.3 wpo-video-section
	5.4 wpo-contact-section-s2

 6. Home-style-3
	6.1 wpo-wedding-date
	6.2 wpo-couple-section
	6.3 wpo-video-section-s2
	6.4 wpo-story-section
	6.5 wpo-portfolio-section-s2
	6.6 wpo-contact-section-s3
	6.7 wpo-event-section
	6.8 wpo-partners-section-s3
	6.9 wpo-blog-section-s2

 7. Home-style-4
	7.1 wpo-couple-section-s2
	7.2 wpo-story-section-s2

 8. Home-style-5
	8.1 wpo-couple-section-s3
	8.2 wpo-video-section-s3
	8.3 wpo-story-section-s3
	8.4 wpo-contact-section-s4


 9. Home-style-6
	9.1 wpo-Service-section-s3
	9.2 wpo-portfolio-section-s4

10. Home-style-7
	10.1 wpo-couple-section-s4
	10.2 wpo-story-section-s4
	10.3 wpo-portfolio-section-s5
	10.4 wpo-contact-section-s5

11. Home-style-8
	11.1 wpo-category-section
	11.2 wpo-offer-banner-section

12. wpo-service-single

13. coming-soon-section

14. wpo-cart-page-style

15. wpo-checkout-page-style

16. wpo-shop-page

17. wpo-shop-single-page

18. wpo-team-single

19. wpo-portfolio-single-section

20. wpo-blog-pg-section

21. wpo-blog-single-section

22. wpo-contact-pg-section

23. error-404-section

----------------------------------------------------------------*/
/*------------------------------------------------------------------
1. General
----------------------------------------------------------------*/
/*---------------------------
	Fonts
----------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap");
@font-face {
    font-family: "monallesia";
    src: url("../fonts/monallesiascript.woff2") format("woff2"),
        url("../fonts/monallesiascript.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "monallesia";
    src: url("../fonts/monallesiascript.woff2") format("woff2"),
        url("../fonts/monallesiascript.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* 1.1	Theme Reset Style */

/* body {
    font-family: "Jost", sans-serif;
    color: #848892;
    background-color: #fff;
    font-size: 18px;
    font-size: 1.2rem;
    overflow-x: hidden;
} */

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
}

p {
    font-size: 18px;
    color: #848892;
    line-height: 1.8em;
}

h1,
h2,
h3,
h4,
h6 {
    color: #323232;
    font-family: "monallesia";
    font-weight: 400;
}

ul {
    padding-left: 0;
    margin: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.wpo-box-style {
    padding: 0 60px;
}

@media (max-width: 991px) {
    .wpo-box-style {
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .wpo-box-style {
        padding: 0 0px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1410px;
    }
}

.hidden {
    display: none;
}

/* 1.2 Global Elements */
.page-wrapper {
    position: relative;
    overflow: hidden;
}

.fi:before {
    margin: 0;
}

/*** back to top **/

@media (max-width: 991px) {
    .back-to-top {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

.back-to-top:hover {
    background-color: #d4b0a5;
}

.back-to-top i {
    font-size: 18px;
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/** for popup image ***/
.mfp-wrap {
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/*** for fancybox video ***/
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999 !important;
}

.fancybox-wrap {
    z-index: 99999 !important;
}

.ui-widget.ui-widget-content {
    -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08);
    box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08);
    border: none;
    padding: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #e3e3e3;
    background: #f9f9f9;
    font-weight: normal;
    color: #454545;
    text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #e3d9d9;
    background: #7f91a6;
    color: #ffffff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #d4b0a5;
    background: #d4b0a5;
    font-weight: normal;
    color: #ffffff;
}

.wpo-section-title,
.wpo-section-title-s2 {
    margin-bottom: 60px;
    text-align: center;
}

@media (max-width: 767px) {
    .wpo-section-title,
    .wpo-section-title-s2 {
        margin-bottom: 40px;
    }
}

.wpo-section-title h4,
.wpo-section-title-s2 h4 {
    font-weight: 400;
    font-size: 35px;
    line-height: 50px;
    text-align: center;
    color: #939580;
}

@media (max-width: 767px) {
    .wpo-section-title h4,
    .wpo-section-title-s2 h4 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .wpo-section-title h4,
    .wpo-section-title-s2 h4 {
        font-size: 18px;
    }
}

.wpo-section-title h2,
.wpo-section-title-s2 h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 58px;
    margin: 0;
    position: relative;
    font-family: "Jost", sans-serif;
    color: #323232;
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    margin-top: 10px;
    text-transform: uppercase;
}

.wpo-section-title h2::after,
.wpo-section-title-s2 h2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120%;
    height: 1px;
    content: "";
    background: #f3e1db;
    left: -10%;
}

.wpo-section-title h2::before,
.wpo-section-title-s2 h2::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -10px;
    width: 70%;
    height: 1px;
    content: "";
    background: #f3e1db;
}

@media (max-width: 767px) {
    .wpo-section-title h2,
    .wpo-section-title-s2 h2 {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 575px) {
    .wpo-section-title h2,
    .wpo-section-title-s2 h2 {
        font-size: 22px;
        margin-top: 0;
    }
}

.wpo-section-title p,
.wpo-section-title-s2 p {
    font-size: 18px;
}

.wpo-section-title-s2 .section-title-img .round-ball {
    position: absolute;
    left: 50%;
    width: 15px;
    height: 15px;
    border: 1px solid #d4b0a5;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -5px;
}

.wpo-section-title-s2 .section-title-img:after,
.wpo-section-title-s2 .section-title-img:before {
    width: 144px;
}

@media (max-width: 575px) {
    .wpo-section-title-s2 .section-title-img:after,
    .wpo-section-title-s2 .section-title-img:before {
        width: 80px;
    }
}

.theme-btn:hover:after,
.view-cart-btn:hover:after,
.theme-btn-s3:hover:after,
.theme-btn-s4:hover:after {
    opacity: 1;
}

@media (max-width: 991px) {
    .theme-btn,
    .view-cart-btn,
    .theme-btn-s3,
    .theme-btn-s4 {
        font-size: 18px;
        font-size: 1.2rem;
    }
}

@media (max-width: 767px) {
    .theme-btn,
    .view-cart-btn,
    .theme-btn-s3,
    .theme-btn-s4 {
        padding: 12px 18px;
        font-size: 14px;
    }
}

.theme-btn-s2 {
    background: #f7fefa;
    color: #323232;
    display: inline-block;
    font-weight: 600;
    padding: 15px 45px;
    border: 0;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    position: relative;
    font-size: 16px;
    font-size: 1.06667rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
    position: relative;
}

@media (max-width: 991px) {
    .theme-btn-s2 {
        font-size: 14px;
        font-size: 0.93333rem;
    }
}

.theme-btn-s2:hover,
.theme-btn-s2:focus,
.theme-btn-s2:active {
    background: #cca194;
    color: #fff;
}

@media (max-width: 767px) {
    .theme-btn-s2 {
        padding: 12px 18px;
        font-size: 13px;
    }
}

.theme-btn-s4:hover {
    background: #ca9e90;
}

.theme-btn-s4:hover:after {
    border: 1px solid #ca9e90;
}

/*-------------------------------------------
	static-hero-s2
--------------------------------------------*/
.static-hero-s2 {
    background: #fff;
    position: relative;
    z-index: 0;
    padding: 200px 0;
    overflow: hidden;
}

@media (max-width: 991px) {
    .static-hero-s2 {
        padding: 80px 0;
    }
}

@media (max-width: 575px) {
    .static-hero-s2 {
        padding: 30px 0 60px;
    }
}

.static-hero-s2 .wpo-static-hero-inner {
    text-align: center;
}

@media (max-width: 1500px) {
    .static-hero-s2 .wpo-static-hero-inner .wpo-wedding-date #clock > div {
        width: 100px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s2 .wpo-static-hero-inner .wpo-wedding-date #clock > div {
        width: 60px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 .wpo-static-hero-inner .wpo-wedding-date #clock > div {
        width: 60px;
    }
}

.static-hero-s2 h2 {
    font-weight: 400;
    font-size: 70px;
    line-height: 100px;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 1500px) {
    .static-hero-s2 h2 {
        font-size: 60px;
    }
}

@media (max-width: 1399px) {
    .static-hero-s2 h2 {
        font-size: 50px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s2 h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 h2 {
        font-size: 30px;
        line-height: 60px;
    }
}

@media (max-width: 767px) {
    .static-hero-s2 h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
}

@media (max-width: 575px) {
    .static-hero-s2 h2 {
        font-size: 20px;
        line-height: 35px;
    }
}

@media (max-width: 450px) {
    .static-hero-s2 h2 {
        font-size: 18px;
    }
}

.static-hero-s2 p {
    font-weight: 400;
    font-size: 25px;
    line-height: 36px;
    text-align: center;
    color: #323232;
}

@media (max-width: 1399px) {
    .static-hero-s2 p {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 p {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .static-hero-s2 p {
        font-size: 14px;
        line-height: 22px;
    }
}

.static-hero-s2 .shape-1 {
    padding-bottom: 60px;
}

@media (max-width: 1199px) {
    .static-hero-s2 .shape-1 {
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 .shape-1 {
        padding-bottom: 20px;
    }
}

.static-hero-s2 .shape-2 {
    padding-top: 60px;
}

@media (max-width: 1199px) {
    .static-hero-s2 .shape-2 {
        padding-top: 30px;
    }
}

.static-hero-s2 .static-hero-right {
    z-index: 1;
    position: relative;
    right: 50px;
}

@media (max-width: 1500px) {
    .static-hero-s2 .static-hero-right {
        right: 0;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 .static-hero-right {
        max-width: 550px;
        margin: 0 auto;
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    .static-hero-s2 .static-hero-right {
        max-width: 400px;
        margin-top: 65px;
    }
}

@media (max-width: 400px) {
    .static-hero-s2 .static-hero-right {
        max-width: 320px;
    }
}

.static-hero-s2 .static-hero-right .static-hero-shape {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.static-hero-s2 .static-hero-right .static-hero-shape img {
    border-radius: 0;
    -webkit-animation: circle 60s linear infinite;
    animation: circles 60s linear infinite;
}

@-webkit-keyframes circles {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes circles {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.static-hero-s2 .static-hero-right img {
    border-radius: 300px;
}

.static-hero-s2 .static-hero-right .static-hero-img {
    z-index: 1;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 6.1px 3.9px rgba(28, 31, 86, 0.06);
    box-shadow: 0px 0px 6.1px 3.9px rgba(28, 31, 86, 0.06);
    background: #fff;
    border-radius: 320px;
    z-index: 1;
    max-width: 600px;
    position: relative;
    margin: 0 auto;
}

.static-hero-s2 .static-hero-right .static-hero-img .static-hero-img-inner {
    overflow: hidden;
    border-radius: 320px;
}

.static-hero-s2 .static-hero-right .static-hero-img .static-hero-img-inner img {
    -webkit-animation: kenburn 25s 2s alternate infinite;
    -animation: kenburn 25s 2s alternate infinite;
}

@media (max-width: 1700px) {
    .static-hero-s2 .static-hero-right .static-hero-img {
        max-width: 500px;
    }
}

@media (max-width: 1399px) {
    .static-hero-s2 .static-hero-right .static-hero-img {
        max-width: 420px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s2 .static-hero-right .static-hero-img {
        max-width: 350px;
    }
}

@media (max-width: 575px) {
    .static-hero-s2 .static-hero-right .static-hero-img {
        max-width: 250px;
        padding: 15px;
    }
}

@media (max-width: 400px) {
    .static-hero-s2 .static-hero-right .static-hero-img {
        max-width: 200px;
    }
}

/* 3.5 wpo-testimonial-section*/
.wpo-testimonial-section .col {
    padding: 0;
}

@media (max-width: 1440px) {
    .wpo-testimonial-section .col {
        padding: 0 15px;
    }
}

.wpo-testimonial-section .testimonial-img img {
    width: 100%;
}

.wpo-testimonial-section .wpo-testimonial-items {
    padding: 40px 65px 50px;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-left: -50px;
    background: #fff;
    position: relative;
    z-index: 1;
}

@media (max-width: 1440px) {
    .wpo-testimonial-section .wpo-testimonial-items {
        margin-left: -70px;
    }
}

@media (max-width: 1399px) {
    .wpo-testimonial-section .wpo-testimonial-items {
        padding: 25px 40px 30px;
    }
}

@media (max-width: 1199px) {
    .wpo-testimonial-section .wpo-testimonial-items {
        padding: 22px 40px 20px;
    }
}

@media (max-width: 450px) {
    .wpo-testimonial-section .wpo-testimonial-items {
        padding: 22px 20px 20px;
    }
}

@media (max-width: 991px) {
    .wpo-testimonial-section .wpo-testimonial-items {
        margin-left: 0;
    }
}

.wpo-testimonial-section .wpo-testimonial-items:before {
    position: absolute;
    left: 20px;
    border: 1px solid #f3ece9;
    top: 20px;
    width: 94%;
    height: 91%;
    content: "";
}

@media (max-width: 991px) {
    .wpo-testimonial-section .wpo-testimonial-items:before {
        width: 92%;
    }
}

@media (max-width: 1399px) {
    .wpo-testimonial-section .wpo-testimonial-items:before {
        width: 94%;
    }
}

@media (max-width: 991px) {
    .wpo-testimonial-section .wpo-testimonial-items:before {
        height: 90%;
    }
}

@media (max-width: 767px) {
    .wpo-testimonial-section .wpo-testimonial-items:before {
        width: 92%;
        height: 90%;
    }
}

@media (max-width: 450px) {
    .wpo-testimonial-section .wpo-testimonial-items:before {
        height: 94%;
        width: 95%;
        left: 10px;
        top: 10px;
    }
}

@media (max-width: 350px) {
    .wpo-testimonial-section .wpo-testimonial-items:before {
        width: 93%;
        height: 95%;
    }
}

.wpo-testimonial-section .wpo-testimonial-items:after {
    position: absolute;
    left: 50%;
    background: #f3ece9;
    top: -15%;
    width: 1px;
    height: 130%;
    content: "";
    z-index: -1;
}

@media (max-width: 991px) {
    .wpo-testimonial-section .wpo-testimonial-items:after {
        display: none;
    }
}

.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item {
    background: #fff;
    position: relative;
    padding: 40px 0;
}

@media (max-width: 1399px) {
    .wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item {
        padding: 20px 0;
    }
}

@media (max-width: 450px) {
    .wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item {
        padding: 0px 0;
    }
}

.wpo-testimonial-section .wpo-testimonial-items i {
    font-size: 50px;
    color: #d4b0a5;
}

.wpo-testimonial-section .wpo-testimonial-items p {
    margin-bottom: 30px;
    color: #323232;
}

@media (max-width: 1199px) {
    .wpo-testimonial-section .wpo-testimonial-items p {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-text-btm h3 {
    font-weight: 400;
    font-size: 25px;
    line-height: 160%;
    color: #939580;
}

@media (max-width: 1199px) {
    .wpo-testimonial-section
        .wpo-testimonial-items
        .wpo-testimonial-text-btm
        h3 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .wpo-testimonial-section
        .wpo-testimonial-items
        .wpo-testimonial-text-btm
        h3 {
        font-size: 20px;
    }
}

.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-text-btm span {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #858585;
}

.wpo-testimonial-section .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.wpo-testimonial-section .slick-dots {
    text-align: right;
    right: 30px;
    bottom: -40px;
}

@media (max-width: 991px) {
    .wpo-testimonial-section .slick-dots {
        text-align: center;
        right: auto;
        bottom: -60px;
    }
}

.wpo-testimonial-section .slick-dots li button:before {
    font-size: 10px;
}

.wpo-testimonial-section .slick-dots li.slick-active button:before {
    color: #d4b0a5;
}

/* 3.6 wpo-portfolio-section*/
.wpo-portfolio-section,
.wpo-portfolio-section-s4 {
    padding-top: 0;
    padding-bottom: 60px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .wpo-portfolio-section,
    .wpo-portfolio-section-s4 {
        padding-bottom: 30px;
    }
}

.wpo-portfolio-section.pt-120,
.wpo-portfolio-section-s4.pt-120 {
    padding-top: 120px;
}

@media (max-width: 991px) {
    .wpo-portfolio-section.pt-120,
    .wpo-portfolio-section-s4.pt-120 {
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .wpo-portfolio-section.pt-120,
    .wpo-portfolio-section-s4.pt-120 {
        padding-top: 80px;
    }
}

@media (max-width: 575px) {
    .wpo-portfolio-section.pt-120,
    .wpo-portfolio-section-s4.pt-120 {
        padding-top: 60px;
    }
}

.wpo-portfolio-section .portfolio-grids,
.wpo-portfolio-section-s4 .portfolio-grids {
    margin: 0 -30px;
}

@media (max-width: 1500px) {
    .wpo-portfolio-section .portfolio-grids,
    .wpo-portfolio-section-s4 .portfolio-grids {
        margin: 0 -15px;
    }
}

@media (max-width: 991px) {
    .wpo-portfolio-section .portfolio-grids,
    .wpo-portfolio-section-s4 .portfolio-grids {
        margin: 0 -15px;
    }
}

.wpo-portfolio-section .portfolio-grids .grid,
.wpo-portfolio-section-s4 .portfolio-grids .grid {
    width: 50%;
    float: left;
    padding: 0 30px 60px;
    overflow: hidden;
}

@media (max-width: 1500px) {
    .wpo-portfolio-section .portfolio-grids .grid,
    .wpo-portfolio-section-s4 .portfolio-grids .grid {
        padding: 0 20px 40px;
    }
}

@media (max-width: 991px) {
    .wpo-portfolio-section .portfolio-grids .grid,
    .wpo-portfolio-section-s4 .portfolio-grids .grid {
        padding: 0 15px 30px;
    }
}

@media (max-width: 1199px) {
    .wpo-portfolio-section .portfolio-grids .grid,
    .wpo-portfolio-section-s4 .portfolio-grids .grid {
        width: 50%;
    }
}

@media (max-width: 600px) {
    .wpo-portfolio-section .portfolio-grids .grid,
    .wpo-portfolio-section-s4 .portfolio-grids .grid {
        width: 100%;
    }
}

.wpo-portfolio-section .portfolio-grids .grid img,
.wpo-portfolio-section-s4 .portfolio-grids .grid img {
    width: 100%;
}

.wpo-portfolio-section .grid .img-holder,
.wpo-portfolio-section-s4 .grid .img-holder {
    position: relative;
}

.wpo-portfolio-section .grid .img-holder .portfolio-content,
.wpo-portfolio-section-s4 .grid .img-holder .portfolio-content {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 30px 0 0;
}

@media (max-width: 991px) {
    .wpo-portfolio-section .grid .img-holder .portfolio-content,
    .wpo-portfolio-section-s4 .grid .img-holder .portfolio-content {
        padding: 20px 0 0;
    }
}

.wpo-portfolio-section .grid .img-holder .portfolio-content span,
.wpo-portfolio-section-s4 .grid .img-holder .portfolio-content span {
    color: #939580;
}

@media (max-width: 991px) {
    .wpo-portfolio-section .grid .img-holder .portfolio-content span,
    .wpo-portfolio-section-s4 .grid .img-holder .portfolio-content span {
        font-size: 16px;
    }
}

.wpo-portfolio-section .grid .img-holder .portfolio-content h4,
.wpo-portfolio-section-s4 .grid .img-holder .portfolio-content h4 {
    font-weight: 400;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .wpo-portfolio-section .grid .img-holder .portfolio-content h4,
    .wpo-portfolio-section-s4 .grid .img-holder .portfolio-content h4 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .wpo-portfolio-section .grid .img-holder .portfolio-content h4,
    .wpo-portfolio-section-s4 .grid .img-holder .portfolio-content h4 {
        font-size: 22px;
    }
}

.wpo-portfolio-section .grid .img-holder .portfolio-content h4 a,
.wpo-portfolio-section-s4 .grid .img-holder .portfolio-content h4 a {
    color: #323232;
}

.wpo-portfolio-section .grid .img-holder .portfolio-content h4 a:hover,
.wpo-portfolio-section-s4 .grid .img-holder .portfolio-content h4 a:hover {
    color: #d4b0a5;
}

/*======================================
 8. Home-style-5 
 =======================================*/
/*8.1 wpo-couple-section-s3*/
.wpo-couple-section-s3,
.wpo-couple-section-s4 {
    padding: 120px 0;
}

@media (max-width: 991px) {
    .wpo-couple-section-s3,
    .wpo-couple-section-s4 {
        padding: 90px 0;
    }
}

@media (max-width: 767px) {
    .wpo-couple-section-s3,
    .wpo-couple-section-s4 {
        padding: 80px 0;
    }
}

@media (max-width: 575px) {
    .wpo-couple-section-s3,
    .wpo-couple-section-s4 {
        padding: 60px 0;
    }
}

.wpo-couple-section-s3 .couple-area .couple-item .couple-img,
.wpo-couple-section-s4 .couple-area .couple-item .couple-img {
    max-width: 470px;
    margin: 0 auto;
    margin-bottom: 50px;
}

@media (max-width: 575px) {
    .wpo-couple-section-s3 .couple-area .couple-item .couple-img,
    .wpo-couple-section-s4 .couple-area .couple-item .couple-img {
        max-width: 75%;
    }
}

.wpo-couple-section-s3 .couple-area .couple-item .couple-img:after,
.wpo-couple-section-s4 .couple-area .couple-item .couple-img:after {
    background: none;
    width: 102%;
    height: 102%;
    left: -1%;
    top: -1%;
    border: 1px solid #d4b0a5;
    mix-blend-mode: unset;
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

.wpo-couple-section-s3 .couple-area .couple-item .couple-img::before,
.wpo-couple-section-s4 .couple-area .couple-item .couple-img::before {
    position: absolute;
    width: 102%;
    height: 102%;
    left: -1%;
    top: -1%;
    border: 1px solid #d4b0a5;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    content: "";
}

@media (max-width: 767px) {
    .wpo-couple-section-s3 .couple-area .col:nth-child(3) .couple-item,
    .wpo-couple-section-s4 .couple-area .col:nth-child(3) .couple-item {
        margin-top: 50px;
    }
}

.wpo-couple-section-s3
    .couple-area
    .col:nth-child(3)
    .couple-item
    .couple-img:after,
.wpo-couple-section-s4
    .couple-area
    .col:nth-child(3)
    .couple-item
    .couple-img:after {
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}

/*8.2 wpo-video-section-s3*/
.wpo-video-section-s3 .video-wrap::before {
    display: none;
}

/*8.3 wpo-story-section-s3*/
.wpo-story-section-s3 .wpo-story-wrap .wpo-story-item {
    max-width: 1100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 50px;
    align-items: center;
}

@media (max-width: 991px) {
    .wpo-story-section-s3 .wpo-story-wrap .wpo-story-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-img-wrap {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    position: relative;
}

@media (max-width: 991px) {
    .wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-img-wrap {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item
    .wpo-story-img-wrap::before {
    position: absolute;
    width: 96%;
    height: 92%;
    left: -2%;
    top: 7%;
    border: 1px solid #d4b0a5;
    -webkit-transform: skewY(-4deg);
    transform: skewY(-4deg);
    content: "";
    z-index: 11;
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item
    .wpo-story-img-wrap
    .wpo-story-img {
    -webkit-clip-path: polygon(0 0, 100% 8%, 90% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 8%, 90% 100%, 0 100%);
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item
    .wpo-story-img-wrap
    .wpo-story-img
    img {
    width: 100%;
}

.wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content {
    padding: 40px;
    margin-left: 0;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    background: #fff;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    margin-left: -80px;
    z-index: 11;
    margin-top: 30px;
}

@media (max-width: 991px) {
    .wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content {
        margin-left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0;
        margin-top: 30px;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content {
        padding: 20px;
    }
}

.wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .wpo-story-section-s3
        .wpo-story-wrap
        .wpo-story-item
        .wpo-story-content
        h2 {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 36px;
    }
}

@media (max-width: 575px) {
    .wpo-story-section-s3
        .wpo-story-wrap
        .wpo-story-item
        .wpo-story-content
        h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #939580;
    margin-bottom: 20px;
    display: block;
}

@media (max-width: 1199px) {
    .wpo-story-section-s3
        .wpo-story-wrap
        .wpo-story-item
        .wpo-story-content
        span {
        margin-bottom: 10px;
    }
}

@media (max-width: 575px) {
    .wpo-story-section-s3
        .wpo-story-wrap
        .wpo-story-item
        .wpo-story-content
        span {
        font-size: 18px;
    }
}

.wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #525252;
    margin-bottom: 0;
}

@media (max-width: 1399px) {
    .wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content p {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .wpo-story-section-s3 .wpo-story-wrap .wpo-story-item .wpo-story-content p {
        font-size: 17px;
    }
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item:nth-child(even)
    .wpo-story-img-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    margin-right: 30px;
}

@media (max-width: 991px) {
    .wpo-story-section-s3
        .wpo-story-wrap
        .wpo-story-item:nth-child(even)
        .wpo-story-img-wrap {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        -webkit-order: unset;
        -moz-order: unset;
    }
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item:nth-child(even)
    .wpo-story-img-wrap::before {
    left: auto;
    right: -2%;
    -webkit-transform: skewY(4deg);
    transform: skewY(4deg);
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item:nth-child(even)
    .wpo-story-img-wrap
    .wpo-story-img {
    -webkit-clip-path: polygon(0 8%, 100% 0, 100% 100%, 6% 100%);
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 6% 100%);
}

.wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item:nth-child(even)
    .wpo-story-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-order: 1;
    -moz-order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: auto;
    margin-right: -80px;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    text-align: right;
}

@media (max-width: 991px) {
    .wpo-story-section-s3
        .wpo-story-wrap
        .wpo-story-item:nth-child(even)
        .wpo-story-content {
        margin-right: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
    }
}

/*8.4 wpo-contact-section-s4*/
.wpo-contact-section-s4 .wpo-contact-section-wrapper {
    max-width: 630px;
    position: relative;
    background: #fff;
    z-index: 1;
    border: 0;
}

@media (max-width: 1399px) {
    .wpo-contact-section-s4 .wpo-contact-section-wrapper {
        max-width: 530px;
    }
}

@media (max-width: 1199px) {
    .wpo-contact-section-s4 .wpo-contact-section-wrapper {
        max-width: 500px;
    }
}

.wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-section-inner {
    position: relative;
    background: #fff;
    border-radius: 330px 330px 0px 0px;
    padding: 30px;
    border: 1px solid #f3ece9;
}

@media (max-width: 575px) {
    .wpo-contact-section-s4
        .wpo-contact-section-wrapper
        .wpo-contact-section-inner {
        padding: 15px;
    }
}

.wpo-contact-section-s4 .wpo-contact-section-wrapper .shape-1 {
    position: absolute;
    left: -70%;
    bottom: -5%;
    z-index: -1;
}

@media (max-width: 767px) {
    .wpo-contact-section-s4 .wpo-contact-section-wrapper .shape-1 {
        display: none;
    }
}

.wpo-contact-section-s4 .wpo-contact-section-wrapper .shape-2 {
    position: absolute;
    right: -60%;
    bottom: -5%;
    z-index: -1;
}

@media (max-width: 767px) {
    .wpo-contact-section-s4 .wpo-contact-section-wrapper .shape-2 {
        display: none;
    }
}

.wpo-contact-section-s4 .wpo-contact-section-wrapper .wpo-contact-form-area {
    padding: 130px 40px 100px;
    border: 1px solid #f3ece9;
    border-radius: 300px 300px 0px 0px;
    background: #fff;
}

@media (max-width: 1199px) {
    .wpo-contact-section-s4
        .wpo-contact-section-wrapper
        .wpo-contact-form-area {
        padding: 100px 40px 70px;
    }
}

@media (max-width: 575px) {
    .wpo-contact-section-s4
        .wpo-contact-section-wrapper
        .wpo-contact-form-area {
        padding: 60px 20px 30px;
    }
}

.wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .date
    .form-control {
    background: transparent url(../images/date2.png) no-repeat calc(100% - 15px)
        center;
}

/*=====================================================
12. wpo-service-single
======================================================*/
@media (min-width: 1440px) {
    .wpo-service-details-area .container {
        max-width: 1320px;
    }
}

.theme-accordion-s1 {
    margin-bottom: 0;
}

.accordion-button {
    font-size: 18px;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #323232;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-item {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    margin-bottom: 30px;
    border: 0;
}

.accordion-item h3 {
    font-family: "Jost", sans-serif;
    font-weight: 600;
}

.accordion-collapse {
    border-top: 1px solid #ebebeb;
}

.accordion-collapse p {
    font-size: 15px;
}

.theme-accordion-s1 .panel-default {
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.theme-accordion-s1 .panel-heading {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.theme-accordion-s1 .panel + .panel {
    margin-top: 15px;
}

.theme-accordion-s1 .panel-heading a {
    background: #999;
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    display: block;
    padding: 18px 25px;
    position: relative;
}

@media (max-width: 991px) {
    .theme-accordion-s1 .panel-heading a {
        font-size: 16px;
        font-size: 1rem;
        padding: 15px 25px;
    }
}

@media (max-width: 767px) {
    .theme-accordion-s1 .panel-heading a {
        padding: 12px 15px;
    }
}

.theme-accordion-s1 .panel-heading a:before {
    font-family: "themify";
    content: "\e64b";
    font-size: 15px;
    font-size: 0.9375rem;
    position: absolute;
    right: 25px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 991px) {
    .theme-accordion-s1 .panel-heading a:before {
        font-size: 18px;
        font-size: 1.125rem;
        right: 20px;
    }
}

.theme-accordion-s1 .panel-heading a:focus {
    text-decoration: none;
}

.theme-accordion-s1 .panel-heading .collapsed {
    background-color: #fff;
    color: #242f6c;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

.theme-accordion-s1 .panel-heading .collapsed:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body {
    background-color: #fff;
    border: 0;
    padding: 40px 25px 15px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

@media (max-width: 991px) {
    .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body {
        padding: 20px 25px 10px;
        font-size: 15px;
        font-size: 0.9375rem;
    }
    .all-wpo-services {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body {
        padding: 15px 15px 8px;
    }
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body p {
    margin-bottom: 1.3em;
}

.wpo-minimal-wrap {
    position: relative;
    margin-bottom: 50px;
}

.wpo-minimal-wrap .minimals-img img {
    width: 100%;
}

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

.wpo-minimal-wrap .video-holder {
    position: relative;
    text-align: center;
}

.wpo-minimal-wrap .video-holder:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(10, 67, 149, 0.51);
}

.wpo-minimal-wrap .video-holder a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 83px;
    height: 83px;
    border-radius: 83px;
    display: inline-block;
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
    z-index: 9;
}

.wpo-minimal-wrap .video-holder a:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #323232;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wpo-minimal-wrap .video-holder {
    position: absolute;
    left: 50%;
    top: 50%;
}

.wpo-minimal-wrap .video-holder a,
.video-holder a {
    background-color: #fff;
    -webkit-animation: spineerb 2s infinite;
    animation: spineerb 2s infinite;
}

@-webkit-keyframes spineerb {
    0% {
        -webkit-box-shadow: 0 0 0 0 #a9a5f8;
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    }
}

@keyframes spineerb {
    0% {
        -webkit-box-shadow: 0 0 0 0 #a9a5f8;
        box-shadow: 0 0 0 0 #a9a5f8;
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
        box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
    }
}

.wpo-minimal-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(34, 32, 71, 0.5);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.wpo-service-details-text {
    text-align: center;
    padding: 40px;
    background: #939580;
}

.wpo-service-details-text-3 {
    text-align: center;
    padding: 40px;
    background: #878972;
}

.wpo-service-details-list .col {
    padding: 0;
}

.wpo-service-details-list .row {
    margin: 0 0px;
}

.wpo-service-details-text h2,
.wpo-service-details-text-3 h2 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 0;
}

.wpo-service-details-text span,
.wpo-service-details-text-3 span {
    font-size: 16px;
    color: #fafafa;
    display: block;
    margin-bottom: 10px;
}

.wpo-p-details-section {
    margin-top: 50px;
}

.wpo-p-details-section ul {
    list-style: none;
}

.wpo-p-details-section h5 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
}

.wpo-p-details-section .process-wrap {
    margin-top: 50px;
}

.wpo-p-details-section .process-wrap .process-item {
    margin-bottom: 30px;
    padding: 26px;
    border: 1px solid #ebebeb;
}

.wpo-p-details-section .process-wrap .process-item h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: "Jost", sans-serif;
}

.wpo-p-details-section .process-wrap .process-item p {
    font-size: 15px;
}

.wpo-p-details-section .process-wrap .process-item .process-icon {
    margin-bottom: 10px;
}

.wpo-p-details-section .process-wrap .process-item .process-icon .fi:before {
    font-size: 45px;
    color: #d4b0a5;
}

.wpo-p-details-section p {
    margin-bottom: 30px;
    font-size: 16px;
}

.wpo-p-details-section p:nth-child(2) {
    margin-bottom: 20px;
}

.wpo-p-details-quote {
    padding: 40px;
    background: #d4b0a5;
    margin-top: 30px;
    padding-left: 80px;
    position: relative;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.wpo-p-details-quote:before {
    font-family: "Flaticon";
    content: "\f109";
    font-size: 40px;
    color: #fafafa;
    margin-left: 0;
    position: absolute;
    left: 5%;
    top: 22%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wpo-p-details-img {
    margin-bottom: 30px;
}

.wpo-p-details-img img {
    width: 100%;
}

.wpo-p-details-quote p {
    color: #fff;
    margin-bottom: 20px;
}

.wpo-p-details-quote span {
    color: #fddada;
    text-decoration: underline;
}

.wpo-faq-section {
    padding-top: 60px;
}

.wpo-faq-section h4 {
    font-size: 30px;
    margin-bottom: 30px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
}

.wpo-faq-section p {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .wpo-service-details-text h2,
    .wpo-service-details-text-3 h2 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .wpo-service-details-text h2,
    .wpo-service-details-text-3 h2 {
        margin-bottom: 30px;
    }
    .wpo-service-details-text-3 {
        border: none;
    }
    .wpo-service-details-list {
        padding-bottom: 10px;
        background: #323232;
    }
}

@media (max-width: 530px) {
    .wpo-p-details-quote:before {
        left: 12%;
        top: 17%;
    }
}
/*--------------------------------------------------------------
20. color-switcher-section
--------------------------------------------------------------*/
.color-switcher-wrap .color-switcher-item {
    position: fixed;
    left: -170px;
    top: 250px;
    width: 170px;
    -webkit-box-shadow: 0px 0px 3.1px 3.9px rgba(28, 31, 86, 0.04);
    box-shadow: 0px 0px 3.1px 3.9px rgba(28, 31, 86, 0.04);
    background: #fff;
    z-index: 99;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 15px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom-right-radius: 20px;
    z-index: 99999;
    padding-top: 10px;
}

.color-switcher-wrap .color-switcher-item.color-switcher-open {
    left: 0px;
}

.color-switcher-wrap .color-switcher-item .color-toggle-btn {
    position: absolute;
    right: -50px;
    top: 0px;
    width: 50px;
    height: 50px;
    line-height: 62px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 6.1px 3.9px rgba(28, 31, 86, 0.06);
    box-shadow: 0px 0px 6.1px 3.9px rgba(28, 31, 86, 0.06);
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 9999;
    cursor: pointer;
}

.color-switcher-wrap .color-switcher-item .color-toggle-btn i {
    font-size: 30px;
    color: #323232;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.color-switcher-wrap .color-switcher-item ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.color-switcher-wrap .color-switcher-item ul li.btn {
    width: 40px;
    height: 30px;
    background: #d4b0a5;
    margin-bottom: 10px;
    position: relative;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin: 5px;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn2 {
    background: #835845;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn3 {
    background: #1e8267;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn4 {
    background: #de5ca2;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn5 {
    background: #d9ba91;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn6 {
    background: #99337f;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn7 {
    background: #18a7b5;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn8 {
    background: #668c25;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn9 {
    background: #ff8051;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn10 {
    background: #dd6673;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn11 {
    background: #d58675;
}

.color-switcher-wrap .color-switcher-item ul li.btn.btn12 {
    background: #b19a56;
}

.color-switcher-wrap .color-switcher-item ul li.btn.active:before {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    content: "\e64c";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "themify";
}

.color5 .theme-btn,
.color5 .view-cart-btn,
.color5 .theme-btn-s3,
.color5 .theme-btn-s4 {
    background: #d9ba91;
}

.color5 .theme-btn:hover,
.color5 .view-cart-btn:hover,
.color5 .theme-btn:focus,
.color5 .view-cart-btn:focus,
.color5 .theme-btn:active,
.color5 .view-cart-btn:active,
.color5 .theme-btn-s3:hover,
.color5 .theme-btn-s3:focus,
.color5 .theme-btn-s3:active,
.color5 .theme-btn-s4:hover,
.color5 .theme-btn-s4:focus,
.color5 .theme-btn-s4:active {
    background: #d9ba91;
}

.color5 .theme-btn:hover:after,
.color5 .view-cart-btn:hover:after,
.color5 .theme-btn:focus:after,
.color5 .view-cart-btn:focus:after,
.color5 .theme-btn:active:after,
.color5 .view-cart-btn:active:after,
.color5 .theme-btn-s3:hover:after,
.color5 .theme-btn-s3:focus:after,
.color5 .theme-btn-s3:active:after,
.color5 .theme-btn-s4:hover:after,
.color5 .theme-btn-s4:focus:after,
.color5 .theme-btn-s4:active:after {
    border: 1px solid #d9ba91;
}

.color5 .view-cart-btn {
    background: #d9ba91;
}

.color5 .view-cart-btn:hover {
    background-color: #cfa773;
}

.color5 .view-cart-btn.s1 {
    background: rgba(217, 186, 145, 0.2);
    color: #d9ba91;
}

.color5 .wpo-site-header .navbar-header .logo {
    color: #d9ba91;
}

.color5 .wpo-site-header #navbar ul li a::before {
    background: #d9ba91;
}

.color5 .wpo-site-header #navbar ul li a:hover,
.color5 .wpo-site-header #navbar ul li a:focus {
    color: #d9ba91;
}

.color5 .wpo-site-header .mini-cart .cart-count {
    background: #d9ba91;
}

.color5 .wpo-site-header .mini-checkout-price span {
    color: #d9ba91;
}

.color5 .static-hero .slide-title h2 span {
    color: #d9ba91;
}

.color5 .couple-section ul li a {
    color: #d9ba91;
}

.color5 .wpo-story-section .tab-area .nav-tabs .nav-item .nav-link.active {
    color: #d9ba91;
}

.color5
    .wpo-story-section
    .tab-area
    .wpo-story-item
    .wpo-story-content
    .wpo-story-content-inner
    span {
    color: #d9ba91;
}

.color5 .back-to-top {
    background-color: rgba(217, 186, 145, 0.3);
    border: 2px solid #d9ba91;
}

.color5 .back-to-top:hover {
    background: #d9ba91;
}

.color5 .theme-btn,
.color5 .view-cart-btn,
.color5 .view-cart-btn,
.color5 .theme-btn-s3,
.color5 .theme-btn-s4 {
    color: #fff;
}

.color5 .wpo-site-header .social-info ul li a i:before,
.color5 .mini-cart-content .mini-cart-item-des a:hover,
.color5
    .wpo-hero-section
    .wpo-hero-items
    .owl-item.active.center
    .wpo-hero-img
    .wpo-hero-text
    h2,
.color5 .wpo-Service-section .wpo-Service-item .wpo-Service-text a:hover,
.color5 .wpo-Service-section-s2 .wpo-Service-item .wpo-Service-text a:hover,
.color5 .wpo-Service-section-s3 .wpo-Service-item .wpo-Service-text a:hover,
.color5 .wpo-testimonial-section .wpo-testimonial-items i,
.color5 .wpo-testimonial-section .slick-dots li.slick-active button:before,
.color5 .wpo-portfolio-section .grid .img-holder .portfolio-content h4 a:hover,
.color5
    .wpo-portfolio-section-s4
    .grid
    .img-holder
    .portfolio-content
    h4
    a:hover,
.color5 .wpo-banner-section h4,
.color5
    .wpo-team-section
    .wpo-team-wrap
    .wpo-team-item
    .wpo-team-text
    h3
    a:hover,
.color5
    .wpo-product-section
    .wpo-product-wrap
    .wpo-product-item
    .wpo-product-text
    h3
    a:hover,
.color5
    .wpo-product-section
    .wpo-product-wrap
    .wpo-product-item
    .wpo-product-img
    ul
    li
    a,
.color5
    .wpo-blog-section
    .wpo-blog-items
    .wpo-blog-grids
    .grid
    .wpo-blog-item
    .wpo-blog-content
    h2
    a:hover,
.color5
    .wpo-blog-section-s2
    .wpo-blog-items
    .wpo-blog-grids
    .grid
    .wpo-blog-item
    .wpo-blog-content
    h2
    a:hover,
.color5
    .wpo-blog-section-s3
    .wpo-blog-items
    .wpo-blog-grids
    .grid
    .wpo-blog-item
    .wpo-blog-content
    h2
    a:hover,
.color5 .wpo-site-footer .footer-link ul li a:hover,
.color5 .wpo-wedding-date #clock .time,
.color5 .wpo-couple-section .couple-area .couple-item .couple-text ul li a,
.color5 .wpo-couple-section-s2 .couple-area .couple-item .couple-text ul li a,
.color5 .wpo-couple-section-s3 .couple-area .couple-item .couple-text ul li a,
.color5 .wpo-couple-section-s4 .couple-area .couple-item .couple-text ul li a,
.color5
    .wpo-event-section
    .wpo-event-wrap
    .wpo-event-item
    .wpo-event-text
    ul
    li
    a,
.color5 .static-hero-s4 .wpo-event-item .wpo-event-text ul li a,
.color5 .forget-btn a,
.color5 .or span,
.color5 .subText a,
.color5 .wpo-shop-sidebar .widget_price_filter .filter-price button,
.color5 .wpo-checkout-area .cout-order-area .oreder-item ul .o-bottom,
.color5 .wpo-shop-single-section .product-details .price,
.color5 .blog-sidebar .category-widget ul a:hover,
.color5 .blog-sidebar .category-widget ul li:hover:before,
.color5 .wpo-blog-pg-section .post a.read-more:hover,
.color5 .wpo-blog-pg-section .post h3 a:hover,
.color5 .wpo-blog-pg-section .entry-meta ul li a:hover,
.color5 .blog-sidebar .recent-post-widget .post h4 a:hover,
.color5 .wpo-blog-single-section .tag-share .tag a:hover,
.color5 .wpo-blog-single-section .tag-share-s2 .tag a:hover,
.color5 .wpo-blog-single-section .author-box .social-link a:hover,
.color5 .wpo-blog-single-section .more-posts a:hover .post-control-link,
.color5 .wpo-blog-single-section .comments-area .comment-reply-link:hover,
.color5 .blog-sidebar .about-widget a:hover {
    color: #d9ba91;
}

.color5
    .wpo-product-section
    .wpo-product-wrap
    .wpo-product-item
    .wpo-product-text:before,
.color5
    .wpo-product-section
    .wpo-product-wrap
    .wpo-product-item
    .wpo-product-img
    ul
    li
    a:hover,
.color5 .wpo-site-footer .link-widget ul li a:hover,
.color5
    .wpo-contact-section-s3
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .radio-buttons
    [type="radio"]:checked
    + label:after,
.color5
    .wpo-contact-section-s3
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .radio-buttons
    [type="radio"]:not(:checked)
    + label:after,
.color5
    .wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .radio-buttons
    [type="radio"]:checked
    + label:after,
.color5
    .wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .radio-buttons
    [type="radio"]:not(:checked)
    + label:after,
.color5
    .wpo-contact-section-s5
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .radio-buttons
    [type="radio"]:checked
    + label:after,
.color5
    .wpo-contact-section-s5
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .radio-buttons
    [type="radio"]:not(:checked)
    + label:after,
.color5
    .wpo-contact-section-s3
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .theme-btn,
.color5
    .wpo-contact-section-s3
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .view-cart-btn,
.color5
    .wpo-contact-section-s3
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .view-cart-btn,
.color5
    .wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .theme-btn,
.color5
    .wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .view-cart-btn,
.color5
    .wpo-contact-section-s4
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .view-cart-btn,
.color5
    .wpo-contact-section-s5
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .theme-btn,
.color5
    .wpo-contact-section-s5
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .view-cart-btn,
.color5
    .wpo-contact-section-s5
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .submit-area
    .view-cart-btn,
.color5
    .wpo-event-section
    .wpo-event-wrap
    .wpo-event-item
    .wpo-event-text
    ul
    li
    a:before,
.color5
    .wpo-event-section
    .wpo-event-wrap
    .wpo-event-item
    .wpo-event-img::before,
.color5 .static-hero-s4 .wpo-event-item .wpo-event-text ul li a:before,
.color5 .wpo-shop-sidebar .search-widget form button,
.color5 .wpo-shop-single-section .product-details ul li:before,
.color5
    .wpo-shop-single-section
    .product-details
    .product-option
    .theme-btn:hover,
.color5
    .wpo-shop-single-section
    .product-details
    .product-option
    .view-cart-btn:hover,
.color5
    .wpo-shop-single-section
    .product-details
    .product-option
    .view-cart-btn:hover,
.color5
    .wpo-shop-single-section
    .product-details
    .product-option
    .product-row
    > div:last-child
    .theme-btn:hover,
.color5
    .wpo-shop-single-section
    .product-details
    .product-option
    .product-row
    > div:last-child
    .view-cart-btn:hover,
.color5
    .wpo-shop-single-section
    .product-details
    .product-option
    .product-row
    > div:last-child
    .view-cart-btn:hover,
.color5 .wpo-accountForm .wpo-accountBtn,
.color5
    .wpo-shop-single-section
    .product-details
    .bootstrap-touchspin
    .input-group-btn-vertical
    .bootstrap-touchspin-up:hover,
.color5
    .wpo-shop-single-section
    .product-details
    .bootstrap-touchspin
    .input-group-btn-vertical
    .bootstrap-touchspin-down:hover,
.color5 .wpo-shop-single-section .product-info .nav-tabs a:before,
.color5 .wpo-checkout-area .create-account button:hover,
.color5 .cart-area .cart-wrap .action a:hover,
.color5 .cart-area .submit-btn-area button:hover,
.color5 .cart-area .cart-wrap .action li.c-btn a,
.color5 .blog-sidebar .search-widget form button,
.color5 .blog-sidebar .widget h3:before,
.color5 .wpo-blog-pg-section .entry-meta ul li + li:before,
.color5 .blog-sidebar .tag-widget ul li a:hover,
.color5 .pagination-wrapper .pg-pagination .active a,
.color5 .pagination-wrapper .pg-pagination li a:hover,
.color5 .wpo-blog-pg-section .format-gallery .owl-nav [class*="owl-"]:hover,
.color5 .wpo-blog-single-section .tag-share .tag a:hover,
.color5 .wpo-blog-single-section .tag-share-s2 .tag a:hover,
.color5 .wpo-blog-single-section .entry-meta ul li + li:before,
.color5 .wpo-site-header .mobail-menu button,
.color5 .wpo-site-header #navbar > ul > li .sub-menu a:after {
    background: #d9ba91;
}

.color5 .wpo-section-title h2::after,
.color5 .wpo-section-title-s2 h2::after,
.color5 .wpo-section-title h2::before,
.color5 .wpo-section-title-s2 h2::before,
.color5
    .wpo-story-section-s4
    .wpo-story-wrap
    .wpo-story-item
    .wpo-story-content-wrap
    .wpo-story-content-img:before,
.color5
    .wpo-story-section-s4
    .wpo-story-wrap
    .wpo-story-item
    .wpo-story-img-wrap:before,
.color5 .wpo-checkout-area .coupon,
.color5 .blog-sidebar .about-widget,
.color5 .blog-sidebar .search-widget input,
.color5 .blog-sidebar .category-widget ul a span,
.color5 .wpo-site-footer,
.color5 .pagination-wrapper .pg-pagination li a,
.color5 .wpo-blog-single-section .post blockquote,
.color5 .wpo-blog-single-section .tag-share .tag a,
.color5 .wpo-blog-single-section .tag-share-s2 .tag a,
.color5 .blog-sidebar .tag-widget ul li a,
.color5 .wpo-blog-pg-section .format-standard,
.color5 .wpo-blog-pg-section .format-quote {
    background: rgba(217, 186, 145, 0.1);
}

.color5 .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item:before,
.color5
    .wpo-couple-section-s2
    .couple-area
    .col:first-child
    .couple-item
    .round-1,
.color5
    .wpo-couple-section-s2
    .couple-area
    .col:first-child
    .couple-item
    .round-2,
.color5
    .wpo-couple-section-s2
    .couple-area
    .col:first-child
    .couple-item
    .round-3,
.color5 .wpo-blog-single-section .comment-respond .form-submit input {
    background: rgba(217, 186, 145, 0.5);
}

.color5 .wpo-blog-pg-section .format-standard:before {
    color: rgba(217, 186, 145, 0.2);
}

.color5 .wpo-event-section .wpo-event-wrap .wpo-event-item,
.color5 .wpo-accountForm .wpo-accountBtn,
.color5 .wpo-checkout-area .coupon label,
.color5 .wpo-checkout-area .s2 .coupon-3,
.color5 .wpo-checkout-area .s2.coupon-2 .coupon-3 label,
.color5 .wpo-checkout-area .s1.active-border .coupon-active label,
.color5 .wpo-checkout-area .s3.coupon-2 .coupon-3 label,
.color5 .wpo-couple-section-s3 .couple-area .couple-item .couple-img::before,
.color5
    .wpo-story-section-s3
    .wpo-story-wrap
    .wpo-story-item
    .wpo-story-img-wrap::before,
.color5 .wpo-couple-section-s3 .couple-area .couple-item .couple-img::after {
    border-color: #d9ba91;
}

.color5
    .wpo-contact-section
    .wpo-contact-section-wrapper
    .wpo-contact-form-area,
.color5 .wpo-event-section .wpo-event-wrap .wpo-event-item .wpo-event-text h2,
.color5 .wpo-blog-single-section .post blockquote:before,
.color5 .wpo-fun-fact-section .wpo-fun-fact-grids,
.color5 .wpo-fun-fact-section-s2 .wpo-fun-fact-grids,
.color5
    .wpo-contact-section
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .form-control,
.color5
    .wpo-contact-section-s2
    .wpo-contact-section-wrapper
    .wpo-contact-form-area
    .form-control,
.color5 .wpo-team-section .wpo-team-wrap .wpo-team-item .wpo-team-img:before,
.color5 .wpo-event-section .wpo-event-wrap .wpo-event-item,
.color5 .wpo-event-section .wpo-event-wrap .wpo-event-item .wpo-event-text,
.color5 .wpo-couple-section-s2 .couple-area .col:first-child .couple-item,
.color5 .wpo-site-footer .wpo-upper-footer::before {
    border-color: rgba(217, 186, 145, 0.4);
}

.color5 .wpo-header-style-3 .navigation.sticky-on,
.color5 .wpo-contact-section .wpo-contact-section-wrapper,
.color5 .wpo-contact-section-s2 .wpo-contact-section-wrapper,
.color5 .wpo-service-details-text-3 {
    background-color: #d1ac7a;
}

.color5 .wpo-pricing-section-s2 .wpo-section-title h2,
.color5 .wpo-site-footer .wpo-lower-footer .copyright a {
    color: #323232;
}

.color5 .wpo-blog-single-section .tag-share .tag a:hover {
    color: #fff;
}

@media (max-width: 991px) {
    .color5 .wpo-site-header #navbar {
        background: #d6b589;
    }
    .color5 .wpo-site-header #navbar > ul .menu-item-has-children > a:before {
        background: none !important;
    }
    .color5 .wpo-site-header #navbar ul li a:hover,
    .color5 .wpo-site-header #navbar ul li a:focus {
        color: #fff;
    }
}

.color5 .wpo-blog-single-section .tag-share-s2 .tag a {
    background: none !important;
}

/*# sourceMappingURL=style.css.map */
.center {
    margin: 0 auto;
}
.testimonial-img iframe {
    width: 100%;
}
a.ytp-impression-link {
    display: none !important;
}
.wpo-testimonial-section .wpo-testimonial-items .fa-whatsapp {
    font-size: 50px;
    color: #199d53;
    cursor: pointer;
}
.back-to-top {
    display: none !important;
}