/*Top Navigation Fix*/

.navbar-brand {width: 80%;}
.nav-search .form-control{ border-radius: 300px; border: 0px; height: 64px; padding: 1rem 3rem 1rem 0rem; text-indent: 2rem;}
.nav-search {position: relative;}
.nav-search .search-btn{ position: absolute; right: 10px; bottom: 9px;}
.fixed-top { position:relative; top: 0; right: 0; left: 0; z-index: 1030; background-color: #1D1D1D !important;}
#mainNav { padding: 1rem 1rem 1rem 1rem; transition: all 0.3s ease-in-out;}
#mainNav.navbar-scrolled { padding: 1rem 1rem 1rem 1rem; background-color: #1D1D1D !important; transition: all 0.3s ease-in-out;}

.mob-form{ display: block; width: 100%; margin:1rem 0rem 0rem 0rem;}
.mob-form .nav-search{ width: 100%;}
.mob-form .nav-search .form-control {
    border-radius: 300px; border: 0px; height: 48px; padding: 1rem 4rem 1rem 0rem;
}
.q {
    padding: 5px 0px;
}
.pagination h2{display:none;}
.mob-form .nav-search .search-btn {position: absolute; right: 10px; bottom: 2px;}
/* sub neuneu start */
.pa__header .navbar-nav li .pa__submenu {
      display: none;
      position: relative;
      z-index: 10;
      margin-top: 0px;
      top: 100%;
      background: #fff;
      width: 100%;
      padding: 12px 0px 0px 0px; }
      @media (min-width: 1130px) {
        .pa__header .navbar-nav li .pa__submenu {
          position: absolute;
          margin-top: -20px;
          width: 260px;
          padding: 12px 0px;
          border-radius: 4px;
          border: 1px solid #eee;
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } }
      .pa__header .navbar-nav li .pa__submenu ul {
        padding: 0px; }
        .pa__header .navbar-nav li .pa__submenu ul li {
          list-style: none;
          display: block; }
          @media (max-width: 1130px) {
            .pa__header .navbar-nav li .pa__submenu ul li {
              margin: 6px 0px;
              border-top: 1px solid #dcdcdc; } }
          .pa__header .navbar-nav li .pa__submenu ul li a {
            font-size: 16px;
            line-height: 24px;
            font-weight: normal;
            color: #2C2C37;
            padding: 8px 32px;
            display: block;
            text-transform: none; }
      .pa__header .navbar-nav li .pa__submenu .pa__submenu-right {
        position: relative; }
        .pa__header .navbar-nav li .pa__submenu .pa__submenu-right .display-breakpoint-mobile {
          position: absolute;
          top: 20px;
          right: 0;
          padding: 8px; }
      .pa__header .navbar-nav li .pa__submenu .pa__submenu-right-list {
        display: none;
        position: relative;
        z-index: 10;
        margin-top: 0px;
        top: 0;
        background: #fff;
        width: 100%; }
        @media (min-width: 1130px) {
          .pa__header .navbar-nav li .pa__submenu .pa__submenu-right-list {
            position: absolute;
            margin-top: 0px;
            width: 260px;
            left: 259px;
            border-radius: 4px;
            border: 1px solid #eee;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } }
    .pa__header .navbar-nav li i {
      float: right;
      font-size: 18px;
      line-height: 24px;
      vertical-align: middle;
      padding-left: 10px; }
    @media (min-width: 1130px) {
      .pa__header .navbar-nav li:hover a {
        margin-bottom: 21px; } }
    @media (min-width: 1130px) {
      .pa__header .navbar-nav li:hover .pa__submenu {
        display: block; }
        .pa__header .navbar-nav li:hover .pa__submenu ul li a {
          margin: 0px; }
        .pa__header .navbar-nav li:hover .pa__submenu .pa__submenu-right:hover .pa__submenu-right-list {
          display: block; } }
/* sub neuneu end */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.navbar-brand {width: auto;}  
 .mob-form{ display: block; width: 100%; margin:1.5rem 0rem 0rem 0rem;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.10rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; background-color:transparent !important;}
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.25rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}
/*Top Navigation Fix*/

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1440px) { 
#mainNav { padding: 2rem 1rem 2rem 1rem; }
#mainNav.navbar-scrolled { padding: 1rem 1rem 1rem 1rem; background-color: #1D1D1D !important;}
}

@media (min-width: 1500px) { 
#mainNav { padding: 2rem 5rem 2rem 5rem; }
#mainNav.navbar-scrolled { padding: 1rem 5rem 1rem 5rem; background-color: #1D1D1D !important;}
}




/*banner*/
header .banner-wrap {
    width: 100%; height: auto; position: relative; overflow: hidden; display: flex;
    align-items: center; justify-content: center; background-color: #003380;
}
.banner{position: relative; text-align: center;}
.banner img{position: relative; width: 150%; top: 0rem; right: 5rem;}
.banner .relative{position: relative; z-index: 1;}
.banner h1{color: #ffffff; font-weight: 600; margin: 2rem 0rem 2rem 0rem;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    .banner img{width: 140%; right: 7rem;}
    .banner h1{margin: 2rem 0rem 2rem 0rem;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    .banner img{width: 140%; right: 9rem;}
    .banner h1{margin: 2rem 0rem 2rem 0rem;}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .banner{position: relative; text-align: left;}
 .banner img{width: 150%; top: 0rem; right: 8rem;}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .banner h1{margin: 0rem 0rem 3rem 0rem;}
    .banner img{position: absolute; width: 134%; top: -8rem; right: -8rem;}
    header .banner-wrap {
        width: 100%; height: 100vh; position: relative;
    }
}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1366px) {  
    .banner a{margin: 0rem 0rem 3rem 3rem;}
    .banner h1{margin: 0rem 0rem 3rem 3rem;}
}


@media (min-width: 1440px) {  
    .banner h1{margin: 0rem 0rem 3rem 3rem;}
    .banner img{position: absolute; width: 134%; top: -15rem; right: -8rem;}
    header .banner-wrap { width: 100%; height: 100vh; position: relative;}
    .banner a{margin: 0rem 0rem 3rem 3rem;}
}


@media (min-width: 1500px) {
    .banner h1{margin: 0rem 0rem 3rem 0rem;}
    .banner img{position: absolute; width: 134%; top: -15rem; right: -15rem;}
    .banner a{margin: 0rem 0rem 3rem 0rem;}
}

/*banner*/








/*category*/
.category-wrap{
   background-color: #ffffff;
    padding: 3.5rem 1rem; border-radius: 32px;
    -webkit-box-shadow: 0px 25px 40px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 25px 40px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 25px 40px 0px rgba(0,0,0,0.1);
    margin-top:-2rem; position: relative;
}
.category-title{ margin-bottom: 4rem;}
.category-wrap h4{color:#B4760E; margin-bottom: 1rem;}
.category-wrap h2{color:#000000;}
.category-list ul {padding:0px;}
.category-list ul li{list-style: none; float: none; text-align: center; display: inline-block; width: 100%; margin: 0rem 0rem 3rem 0rem;}
.category-list ul li:last-child{margin: 0rem 0rem 0rem 0rem;}
.category-list ul li a{ display: inline-block; color: #000000; position: relative;}
.category-list ul li a:hover{text-decoration: none;}
.category-list ul li a:after{
  background: none repeat scroll 0 0 transparent;
  bottom:-15px;
  content: "";
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #C8AA7A;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.category-list ul li a:hover:after {width: 50%; left: 25%; bottom:-15px;}
.category-list ul li a i{ font-size: 3.813rem; margin: 0rem 0rem 1.3rem 0rem; display: inline-flex;}
.category-list ul li a h2{ font-size: 1.125rem;}
.question {width:25rem;}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.category-wrap{margin-top:-2rem;}
.category-list ul li{float: left; width: 50%;}
.category-list ul li:nth-child(5n){ margin: 0rem 0rem 0rem 0rem;}
}

@media (min-width: 768px) {  
  .category-list ul li{float: left; width: 33.3%;}
  .category-list ul li:nth-child(4n), .category-list ul li:nth-child(5n){ margin: 0rem 0rem 0rem 0rem;}
}
 
@media (min-width: 992px) { 
 
}
 
@media (min-width: 1200px) {  
.category-wrap{margin-top:-8rem;}
}

@media (min-width: 1440px) {  
    .category-wrap{margin-top:-12rem;}
    .category-title{ margin-bottom: 0rem;}
    .category-list ul li{list-style: none; float: none; text-align: center; display: inline-block; width: 16%; margin: 0rem 0rem 0rem 0rem;}
}

/*category*/




/*Monthly Deals*/
.monthly-deals{margin: 0rem 0rem 0rem 0rem;}
.card-wrap{ padding: 1.875rem; border:1px solid #E4E4E4; border-radius: 2rem; transition: 
    box-shadow 0.3s ease-in-out;height: 100%; margin: 0px 15px;}
/*.card-wrap img{ margin:0rem 0rem 2.625rem 0rem; }*/
.card-wrap .btn-black{padding: 1rem 2rem;}
.card-wrap img{ margin:0rem 0rem 2.625rem 0rem; margin:auto; padding: 0rem 0rem 2.5rem 0rem;}
.card-wrap a{ color: #000000;}
.card-wrap .product-name{ min-height: 100px; margin: 0rem 0rem 2.625rem 0rem;}
.card-wrap .product-name{ min-height: 100px; margin: 0rem 0rem 2.625rem 0rem;}
.card-wrap:hover{
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transition: box-shadow 0.3s ease-in-out;     
}
.card { margin: 0px !important; border: 0px; border-radius: 0px;}
.rating-wrap{
    display: block; border-bottom:1px solid #E4E4E4;
    padding: 0rem 0rem 2rem 0rem; margin: 0rem 0rem 2rem 0rem;
}
.rating-wrap a{ width: 100%; margin:auto; display: block;}
.rating-box{ color: #696969;}
.term-txt{ color: #696969; font-size: 0.813rem; margin: 0rem 0rem 0.5rem 0rem;}
.term-txt span{ margin-bottom:8px; font-weight: 600;}
.section-title{ margin: 0rem 0rem 2rem 0rem;}
.center .slick-track { display: flex; display: -webkit-box; display: -webkit-flex; flex-flow: nowrap; }
.center .slick-slide { display: flex; display: -webkit-box; display: -webkit-flex; height: auto; } 
/*.slick-initialized .slick-slide { display: flex;}*/
.slick-initialized .slick-slide { display: inline-block;}
.slick-list { padding-bottom: 0px!important;}
.slick-prev, .slick-next {
    position: absolute; display: block;
    height: 48px; width: 48px;
    border-radius: 1000px; line-height: 0px;
    font-size: 0px; cursor: pointer;
    background: #ffffff; color: #000000;
    top: -10%; right: 4%;
    padding: 0; border: 1px solid #e4e4e4;
    outline: none; z-index: 1;
    transition: all 0.3s ease-in-out;
}

/*.monthly-deals .slick-prev {position: absolute; left: 93%; top:-72px;}
.monthly-deals .slick-next {position: absolute; right: 0.5%; top:-72px;}*/

.monthly-deals .slick-next { right: 0%; top: 50%;}
.monthly-deals .slick-prev { left: 0%; top: 50%;}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #ffffff; outline: none; background: #C8AA7A;
    border: 1px solid #C8AA7A; transition: all 0.3s ease-in-out;
}

.slick-prev:before {content: "\e901";}
.slick-next:before { content: "\e902";}
.slick-prev:before, .slick-next:before {
    font-family: 'xavvy' !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #2C2C37;
    opacity: 0.75;
    transition: all 0.3s ease-in-out;
}

.slick-prev:hover::before, .slick-next:hover::before{
    color: #ffffff; transition: all 0.3s ease-in-out;
}

.view-more{ display: inline-flex; margin-right:0rem;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /*.view-more{ margin-right:0rem;} */
    .section-title{ margin: 0rem 0rem 3rem 0rem;}
}
 
@media (min-width: 768px) { 
.card-wrap .btn-black{padding: 1rem 1rem;}
.view-more{ display: inline-flex; margin-right:8rem;}  
.monthly-deals .slick-prev {left: 84%; top:-72px;}
.monthly-deals .slick-next {right: 0.5%; top:-72px;}
}
 
@media (min-width: 992px) { 
.card-wrap .btn-black{padding: 1rem 2rem;}
.monthly-deals .slick-prev {left: 88%; top:-72px;}
}
 
@media (min-width: 1200px) {
.card-wrap .btn-black{padding: 1rem 2rem;}
.view-more{ display: inline-flex; margin-right:8rem;} 
.monthly-deals .slick-prev {left: 91%; top:-72px;} 
}

@media (min-width: 1440px) {
.card-wrap .btn-black{padding: 1rem 1rem;}
.view-more{ display: inline-flex; margin-right:8rem;} 
.monthly-deals .slick-prev {left: 92%; top:-72px;}
.slick-list {padding-bottom: 40px!important;}
}

@media (min-width: 1500px) { 
.card-wrap .btn-black{padding: 1rem 2rem;}
.monthly-deals .slick-prev {left: 93%; top:-72px;}
}



/*Monthly Deals*/






/*How it work section*/
.how-work-wrap{
    border-radius: 2rem;
    padding: 2rem 2rem 4rem 2rem; overflow: visible;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ece6db+0,ece6db+100&1+0,0+100 */
    background: -moz-linear-gradient(left,  rgba(236,230,219,1) 0%, rgba(236,230,219,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(236,230,219,1) 0%,rgba(236,230,219,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(236,230,219,1) 0%,rgba(236,230,219,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece6db', endColorstr='#00ece6db',GradientType=1 ); /* IE6-9 */
}

.how-work-wrap .section-title h2{ margin-bottom: 1.5rem;}

.sub-title{ font-size: 1.125rem; color:#696969; margin: 0rem 0rem 1.5rem 0rem;}
.section-title .points{ display: flex; padding: 0rem 0rem 0rem 0rem;} 
/*.section-title .points ul{ display: inline-flex; padding-left: 0rem;} */
.section-title .points ul{ display: block; padding-left: 0rem;} 
.section-title .points ul li{ list-style: none;}
.section-title .points ul li span{ font-size: 1rem; font-weight: 600; margin: 2rem 1.5rem 2rem 0rem; padding-left: 25px;} 

.points ul li:before{
    font-family: 'xavvy' !important;
    content: '\e904';
    font-size: 18px;
    font-weight: 600;
    color: #C8AA7A;
    position: absolute;
    margin-top: -1px; 
}

.benefit-wrap{}
.benefit-wrap .benefit-text{ margin-bottom: 1.5rem; color: #1D1D1D;}
.benefit-wrap .benefit-text:last-child{ margin-bottom: 1.5rem;}

.benefit-wrap .benefit-text .digit {
    background-color: #ffffff;
    border: 1px solid #C8AA7A;
    height: 56px;
    min-width: 56px;
    border-radius: 100px;
    margin-right: 1.5rem;
    align-items: center!important;
    font-size: 1.4rem;
    font-weight: 600;
    color: #C8AA7A;
}

.video-wrap{position: relative;}
.video-wrap a{ font-size: 1rem; font-weight: 600; color: #000000; transition: all 0.3s ease-in-out; position: absolute; left: 0%;}
.video-wrap a:hover {color: #C8AA7A; transition: all 0.3s ease-in-out;}
.video-wrap a i{color: #ffffff; transition: all 0.3s ease-in-out;}
.video-wrap a:hover i{ color: #fff; transition: all 0.3s ease-in-out;}

.video-wrap .play-btn{ min-width: 50px; height: 50px; 
    background-color: #000000; border-radius: 100px; margin-right: 1rem;
    align-items: center!important; display: inline-flex; 
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}

.video-wrap .play-btn:hover {background-color: #C8AA7A;  
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
}

.video-wrap img{
    position: relative; left: 5%;
}

.pa__breadcrumb {
  background-color: #F8F8F8;
  list-style: none; }
  .pa__breadcrumb ol {
    padding: 16px 0px;
    margin: 0px; }
    .pa__breadcrumb ol li {
      font-size: 16px;
      line-height: 22px;
      display: inline-block;
      padding-right: 8px; }
      .pa__breadcrumb ol li:after {
        font-family: 'para' !important;
        font-size: 16px;
        line-height: 22px;
        content: " / ";
        margin-left: 8px;
        vertical-align: middle; }
      .pa__breadcrumb ol li:last-child:after {
        display: none; }
      .pa__breadcrumb ol li a {
        color: #666666; }
      .pa__breadcrumb ol li .active {
        font-weight: 600; }


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.how-work-wrap {padding: 2rem 2rem 4rem 2rem; overflow: visible;}
.video-wrap .play-btn{ min-width: 100px; height: 100px; margin-right: 1.5rem;}
.video-wrap a{left: 20%; font-size: 1.5rem;}
}
 
@media (min-width: 768px) { 
.video-wrap a{left: 43%;}
}
 
@media (min-width: 992px) { 
.section-title .points ul{ display: inline-flex;}
/*.how-work-wrap {padding:7rem 7.5rem 8rem 7.5rem;}*/
.how-work-wrap {padding:4rem 4.5rem 4rem 4.5rem; border-radius: 2rem;}
.video-wrap a{left: 35%;}
}

@media (min-width: 1200px) { 
   .how-work-wrap{ padding: 5rem 5rem 5rem 5rem; border-radius: 4rem;} 
   .section-title .points{ display: flex; padding: 0rem 0rem 1.5rem 0rem;}
   .benefit-wrap .benefit-text:last-child{ margin-bottom: 0rem;}   
   .video-wrap{position: absolute;}
   .video-wrap a{left: 5%;}
}

@media (min-width: 1440px) { 
    .how-work-wrap{ padding: 7rem 7.5rem 8rem 7.5rem;} 
    .video-wrap a{left: 10%;} 
}

@media (min-width: 1500px) {
    .video-wrap a{left: 21%;} 
}

/*How it work section*/




/*customer review*/
.customer-wrap{ padding: 5rem 0rem 5rem 0rem;}
.customer-bg{ overflow: hidden;}
.customer-bg-wrap{position: relative; display: none;}


.customer-bg-wrap img{ position: absolute; top: 57em; left: -29em; width: 120%; z-index: -1;}

/*.customer-wrap .slick-prev { position: absolute; left: -47%; top: 45%;}
.customer-wrap .slick-next { position: absolute; left: -41%; top: 45%;}*/

.customer-wrap .slick-prev { position: absolute; left: 65%; top: -24%;}
.customer-wrap .slick-next { position: absolute; left: 85%; top: -24%;}

.customer-wrap h2{margin: 0rem 0rem 2rem 0rem;}
.customer-wrap .review-wrap{}
.customer-wrap .review-wrap .rating-box{ margin:0rem 0rem 1rem 0rem;}

.customer-wrap .review-wrap .customer-text{
    font-size: 1rem; color: #696969; line-height: 2rem; margin:0rem 0rem 2rem 0rem;
}

.customer-wrap .review-wrap .customer-name{
    font-size: 1.1rem; color: #000000; color: #000000; font-weight: 600; display: flex;
    padding: 0px 0px 0px 40px; position: relative;
}

.customer-wrap .review-wrap .customer-name:before{
    background-color: #C8AA7A; height: 2px; position: absolute;
    bottom: 12px; content: ""; display: inline-block; height: 2px;
    width: 20px; left: 0px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

.customer-wrap h2{margin: 0rem 0rem 3rem 0rem;}
.customer-wrap{ padding: 5rem 0rem 5rem 2rem;}
.customer-wrap .review-wrap .customer-text{
    font-size: 1.3rem; line-height: 2.3rem; margin:0rem 0rem 2rem 0rem;
}
.customer-wrap .slick-prev {left: 72%; top: -40%;}
.customer-wrap .slick-next {left: 85%; top: -40%;}
}
 
@media (min-width: 768px) {
.customer-wrap .slick-prev {left: 75%; top: -65%;}
.customer-wrap .slick-next {left: 85%; top: -65%;} 

}
 
@media (min-width: 992px) {
.customer-wrap {padding: 6rem 0rem 5rem 0rem;}
.customer-wrap h2{margin: 0rem 0rem 0rem 0rem;}
.customer-wrap .review-wrap .rating-box {margin: 0rem 0rem 3rem 0rem;} 
.customer-wrap .review-wrap .customer-text{ margin:0rem 2rem 2rem 0rem;} 
.customer-wrap .slick-prev { position: absolute; left: -60%; top: 75%;}
.customer-wrap .slick-next { position: absolute; left: -48%; top: 75%;}
.customer-bg-wrap img {top: 54em;left: -29em; width: 120%;}
.customer-bg-wrap{position: relative; display: block;}

}
 
@media (min-width: 1200px) {
.customer-wrap {padding: 15rem 0rem 10rem 0rem;}
.customer-wrap h2{margin: 0rem 0rem 0rem 0rem;}
.customer-wrap .review-wrap .customer-text{ margin:0rem 2rem 2rem 0rem;} 
.customer-wrap .slick-prev { left: -60%; top: 55%;}
.customer-wrap .slick-next { left: -50%; top: 55%;}
.customer-bg-wrap img{ top: 38em; left: -27em; width: 100%;}
}

@media (min-width: 1366px) {
.customer-bg-wrap img{ top: 30em; left: -32em; width: 100%;}
/*.customer-wrap .slick-prev { left: -60%; top: 40%;}
.customer-wrap .slick-next { left: -50%; top: 40%;}*/
}

@media (min-width: 1440px) { 
.customer-wrap {padding: 20rem 0rem 10rem 0rem;}
.customer-wrap h2 {margin: 0rem 0rem 0rem 0rem;}
.customer-wrap .slick-prev { left: -60%; top: 40%;}
.customer-wrap .slick-next { left: -50%; top: 40%;}
}

@media (min-width: 1500px) { 
.customer-bg-wrap img{top: 35em; left: -23em; width: 70%;}
.customer-wrap h2{margin: 0rem 0rem 0rem 5.60rem;}
.customer-wrap .slick-prev { left: -50%; top: 60%;}
.customer-wrap .slick-next { left: -44%; top: 60%;}
}

/*customer review*/



/*footer*/
.footer{
    border-radius: 2rem 2rem 0rem 0rem;
    background-color: #1D1D1D;
    padding: 2rem 2rem 2rem 2rem;
}

.footer .link-wrap{ margin:0rem 0rem 1rem 0rem;}

.footer .foot-lnk{ color: #aaaaaa; display: inline-block; width: 100%;}

.footer .foot-lnk ul{ padding: 0rem; width: 100%; margin: 0rem 0rem 0.8rem 0rem; float: left; }
.footer .foot-lnk ul li{list-style: none; margin:0rem 0rem 0.8rem 0rem;}
.footer .foot-lnk ul li:last-child{margin:0rem 0rem 0rem 0rem;}
.footer .foot-lnk ul li a{color: #aaaaaa;}
.footer .foot-lnk ul li a:hover{color: #C8AA7A;}

.footer .contact-wrap{margin:0rem 0rem 3rem 0rem;}

.footer .contact-lnk{color: #aaaaaa; display: inline-block; width: 100%;}
.footer .contact-lnk ul{padding: 0rem; font-size: 1.125rem; font-weight: 600; color: #ffffff; 
    width: 100%; margin: 0rem 0rem 2rem 0rem; float: left; }

.footer .contact-lnk ul:last-child{ width: 100%;}


.footer .contact-lnk ul span{margin:0rem 0rem 0.5rem 0rem; display: flex; color: #ffffff;}
.footer .contact-lnk ul li{list-style: none; font-size: 1rem; font-weight:400; color:#aaaaaa; margin:0rem 0rem 0.8rem 0rem; }
.footer .contact-lnk ul li:last-child{ margin:0rem 0rem 0rem 0rem;}
.footer .contact-lnk ul li a{color: #aaaaaa;}
.footer .contact-lnk ul li a:hover{color: #C8AA7A;}
.footer .contact-lnk:last-child{ color: #aaaaaa; flex:2;}

.footer .contact-lnk .subscribe-wrap{}
.footer .contact-lnk .subscribe-input{ position: relative; display: inline-block; width: 100%; margin: 0 0 0 0; 
    font-size: 18px; color: #5F6672;}
.footer .contact-lnk .subscribe-input .form-control{text-indent: 2.2rem;}
.footer .contact-lnk .subscribe-input i{ position: absolute; font-size: 30px; color: #5F6672; top: 1rem; left: 1.5rem;}

.footer .contact-lnk .subscribe-btn{ position: absolute; color: #C8AA7A; font-size: 18px; 
    font-weight: 600; background-color: #000000; z-index: 2; top: 5rem; right: 0rem;  padding: 0.8rem 4rem;
    cursor: pointer;  transition: all 0.5s ease; width: 100%;
}


.footer .foot-wrap{color: #696969; display: block;}
.footer .foot-wrap .foot-logo{color: #C8AA7A; text-align: center; justify-content: center !important; position: relative; margin: 0rem 0rem 2rem 0rem;}
.footer .foot-wrap .foot-logo span{/*padding-left: 100px;*/}
.footer .foot-wrap .foot-logo i {font-size: 3rem; margin: 0rem 1rem 0rem 0rem;}
.footer .foot-wrap .social{flex:1; text-align: center; margin: 0rem 0rem 2rem 0rem;}
.footer .foot-wrap .social i{font-size: 2rem;  margin:0rem 0.5rem;}
.footer .foot-wrap .social a{color: #aaaaaa;}
.footer .foot-wrap .social a:hover, .footer .foot-wrap .design-by a:hover{color: #C8AA7A;}
.footer .foot-wrap .design-by{color: #696969; flex:1; text-align: center; }
.footer .foot-wrap .design-by a{color: #C8AA7A;}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .footer .foot-wrap .foot-logo i{font-size: 4rem; margin: 0rem 2rem 0rem 0rem;}
    .footer .link-wrap{ margin:0rem 0rem 1rem 0rem;}
    .footer .contact-wrap{margin:0rem 0rem 2rem 0rem;}
    .footer { border-radius: 2rem 2rem 0rem 0rem; padding: 2rem 2rem 2rem 2rem;}
    .footer .foot-lnk ul {padding: 0rem; width: 50%; float: left; margin: 0rem 0rem 0.8rem 0rem;}
    .footer .contact-lnk ul{padding: 0rem; width: 50%; margin: 0rem 0rem 2rem 0rem;}

    .footer .contact-lnk .subscribe-btn{color: #000000; font-size: 18px; position: absolute;
     background-color: transparent; top: 0.6rem; right: 1.5rem; padding: 0.5rem 0.5rem; width: auto;}
}
 
@media (min-width: 768px) {
    .footer .foot-wrap {/*display: flex;*/}
    .footer .foot-lnk ul {padding: 0rem; width: 33.33%; float: left; margin: 0rem 0rem 0.8rem 0rem;} 
    .footer .contact-lnk ul{padding: 0rem; width: 33.33%; margin: 0rem 0rem 2rem 0rem;}
    .footer .foot-wrap .social{flex:1; text-align: center;}
    .footer .foot-wrap .design-by{flex:1; text-align: center;}
}
 
@media (min-width: 992px) {

    .footer{ border-radius: 2rem 2rem 0rem 0rem; padding: 2rem 2.5rem 2rem 2.5rem;} 
    .footer .link-wrap{ margin:0rem 0rem 3rem 0rem;}
    .footer .contact-wrap{margin:0rem 0rem 4rem 0rem;} 
    .footer .foot-lnk ul {padding: 0rem; width: 20%; margin: 0rem 0rem 0rem 0rem;}
    .footer .contact-lnk ul{padding: 0rem; width: 33.33%; margin: 0rem 0rem 2rem 0rem;} 
    .footer .foot-wrap .social{flex:1; text-align: center; margin: 1rem 0rem 0rem 0rem;}
    .footer .foot-wrap .design-by{flex:1; text-align: right; margin: 1rem 0rem 0rem 0rem;}
    .footer .foot-wrap .foot-logo{color: #C8AA7A; text-align: center; justify-content: start !important; 
        position: relative; margin: 0rem 0rem 0rem 0rem;
    }
 }
@media (min-width: 1200px) { 
    .footer{ border-radius: 4rem 4rem 0rem 0rem; padding: 5rem 3rem 5rem 3rem; }
    .footer{ padding: 5rem 5rem 5rem 5rem;}
    .footer .link-wrap{ margin:0rem 0rem 4rem 0rem;}
    .footer .contact-wrap{margin:0rem 0rem 4rem 0rem;}
    .footer .contact-lnk ul{padding: 0rem; width: 20%; margin: 0rem 0rem 0rem 0rem;} 
    .footer .contact-lnk ul:last-child {width: 40%;}
    .footer .contact-lnk ul span{margin:0rem 0rem 1rem 0rem;} 

}

@media (min-width: 1440px) { 
    .footer{ padding: 5rem 7.5rem 5rem 7.5rem; }
    .footer .link-wrap{ margin:0rem 0rem 4rem 0rem;}
    .footer .contact-wrap{margin:0rem 0rem 5rem 0rem;}
    .footer .contact-lnk ul span{margin:0rem 0rem 1.5rem 0rem;}
}

@media (min-width: 1500px) {
    .footer .link-wrap{ margin:0rem 0rem 6rem 0rem;}
    .footer .contact-wrap{margin:0rem 0rem 6rem 0rem;}
    .footer .contact-lnk ul span{margin:0rem 0rem 1.5rem 0rem;}
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .footer .foot-wrap .foot-logo{color: #C8AA7A; text-align: left; float: left;}
    .video-wrap a{top: 41%;}
    
    /* @media (min-width: 1200px) {.banner { position: relative; left: -8%;} }*/

    @media (min-width: 1440px) { 
        .banner {
            position: relative;
            text-align: left;
        }
    }

}