:root {
  --theme-color: #95c12b;
  --theme-color2: #ffc0cb;
  --font-family1: Abril Fatface;
  --font-family2: 'Poppins';
}

/* =========================================== Header/Footer Section Start ===================================================== */

.active-bg-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  transition: all .3s ease;
  top: 0; }

* {
  outline: 0 !important; 
}
img {
  margin: 0 auto !important; 
}
nav .open a {
  background-color: unset !important; 
}
nav .open a:hover {
  background-color: unset !important; 
}
nav .open a:focus {
  background-color: unset !important; 
}

.form-control:focus {
  box-shadow: unset;
  border-color: unset; 
}
@media (min-width: 1200px) {
  .container-menu {
    width: 1000px !important; 
  } 
}

h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.navbar-collapse {
  padding-right: 0;
  padding-left: 0; 
}
.nav > li > a > img {
  max-width: 100%; 
}
.nav-pills > li + li {
  margin-left: 0; 
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #fff; 
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: unset !important; 
}
.show-search {
  opacity: 1 !important;
  visibility: visible !important; 
}

/*slick*/
.slider {
  width: 100%;
  margin: 0 auto; 
}
.slick-slide {
  margin: 0px 20px; 
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1; 
}
.slick-active {
  opacity: 1; 
}
.slick-current {
  opacity: 1; 
}

/*end slick*/
ul.breadcrumb {
  padding: 15px 0;
  list-style: none;
  background: #fff; 
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline; 
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li + li:before {
  padding: 5px 10px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  color: black;
  color: #888888;
  content: ">"; 
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  font-family: Poppins;
  font-weight: 500;
  font-size: 14px;
  color: black;
  color: #888888;
  text-decoration: none; 
}
ul.breadcrumb li:last-child a {
  color: black;
  font-weight: bold; 
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: black;
  text-decoration: none; 
}
@media all and (min-width: 320px) {
  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1),
  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {
    clear: none; 
  }
  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {
    clear: left; 
  } 
}
@media all and (min-width: 768px) {
  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1),
  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1),
  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {
    clear: none; 
  }
  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {
    clear: left; 
  } 
}
@media all and (min-width: 992px) {
  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1),
  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1),
  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {
    clear: none; 
  }

  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {
    clear: left; 
  } 
}
@media (min-width: 1200px) {
  .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1),
  .col-xs-1:nth-child(12n+1), .col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(2n+1) {
    clear: none; 
  }
  .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1) {
    clear: left; 
  } 
}
.panel {
  box-shadow: unset;
  border-radius: 0; 
}

/*--------------------------------ui----------------------------*/
.ui-slider .ui-slider-handle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: none;
  background-color: black;
  border: none;
  outline: none; 
}
.ui-slider-range {
  background: none;
  background-color: black;
  border: none; 
}
#slider-3 {
  border: none;
  height: 5px;
  border-radius: 0;
  background: #9a9a9a; 
}
.range-p input {
  border: 0;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  outline: 0; 
}

/*end*/
/*---------*/
.active-btn {
  background: black !important;
  color: #fff; 
}
/*custom select*/
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px; 
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  width: 154px;
  height: 36px;
  margin-left: 20px; 
}
.select:nth-child(2) {
  width: 70px;
  height: 36px;
  margin-left: 0; 
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #eeeeee;
  padding: 8px 15px;
  transition: all 0.2s ease-in; 
}
.select-styled:after {
  content: "\f107";
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 16px;
  font-weight: 600;
  font-family: Font Awesome\ 5 Free; 
}
.select-styled:active:after, .select-styled.active:after {
  transform: rotate(180deg); 
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f2f2f2; 
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #e6e6e6;
  transition: all 0.15s ease-in; 
}
.select-options li:hover {
  color: #c0392b;
  background: #fff; 
}
.select-options li[rel="hide"] {
  display: none; 
}

/*----end----*/
figure.bg-input {
  position: relative; 
}

figure.bg-input::before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 36px;
  background: #eeeeee;
  position: absolute;
  bottom: 8px;
  z-index: -1;
  left: -15px; 
}

figure.bg-input::after {
  content: '';
  display: inline-block;
  width: 60px;
  height: 36px;
  background: #eeeeee;
  position: absolute;
  bottom: 8px;
  z-index: -1;
  left: 78px; 
}

/*------tab--------*/

.nav-tabs {
  border-bottom: 0; 
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: 0;
  background-color: transparent; 
}
.nav-tabs > li > a {
  border: 0; 
}

/*----*/
@-webkit-keyframes shine-left {
  100% {
    right: 100%; 
  } 
}
@keyframes shine-left {
  100% {
    right: 100%; 
  } 
}
/*-----*/
@-webkit-keyframes shine-right {
  100% {
    left: 100%; 
  } 
}
@keyframes shine-right {
  100% {
    left: 100%; 
  } 
}
.carousel-caption {
  text-shadow: unset; 
}

body {
  background-image: url("img/BG-home1.jpg");
  background-position: -515px 0;
  height: auto;
  background-repeat: no-repeat; 
}
.carousel {
  padding-bottom: 30px; 
}
.carousel-inner .item img {
  width: 100%; 
}
.carousel-inner .slide-1 .carousel-caption {
  bottom: unset;
  top: 220px; 
}
.carousel-inner .slide-1 .carousel-caption h3 {
  font-family: poppins;
  font-weight: 400;
  font-size: 48px;
  color: black; 
}
.carousel-inner .slide-1 .carousel-caption h1 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 110px;
  color: black; 
}
.carousel-inner .slide-1 .carousel-caption p {
  font-family: poppins;
  font-weight: 400;
  font-size: 18px;
  color: black;
  padding: 0 220px; 
}
.carousel-inner .slide-1 .carousel-caption img {
  padding: 30px 0 80px 0;
  width: unset; 
}
.carousel-inner .slide-1 .carousel-caption a {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  transition: all .3s ease-in-out 0.08s;
  color: white;
  padding: 10px 40px;
  background-color: black;
  border: 1px solid black;
  background-image: -webkit-linear-gradient(90deg, black 50%, transparent 50%);
  background-image: linear-gradient(90deg, black 50%, transparent 50%);
  background-size: 600px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  transition: all .5s ease;
  color: white;
  padding: 10px 40px;
  background-color: black; 
}
.carousel-inner .slide-1 .carousel-caption a:hover {
  background-position: 100%;
  background-color: #fff;
  color: black;
  text-decoration: none; 
}
.carousel-inner .slide-2 .carousel-caption {
  right: unset;
  text-align: left;
  top: 280px;
  left: 280px; 
}
.carousel-inner .slide-2 .carousel-caption h3 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 88px;
  color: black; 
}
.carousel-inner .slide-2 .carousel-caption h1 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 146px;
  color: black; 
}
.carousel-inner .slide-2 .carousel-caption p {
  font-family: poppins;
  font-weight: 300;
  font-size: 18px;
  color: black;
  padding: 36px 0;
  width: 700px;
  color: #888888; 
}
.carousel-inner .slide-2 .carousel-caption a {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  transition: all .3s ease-in-out 0.08s;
  color: white;
  padding: 10px 40px;
  background-color: black;
  border: 1px solid black;
  background-image: -webkit-linear-gradient(90deg, black 50%, transparent 50%);
  background-image: linear-gradient(90deg, black 50%, transparent 50%);
  background-size: 600px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  transition: all .5s ease;
  color: white;
  padding: 10px 40px;
  background-color: black; 
}
.carousel-inner .slide-2 .carousel-caption a:hover {
  background-position: 100%;
  background-color: #fff;
  color: black;
  text-decoration: none; 
}
.carousel-inner .slide-2 .carousel-caption .line {
  content: "";
  width: 160px;
  height: 8px;
  background-color: black; 
}
.carousel-indicators {
  text-align: right;
  margin-bottom: 180px; 
}
.carousel-indicators li {
  border: 2px solid black; 
}
.carousel-indicators li.active {
  background-color: black; 
}

@media (min-width: 1400px) {
  .container {
    width: 1380px; 
  } 
}
nav {
  padding: 10px 0;
  border-bottom: 1px solid rgba(136, 136, 136, 0.15); 
}
nav #language-figure::before {
  content: "+";
  font-family: poppins;
  font-weight: 400;
  font-size: 13px;
  color: black;
  color: grey;
  position: absolute;
  top: 1px;
  right: 15px;
  transition: all .3s ease; 
}
nav ul li {
  font-family: poppins;
  font-weight: 400;
  font-size: 13px;
  color: black;
  padding-right: 90px;
  color: grey; 
}
nav ul li span {
  font-family: poppins;
  font-weight: 500;
  font-size: 13px;
  color: black;
  padding-right: 2px; 
}
nav ul.navbar-right li {
  padding-right: 26px; 
}
nav ul.navbar-right li a {
  font-family: poppins;
  font-weight: 400;
  font-size: 13px;
  color: black;
  color: grey;
  padding: 0; 
}
nav ul.navbar-right li a:hover {
  background-color: unset;
  color: black; 
}
nav ul.navbar-right li a:focus {
  background-color: unset; 
}
nav ul.navbar-right li .dropdown-menu {
  position: absolute;
  transition: all .3s ease;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  border-radius: 0;
  border: 0;
  margin: 10px 0;
  width: 100px;
  right: 15px;
  top: 15px;
  text-align: right; 
}
nav ul.navbar-right li .dropdown-menu li {
  padding: 10px 10px 5px 0; 
}
nav ul.navbar-right .eng-language.open .dropdown-menu {
  display: none !important; 
}
nav ul.navbar-right .eng-language:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  top: 20px;
  min-width: 30px;
  width: 66px; 
}
nav ul.navbar-right .eng-language:hover #language-figure::before {
  content: "-"; 
}

.menu-main {
  position: relative;
  padding-top: 40px; 
}
.menu-main::before {
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: black;
  bottom: 8px;
  left: 15px; 
}
.menu-main li {
  padding-right: 22px; 
}
.menu-main li.menu-home .dropdown-menu {
  border-radius: 0;
  border: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all .35s ease;
  top: 70%; 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 {
  left: 0;
  padding-left: 20px; 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home {
  list-style-type: none;
  padding: 10px 0; 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home i {
  visibility: hidden;
  opacity: 0;
  padding-right: 5px;
  transition: all .3s ease; 
}
@media (min-width: 1025px) {
  .menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home i {
    margin-left: -18px; 
  } 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home a {
  display: inline-block;
  transition: all .3s ease;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: grey;
  padding-left: 0; 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home a:hover {
  text-decoration: none;
  color: black;
  font-weight: 600; 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home:hover i {
  visibility: visible;
  opacity: 1;
  transform: translateX(18px); 
}
.menu-main li.menu-home .dropdown-menu.menu-home-lv2 .li-home:hover a {
  text-decoration: none;
  color: black;
  font-weight: 600;
  transform: translateX(18px); 
}
.menu-main li.menu-home .dropdown-menu .li-banner {
  padding: 20px 20px 0 0; 
}
.menu-main li.menu-home .dropdown-menu .li-banner img {
  width: 100%; 
}
.menu-main li.menu-home:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(15px); 
}
.menu-main li.shop-menu #shop-1 {
  position: absolute;
  width: 30px;
  height: 2px;
  background: black;
  bottom: 8px;
  left: 10px;
  visibility: hidden;
  opacity: 0; 
}
.menu-main li.shop-menu:hover #shop-1 {
  visibility: unset;
  opacity: 1;
  transform: translateX(5px);
  transition: all .35s ease; 
}
.menu-main li.shop-menu .dropdown-menu {
  border-radius: 0;
  border: 0;
  left: -115px;
  top: 90%;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all .35s ease; 
}
.menu-main li.shop-menu .dropdown-menu ul {
  padding: 6px 0; 
}
.menu-main li.shop-menu .dropdown-menu ul a {
  font-family: Poppins;
  font-weight: 600;
  font-size: 14px;
  color: black; 
}
.menu-main li.shop-menu .dropdown-menu ul a:hover {
  text-decoration: none;
  opacity: .5; 
}
.menu-main li.shop-menu .dropdown-menu ul li {
  list-style-type: none; 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home {
  margin-left: -18px;
  padding: 4px 0; 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home i {
  visibility: hidden;
  opacity: 0;
  padding-right: 5px;
  transition: all .3s ease; 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home.li-one {
  padding-top: 14.2px; 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home a {
  transition: all .3s ease;
  font-family: Poppins;
  font-weight: 400;
  font-size: 13.56px;
  color: black;
  color: grey; 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home a:hover {
  text-decoration: none;
  color: black;
  font-weight: 600;
  opacity: 1; 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home:hover i {
  visibility: visible;
  opacity: 1;
  transform: translateX(18px); 
}
.menu-main li.shop-menu .dropdown-menu ul li .menu-home-lv2 ul .li-home:hover a {
  display: inline-block;
  text-decoration: none;
  color: black;
  font-weight: 600;
  transform: translateX(18px); 
}
.menu-main li.shop-menu .dropdown-menu .li-banner {
  padding: 20px 20px 0 0; 
}
.menu-main li.shop-menu .dropdown-menu .li-banner img {
  width: 100%; 
}
.menu-main li.shop-menu:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(15px); 
}
.menu-main li.wedding-menu #wedding-1 {
  position: absolute;
  width: 30px;
  height: 2px;
  background: black;
  bottom: 8px;
  left: 10px;
  visibility: hidden;
  opacity: 0; 
}
.menu-main li.wedding-menu:hover #wedding-1 {
  visibility: unset;
  opacity: 1;
  transform: translateX(5px);
  transition: all .35s ease; 
}
.menu-main li.blog-menu #blog-1 {
  position: absolute;
  width: 30px;
  height: 2px;
  background: black;
  bottom: 8px;
  left: 10px;
  visibility: hidden;
  opacity: 0; 
}
.menu-main li.blog-menu:hover #blog-1 {
  visibility: unset;
  opacity: 1;
  transform: translateX(5px);
  transition: all .35s ease; 
}
.menu-main li.blog-menu .dropdown-menu {
  border-radius: 0;
  border: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all .35s ease;
  top: 90%; 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 {
  left: -20px;
  padding: 13px 20px 10px;
  width: 300px; 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home {
  list-style-type: none;
  padding: 2px 4px 3px 1px; 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home i {
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; 
}
@media (min-width: 1025px) {
  .menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home i {
    margin-left: -18px; 
  } 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home a {
  display: inline-block;
  transition: all .3s ease;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: grey;
  padding-left: 5px; 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home a:hover {
  text-decoration: none;
  color: black;
  font-weight: 600; 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home:hover i {
  visibility: visible;
  opacity: 1;
  transform: translateX(18px); 
}
.menu-main li.blog-menu .dropdown-menu.menu-home-lv2 .li-home:hover a {
  text-decoration: none;
  color: black;
  font-weight: 600;
  transform: translateX(18px); 
}
.menu-main li.blog-menu .dropdown-menu .li-banner {
  padding: 20px 45px; 
}
.menu-main li.blog-menu .dropdown-menu .li-banner img {
  width: 100%; 
}
.menu-main li.blog-menu:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(15px); 
}
.menu-main li.contact-menu #contact-1 {
  position: absolute;
  width: 30px;
  height: 2px;
  background: black;
  bottom: 8px;
  left: 10px;
  visibility: hidden;
  opacity: 0; 
}
.menu-main li.contact-menu:hover #contact-1 {
  visibility: unset;
  opacity: 1;
  transform: translateX(5px);
  transition: all .35s ease; 
}
.menu-main li a {
  font-family: Poppins;
  font-weight: 300;
  font-size: 18px;
  color: black; 
}
.menu-main li a:hover {
  background-color: unset; 
}
.menu-main li a#home-menu {
  font-weight: 600; 
}
.menu-main li a:focus {
  background-color: unset; 
}
.logo {
  float: left;
  padding: 20px 50px; 
}
.logo li {
  padding-left: 5px;
  list-style-type: none; 
}

.icon-menu {
  clear: none !important;
  position: relative;
  padding: 35px 0 0 140px; 
}
.icon-menu::before {
  content: "3";
  width: 20px;
  height: 20px;
  background-color: black;
  position: absolute;
  text-align: center;
  left: 247px;
  border-radius: 50%;
  top: 46px;
  color: white; 
}
.icon-menu li .fa-user {
  font-size: 22px;
  padding-right: 30px;
  color: black; 
}
.icon-menu li img {
  padding-right: 15px; 
}
.icon-menu li img#img-cart {
  padding-right: 118px; 
}
.icon-menu li a:hover {
  background-color: unset; 
}
.icon-menu li a:focus {
  background-color: unset; 
}
.icon-menu li#input-search {
  position: relative; 
}
.icon-menu li#input-search .alert-search {
  position: absolute;
  width: 230px;
  top: 50px;
  right: 40px;
  background: rgba(255, 255, 255, 0.95);
  border: 0;
  border-radius: 0;
  padding: 0 25px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); 
}
.icon-menu li#input-search .alert-search .close {
  position: absolute;
  top: 4px;
  right: 6px; 
}
.icon-menu li#input-search .alert-search .form-group {
  margin: 10px 0; 
}
.icon-menu li#input-search .alert-search .form-group .form-control {
  outline: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-left: 20px;
  border-bottom: 1px solid grey; 
}
.icon-menu .cart-menu .dropdown-menu {
  position: absolute !important;
  right: 140px;
  border: 0;
  border-radius: 0;
  width: 310px !important;
  background: #fff !important;
  padding: 20px; 
}
.icon-menu .cart-menu .dropdown-menu #div-cart-menu {
  display: inline-flex; 
}
.icon-menu .cart-menu .dropdown-menu a {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  transition: all .3s ease-in-out 0.08s;
  color: white;
  padding: 10px 40px;
  background-color: black;
  border: 1px solid black;
  background-image: -webkit-linear-gradient(90deg, black 50%, transparent 50%);
  background-image: linear-gradient(90deg, black 50%, transparent 50%);
  background-size: 600px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: #fff;
  padding: 10px 15px; 
}
.icon-menu .cart-menu .dropdown-menu a:hover {
  background-position: 100%;
  background-color: #fff;
  color: black;
  text-decoration: none; 
}
.icon-menu .cart-menu .dropdown-menu a.check {
  margin-left: 30px; 
}
.icon-menu .cart-menu .cart-1 {
  padding-bottom: 20px;
  clear: left;
  display: inline-block; 
}
.icon-menu .cart-menu .img-cart {
  width: 30%;
  float: left; 
}
.icon-menu .cart-menu .info-cart {
  padding-left: 15px;
  float: left; 
}
.icon-menu .cart-menu .info-cart h1 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 14px;
  color: black;
  margin-top: 0; 
}
.icon-menu .cart-menu .info-cart span {
  font-family: Poppins;
  font-weight: 500;
  font-size: 14px;
  color: black; 
}
.icon-menu .cart-menu .info-cart span.number {
  padding-right: 30px; 
}
.icon-menu .cart-menu .info-cart span.prince-cart {
  font-weight: 600; 
}
.icon-menu .cart-menu .total {
  padding: 0 15px 30px 0;
  font-family: Poppins;
  font-weight: 600;
  font-size: 16px;
  color: black; 
}
.icon-menu .cart-menu .total span {
  margin-right: 40px; 
}

footer {
  background: #ffffff;
}      
footer {
  background-image: url("img/BG-footer.png");
  background-position: -288px -335px;
  height: 800px;
  background-repeat: no-repeat; 
}
footer .info-footer {
  padding-top: 280px; 
}
footer .info-footer h3 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  padding-bottom: 30px; 
}
footer .info-footer ul {
  padding: 0; 
}
footer .info-footer ul li {
  list-style-type: none;
  padding-bottom: 15px; 
}
footer .info-footer ul li i {
  margin-left: -16px;
  padding-right: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; 
}
footer .info-footer ul li a {
  transition: all .3s ease;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: grey; 
}

footer .info-footer ul li a:hover {
  text-decoration: none;
  color: black;
  font-weight: 600; 
}
footer .info-footer ul li:hover i {
  visibility: visible;
  opacity: 1;
  transform: translateX(16px); 
}
footer .info-footer ul li:hover a {
  display: inline-block;
  text-decoration: none;
  color: black;
  font-weight: 600;
  transform: translateX(16px); 
}
footer .info-footer .social-text {
  clear: left; 
}
footer .info-footer .social-text span {
  font-family: Poppins;
  font-weight: 500;
  font-size: 12px;
  color: black;
  padding-right: 30px;
  padding-top: 30px; 
}
footer .info-footer .social-text #text-connect {
  position: relative;
  top: -3px;
  left: 16px; 
}
footer .info-footer .social-text .social {
  display: inline-block;
  padding-left: 20px; 
}
footer .info-footer .social-text .social a {
  width: 31px;
  display: inline-block; 
}
footer .info-footer .social-text .social a:hover {
  opacity: .5; 
}
footer .info-footer .social-text .social a#instar {
  background-image: url("img/social.png");
  background-position: 0 0;
  height: 17px;
  background-repeat: no-repeat; 
}
footer .info-footer .social-text .social a#fb {
  background-image: url("img/social.png");
  background-position: -32px 0;
  height: 17px;
  background-repeat: no-repeat; 
}
footer .info-footer .social-text .social a#tw {
  background-image: url("img/social.png");
  background-position: -62px 0;
  height: 17px;
  background-repeat: no-repeat; 
}
footer .info-footer .social-text .social a#sky {
  background-image: url("img/social.png");
  background-position: -92px 0;
  height: 17px;
  background-repeat: no-repeat; 
}
footer .new-letter {
  padding-bottom: 100px; 
}
footer .new-letter .form-new {
  background-image: url("img/new-letter.jpg");
  background-position: 0 0;
  height: 300px;
  background-repeat: no-repeat;
  margin-top: 300px; 
}
footer .new-letter .form-new h1 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 30px;
  color: black;
  padding: 15px 0 0 50px; 
}
footer .new-letter .form-new p {
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: grey;
  padding: 0 330px 10px 50px; 
}
footer .new-letter .form-new input {
  outline: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding-left: 20px;
  border: 1px solid black;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: grey;
  opacity: 1;
  width: 340px;
  margin-left: 50px; 
}
footer .new-letter .form-new button {
  outline: 0;
  border: 0;
  background: black;
  color: white;
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 18px;
  color: black;
  transition: all .3s ease-in-out 0.08s;
  color: white;
  padding: 10px 40px;
  background-color: black;
  border: 1px solid black;
  background-image: -webkit-linear-gradient(90deg, black 50%, transparent 50%);
  background-image: linear-gradient(90deg, black 50%, transparent 50%);
  background-size: 600px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  margin: 20px 0 0 50px; 
}
footer .new-letter .form-new button:hover {
  background-position: 100%;
  background-color: #fff;
  color: black;
  text-decoration: none; 
}
footer .footer-logo {
  border-top: 1px solid rgba(136, 136, 136, 0.15); 
}
footer .footer-logo .footer-row {
  margin: 0; 
}
footer .footer-logo .footer-row .col-lg-4 {
  text-align: center; 
}
footer .footer-logo .footer-row .col-lg-4 .logo-bot {
  display: inline-block;
  background-image: url("../img/logo.png");
  background-position: 0 -46px;
  height: 33px;
  background-repeat: no-repeat;
  width: 104px;
  margin-top: 40px;
  margin-left: 34px; 
}
footer .footer-logo .footer-row .col-lg-4 span {
  display: inline-block;
  font-family: Poppins;
  font-weight: 300;
  font-size: 14px;
  color: black;
  padding-top: 40px; 
}
footer .footer-logo .footer-row .col-lg-4 span#gmail-footer {
  padding-top: 45px;
  padding-right: 70px; 
}
footer .footer-logo .footer-row .col-lg-4 span#gmail-footer a {
  font-weight: 400;
  font-size: 13px;
  color: black; 
}
footer .footer-logo .footer-row .col-lg-4 span#gmail-footer a:hover {
  text-decoration: none;
  color: pink; 
}
footer .footer-logo .footer-row .col-lg-4 i {
  padding: 0 5px; 
}

/*========================== CSS ETCC ======================= */

.logo-footer{
  width: 100px;
  padding-top: 6px;
}
.pos-header{
  position: relative;
}
.hm-cardsec{
  padding-top: 56px;
}
.hm-cardsec .show-item .show-title-1 h1, .hm-cardsec .show-item .show-title-2 h1{
  font-size: 24px;
  margin-bottom: 6px;
}
.hm-cardsec .show-item .show-title-1 {
  position: absolute;
  right: 26px;
  top: 18%;
  text-align: right;
}
.hm-cardsec .show-item .show-title-2 {
  top: 26%;
}
.hm-cardsec .show-item .show-title-1 a, .hm-cardsec .show-item .show-title-2 a {
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 13px;
  color: #939393;
  transition: all .3s ease;
  background: #0000;
  border: 0;
  padding: 0;
  text-transform: capitalize;
}
.hm-cardsec .show-title-2.title-2 a:hover{
  background-color: #fff0;
  color: var(--theme-color2);
}
.hm-cardsec .show-title-2.title-2 h1{
  padding-bottom: 0;
}

.com-hdr .logo{
  padding: 5px 5px;
  margin-bottom: 0;
}
.com-hdr .menu-main {
  padding-top: 25px;
}
.com-hdr .icon-menu{
  padding-top: 25px;
}
.com-hdr .icon-menu::before{
  top: 33px;
  display: none
}
.comn-head{
  text-align: center;
  margin-bottom: 60px;
}
.comn-head h1{
  font-size: 50px;
  font-family: var(--font-family1);
  margin-bottom: 18px;
  line-height: 56px;
}
.comn-head p{
  font-size: 16px;
  font-family: var(--font-family2);
  font-weight: 500;
  color: #000000;
}
header.com-hdr {
  padding: 0 !important;
  border-bottom: 1px solid rgba(136, 136, 136, 0.15);
}
.info-footer {
  border-top: none;
}

.nav-menurgt .dropdown-menu{
  right: 0;
  left: auto !important;
}
.icon-menu.nav-menurgt{
  padding-left: 0px !important;
}
.menu-main li a {
  font-weight: 500;
  font-size: 15px;
}
.menu-main li {
  padding-right: 1px;
}
@media (min-width: 600px) {
  .com-hdr .com-hdrow{
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
.mnu-persec .imgsec img{
  padding-left: 16px;
  padding-bottom: 10px;
}

/* ===================================== Header/Footer Section Ends ==================================================== */



/* ==========insta sec========== */

.img-link.hm-instgasec {
  padding-top: 80px;
  padding-bottom: 80px; 
}
.img-link img {
  transition: all .5s ease; 
}
.img-link .colum-img {
  padding: 0 2px;
  position: relative; 
}
.img-link .colum-img .img-insta {
  transition: all .5s ease;
  visibility: hidden;
  transform: scale(0);
  position: absolute;
  top: 38%;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: black;
  text-decoration: none;
  z-index: 1; 
}
.img-link .colum-img .img-insta h1 {
  font-family: Poppins;
  font-weight: 500;
  font-size: 14px;
  color: black;
  margin-top: 10px; 
}
.img-link .colum-img .img-insta i {
  font-size: 28px; 
}
.img-link .colum-img:hover .img-insta {
  visibility: visible;
  transform: scale(1); 
}
.img-link .colum-img:hover img {
  opacity: .2; 
}

/* =========================back-to-top======================== */

.back-to-top{
  position: fixed;
  right: 22px;
  bottom: 16px;
}
.back-to-top i{
  font-size: 17px;
  background: #a1a1a1;
  color: #fff;
  padding: 4px 7px;
  border-radius: 50%;
  cursor: pointer;
  opacity: .3;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.back-to-top i:hover{
  background: #808080;
  color: #fff;
  opacity: 1;
}

/* ================================== Prodcut-detail page ================================== */

.prdt-tblsec table{
  border: 1px solid #ddd;
  text-align: center;
}
.prdt-tblsec .table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: none;
  text-align: center;
}
.product-content .detail .prince{
  border-bottom: none;
}

.sticky-top {
  top: 90px;
  z-index: 1;
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position:-webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.prdt-msec .slider-nav{
  padding: 0 16px 0 9px;
}
.prdt-msec .slider-nav img{
  height: 198px;
  object-fit: cover;
}

.prdt-tblsec h1{
  text-align: center;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.prdt-tblsec .table>tbody>tr>td, .prdt-tblsec .table>tbody>tr>th, .prdt-tblsec .table>tfoot>tr>td,
.prdt-tblsec .table>tfoot>tr>th, .prdt-tblsec .table>thead>tr>td, .prdt-tblsec .table>thead>tr>th{
  padding: 14px;
  font-size: 16px;
}

/* ======================== */

.menu-breadcrumb {
  border: none !important;
  padding: 30px 0 10px 0;
}

/* ======================== */

.abt-testmnl .carousel-inner .item img {
  width: auto !important;
}
.abt-testmnl .carousel-indicators {
  bottom: 0;
  text-align: center;
  margin-bottom: 0;
}

/* =========================== */

.menu-breadcrumb.stat-pghd{
  padding: 50px 0 10px 14px;
}
.stat-pghd .breadcrumb{
  margin-bottom: 0;
  padding-bottom: 0;
}
.stat-pgmns .heading{
  font-family: var(--font-family1);
  font-size: 22px;
}
.stat-pgmns p{
  width: 100% !important;
  padding-bottom: 10px !important;
  text-align: justify !important;
}
.stat-pgmns ol li{
  font-family: Poppins;
  font-weight: 400;
  font-size: 15px;
  line-height: 27px;
  color: #000;
}
.stat-pgmns h2 a {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 24px;
  color: black;
  text-align: left;
}
#gmail-footer{
  padding-top: 40px !important;
  padding-right: 0 !important;
}
.hm-instgasec img{
  height: 216px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.hm-sposec{
  margin-bottom: 180px;
}


/* =========================== About Section ============================ */

.listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item {
  height: calc(100% - 20px);
}

.listar-feature-item.listar-feature-has-link
  ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}

.listar-feature-item a {
  position: absolute;
  top: -12px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item a:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
  z-index: 10;
  animation: ripple 0.7s linear infinite;
  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
    -5px -5px 10px rgba(255, 255, 255, 0.5);
}


@keyframes ripple {
  0% {
        box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}



.listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
    10px 0px 10px rgba(80, 80, 80, 0.02);
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(40%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before,
.listar-hovering-features-grey
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 11px solid #96a4af;
  border-radius: 800px;
  left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 30px;
  height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 148px;
  height: 148px;
  line-height: 148px;
  border-radius: 500px;
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  vertical-align: middle;
  margin-left: -74px;
  top: -66px;
  margin-top: -74px;
}

.listar-feature-icon-inner {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
}

.listar-feature-icon-inner div {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: left;
}

.listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  height: 55px;
}

.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}
.listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item
  .listar-feature-item-title.listar-feature-counter-added
  > span {
  margin-left: 25px;
  border-radius: 0 50px 50px 0;
}

.listar-feature-item .listar-feature-item-title > span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title > span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
  font-size: 18px;
}

.listar-feature-item-excerpt {
  padding: 0 20px;
}

.listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.pset {
  padding-top: 80px;
  padding-bottom: 0px;
  margin-bottom: 50px;
  background-color: #c77aae12;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
    15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
  bottom: -30px;
  background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
  background-size: 40%;
  color: #555;
  line-height: 52px;
}

.abt-crvsec .col-lg-1,
.abt-crvsec .col-lg-2,
.abt-crvsec .col-lg-3,
.abt-crvsec .col-lg-4,
.abt-crvsec .col-lg-5,
.abt-crvsec .col-lg-6,
.abt-crvsec .col-lg-7,
.abt-crvsec .col-lg-8,
.abt-crvsec .col-lg-9,
.abt-crvsec .col-lg-10,
.abt-crvsec .col-lg-11,
.abt-crvsec .col-lg-12,
.abt-crvsec .col-md-1,
.abt-crvsec .col-md-2,
.abt-crvsec .col-md-3,
.abt-crvsec .col-md-4,
.abt-crvsec .col-md-5,
.abt-crvsec .col-md-6,
.abt-crvsec .col-md-7,
.abt-crvsec .col-md-8,
.abt-crvsec .col-md-9,
.abt-crvsec .col-md-10,
.abt-crvsec .col-md-11,
.abt-crvsec .col-md-12,
.abt-crvsec .col-sm-1,
.abt-crvsec .col-sm-2,
.abt-crvsec .col-sm-3,
.abt-crvsec .col-sm-4,
.abt-crvsec .col-sm-5,
.abt-crvsec .col-sm-6,
.abt-crvsec .col-sm-7,
.abt-crvsec .col-sm-8,
.abt-crvsec .col-sm-9,
.abt-crvsec .col-sm-10,
.abt-crvsec .col-sm-11,
.abt-crvsec .col-sm-12,
.abt-crvsec .col-xs-1,
.abt-crvsec .col-xs-2,
.abt-crvsec .col-xs-3,
.abt-crvsec .col-xs-4,
.abt-crvsec .col-xs-5,
.abt-crvsec .col-xs-6,
.abt-crvsec .col-xs-7,
.abt-crvsec .col-xs-8,
.abt-crvsec .col-xs-9,
.abt-crvsec .col-xs-10,
.abt-crvsec .col-xs-11,
.abt-crvsec .col-xs-12 {
  align-self: flex-start;
}
.abt-crvsec .comn-head{
  padding-bottom: 100px;
}

/* ============================================================== */

.wellcome.abt-welsec {
  padding-bottom: 0;
}
.abt-welsec .media .media-body {
  padding-left: 0;
}
.abt-welsec .row{
  align-items: center;
  justify-content: center;
  display: flex;
}
.folar-text{
  font-family: var(--font-family1);
  font-size: 40px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url("img/BG-title.jpg");
  background-position: -13px 1px;
}

.banner .title-banner h1{
  color:#000 !important;
}
.banner .title-banner p{
  color: #644100 !important;
}
.banner {
  padding-bottom: 66px;
}
.banner .title-banner {
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: auto;
}
.message .message-contact form input{
  width: 100%;
}

/* =========== */
.hm-corpmansec .product-holiday .product-image-holiday .product-icon-holiday{
  top: 0px;
}
.hm-corpmansec .product-holiday .product-image-holiday .product-icon-holiday .i_icon{
  position: absolute;
  top: 10px;
  right: 1px;
}
.hm-corpmansec .banner-holiday .title-holiday{
  left: 200px;
  top: 210px;
}
.hm-corpmansec .banner-holiday .title-holiday h1{
  font-size: 40px;
  line-height: 44px;
}

/* =============== */

.feedback h1 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 60px;
  color: black;
  text-align: center; 
}
.feedback h2 {
  font-family: Abril Fatface;
  font-weight: 400;
  font-size: 200px;
  color: black;
  text-align: center;
  transform: rotate(180deg);
  margin: 50px 0 -100px 0; 
}
.feedback p {
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  color: black;
  color: #b7b7b7;
  text-align: center; 
}
.feedback .img-customer {
  text-align: center;
  padding-top: 25px; 
}
.feedback .img-customer h1 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 16px;
  color: black; 
}
.feedback .img-customer h1 span {
  font-size: 14px;
  font-weight: 400;
  color: #888888; 
}
.feedback .carousel-indicators {
  bottom: 0;
  margin-bottom: auto;
  text-align: center;
}
.feedback .carousel-indicators li {
  border: 0;
  background: #888888; 
}
.feedback .carousel-indicators li.active {
  background-color: black; 
}
.hm-feedcust{
  padding-bottom: 60px;
}
.hm-feedcust .carousel-inner .item img{
  width: auto;
}

/* ============================= */
.comn_text_decor {
  font-family: var(--font-family1) !important;
  font-size: 21px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(img/BG-title.jpg);
  background-position: -13px 1px;
  padding-bottom: 5px;
  cursor: pointer;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.comn_text_decor:hover{
  -webkit-text-fill-color: #337ab7;
}



/* ================== Responsive Classes ==================== */

@media (min-width: 1200px) {
  .d-mobile-none{
    display: block !important;
  }
}
.d-large-none, .d-mobile-none{
  display: none;
}
@media (max-width: 700px) {
  .d-large-none{
    display: block !important;
  }
  .d-large-none li {
    line-height: 40px;
  }
  .d-large-none li > a {
    padding: 10px 15px;
  }

  .comn-head h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .count .title-count {
    right: auto !important;
    top: 15px !important;
    text-align: center;
  }
  .count .title-count h1 br {
    display: none;
  }
  .count .title-count h1 {
    font-size: 27px !important;
    padding-left: 5px;
  }
  .back-to-top{
    background: none !important;
    box-shadow: none ! important;
  }
  .back-to-top i{
    padding: 3px 8px 5px !important;
  }
  .holiday .banner-holiday .title-holiday{
    right: 0;
  }
  .holiday .banner-holiday .title-holiday h1 {
    font-size: 31px !important;
    line-height: 38px !important;
  }
  .img-link.hm-instgasec{
    padding: 20px;
  }
  .img-link.hm-instgasec .colum-img{
    margin-bottom: 10px;
  }
  .collection h1, .wedding h1, .holiday h1{
    font-size: 40px;
  }
  .slick-dot-style ul.slick-dots{
    padding: 0;
  }
}
@media (min-width: 700px) and  (max-width: 1398px) {
  .com-hdr .com-hdrow .menu-main li a {
    font-size: 15px;
  }
  .nav>li>a{
    padding: 10px 6px;
  }
}
.client_subsec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.client_subsec .colum-img {
    width: 16.28%;
    display: flex;
    height: 143px;
    
    padding: 13px;
    border: 1px solid #c5c5c5;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 7px;
}
.client_subsec .colum-img img {
    height: auto;
    width: 140px;
}
.client_subsec .colum-img:last-child{
margin-right: 0px;
}