@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

.body-content .zoom-box-outer {
  margin: 0px auto;
  margin-bottom:40px;
  max-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-content .zoom-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
.zoom-box img {
  width:100%;
  max-height:200px;
  display: block;
  -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0);
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;
}
.body-content .zoom-box:hover img{
 -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); }
.body-content .zoom-box:hover .zoom-box-inner h4{ color:#f7cb9d;}
.body-content .zoom-box:hover .zoom-box-inner h5{ color:#f5f1f1;}
.body-content .zoom-box:hover .zoom-box-inner{  background:#fbf2e1;}
 
.body-content .zoom-box .zoom-box-inner{ position:relative; background:#fffaf1; /*background:#fbf2e1;*/ max-height:230px; padding:15px; overflow: hidden;	}
.body-content .zoom-box .zoom-box-inner h4{ font-family: 'Roboto', sans-serif; font-size:24px; text-align:center; color:#000; line-height:30px; margin:0; margin-bottom:20px;}
.body-content .zoom-box .zoom-box-inner h5{ font-family: 'Roboto', sans-serif; font-size:16px; text-align:center; color:#777; line-height:20px; margin:0; }
.body-content .zoom-box .zoom-box-inner i{ font-size:30px; line-height:30px; color:#8FADEE; float:right; }
.body-content .zoom-box .zoom-box-inner .p-bar{ width:100%; height:5px; background:#00000099; border-radius:3px; position:relative; overflow:hidden; margin-bottom:20px;}
.body-content .zoom-box .zoom-box-inner .p-bar .wl{ width:50%; height:5px; background:#fff; position:absolute; top:0; left:0; z-index:2;}

.body-content  .zoom-box img {  object-fit: cover; !important;}

.zoom-box:hover:before {
  bottom: 1.2rem;
  right: 1.2rem;
}
.zoom-box:hover:after {
  bottom: -1.2rem;
  right: -1.2rem;
}
.zoom-box:after{
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.3s ease;}
.zoom-box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.3s ease;
}
.zoom-box:before {
 /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAU0lEQVQoU43QMRYAEQwE0ExHyf3vqNxybF6wRIpNZ3whIL74UJDh4zNQpFWTSMOx9y0m0m6FdmDDBnc073QYIQqwweDxa5jR+Zru+gUNCvkPvrgDcCIgJ6cWP4UAAAAASUVORK5CYII=) repeat;*/
  /*background: #4c5871;*/
  border: solid 1px #fdd5ab;
  bottom: 0.5rem;
  right: 0.5rem;
}
.zoom-box:after {
  background: #cda274; /*#cda274;*/
  bottom: -0.5rem;
  right: -0.5rem;
} 


.our-team{ width:100%; margin:0 auto; padding:50px 0 50px 0; background:#fff; overflow:hidden;}
.our-team h1{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-transform:uppercase; /*color:#1B1919;*/ line-height:32px;  margin:15px 0 5px 0; 
background: -webkit-linear-gradient(#916B0A, #BF921E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.our-team .box{ width:100%; margin:10px auto; padding:5px; background:none; border:dashed 1px #979797; border-radius:5px; position:relative; overflow:hidden; }
.our-team .box img{ width:100%; border-radius:5px;}
.our-team .box h4{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:600; text-align:center; text-transform:uppercase; color:#0f0f0f; line-height:24px; margin:10px 0 5px 0;}
.our-team .box h5{ font-family: 'Inter', sans-serif; font-size:13px; font-weight:300; text-align:center; text-transform: uppercase; color:#d42a5f; line-height:18px; margin:0 0 5px 0}
.our-team .box .img-box{ width:100%; max-height:245px; margin:0 auto; padding:0; border-radius:0 0 5px 5px; overflow:hidden;}
.our-team p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; color:#4c4b4b; line-height:26px; margin:0 0 20px 0;}


.inner-banner{ width:100%; margin:0 auto; padding:130px 0 70px 0; background:#372901; overflow:hidden;}
.inner-banner h2{font-family: 'Inter', sans-serif; font-size:36px; font-weight:bold; text-align:center; text-transform:uppercase; color:#fff; margin-bottom:12px !important; margin:0;}
.inner-banner h6{ text-align:center; color:#dbdbdb;}
.inner-banner h6 a {
font-family: 'Inter', sans-serif; 
font-size: 15px;
font-weight: normal;
text-align: center;
color:#dbdbdb;
line-height: 28px;
margin: 0 10px;
}
.body-content{ width:100%; margin:0 auto; padding:60px 0 60px 0; background:#fff; overflow:hidden;}
.body-content h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#3d3125; line-height:32px; margin:20px 0 20px 0; }
.body-content p{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#4c4b4b; line-height:28px; margin:0 0 20px 0;}
.body-content .box{ width:100%; margin:10px auto; /*padding:40px 15px;*/ border:solid 1px #e9e9e9;}
.body-content .box:hover{ border:solid 1px #ff1744; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease; }
.body-content .box img{ width:100%; margin:0 auto; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.body-content .box:hover img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); opacity:1;}
.body-content .box{ width:100%; margin:10px auto; border:1px solid rgba(24, 27, 42, 0.13); /*min-height:220px; max-height:220px;*/ overflow:hidden; position:relative;}
.body-content .box:hover{ transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease; -ms-transition:0.5s all ease; }
.body-content .box img { 
width:100%; margin:0 auto;  
-webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0);
-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;
}
.body-content .box:hover img{
-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); 
}
.latest-news{ width:100%; margin:0 auto; padding:60px 0; background:#edf6fd; overflow:hidden;}
.latest-news h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; text-align:center; color:#222222; line-height:42px; margin:0 0 30px 0;}
.latest-news h5{font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#888888; line-height:26px; margin:0 0 60px 0;}
.latest-news h6{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:700; text-align:center; margin:0 0 15px 0; background: -webkit-linear-gradient(45deg, #1de0da, #528de7 80%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.latest-news .box{ width:100%; margin:10px auto; padding:0; background:none; overflow:hidden;}
.latest-news .box h4{ font-family: 'Roboto', sans-serif; font-size:26px; font-weight:600; text-align:left; color:#222222; line-height:36px; margin:0 0 30px 0;}
.latest-news .box p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; text-align:left; color:#888888; line-height:26px; margin:0 0 10px 0;}
.latest-news .box ul{ width:100%; margin:0; padding:0; margin-bottom:10px; display:flex;}
.latest-news .box ul li{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; text-align:left; text-transform:uppercase; color:#121212; line-height:20px; margin:0 0 10px 0; float:left; list-style:none; margin-right:10px;}
.latest-news .box ul li span{ color:#777777;}
.latest-news .box img{ display:block; margin:0 auto; margin-bottom:20px;}
.contact-us{ width:100%; margin:0 auto; padding:50px 0; background:#fff; overflow:hidden;}
.contact-us h2{ font-family: 'Inter', sans-serif; font-size:36px; font-weight:600; text-align:center; color:#0f0f0f; line-height:42px;}
.contact-us h2 span{ color:#fc5b3f;}
.contact-us h4{ font-family: 'Inter', sans-serif; font-size:20px; font-weight:400; text-align:center; color:#999; line-height:28px;}
.contact-us h3{ font-family: 'Inter', sans-serif; font-size:24px; font-weight:600; color:#0f0f0f; line-height:32px; margin:0 0 15px 0}
.contact-us p{ font-family: 'Inter', sans-serif; font-size:17px; font-weight:400; color:#717070; line-height:28px;}
.contact-us h6{ font-family: 'Inter', sans-serif; font-size:17px; font-weight:400; color:#717070; line-height:40px; margin-bottom:20px;}
.contact-us h6 i{ width:40px; height:40px; font-size:24px; text-align:center; color:#fff; background:#ceaf40; line-height:40px; border-radius:50%; display:block; float:left; margin-right:20px;}
.contact-us .social-link{ width:100%; padding:0; text-align:left; margin-bottom:0 !important; }
.contact-us .social-link li{ display:inline-block;}
.contact-us .social-link li a{ width:30px; height:30px;/* background:rgba(255,255,255,.15); */ background:#fff !important; display:block;}
.contact-us .social-link li a i{ font-size:24px; color:#ceaf40; line-height:25px;}
.contact-us .social-link li:not(:last-child){ margin-right:5px;}
.contact-us .social-link li a:hover i{ color:#ca4932;}
.contact-us .form-box{ width:100%; padding:0; margin:0 auto;}
/*--start-preloader--*/
#preloader{ position:fixed; top:0; left:0; right:0; bottom:0; background-color:#ffffff90; z-index:99999;}
#status{ width:200px; height:200px; position:absolute; left:50%; top:50%; background-image: url(../images/pageloader.gif);
/* path to your loading animation */
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
/* is width and height divided by two */
}
/*--end-preloader--*/
.border-line{ width:40px; height:3px; margin:0 auto; margin-bottom:50px; display:block; position:relative; background-color:#fff; }
.border-line2{ width:55px; height:3px; margin:0 auto; margin-bottom:50px; display:block; position:relative; background-color:#81b304; }
.border-line3{ width:100px; height:3px; margin:0 auto; margin-bottom:50px; display:block; position:relative; background-color:#62311a; }
.border-line4{ width:55px; height:3px; margin:30px 0 10px 0; display:block; position:relative; background-color:#81b304; }
/*--start-sec-2--*/
.sec-2{ width:100%; margin:0 auto; padding:60px 0; background:#c4981f;}
.sec-2 h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#fff; line-height:32px; margin:20px 0 20px 0; }
.sec-2 .box{ width:100%; margin:0 auto;}
.sec-2 .box .icon{ width:80px; height:80px; margin:10px 20px 30px 0; border-radius:50%; border:solid 2px #ffd974; float:left; position:relative;}
.sec-2 .box .icon i{ font-size:28px; text-align:center; color:#62311a; line-height:80px; display:block;}
.sec-2 .box .caption{ width:100%;}
.sec-2 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:bold; text-align:left; text-transform:capitalize; color:#ffe190; line-height:28px; margin:0 0 15px 0;}
.sec-2 .box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#391707; line-height:24px; margin:0 0 20px 0;}
/*--end-sec-2--*/
/*--start-sec-1--*/
.sec-1{ width:100%; margin:0 auto; padding:60px 0; background:#fff; overflow:hidden;}
.sec-1 h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#5d2e18; line-height:32px; margin:20px 0 20px 0; }
.sec-1 p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#4c4b4b; line-height:28px; margin:0 0 20px 0;}
.sec-1-btn { font-size:15px; text-align:center; line-height:22px; background-color:#3d3125; padding:10px 10px; border-radius:15px 0 15px 0; width:140px; margin-top:10px !important; margin-bottom:10px !important;}
.sec-1-btn a{ color:#ffffff; }
.sec-1-btn:hover{ background-color:#282828;}
.sec-1-btn:hover a{ color:#fff; text-decoration:none; }
/*--end-sec-1--*/
/*--start-sec-3--*/
.sec-3{ background: url(../images/sec-3-bg.jpg) 0 no-repeat fixed; background-position:bottom center; background-size:cover;
/*background-attachment: fixed;*/ width:100%; /*height:100%;*/ margin: 0 auto; padding:100px 0; overflow:hidden;}
.sec-3 h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#fff; line-height:32px; margin:20px 0 20px 0; }
.sec-3 .box{ width:100%; margin:0 auto; background:none;}
.sec-3 .box h1{ font-family: "Arial Black", Gadget, sans-serif; font-size:60px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0 0 40px 0;}
.sec-3 .box h2{ font-size:20px; font-weight:bold; text-align:center; text-transform:capitalize; color:#fff; margin:0 0 25px 0;}
.sec-3 .box p{ font-family: 'Lato'; font-size:15px; font-weight:normal; text-align:center; color:#fff; line-height:24px; margin:0 0 50px 0;}
.sec-3-btn { font-size:17px; text-align:center; line-height:22px; background-color:none; padding:10px 20px; border-radius:25px; border:solid 1px #fff; width:140px; margin-top:10px !important; margin-bottom:10px !important; margin:0 auto}
.sec-3-btn a{ color:#ffffff; }
.sec-3-btn:hover{ background-color:#fff;}
.sec-3-btn:hover a{ color:#282828; text-decoration:none; }
/*--end-sec-3--*/
.sec-4{ background:url(../images/sec-4-bg.jpg) 50% 0 repeat-y fixed; -webkit-background-size:cover; background-size:cover; background-position:center;  width:100%; overflow:hidden;  padding:60px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin:0 auto;}
.sec-4 h1{ font-family: 'Roboto', sans-serif; font-size:38px; font-weight:bold; text-align:left; color:#363636; letter-spacing:1px; margin:0 0 25px 0;}
.sec-4 h3{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:bold; text-align:left; color:#171f2c; line-height:32px; margin:20px 0 15px 0; }
/*.about h6{ font-family:"Poppins", sans-serif; font-size:15px; font-weight:normal; text-align:left; color:#b1b1b1; line-height:24px; margin:0 0 20px 0;}*/
.sec-4 p{ font-family:"Poppins", sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#767676; line-height:24px; margin:0 0 10px 0;}
/*--start-sec-5--*/
.sec-5{ background: url(../images/sec-5-bg.jpg) 0 no-repeat fixed; background-position:bottom center; background-size:cover;
/*background-attachment: fixed;*/ width:100%; /*height:100%;*/ margin: 0 auto; padding:70px 0; overflow:hidden;}
.sec-5 h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#864425; line-height:32px; margin:0 0 20px 0; }
.sec-5 .box{ width:100%; min-height:190px; margin:0 auto; margin-top:80px; background:#fdf8e0; border-radius:5px; box-shadow:2px 2px 5px #555555; padding:10px 25px 20px 25px; }
.sec-5 .box img{ width:110px; height:110px; background:#fff; border:solid 5px #fff; border-radius:50%; margin-top:-65px; margin-right:15px; float:left;}
.sec-5 .box h4{  font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; text-align:left; color:#282828; line-height:24px; margin:0 0 5px 0; }
.sec-5 .box h5{  font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; color:#5c5c5c; line-height:24px; margin:0 0 10px 0; }
.sec-5 .box p{  font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#91542b; line-height:24px; margin:0 0 20px 0;}
.sec-5-btn { font-size:15px; text-align:center; line-height:22px; background-color:#3d3125; padding:10px 20px; border-radius:5px; width:120px; margin:0 auto; margin-top:30px !important; overflow:hidden;}
.sec-5-btn a{ color:#ffffff; }
.sec-5-btn:hover{ background-color:#dfc405;}
.sec-5-btn:hover a{ color:#fff; text-decoration:none; }
/*--end-sec-5--*/
/*--start-overview--*/
.overview{ background:url(../images/overview-bg.jpg) 50% 0 repeat-y fixed; -webkit-background-size:cover; background-size:cover; background-position:center;  width:100%; overflow:hidden;  padding:60px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin:0 auto;}
.overview_box{width:100%; margin:10px 0; padding:25px; color:#fff; background:none;}
.overview_box h3{ font-family: "Open Sans", Arial, sans-serif; font-weight:normal; text-align:center; color:#fff; font-size:36px; margin:0;}
.overview_box h4{ font-family: "Open Sans", Arial, sans-serif; font-weight:normal; font-size:18px; text-transform:uppercase; margin-top:13px; text-align:center; color:#fff;}
/*--end-overview--*/
/*--start-sec-8--*/
.sec-8{ width:100%; margin:0 auto; padding:60px 0; background:#c4981f; overflow:hidden;}
.sec-8 h3{ font-size:32px; font-weight:bold; text-align:left; color:#fff; line-height:43px; margin:0;}
.sec-8-btn { font-size:15px; text-align:center; line-height:22px; background-color:#3d3125; padding:10px 20px; border-radius:5px; width:220px; margin:0 auto; overflow:hidden;}
.sec-8-btn a{ color:#ffffff; }
.sec-8-btn:hover{ background-color:#dfc405;}
.sec-8-btn:hover a{ color:#fff; text-decoration:none; }
/*--end-sec-8--*/
.tag-overlay{ position:absolute; padding:0; top:0; left:0; right:0;}
.tag-overlay img{ width:40px !important;}
.tag-overlay .new{ position:absolute; top:0; right:0;}
.tag-overlay .sale{ position:absolute; top:0; left:0;}
.tag-overlay .available{ position:absolute; top:0; left:0;}
.tag-overlay .soldout{ position:absolute; top:0; left:0;}
.trending-product{ width:100%; margin:0 auto; padding:50px 0 50px 0; background:#fff; overflow:hidden;}
/*.trending-product h2{ font-family: 'Oswald', sans-serif; font-size:25px; font-weight:600; color:#222; line-height:36px; letter-spacing:0.5px; margin: 0 0 30px 0;}*/
.trending-product h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#3d3125; line-height:36px; margin:20px 0 20px 0; }
.trending-product h2 span{ border-bottom:solid 2px #ee4266; padding-bottom:8px;}
.trending-product h5{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#7b7d7a; line-height:24px; margin:0;}
.trending-product .box{ width:100%; margin:15px auto; border:solid 1px #f4f4f4; background:#fff; overflow:hidden;}
.trending-product .box img{ border-radius:3px;}
.trending-product .box .caption{ width:100%; min-height:125px; margin:0 auto; padding:20px 5px; overflow:hidden;}
.trending-product .box .caption h4{ font-family: 'Oswald', sans-serif; font-size:17px; font-weight:normal; text-align:center; color:#222; line-height:28px; margin:0 0 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trending-product .box .caption h4 a{ color:#222;}
.trending-product .box .caption h4 a:hover{ text-decoration:none;}
.trending-product .box .caption h5{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:center; color:#7b7d7a; line-height:24px; margin:0;}
.trending-product .box .caption h6{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; color:#32a737; line-height:24px; margin:0;}
.thumb{ width:100%; position:relative; padding:30px;}
.thumb-overlay{ position:absolute; width:100%; padding:30px 5px; text-align:center; background:rgba(255,255,255,.5); bottom:0; left:0; opacity:0; z-index:-1; transform:translateY(30px); transition: all .48s ease; margin-bottom:0 !important; }
.thumb-overlay li{ display:inline-block;}
.thumb-overlay li a{ width:40px; height:40px; background:#ee4266; display:block;}
.thumb-overlay li a i{ font-size:16px; color:#fff; line-height:40px;}
.thumb-overlay li:not(:last-child){ margin-right:5px;}
.thumb-overlay2{ position:absolute; width:100%; padding:20px 5px; text-align:center; background:rgba(255,255,255,.5); top:0; left:0; opacity:0; z-index:-1; transform:translateY(-100px); transition: all .48s ease; margin-bottom:0 !important; }
.thumb-overlay2 li{ display:inline-block;}
.thumb-overlay2 li p{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#333; display:block; margin:0;}
.thumb-overlay2 li p i{ font-size:16px; color:#fff; line-height:40px;}
.thumb-overlay2 li:not(:last-child){ margin-right:5px;}
.trending-product .box:hover .caption h4 a{ color:#ee4266;}
.trending-product .box:hover .thumb-overlay{ opacity:1; z-index:1; transform: translateY(0);}
.trending-product .box:hover .thumb-overlay2{ opacity:1; z-index:1; transform: translateY(0);}


/*--start-banner--*/
.banner{ width:100%; margin:0 auto; /*padding-top:115px;*/ background:#fff; overflow:hidden;}
.banner img{ width:100% !important;}
/*--end-banner--*/

.how-it-works{ width:100%; margin:0 auto; padding:70px 0; background:#470fac; position:relative;}
.how-it-works h2{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; text-align:center; color:#fff; line-height:58px; margin:0 0 30px 0;}
.how-it-works h3{font-family: 'Roboto', sans-serif; font-size:32px; font-weight:700; text-align:left; color:#fff; line-height:48px; margin:0 0 30px 0;}
.how-it-works h6{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; text-align:center; text-transform:uppercase; color:#da4bfd; line-height:26px; margin:0 0 10px 0;}
.how-it-works h5{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:center; color:#fff; line-height:24px; margin:0 0 50px 0; }
.how-it-works h4{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:0 0 10px 0; }
.how-it-works p{font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:0 0 30px 0; position:relative}
.how-it-works .box {
width: 100%;
margin: 10px auto;
padding: 0px 25px 5px 35px;
border-left: solid 1px #37368e;
position: relative;
}
.how-it-works .box .tick {
position: absolute;
width: 25px;
height: 25px;
left: -3px;
top: 0;
background: #fff;
border-radius: 50%;
}
.how-it-works .box .tick i {
margin: 0 auto;
font-size: 20px;
text-align: center;
color: #470fac;
line-height: 25px;
display: block;
}
.work-box-bg{background: url(../images/work-petern.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: ripple 5s infinite; transition: all 400ms ease;}
.work-box img{position: relative; margin:0 auto; display:block;}
.rotation-img{-webkit-animation: rotation 15s infinite linear;}
@keyframes ripple{0%{transform: scale(0.8);}50%{transform: scale(1.2);}100%{transform: scale(0.8);}}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}
.best-features{ width:100%; margin:0 auto; padding:70px 0; background:#490fb4; overflow:hidden;
background-color:#490fb4 !important;
background: url(../images/wave.png);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position: center 200px;
background-repeat: no-repeat;
}
.best-features h2{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; text-align:center; color:#fff; line-height:58px; margin:0 0 30px 0;}
.best-features h6{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; text-align:center; text-transform:uppercase; color:#da4bfd; line-height:26px; margin:0 0 10px 0;}
.best-features h5{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:center; color:#fff; line-height:24px; margin:0 0 50px 0; }
.best-features .box{ width:100%; margin:10px auto; padding:25px 25px 25px 25px; background:#490fb400; border-radius:20px; overflow:hidden;}
.best-features .box h3{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; text-align:left; color:#fff; line-height:26px; margin:0 0 15px 0;}
.best-features .box i{ font-size:30px; color:#fff; margin-bottom:20px;}
.best-features .box h4{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:0 0 5px 0;}
.ico-distribution{ width:100%; margin:0 auto; padding:60px 0; background:#470fac; overflow:hidden;}
.ico-distribution h2{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; text-align:center; color:#fff; line-height:58px; margin:0 0 20px 0;}
.ico-distribution h6{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; text-align:center; text-transform:uppercase; color:#da4bfd; line-height:26px; margin:0 0 10px 0;}
.ico-distribution h5{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:center; color:#fff; line-height:24px; margin:0 0 50px 0; }
.ico-distribution .box{ width:100%; margin:20px auto; padding:10px 20px; background:#8650e8;}
.ico-distribution .box h4{ font-size:18px; font-weight:normal; color:#fff; line-height:40px; margin:0; }
.ico-distribution .box h4 span{ font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; text-align:left; color:#e9eaea; line-height:40px; margin:0 10px 0 0; float:left;}
.bl1{ border-left:solid 7px #997dea;}
.bl2{ border-left:solid 7px #e66392;}
.bl3{ border-left:solid 7px #2acd72;}
.bl4{ border-left:solid 7px #9898ef;}
.bl5{ border-left:solid 7px #f5a67e;}
.faq{ width:100%; margin:0 auto; padding:60px 0; background:#490fb4; overflow:hidden;}
.faq h2{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; text-align:center; color:#fff; line-height:58px; margin:0 0 20px 0;}
.faq h6{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; text-align:center; text-transform:uppercase; color:#da4bfd; line-height:26px; margin:0 0 10px 0;}
.faq h5{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:center; color:#fff; line-height:24px; margin:0 0 50px 0; }
.faq img{ margin:0 auto; display:block;}
#faq .card {
margin-bottom: 30px;
border: 0;
}
#faq .card .card-header {
border: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
border-radius: 0px  ;
overflow:hidden;
padding: 0;
}
#faq .card .card-header .btn-header-link {
color: #fff;
display: block;
text-align: left;
background: #DA4BFD;
color: #fff;
padding: 20px;
}
#faq .card .card-header .btn-header-link:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float: right;
}
#faq .card .card-header .btn-header-link.collapsed {
background: #8650e8;
color: #fff;
}
#faq .card .card-header .btn-header-link.collapsed:after {
content: "\f106";
}
#faq .card .collapsing {
background: #DA4BFD;
line-height: 30px;
color:#fff;
}
#faq .card .collapse {
border: 0;
}
#faq .card .collapse.show {
background: #DA4BFD;
line-height: 30px;
color: #fff;
}
/*.sec-1{ width:100%; margin:0 auto; padding:80px 0; background-image: linear-gradient(to right, #0a0a46, #0b0945); position:relative;}
.sec-1 h2{font-family: 'Roboto', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#fff; line-height:58px; margin:0 0 30px 0;}
.sec-1 p{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; text-align:left; color:#fff; line-height:26px; margin:0 0 30px 0;}
.sec-1 h6{font-family: 'Roboto', sans-serif; font-size:20px; font-weight:400; text-align:left; color:#17C2ED; line-height:26px; margin:0 0 20px 0;}
.sec-1 .box{ width:100%; margin:10px auto; padding:25px 25px 25px 25px; background:#1e2258; border-radius:20px; overflow:hidden;}
.sec-1 .box h3{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; text-align:left; color:#fff; line-height:26px; margin:0 0 15px 0;}
.sec-1 .box i{ font-size:30px; color:#17C2ED;}
.sec-1 .box h4{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:0 0 5px 0;}*/
/*.sec-2{ width:100%; margin:0 auto; padding:70px 0; background:#110340; position:relative;}
.sec-2 h2{font-family: 'Roboto', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#fff; line-height:58px; margin:0 0 30px 0;}
.sec-2 p{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; text-align:left; color:#fff; line-height:26px; margin:0 0 30px 0;}
.sec-2-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background-image: url(../images/sec-2-bg.png);
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.5;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}*/
/*.sec-3{ width:100%; margin:0 auto; padding:70px 0; background:#0c0845; position:relative;}
.sec-3 h2{font-family: 'Roboto', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#fff; line-height:58px; margin:0 0 30px 0;}
.sec-3 p{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; text-align:left; color:#fff; line-height:26px; margin:0 0 30px 0;}
.sec-4{ width:100%; margin:0 auto; padding:70px 0; background:#0c0845; position:relative;}
.sec-4 h2{font-family: 'Roboto', sans-serif; font-size:48px; font-weight:700; text-align:center; color:#fff; line-height:58px; margin:0 0 30px 0;}
.sec-4 h6{font-family: 'Roboto', sans-serif; font-size:20px; font-weight:400; text-align:center; color:#17C2ED; line-height:26px; margin:0 0 20px 0;}
.sec-4 .box{ width:100%; height:300px; margin:15px auto; padding:15px 25px; background:#080c48; border-radius:10px; overflow:hidden;}
.sec-4 .box h4{font-family: 'Roboto', sans-serif; font-size:19px; font-weight:bold; text-align:center; color:#fff; line-height:26px; margin:0 0 20px 0;}
.sec-4 .box p{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; text-align:center; color:#fff; line-height:26px; margin:0 0 30px 0;}
.sec-4 .box i{ margin:0 auto; margin-top:20px; margin-bottom:15px; font-size:40px; text-align:center; color:#17c2ed; line-height:40px; display:block; }
.sec-4 .box:hover{ background-color: transparent; background-image: linear-gradient(135deg, #3940f4, #ba51ff);}
.sec-5{ width:100%; margin:0 auto; padding:70px 0; background:#0d0744; position:relative;}
.sec-5 h2{font-family: 'Roboto', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#fff; line-height:58px; margin:0 0 30px 0;}
.sec-5 h6{font-family: 'Roboto', sans-serif; font-size:20px; font-weight:400; text-align:left; color:#17C2ED; line-height:26px; margin:0 0 20px 0;}
.sec-5 p{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; text-align:left; color:#fff; line-height:26px; margin:0 0 30px 0;}
.sec-5 img{ border-radius:20px; height: 600px; object-fit: cover; margin-top:20px;}
.sec-5 .box{ width:100%; margin:0px auto; padding:15px 25px 10px 25px; border-left:solid 1px #37368e; overflow:hidden;}
.sec-5 .box h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; text-align:left; color:#17c0e8; line-height:26px; margin:0 0 15px 0;}
.sec-5 .box h4{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:0 0 5px 0;}
.sec-5 .box .tick{ position:absolute; width:35px; height:35px; left:-3px; top:0; background:#0692e9; border-radius:50%;}
.sec-5 .box .tick i{ margin:0 auto; font-size:20px; text-align:center; color:#fff; line-height:35px; display:block; }
*/
.sec-7{ width:100%; margin:0 auto; padding:80px 0 70px 0; background-image: linear-gradient(to right, #490fb4, #380695); position:relative;}
.sec-7 h2{font-family: 'Roboto', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#fff; line-height:58px; margin:0 0 30px 0;}
.sec-7 p{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; text-align:left; color:#fff; line-height:26px; margin:0 0 30px 0;}
.sec-7 img{ margin-top:-190px;}
/**,
*::before,
*::after,
:root {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
overflow: hidden;
height: 100%;
}
body {
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
perspective: 1px;
transform-style: preserve-3d;
}
*/
/*a{color:#fff !important;}*/
.readmore-btn{
width:150px;
color:#fff !important;
background: linear-gradient(to right, #27ca9e, #6d5bf5);
font-family: 'OpenSansBold', sans-serif;
font-size: 13px;
font-weight: bold;
line-height:45px;
text-transform: uppercase;
border-radius: 40px;
text-align:center;
margin-top:30px;
cursor: pointer;
}
.readmore-btn:hover { background: linear-gradient(to right, #6d5bf5, #27ca9e); text-decoration:none;} 
.readmore-btn:hover a{ text-decoration:none; }
.readmore-btn-2{
width:150px;
margin:0 auto;
color:#fff !important;
background: linear-gradient(to right, #886fef, #eb767a);
font-family: 'OpenSansBold', sans-serif;
font-size: 13px;
font-weight: bold;
line-height:45px;
text-transform: uppercase;
border:solid 1px #fff;
border-radius:40px;
text-align:center;
margin-top:30px;
cursor: pointer;
}
.readmore-btn-2:hover { background: linear-gradient(to right, #eb767a, #886fef); text-decoration:none;} 
.readmore-btn-2:hover a{ text-decoration:none; }
/*.banner{ margin:0 auto;  
position: relative;
min-height: 100vh;
width: 100%;
transform-style: inherit;
z-index: -1;
}
.banner::before { 
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
display: block;
background: url(../images/banner/banner-bg.jpg) center center;
background-size: cover;
min-height: 100%;
z-index: -2;
}
.banner h2{ font-family: 'Zen Dots', cursive; font-size:36px; font-weight:700; text-align:left; color:#fff; line-height:60px; margin:0 0 30px 0;}
.banner h5{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400; text-align:left; color:#fff; line-height:36px; margin:0 0 10px 0;}
.banner h6{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:700; text-align:left; color:#f8f517; margin:10px 0 25px 0;}
.banner .animation-overlay{ position:absolute; top:0; right:0; left:0;}
*/
.contact{ width:100%; margin:0 auto; padding:60px 0; background:#067cce; overflow:hidden;}
.contact h2{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; text-align:center; color:#222222; line-height:42px; margin:0 0 30px 0;}
.contact h5{font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#888888; line-height:26px; margin:0 0 60px 0;}
.contact h6{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:700; text-align:center; margin:0 0 15px 0; background: -webkit-linear-gradient(45deg, #ffffff, #ffffff 80%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.contact .form-box{ width:100%; margin:0 auto; padding:60px 40px 40px 40px; border:solid 1px #0096ff;  box-shadow:0 10px 30px 0 rgba(50,50,50,.16);}
.contact .form-box h3{ font-family: 'Roboto', sans-serif; font-size:36px !important; font-weight:normal !important; text-align:center !important;color:#02b854 !important; margin:0 0 20px 0 !important;}
.contact .form-box h4{ font-family: 'Roboto', sans-serif; font-size:18px !important; font-weight:normal; text-align:center !important; color:#8c8b8a !important; line-height:24px; margin:0 0 5px 0;}
.contact .form-box h5{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; color:#02b854; line-height:28px; margin:10px 0;}
.contact .form-box h6{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; color:#322e5e; line-height:28px; margin:10px 0;}
.contact .form-control{background-color: #94d3ff;
background-clip: padding-box;
border: 1px solid #94d3ff;}
@keyframes ball-1 { 
0% {opacity: 0; }
10% {opacity: 0.2; }
20% {opacity: 0.4;}
30% {opacity: 0.6;}
40% {opacity: 0.8;}	
50% {opacity: 1;}	
60% {opacity: 1;}
70% {opacity: 0.8;}
80% {opacity: 0.6;}
90% {opacity: 0.4;}
100% {opacity: 0.2;}
}
#ball-1 {
height: 10px;
width: 10px;
margin:30 0 0 50px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#ball-2 {
height: 10px;
width: 10px;
margin:40px 0 0 200px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#ball-3 {
height: 10px;
width: 10px;
margin:10px 0 0 290px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#ball-4 {
height: 10px;
width: 10px;
margin: 80px 0 0 120px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#ball-5 {
height: 10px;
width: 10px;
margin:30px 0 0 100px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#ball-6 {
height: 10px;
width: 10px;
margin:10px 0 0 180px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#ball-7 {
height: 10px;
width: 10px;
margin:30px 0 0 190px;
border-radius:50%;
border:solid 0px #9affe0;
background-color: #23cf9a;
animation: ball-1 3s infinite;
}
#scroll-to-top {
display: inline-block;
background-color: #5d2e18;
border:solid 2px #9b5331;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#scroll-to-top::after {
content: "\f062";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 25px;
line-height: 44px;
color: #fff;
}
#scroll-to-top:hover {
cursor: pointer;
background-color: #FF9800;
border:solid 2px #ffa92a;
}
#scroll-to-top:active {
background-color: #555;
}
#scroll-to-top.show {
opacity: 1;
visibility: visible;
}
.footer-strip{ width:100%; margin:0 auto; padding:10px; background:#101112;}
.footer-strip h4{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:400; text-align:left; color:#fff; line-height:44px; margin:0;}
.footer-strip i{ width:44px; height:44px;font-size:24px; text-align:center; color:#fff; background:none; line-height:44px; float:left; margin-right:10px; border:solid 1px #fff; border-radius:5px;}
.footer{ width:100%; margin:0 auto; padding:50px 0;  position:relative;
background-color:#572913 !important;
/*background: url(../images/wave.png);*/
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
}
.footer h4{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:400; text-align:left; text-transform:uppercase; color:#fff; line-height:24px; margin:20px 0 20px 0;}
.footer h5{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:0;}
.footer h5 a{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#fff; line-height:24px;}
.footer h5 a:hover{ color:#fff; text-decoration:none;}
.footer p{ font-family: 'Inter', sans-serif; font-size:13px; font-weight:400; text-align:left; color:#fff; line-height:24px; margin:10px 0 0 0;}
.footer .footer-list{ margin:0; padding:0; list-style:none;}
.footer .footer-list li a{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:normal; color:#fff !important; line-height:26px;}
.footer .footer-list li a:hover{ text-decoration:none; color:#fff;}
.social-link{ width:100%; margin:20px 0 20px 0; padding:0 0px; text-align:center; }
.social-link li{ display:inline-block;}
.social-link li a{ width:40px; height:40px;/* background:rgba(255,255,255,.15); */ background:#a88260; display:block; border-radius:50%; margin-left:5px;}
.social-link li a i{ font-size:18px; text-align:center; color:#fff; line-height:40px; margin:0 auto; display:block;}
.social-link li:not(:last-child){ margin-right:5px;}
.social-link li a:hover i{ color:#fff;}
@media (max-width: 767px){
.sec-7 img{ margin-top:10px;}
}
@media (max-width: 575px){
.banner{padding-top:70px;}
.footer{ padding:50px 0;}
.trending-product h2 {  font-size: 30px;}
.trending-product .box .caption h4{ font-size:14px;}
.trending-product .box .caption h5{ font-size:14px;}
.thumb-overlay li a { width: 25px;  height: 25px;}
.thumb-overlay li a i {  line-height: 25px;}
.sec-4 h1 {  font-size: 22px;}
.inner-banner h2{ font-size:22px}
}