@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Helvetica.svg#Helvetica') format('svg'),
         url('../fonts/Helvetica.ttf') format('truetype'),
         url('../fonts/Helvetica.woff') format('woff'),
         url('../fonts/Helvetica.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }

  body {
    margin: 0;
    font-family: Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 1.4;
    background-color: #fff;
    color: #000000;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

a,
a:active a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}
.font-16 {
    font-size: 16px !important;
}
.font-17 {
    font-size: 17px;
}
.font-18 {
    font-size: 18px;
}
.font-19 {
    font-size: 19px;
}
.font-20 {
    font-size: 20px;
}
.font-22 {
    font-size: 22px;
}
.font-24 {
    font-size: 24px;
}
.font-26 {
    font-size: 26px;
}
.font-28 {
    font-size: 28px;
}
.font-30 {
    font-size: 30px;
}
.font-33 {
    font-size: 33px;
}
.font-34 {
    font-size: 34px;
}
.font-36 {
    font-size: 36px;
}
.font-40 {
    font-size: 40px;
}
.font-45 {
    font-size: 45px;
}
.font-48 {
    font-size: 48px;
}
.font-50 {
    font-size: 50px;
}
.font-55 {
    font-size: 55px;
}

.font-weight-thin {
    font-weight: 300;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.font-weight-medium {
    font-weight: 500;
}
.font-weight-semi {
    font-weight: 600;
}
.font-weight-bold {
    font-weight: 700;
}

.m-0 {
    margin: 0;
}
.m-t-5 {
    margin-top: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-t-40 {
    margin-top: 40px !important;
}
.m-t-50 {
    margin-top: 50px;
}
.m-t-60 {
    margin-top: 60px;
}
.m-t-70 {
    margin-top: 70px;
}
.m-t-80 {
    margin-top: 80px;
}
.m-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.m-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.m-tb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.m-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.m-tb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.m-tb-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}
.m-tb-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-25 {
    margin-bottom: 25px;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-b-50 {
    margin-bottom: 50px;
}
.m-b-60 {
    margin-bottom: 60px;
}
.m-b-70 {
    margin-bottom: 70px;
}
.m-b-80 {
    margin-bottom: 80px;
}
.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-r-8 {
    margin-right: 8px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-30 {
    margin-right: 30px;
}

.pos-rel {
    position: relative;
}
.pos-abs {
    position: absolute;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

.color1 {
    color: #9c9c9c;
}

.color2 {
    color: #696969;
}

.color3 {
    color: #828282;
}

.color4 {
    color: #d03496;
}

.flex-block {
    flex: 1;
}

.text-uppercase {
    text-transform: uppercase;
}

.cursor-pointer {
    cursor: pointer;
}

.line-height-35 {
    line-height: 35px;
}

/* Start Header Section */

.main-header {
    padding: 20px 0;
    background: #fff;
}

ul.nav li {
    display: inline-flex;
    margin-right: 40px;
    line-height: 60px;
}

ul.nav li a {
    font-size: 22px;
    color: #696969;
}

ul.nav li:last-child {
    margin-right: 0;
}

.logo {
    float: left;
    margin-right: 20px;
}

.search-tile {
    box-shadow: 0px 3px 6px 0px rgba(54, 51, 48, 0.12);
    border: 1px solid #e1e1e1;
    color: #9c9c9c;
    padding: 15px 10px;
    border-radius: 8px;
    font-size: 16px;
}

.category-box input {
    border: 0 none;
}

.category-box input:focus {
    border: 0 none;
    box-shadow: none;
}

.category-box {
    padding-right: 10px;
    padding-left: 5px;
}

.search {
    margin-left: 20px;
    width: 500px;
}

.search input {
    border: 0 none;
    color: #9c9c9c;
    font-size: 16px;
}

.search input:focus {
    border: 0 none;
    box-shadow: none;
}

.border-right {
    width: 2px;
    height: 23px;
    border: 0.05rem solid rgb(207, 207, 207);
}

.category-box .dropdown-icon {
    transform: rotate(0deg);
    transition: transform 0.25s ease-in-out 0s;
    cursor: pointer;
}

/* End Header Section */

/* Start Section Tab Category */

.section-tab {
    padding: 25px 0 0;
    border-bottom: 1px solid #eeeded;
}

.section-tab button.nav-link {
    background: transparent;
    color: #696969;
    border-radius: 0;
    padding: 15px;
}

.section-tab button.nav-link.active {
    background: transparent;
    border-bottom: 3px solid #d03496;
}

.section-tab button.nav-link.active .avatar-icon {
    background: #ffefe5;
}

.section-tab button.nav-link .tab-icon-tile p {
    color: #696969;
}

.section-tab button.nav-link.active .tab-icon-tile p {
    color: #d03496;
}

.avatar-icon {
    margin-right: 10px;
    width: 68px;
    height: 68px;
    background: #f8f8f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filters-section {
    position: sticky;
    top: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 3;
    transition: top 0.5s ease-in-out 0s;
}

.filters-section ul {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
}

.filters-section ul li {
    /* display: inline-flex; */
    margin-right: 15px;
}

.filters-section ul li .filter-tile {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    height: 43px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.filters-section ul li .filter-tile img {
    margin-right: 5px;
}

.filters-section ul li .filter-tile:hover {
    background: #f8f8f8;
}

.product-tile:hover {
    border-color: rgb(232, 232, 232);
    box-shadow: rgb(28 28 28 / 12%) 0px 0.4rem 1.8rem;
}

.product-tile {
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 20px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.product-tile .prd-box {
    border-radius: 20px;
    overflow: hidden;
}

.product-tile .prd-box img {
    width: 100%;
}

.product-tile a {
    color: #000000;
}

.product-tile .list-wrap {
    padding: 12px 0 0;
}

.product-tile .rating-star {
    background: #0073e1;
    padding: 4px 8px;
    border-radius: 8px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-tile .list-item {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}

.product-tile .prd-badge {
    background: #4b9b42;
    bottom: 30px;
    left: 0;
    padding: 2px 10px;
}

.product-tile .footer-item {
    padding: 10px 0;
}

.product-tile .footer-item img {
    margin-right: 10px;
}

/* End Section Tab Category */

/* Starts On City Links Css */

.cities-section {
    padding: 30px 0 40px;
    background: #fcfcfc;
}

.city-links {
    margin-top: 20px;
}

.cities-section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cities-section ul li {
    display: block;
    margin-bottom: 20px;
}

.cities-section ul li a {
    color: #9c9c9c;
    font-size: 16px;
    transition: all .3s ease 0s;
}

.cities-section ul li a:hover {
    color: #000000;
}

.cities-section ul li:last-child {
    margin-bottom: 0;
}

.see-more {
    border-bottom: 1px solid #000000;
    color: #000000 !important;
    padding-bottom: 5px;
    font-size: 17px !important;
}

/* Ends On City Links Css */

/* Starts Footer Css */

.main-footer {
    background: #f8f8f8;
    padding: 20px 0;
}

.main-footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.main-footer ul li {
    display: block;
    margin-bottom: 20px;
}

.main-footer ul li a {
    color: #9c9c9c;
    font-size: 13px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.main-footer ul li a:hover {
    color: #000000;
}

.main-footer ul li:last-child {
    margin-bottom: 0;
}

.main-footer .foot-logo {
    margin-bottom: 20px;
}

.main-footer .col-md-2 {
    flex: 0 0 auto;
    width: 20%;
}

.main-footer .col-md-2:last-child ul li {
    display: inline-block;
    margin-right: 10px;
}

.main-footer .col-md-2:last-child ul li:last-child{
    margin-right: 0;
}

.main-footer .footer-copyright {
    border-top: 1px solid #d4d2d2;
    padding: 20px 0 10px;
    margin-top: 30px;
}

.main-footer .footer-copyright p{
    color: #969696;
}



/* Ends Footer Css */

/* Starts on Category Details Css */

.cate-detail-page {
    border-top: 1px solid #eeeded;
    padding-top: 20px;
}

.breadcrumb-nav li {
    font-size: 13px;
    font-weight: 300;
    color: #dddddd;
}

.breadcrumb-nav li a {
    color: #9c9c9c;
}

.cate-detail-page .filters-section .filter-tile {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #9c9c9c;
    cursor: pointer;
    height: 43px;
    color: #000000;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.cate-detail-page .filters-section ul li .filter-tile:hover {
    background: #d03496;
    color: #ffffff;
    border: 1px solid #d03496;
}

.cate-detail-page .filters-section ul li .filter-tile:hover i {
    color: #ffffff;
}

.cate-detail-page .filters-section .filter-tile i {
    margin-right: 5px;
    font-size: 17px;
    color: #d03496;
}

.cate-detail-page .filters-section ul li:last-child .filter-tile i {
    transform: rotate(-10deg) scaleX(-1);
    -webkit-transform: rotate(-10deg) scaleX(-1);
    -moz-transform: rotate(-10deg) scaleX(-1);
    -ms-transform: rotate(-10deg) scaleX(-1);
}

/* Ends on Category Details Css */


/* Starts on Products Details Css */

.hero-area {
    height: 430px;
    overflow: hidden;
}

.hero-area .right-side {
    margin-bottom: 10px;
}

.hero-area .right-side:nth-child(2) {
    margin-bottom: 0;
}

.hero-area .col-md-7 {
    padding-right: 0;
}

.hero-area .col-md-5 {
    padding-left: 0;
}

.hero-area .thumb-hero {
    border: 1px solid #a5a5a5;
    height: 209px;
    overflow: hidden;
    width: 49%;
    margin-left: 10px;
}

.prod-detail-page {
    border-top: 1px solid #eeeded;
    padding-top: 20px;
}

.hero-area img {
    width: 100%;
}

.product-content-wrap .rating-star {
    background: #0073e1;
    padding: 6px 12px;
    border-radius: 8px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.prod-detail-page .filters-section .filter-tile {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #9c9c9c;
    cursor: pointer;
    height: 43px;
    color: #000000;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.prod-detail-page .filters-section ul li .filter-tile:hover {
    background: #d03496;
    color: #ffffff;
    border: 1px solid #d03496;
}

.prod-detail-page .filters-section ul li .filter-tile:hover i {
    color: #ffffff;
}

.prod-detail-page .filters-section .filter-tile i {
    margin-right: 5px;
    font-size: 17px;
    color: #d03496;
}

.prod-detail-page .filters-section ul li:last-child .filter-tile i {
    transform: rotate(-10deg) scaleX(-1);
    -webkit-transform: rotate(-10deg) scaleX(-1);
    -moz-transform: rotate(-10deg) scaleX(-1);
    -ms-transform: rotate(-10deg) scaleX(-1);
}

.product-content-wrap {
    position: sticky;
    top: 0px;
    z-index: 3;
    background: rgb(255, 255, 255);
    align-self: flex-start;
    width: 100%;
    padding: 5px 0 20px;
}

.filters-section.prd-details {
    position: initial;
    /* margin-bottom: 50px; */
}

.section-tab.prod-detail button.nav-link.active p {
    color: #d03496;
}

.section-tab.prod-detail button.nav-link p {
    color: #696969;
}

.section-tab.prod-detail button.nav-link {
    padding: 10px;
}

.section-tab.prod-detail button.nav-link.active {
    background: transparent;
    border-bottom: 2px solid #d03496;
}

.section-tab.prod-detail ul li {
    line-height: initial;
}

.prod-tile button {
    background: transparent;
    border: 0 none;
    font-size: 18px;
    color: #d03496;
    margin-top: 10px;
    padding: 0;
}

.prod-tile button:hover,
.prod-tile button:active {
    background: transparent;
    color: #d03496;
    box-shadow: none !important;
}

.prod-tile button:focus {
    background: transparent;
    box-shadow: none !important;
    color: #d03496;
}

.prod-detail-page .heading-top {
    background: #f8f8f8;
    padding: 30px;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.similar-product .simi-tile .top-sec {
    border-radius: 20px;
    overflow: hidden;
}

.similar-product .simi-tile .top-sec img {
    width: 100%;
}

.similar-product .simi-tile .content-panel .rating-star {
    background: #0073e1;
    padding: 3px 8px;
    border-radius: 4px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.map-tile {
    background: #ffffff;
    box-shadow: 0px 3px 9px 0px rgba(54, 51, 48, 0.19);
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.product-common.prod-tile .left-side {
    position: sticky;
    position: -webkit-sticky;
    top: 80px;
}

.product-common.prod-tile .left-side .map-box img {
    width: 100%;
}

.prod-detail-page .section-tab {
    padding: 0;
    border-bottom: 1px solid #eeeded;
    /* position: sticky;
    top: 206px;
    align-self: flex-start;
    z-index: 3;
    width: 100%;
    background-color: rgb(255, 255, 255);
    transform: translate3d(0px, -58px, 0px);
    transition: transform 0.2s ease-in-out 0s; */
}

.prod-detail-page .left-side .filter-tile {
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #9c9c9c;
    cursor: pointer;
    height: 43px;
    color: #000000;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.prod-detail-page .left-side ul li .filter-tile i {
    margin-right: 5px;
    font-size: 18px;
    color: #d03496;
}

.prod-detail-page .left-side ul li .filter-tile:hover i {
    color: #ffffff;
}

.prod-detail-page .left-side ul li .filter-tile:hover {
    background: #d03496;
    color: #ffffff;
    border: 1px solid #d03496;
}

.prod-detail-page .left-side ul li {
    margin-right: 15px;
}
    


/* Ends on Products Details Css */