.animateThis {position:relative;will-change:opacity transform}
.slideLeft {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(50px, 0px, 0px);-webkit-transform: translate3d(50px, 0px, 0px);-o-transform: translate3d(50px, 0px, 0px);-ms-transform: translate3d(50px, 0px, 0px);transform: translate3d(50px, 0px, 0px)}
.slideLeft.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideRight {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(-50px, 0px, 0px);-webkit-transform: translate3d(-50px, 0px, 0px);-o-transform: translate3d(-50px, 0px, 0px);-ms-transform: translate3d(-50px, 0px, 0px);transform: translate3d(-50px, 0px, 0px)}
.slideRight.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.slideTop {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-moz-transform: translate3d(0px, 50px, 0px);-webkit-transform: translate3d(0px, 50px, 0px);-o-transform: translate3d(0px, 50px, 0px);-ms-transform: translate3d(0px, 50px, 0px);transform: translate3d(0px, 50px, 0px)}
.slideTop.in-view {opacity: 1;-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px)}
.fadeGrow {opacity:0;-moz-transition: all .7s ease;-webkit-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;-moz-transform:scale(.5);-webkit-transform:scale(.5);-o-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
.fadeGrow.in-view {opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.fadeIn {opacity:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.fadeIn.in-view {opacity:1}
.logoopacity{margin-top: 60px;}
.card.bghover {  transition:all 0.3s ease-in-out;}
.card.bghover:hover { background-color: #7c51a1;  transition:all 0.3s ease-in-out; color: #fff;}
.card .icon_box span {display: table; margin:0 auto 15px auto; width: 70px; height: 70px; margin-bottom: 30px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.card .icon_box span:hover {transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.card .icon_box span.wp-icon {background: #fff url(../Content/images/payment.png) no-repeat center top; background-size: cover; border-radius: 50%;}
.card:hover .icon_box span.wp-icon {background:  #db194e  url(../Content/images/payment.png) no-repeat center bottom; background-size: cover; }
.card .icon_box span.we-icon {background: #fff url(../Content/images/wedding-entertainment-icon.png) no-repeat center top; background-size: cover; border-radius: 50%;}
.card:hover .icon_box span.we-icon {background:  #db194e  url(../Content/images/wedding-entertainment-icon.png) no-repeat center bottom; background-size: cover; }
.card .icon_box span.DW-icon {background: #fff url(../Content/images/DW-icon.png) no-repeat center top; background-size: cover; border-radius: 50%;}
.card:hover .icon_box span.DW-icon {background:  #db194e  url(../Content/images/DW-icon.png) no-repeat center bottom; background-size: cover; }
.card .icon_box span.camera-icon {background: #fff url(../Content/images/camera-icon.png) no-repeat center top; background-size: cover; border-radius: 50%;}
.card:hover .icon_box span.camera-icon {background:  #db194e  url(../Content/images/camera-icon.png) no-repeat center bottom; background-size: cover; }
.card .icon_box span.bucket-icon {background: #fff url(../Content/images/bucket-icon.png) no-repeat center top; background-size: cover; border-radius: 50%;}
.card:hover .icon_box span.bucket-icon {background:  #db194e  url(../Content/images/bucket-icon.png) no-repeat center bottom; background-size: cover; }
.card .img-hover-zoom {overflow: hidden;}
.card .img-hover-zoom img {transition: transform .5s ease; }
.card:hover .img-hover-zoom img {transform: scale(1.1);  }


.address_panel{ right:40px; margin-top: 33px; position: absolute; z-index: 10000; font-size: 24px;}
.challangePic2{ position:absolute;  animation: inspiCorner 2s  infinite alternate; right: 0px; }

@keyframes inspiCorner{
	from{transform: translate(0px,0) rotate(0deg);}
	to{transform: translate(0px,5px) rotate(0deg);}
}

.challangePic{animation: challange 2s  infinite alternate; position:relative;/* top: -25px; *//* left: -20px; */}

@keyframes challange{
0% {left:0;}
100% {left:8%;}
}




.bussines_wrp {position: relative;}
/*.bussines_wrp:before {content: ''; position: absolute; top: 70px; right: 100px; bottom: 0; left: 100px; border: 4px solid #004D40;}*/

.businessBorder {border: 4px solid #004D40}
.business_box a {position: relative; overflow: hidden;background:#000}
/*.business_box a:before {content: ''; position: absolute; top:0; right: 0; bottom:0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;}*/
.businessBox_content {position: absolute; top:0; right: 0; bottom: 0; left: 0; z-index: 1; color: #fff; text-align: center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;} 
.businessBox_content h3 {font-size: 25px; }
.businessBox_content h3 span {display: block; font-size: 14px;}

.business_box a:hover .businessBox_content {color:#ed1651;transform: translateY(-10px);}

.business_box a img {width:100%; display: block; transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out;  -ms-transform:scale(1); -webkit-transform: scale(1); transform:scale(1);opacity:.5}
.business_box a:hover img {-ms-transform:scale(1.1); -webkit-transform: scale(1.1); transform:scale(1.1);  transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out;opacity:.2}

.business_txt h2 {font-family: 'quincy_cfitalic'; margin-bottom: 20px;}
.business_txt p {color: #000; font-size: 18px;}


body.offcanvas-active{
	overflow:hidden;
}


.sepratorf h1 {
	margin: 0 auto 0px;
	overflow: hidden;
	text-align: center;
	font-weight:300; position: relative;
  }



  .sepratorf h1:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../Content/images/Divider-left.png);
    height: 25px;
    background-repeat: no-repeat; position: absolute;
    width: 20%; left: 18%; margin-top: 15px; 

  
  
    } 
  
  .sepratorf h1:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../Content/images/Divider-right.png);
    height: 25px;
    background-repeat: no-repeat; position: absolute;
    width: 20%; left: 67%;  margin-top: 15px;  
    
      }



@media only screen and (max-width:1366px) {

    .sepratorf h1:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Content/images/Divider-left.png);
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        width: 20%;
        left: 12%;
        margin-top: 15px;
    }

    .sepratorf h1:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Content/images/Divider-right.png);
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        width: 20%;
        left: 70%;
        margin-top: 15px;
    }
}

  
.seprator h1 {
	margin: 0 auto 0px;
	overflow: hidden;
	text-align: center;
	font-weight:300; position: relative;
  }


    .seprator h1:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Content/images/Divider-left.png);
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        width: 20%;
        left: 17%;
        margin-top: 15px;
    }

    .seprator h1:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Content/images/Divider-right.png);
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        width: 20%;
        left: 65%;
        margin-top: 15px;
    }




    .sepratorff h1 {
        margin: 0 auto 0px;
        overflow: hidden;
        text-align: center;
        font-weight: 300;
        position: relative;
    }



    .sepratorff h1:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Content/images/Divider-left.png);
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        width: 20%;
        left: 20%;
        margin-top: 15px;
    }

    .sepratorff h1:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Content/images/Divider-right.png);
        height: 25px;
        background-repeat: no-repeat;
        position: absolute;
        width: 20%;
        left: 62%;
        margin-top: 15px;
    }










    .innerBanner {
        width: 100%;
        height: auto;
    }

    .breadcrumb {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #db194e;
    }



    .socialIcons {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .socialIcons li {
            display: inline-block;
            margin-right: 10px
        }

            .socialIcons li:last-child {
                margin-right: 0
            }

        .socialIcons a {
            display: block;
            height: 40px;
            padding: 10px;
            position: relative;
            border: 1px solid #e9e9e9;
            border-radius: 50%;
            background: #333
        }

        .socialIcons svg {
            width: auto;
            height: 100%;
            display: block;
            fill: #fff;
            position: relative;
            z-index: 1;
            -webkit-transition: fill .3s ease;
            -moz-transition: fill .3s ease;
            transition: fill .3s ease
        }

        .socialIcons a:before {
            width: 40px;
            height: 40px;
            border: 0 solid #fff;
            background: #ec2024;
            content: '';
            display: block;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0) scale(1.8);
            opacity: 0;
            z-index: 0;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            pointer-events: none
        }

        .socialIcons a:hover:before {
            transform: translate3d(-50%, -50%, 0) scale(1);
            opacity: 1
        }

        .socialIcons a:hover svg {
            fill: #fff
        }



    .mybulletlist3 ul {
        list-style-type: none;
        padding-left: 12px;
    }

    .mybulletlist3 li {
        padding-left: 0px;
        margin: 20px 0px 0 5px;
        list-style-type: none;
    }



        .mybulletlist3 li:nth-of-type(1):before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f3c5";
            margin: 0px 8px 0 -22px;
            color: #333;
        }

        .mybulletlist3 li:nth-of-type(2):before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f095";
            margin: 0px 5px 0 -25px;
            color: #333;
        }

        .mybulletlist3 li:nth-of-type(3):before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f0e0";
            margin: 0 8px 0 -22px;
            color: #333;
        }

    .mybulletlist3 ul li a {
        text-decoration: none;
        color: #333;
        transition: all 0.5s ease;
    }

        .mybulletlist3 ul li a:hover {
            text-decoration: none;
            color: #d10000;
            transition: all 0.5s ease;
        }



    .offcanvas-header {
        display: none;
    }

    .screen-darken {
        height: 100%;
        width: 0%;
        z-index: 30;
        position: fixed;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(34, 34, 34, 0.6);
        transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;
    }

        .screen-darken.active {
            z-index: 10;
            transition: opacity .3s ease, width 0s;
            opacity: 1;
            width: 100%;
            visibility: visible;
        }

    /* ============ mobile view ============ */







@media (min-width: 1366px) {

    .seprator h1:before {
        left: 18%;
    }

    .seprator h1:after {
        left: 62%;
    }



    .sepratorff h1:before {
  
        left: 17%;

    }

    .sepratorff h1:after {
       
        left: 64%;

    }




}

@media (min-width: 1440px) {

    .seprator h1:before {
        left: 22%;
    }

    .seprator h1:after {
        left: 62%;
    }



    .sepratorff h1:before {
        left: 20%;
    }

    .sepratorff h1:after {
        left: 64%;
    }
}

    @media only screen and (max-width:767px) {
        .sepratorf h1:before, .sepratorf h1:after {
            display: none;
        }

        .seprator h1:before, .seprator h1:after {
            display: none;
        }

        .sepratorff h1:before, .sepratorff h1:after {
            display: none;
        }
    }