my-app .main-panel .main-content .card{
    animation-duration: 750ms;
    opacity: 0;
    animation-name: fadeIn;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@media (min-width: 992px){
    .typo-line{
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}

#map{
    position:relative;
    width:100%;
    height: calc(100% - 60px);
    margin-top: 70px;
}

.places-buttons .btn{
    margin-bottom: 30px
}

.space-70{
    height: 70px;
    display: block;
}

.sidebar .nav > li.active-pro{
    position: absolute;
    width: 100%;
    bottom: 10px;
}
@media (max-width: 991px) {
    .sidebar .nav > li.active-pro{
        position: relative;
        width: 100%;
        bottom: 10px;
    }
    .sidebar .nav > li.active-pro > a{
        margin-top: 20px;

    }
}

.tim-row{
    margin-bottom: 20px;
}

.tim-typo{
    padding-left: 25%;
    margin-bottom: 40px;
    position: relative;
}
.tim-typo .tim-note{
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    width: 260px;
}
.tim-row{
    padding-top: 50px;
}
.tim-row h3{
    margin-top: 0;
}


/*more custom*/

.show-cursor { cursor: pointer; }

.dialog-form-item{
    width: 460px;
}

.dialog-form{
    width: 460px;
    margin: 30px auto 10px;
    padding: 0 0 40px;
    border-radius: 3px;
}

.dialog-form-buttons{
    float: right;
}
.primary-background{
    background-color: #f31d78 !important;
}


/***************************************************
Created CSS by Designer RK
****************************************************/
body{ background-color: #ffffff;}
.container-fluid{max-width: 1300px;}

/**************** Header CSS START ***************/
.header{ background-color:#ffffff; position: relative; border-bottom:#6bc048 solid 1px;}
.header .container-fluid{ background:none;}
.topBar{ height:50px; box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.3) -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.3);}

.topbarNav{ float:right;}
.topbarNav ul {margin:0; padding:0;  font-size:14px; font-weight: 600;}
.topbarNav ul li{ list-style: none; float:left; margin-left:20px;}
.topbarNav ul li.callNav{  margin-left:0;}
.topbarNav ul li.callNav a{padding-left:30px; display:block; line-height:50px; color:#ffffff; background-image:url(../img/icons/call_icon_white.png); background-repeat: no-repeat; background-position: left center; background-size:20px 20px; height:50px;}

.topbarNav ul li.cartNav a{ width:50px; height:50px; display: block; position: relative; background-image:url(../img/icons/shopping_bag_white.png); background-size:28px 28px; background-repeat: no-repeat; background-position: center;}
.topbarNav ul li.cartNav a span{ width: 19px; height: 19px; font-size: 9px; background: #6bc048; color: #ffffff; text-align:center; line-height: 20px;  display: block;  position: absolute; left: 20px; top: 4px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}

.topbarNav > ul > li > a{ color:#ffffff; display: block; line-height: 50px;}
.topbarNav > ul > li > a > span.accountName{font-size: 11px; margin-left: 3px}

.headerMiddle{ padding:10px 0;}
.logo { width:200px; display: block; padding:0; margin:0; float: left;}
.logo img{ width:100%; display: block;}

.headerRightSide{ float:right; margin-top:18px;}
.search-bar-desktop{width: 330px;border: 1px solid #a5a2a2; background-color:#ffffff; padding:7px 10px; float:left;}
.search-bar-desktop input{width: 280px; float:left; padding:2px 0; font-size: 16px; color:#6b6b6b; border: 0px}
.search-bar-desktop img{ width:18px; height: 18px; float:right; margin-top: 2px; cursor: pointer;}
.headerMidNav{ float:left; margin: 13px 0 0 10px; padding:0;}
.headerMidNav li{ list-style: none; margin-left:20px; float: left; }
.headerMidNav li a{ color:#2f2f2f; text-decoration: none; font-size: 18px;}

.search-bar-mobile{ float: right; margin-right:15px; margin-top: 10px;}
.search-bar-mobile input{ padding: 7px 10px; border: #a5a2a2 solid 1px; background-color: #ffffff; color: #6b6b6b; font-size: 16px;  width: 280px; line-height: normal;}

.navigationBar{ background: #6bc048; padding-top:1px;}
.navigationBar .category-bar > ul{display: table; padding:0px; overflow: auto; white-space:nowrap; margin:0;}
.navigationBar .category-bar > ul > li{margin-right: 5px;  display: inline-block;}
.navigationBar .category-bar > ul > li > a{ color:#ffffff; font-size: 15px; line-height: 15px; display: block; padding:12px 12px 10px 12px;}
.navigationBar .category-bar > ul > li > a.dropdown-toggle{ position: relative; padding-right: 30px;}
.navigationBar .category-bar > ul > li > a.dropdown-toggle::after{ width:14px; height:14px; top:10px; right:10px; position: absolute; display: block; content:''; background-image:url(../img/icons/arrow_down.png); background-repeat: no-repeat; background-position: center; background-size:14px 14px;  }
.navigationBar .category-bar > ul .subcategories{max-height: 450px; overflow: auto}


/*Mobile Category Navigation*/
.cart-bar-mobile{height: 100%}
.cart-bar-mobile-head{ padding-top:5px; margin-bottom: 15px;}
.cart-bar-mobile-head h4{ float: left; font-size: 18px; margin: 0; padding-top: 3px;}
img.navCloseBtn{float: right; cursor: pointer;}
.mobileCategoryNav{height: 84%; overflow:hidden; overflow-y:scroll;}
.mobileCategoryNav ul{ margin: 0; padding:0;}
.mobileCategoryNav ul li{ list-style: none; border-bottom: #ddd solid 1px;}
.mobileCategoryNav ul li a{color:#444444; font-size: 13px; display: block; padding:15px 0px 12px;}
.mobileCategoryNav ul li a:hover{ color:#6bc048;}

/**************** Header CSS END ***************/

/******* Home Page *******/
.homeBannerSection{ margin-bottom: 40px;}
.homeBannerSection .container-fluid{padding:0;}
.homeBanner{text-align: left;}
.homeBanner .carousel-caption h4{font-size: 35px; font-weight: 300;  margin:0 0 5px; color:#ffffff;}
.homeBanner .carousel-caption h5{font-size: 25px; font-weight: 300; margin:0; color:#ffffff;}

.homeBanner .carousel-control,
.carousel-control{ width:30px; height:30px; display: block; background-repeat: no-repeat; background-position: center; background-size:30px 30px;  position: absolute; top:calc(50% - 15px); }
.homeBanner .carousel-control.right,
.carousel-control.right{background-image:url(../img/icons/arrow_right.png)!important; right: 15px;}
.homeBanner .carousel-control.left,
.carousel-control.left{background-image:url(../img/icons/arrow_left.png)!important; left:15px;}

.bannerContentBtns{padding-top:160px; text-align: center;}
.bannerContentBtns a{width: 80%;}

/*Brand slider*/
.brandSlider{ position: relative; padding:0 60px; max-width: 1100px; margin:0 auto 40px;}
.brandSlider .demo-one {padding:0;     overflow-x: hidden; overflow-y: hidden; white-space: nowrap;   height: calc(100% + 17px); display: block;}
.brandSlider .demo-one .drag-slide {width: 120px; height: 60px; margin:0 50px 0 0; display: inline-block; text-align: center;}
.brandSlider .demo-one .drag-slide img{ max-width:100%; max-height:60px; position: relative;  top: 50%; transform: translateY(-50%);}

.dragScroll-control{ border:none; width:30px; height:30px; display: block; background-color:transparent; background-repeat: no-repeat; background-position: center; background-size:30px 30px;  position: absolute; top:calc(50% - 15px); text-indent:-999999px; overflow: hidden; }
.dragScroll-control.right{background-image:url(../img/icons/arrow_right.png); right: 15px;}
.dragScroll-control.left{background-image:url(../img/icons/arrow_left.png); left:15px;}

/*Title Heading*/
.homeSectionHeadings{ margin-bottom:10px; padding:0 50px; }
.homeSectionHeadings .row{margin:0;}
.homeSectionHeadings h4{font-size: 24px; padding: 7px 0px; font-family:'lovelyFontBold', sans-serif!important; color: #2f2f2f; text-align: center;}
.homeSectionHeadings .headingLines{margin-top: 22px; height: 3px;}

.viewAllBlogBtn{ margin-bottom:20px; text-align: center;}
.viewAllBlogBtn a{font-size: 24px; font-family:'lovelyFontBold', sans-serif; font-weight: bold; color:#f31d78;}
.viewAllBlogBtn a:hover{color:#6bc048;}

.homeBottomContent{ padding:20px 0px;}
.homeBottomData{ margin-bottom:25px;}
.homeBottomContent h4{font-size: 17px; margin:0 0 10px; font-family:'lovelyFontBold', sans-serif!important; color: #2f2f2f;}
.homeBottomContent p{font-size: 13px; line-height: 22px; margin: 0 0 20px; font-weight: 300; color: #2f2f2f;}


/*Footer*/
.footer .container-fluid{ background:none;}

.footerYellowSection{padding:25px 0;}
.footerYellowSection h4{font-weight: bold; margin-bottom: 3px; font-size: 22px; font-family:'lovelyFontBold', sans-serif!important; color:#ffffff; }
.footerYellowSection h5{font-size: 15px; font-weight: bold; color: #fff; margin: 0 0 15px; }
.newsletterField{background-color: #ffffff; padding: 10px 15px 9px; }
.newsletterField input{ width:calc(100% - 30px); float: left; padding:5px 0 0; border:none; color: #a2a2a2;}
.newsletterField input.sendBtn{width:28px; height:28px; float:right; text-indent:-999999px; overflow: hidden; background-color: transparent; background-image:url(../img/icons/send_icon.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto;}
.footAppSection{ padding-top: 53px;}
.footAppSection a{display: inline-block;}
.footAppSection img.appImg{width:160px;}
.footAppSection img.appImg2{width: 140px; position: relative; top: -2px;}
.footAppSection h4{text-align: right; padding-top: 15px;}

.footerLinkSection{ padding:25px 0;  color:#2f2f2f;}
.footerLinkSection a{color:#2f2f2f;}
.footerLinkSection a:hover{color:#6bc048;}
.footerLinkSection h4{font-weight: bold; padding:0; margin:0 0 15px; font-size: 21px; font-weight: bold; font-family:'lovelyFontBold', sans-serif!important; color:#2f2f2f; }
.footerLinkSection ul { padding:0; margin:0 0 20px;}
.footerLinkSection ul li{ list-style: none; margin-bottom: 10px; font-size: 15px;}
.copyright{font-size: 12px; padding-top: 20px;}

.footerLinkSection ul li ul.footSocialLinks{ list-style: none; padding-top: 10px;}
.footerLinkSection ul li ul.footSocialLinks li{ display: inline-block; margin: 0 15px 0 0;}
.footerLinkSection ul li ul.footSocialLinks li a{ display: inline-block}
.footerLinkSection ul li ul.footSocialLinks li a img{ width:25px;}

.footerLogoSlider{ margin-bottom: 30px; position: relative; padding: 0 50px;}
.footerLogoSlider .demo-one {padding:0;     overflow-x: hidden; overflow-y: hidden; white-space: nowrap;   height: calc(100% + 17px); display: block;}
.footerLogoSlider .demo-one .drag-slide {width: 290px; height: 60px; margin:0 0px 0 0; display: inline-block; text-align: center;}
.footerLogoSlider .demo-one .drag-slide img{ max-width:80%; max-height:60px; position: relative;  top: 50%; transform: translateY(-50%);}


/*Login Page*/
.loginWrapper{ padding:50px 0;}
.loginWrapper h4{ font-size: 24px; text-align: center; margin: 0 0 15px;}
.loginContainer{ width:550px; padding:25px;  margin:0 auto; box-shadow: 0px 0px 10px 5px rgba(230, 230, 230, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.loginLogo{ text-align: center; margin-bottom:12px;}
.loginLogo img{width:120px;}

.loginContainer select.form-group.ui.search.dropdown,
.passwordContainer select.form-group.ui.search.dropdown{ background-color: #f9f9f9; padding: 10px 6px;}

.paddingRightNull.col-xs-4{padding-right: 0;}
.loginFormBtns{ padding-top:10px;}
.forgortLink { padding-top: 22px;}
.forgortLink a{font-size: 16px; color:#2f2f2f;}
.forgortLink a:hover{ color:#6bc048;}

.passwordContainer{padding:25px;  margin:0 auto 15px; box-shadow: 0px 0px 10px 5px rgba(230, 230, 230, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}


/*******************************************************************
Responsive
********************************************************************/

@media only screen and (max-width : 991px) {
    .logo{ width:140px;}
    .topbarNav ul li{ margin-left: 10px;}

    .homeBannerSection{ margin-bottom:0px;}
    .bannerContentBtns{padding:10px 20px;}
    .homeBanner .carousel-caption h4{font-size: 20px;}
    .homeBanner .carousel-caption h5{font-size: 14px;}

    .homeSectionHeadings{ padding:0 0px; }
    .homeSectionHeadings h4{font-size: 20px;}
    .homeSectionHeadings .headingLines { margin-top: 16px}

    .viewAllBlogBtn a{font-size: 20px;}
}

@media only screen and (max-width : 767px) {
    .topbarNav ul {font-size:11px;}
    .topbarNav ul li.callNav a{padding-left:22px; background-size: 18px 18px;}

    .footAppSection {padding-top: 15px; }
    .footAppSection h4{text-align: left; padding-top: 0px; padding-bottom:2px;}
    .footAppSection a {margin-left: -10px;}
    .footerLogoSlider .demo-one .drag-slide{ width:230px;}

    .footerYellowSection { padding: 20px 0 15px; }
    .footAppSection{text-align: center;}
    .footerYellowSection h4{font-size: 20px;}
    .footerYellowSection h4, .footerYellowSection h5{text-align: center;}

    .footerLinkSection{padding: 20px 0; text-align: center;}
}

@media only screen and (max-width : 640px) {
    /*Login page*/
    .loginWrapper h4{ font-size: 18px;}
    .loginWrapper{ padding:30px 0;}
    .loginContainer{width:100%; padding:25px 15px;}
    .passwordContainer{ padding:25px 15px;}
    .fullWidthBtn .btn{width: 100%;}

}



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




























.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse;
}

.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  height: 330px;
}