/*===================== 
	Premery bg color 
=====================*/
:root{
	--bg-color: #5e2ced;
	--bg-color-sc: #5e2ced;
	--text-color-sc: #5e2ced;
	--bg-color-ho: #5e2ced;
	--text-color: #5e2ced;
}
/* Hex */
.bg-primary,
.meet-ask-row:after,
.dlab-separator.style-skew[class*="style-"]:after,
.dlab-separator.style-skew[class*="style-"]:before,
.dlab-tilte-inner.skew-title:after,
.date-style-2 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.widget-title:after,
.btn,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active > [class*="btn"],
.list-num-count > li:before,
.date-style-4 .post-date strong,
.date-style-3 .post-date,
.date-style-2 .post-date,
.skew-angle:after,
.header-style-4.style-1 .header-nav a:before,
.header-style-4.style-1 .header-nav a:before,
.dlab-project-left:after,
.service-carousel .owl-prev, 
.service-carousel .owl-next,
.about-us .dlab-tabs .nav-tabs li a.active,
.testimonial-text.bg-primary,
.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
.owl-btn-1.primary .owl-prev, 
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev, 
.owl-btn-2.primary .owl-next,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span, 
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,
.product-item-size .btn.active,
.ui-widget-header,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active span, 
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,
.owl-item.active.center .testimonial-text,
.icon-bx-wraper.hover:hover,
.portfolio-sep,
.portfolio-ic .dlab-img-overlay1:before,
.dlab-box-bg.active .icon-box-btn .btn,
.dlab-accordion.primary .acod-head a,
.side-bar .widget_tag_cloud a:hover,
.time-line:after,
.line-right:after,
.line-left:after,
.tabs-btn .nav-tabs li a.active:focus,
.tabs-btn .nav-tabs li a.active:hover,
.tabs-btn .nav-tabs li a.active,
.box-item-service:hover .item-service-content,
.box-item-service:hover h5,
.box-item-service:hover .icon-bx-md,
.tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink,
.la-anim-10{
    background-color: #000;
}
/*Hex color :hover */
.btn:active,
.btn:hover,
.btn:focus,
.btn-secondry:hover,
.btn-secondry:active,
.btn-secondry:focus,
.active > .btn,.btn-secondry,
.bg-primary-dark,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus ,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus,
.owl-btn-1.primary .owl-prev:hover, 
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover, 
.owl-btn-2.primary .owl-next:hover,
.overlay-primary-light:after, 
.overlay-primary-middle:after, 
.overlay-primary-dark:after,
.overlay-primary:after{
    /*background-color: #5e2ced;*/
}
.about-us .dlab-tabs .nav-tabs li a.active{
	border-right: 4px solid #5e2ced;
}


/* Rgba color */
.dlab-info-has.bg-primary,
.dlab-info-has.bg-secondry:hover,
.tp-bannertimer.tp-bottom {
    background-color: rgba(242, 84, 150, 0.9);
}
/* Box Shadow */
.side-bar .widget_tag_cloud a:hover{
	box-shadow:5px 5px 10px 0 rgba(242, 84, 150, 0.15);
}
/*===================== 
	Premery text color 
=====================*/
a,
.text-primary,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a .header-nav .nav > li .sub-menu li a:hover,
/*.header-nav .nav > li:hover > a,*/
.header-nav .nav > li .mega-menu > li ul a:hover,
.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover,
blockquote:before,
ol.comment-list li.comment .reply a,
footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
button.scroltop,
.testimonial-1 .testimonial-position,
.testimonial-4 .testimonial-name:after,
.testimonial-2 .testimonial-position,
.testimonial-3 .testimonial-position,
.testimonial-3 .quote-left:before,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.dlab-tabs .nav-tabs > li > a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.btn.outline,
.btn-link:hover,
.item-info-in ul li a:hover,
.dlab-post-meta.text-primary i,
.dlab-post-meta.text-primary ul li,
.dlab-post-meta.text-primary ul li a,
.comments-area p:before,
.about-8-service .icon-bx-wraper:hover a,
.about-service .icon-bx-wraper:hover a,
.dlab-box-bg .icon-box-btn .btn,
.list-2 li:hover:before,
.plan-tools-list .home-list .title{
    color: #5e2ced;
}
@media only screen and (max-width: 991px) {
	.nav-dark.header-nav .nav > li > a:hover, 
	.nav-dark.header-nav .nav > li > a:active, 
	.nav-dark.header-nav .nav > li > a:focus{
		color: #5e2ced;
	}
}
.text-secondry{
	color:#3d56f0;
}
/*===================== 
	Premery border color 
=====================*/
.planner-budget-bx .edit-notes .form-control:focus, 
.planner-modal-bx form .form-control:focus, 
.planner-budget-bx .edit-notes .form-control:hover,
.planner-modal-bx form .form-control:hover,
.settings-box form .form-control:focus,
.category-side-bar .category-search-bx form .form-control,
.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
button.scroltop,
blockquote,
.widget_gallery li:hover,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active, 
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
input[type="checkbox"]:checked + label:before,
input[type="checkbox"] + label:hover:before, 
input[type="radio"] + label:hover:before,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active, 
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover,
.side-bar .widget_tag_cloud a:hover{
    border-color: #000;
}
.owl-item.active.center .testimonial-8 .testimonial-text:after{
	border-top:15px solid #5e2ced;
}
.dlab-tabs.border-top .nav-tabs > li > a.active{
	border-top-color: #5e2ced;
}
.port-style1 .port-box{
	border-left: 3px solid #5e2ced;
}
.choseus-tabs .nav li a.active{
	border-bottom: 2px solid #5e2ced;
}
svg.radial-progress:nth-of-type(6n+1) circle { stroke: #5e2ced; }
/*===================== 
	Secondery bg color
 =====================*/
.bg-secondry {
    background-color: #2d3239;
}
.portbox2 .dlab-media:after{
	background: rgb(25,28,10);
    background: -moz-linear-gradient(top, rgba(25,28,10,0) 0%, rgba(25,28,10,1) 100%);
    background: -webkit-linear-gradient(top, rgba(25,28,10,0) 0%,rgba(25,28,10,1) 100%);
    background: linear-gradient(to bottom, rgba(25,28,10,0) 0%,rgba(25,28,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}
.search-filter.wadding-vanues-filter,
.site-header .sidenav:after,
.closebtn:after,
.overlay-black-light:after, 
.overlay-black-middle:after, 
.overlay-black-dark:after {
    background: #000;
}
.slider-handle,
.wedding-planning-bx.bg-primary,
.wedding-details .wedding-info .wedding-img,
.myacountlist li a:hover,
.nav-tabs.step-anchor li.nav-item.active a,
.wedding-venues-details .venues-sidebar-info .title-head,
.side-page-bx li:hover a, 
.side-page-bx li.active a,
.plan-tools-list .home-list:hover, 
.plan-tools-list .home-list.active,
.my-account-bx .title,
.venue-search-list ul li a:hover,
.planning-tools.style1:after,
.testimonials-box .quote,
.wedding-services:after,
.expert-advice-list li:after,
.gradient{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86c0b6+0,fd60a2+100 */
	background: rgb(253,96,162);
    background: -moz-linear-gradient(40deg, #000000 0%, #000000 100%);
    background: -webkit-linear-gradient(40deg, #000000 0%, #000000 100%);
    background: linear-gradient(to right, #000000 , #000000 , #000000 , #000000);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 );
}
.vender-details-form .shortlist-btn:hover, 
.vender-details-form .shortlist-btn.active{
	background: rgb(253,96,162) !important;
    background: -moz-linear-gradient(40deg, #000000 0%, #000000 100%) !important;
    background: -webkit-linear-gradient(40deg, #000000 0%, #000000 100%) !important;
    background: linear-gradient(40deg, #000000 0%, #000000 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 ) !important;
}
.sidenav > ul li a i,
.text-gradient {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86c0b6+0,fd60a2+100 */
	background: rgb(253,96,162);
    background: -moz-linear-gradient(40deg, #000000 0%, #000000 100%);
    background: -webkit-linear-gradient(40deg, #000000 0%, #000000 100%);
    background: linear-gradient(40deg, #000000 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 );
    -webkit-background-clip: text;
    background-position: 50% 50%;
    background-repeat: repeat;
    -webkit-text-fill-color: transparent;
}
.category-side-bar .category-search-bx,
.site-footer .footer-bottom{
	/*background-color:#fffbf9;*/
}
.inner-content-bx strong, 
.inner-content-bx a:not(.btn){
	box-shadow: inset 0px -10px 0 rgba(253,96,162,0.3);
}
.sidenav > ul li a i{
    text-shadow: 5px 5px 30px var(--bg-color);
}
.vender-details-form .shortlist-btn:hover, 
.vender-details-form .shortlist-btn.active{
    box-shadow: 0px 10px 50px -20px var(--bg-color);
}
.slider.slider-horizontal .slider-track,
.plan-tools-list .home-list {
    background-color:#ffdbe1;
}
.open .closebtn:after{
	background: transparent;
}

/* -- Intro */
.bg-dark{
    background-color: #d2d2d2 !important;
}
.intro{
    /*background-image: url("../images/intro/intro.jpg");
    background-size: cover;
    background-repeat: no-repeat;*/
    text-align: center;
}
.pet-images{
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.pet-images::before,
.pet-images::after,
.pet-images .content-box,
.pet-images .content-box h3,
.pet-images .content-box p,
.pet-images .content-box a {
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.pet-images::before {
    background-color: #f440279e;
    bottom: 0;
    content: "";
    display: inline-block;
    left: -20px;
    position: absolute;
    right: 0;
    top: -104%;
    -webkit-transform: skewX(129deg);
    transform: skewX(129deg);
}
.pet-images::after {
    background-color: rgba(244,64,39,0.50);
    bottom: 0;
    content: "";
    display: inline-block;
    left: -20px;
    position: absolute;
    right: 0;
    top: -99%;
    -webkit-transform: skewX(129deg);
    transform: skewX(129deg);
}
.pet-images.bgcolor-green::before {
    background-color: #48a11d9e;
}
.pet-images.bgcolor-green::after {
    background-color: rgba(72,161,29,0.5);
}
.pet-images.bgcolor-yellow::before {
    background-color: #ffbe019e;
}
.pet-images.bgcolor-yellow::after {
    background-color: rgba(255,190,1,0.5);
}
.pet-images.bgcolor-blue::before {
    background-color: #3300ff9e;
}
.pet-images.bgcolor-blue::after {
    background-color: rgba(52, 39, 244, 0.5);
}
.pet-images .content-box {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 1;
    text-align: left;
}
.pet-images .content-box h3 {
    margin-top: 0;
    font-size: 15px;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    position: relative;
    color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
}
.pet-images .content-box h3 span {
    display: block;
    font-size: 15px;
    text-transform: none;
    margin-top: 15px;
    margin-bottom: 30px;
    letter-spacing: 0;
}
.pet-images .content-box h3 i {
    opacity: 0.7;
}
.pet-images .content-box p {
    text-align: center;
    margin-bottom: 30px;
    line-height: 30px;
    opacity: 0;
}
.pet-images .content-box a {
    float: right;
    font-size: 12px;
    opacity: 0;
}
.pet-images:hover .content-box {
    left: 18px;
    right: 18px;
}
.pet-images:hover::after {
    opacity: 0;
}
.pet-images:hover::before {
    background-color: #f44027;
    transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    opacity: 0.9;
}
.pet-images.bgcolor-green:hover::before {
    background-color: #48a11d;
}
.pet-images.bgcolor-yellow:hover::before {
    background-color: #ffbe01;
}
.pet-images.bgcolor-blue:hover::before {
     background-color: #3300ff; 
}
.pet-images:hover .content-box h3 {
    padding-left: 94px;
    margin-bottom: 20px;
    border-bottom-color: rgba(255,255,255,0.2);
}
.pet-images:hover .content-box h3 i {
    position: absolute;
    left: 10px;
    top: 0;
}
.pet-images .content-box h3 i img{
    width: 30px;
}
.pet-images:hover .content-box h3 i img{
    width: 64px;
}
.pet-images:hover .content-box h3 i,
.pet-images:hover .content-box p,
.pet-images:hover .content-box a {
    opacity: 1;
}

.about-us .info-box {
    margin-top: 70px
}

@media only screen and (min-width:992px) {
    .about-us .info-box {
        margin: 0
    }
}
.info-box {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 67px 30px 62px 30px
}

@media only screen and (min-width:768px) {
    .info-box {
        padding: 117px 40px 112px 40px
    }
}

@media only screen and (min-width:992px) {
    .info-box {
        padding: 147px 70px 112px 70px;
        min-height: 520px
    }
}

.info-box .img--layout {
    display: none
}

@media only screen and (min-width:1200px) {
    .info-box .img--layout {
        display: initial
    }
}

.info-box__title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 26px
}

@media only screen and (min-width:576px) {
    .info-box__title {
        font-size: 35px;
        line-height: 40px
    }
}

.info-box__link {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.info-box__link::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 2px;
    left: 0;
    background-color: #fff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.info-box__link:hover::after {
    opacity: 0
}
.img--layout {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    pointer-events: none;
}
.img--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    font-family: "object-fit: cover; object-position: top center";
    z-index: -1
}

/* -- call action */
.call-box{
    background-color: #ffc800;
    padding: 60px 0;
}
.call-box a{
    background-color: #000;
    color: #ffc800;
}
.whatsapp-box{
    background-color: #000000;
    padding: 60px 0;
}
.whatsapp-box h2{
    color: #ffc800;
}
.whatsapp-box a{
    background-color: #ffc800;
    color: #000;
}
.black{
    background-color: #000000 !important;
    color: #fff !important;
}
/* -- call action */
.bg-parllax{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.bg-trans-yellow{
    background-color: #ffc800c9;
    padding: 100px;
}
.bg-trans-black{
    background-color: #000000d1;
    padding: 100px;
}
.counter-box-one p{
    font-size: 24px;
    color: #fff;
}
.counter-box-one .number span {
    font-family: 'Roboto', sans-serif;
    font-size: 42px !important;
    font-weight: 900;
}
.pt-55{
    color: #000;
    font-size: 16px;
}
.pt-55 i{
    color: #fff;
}

.sticky-img{
    position: sticky;
    width: 130px;
    top: 30px;
    /*z-index: 111;*/
}