@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/css?family=Oswald&display=swap');

.platform-features{ width:100%; margin:0 auto; padding:50px 0; position:relative; background-image:url(../images/platform-features-bg.jpg); background-size:cover; background-attachment:fixed; background-position:50% 50%;}
.platform-features h2{ font-family: 'Play', sans-serif; font-size:33px; font-weight:400; text-align:center; color:#2d2d2d; line-height:33px; margin:0 0 10px 0; }
.platform-features h5{ font-family: 'Play', sans-serif; font-size:15px; font-weight:500; text-align:center; color:#979797; line-height:26px; margin:25px 0 35px 0; }

.platform-features .box{ width:100%; margin:10px auto; padding:25px; background:#5e0a84; border-radius:3px;}
.platform-features .box h4{ font-family: 'Play', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#fff; line-height:28px; margin:5px 0 0 0; }
.platform-features .box p{ font-family: 'Play', sans-serif; font-size:15px; font-weight:500; text-align:center; color:#fff; line-height:28px; margin:15px 0 5px 0; }
.platform-features .box i{ font-size:26px; text-align:center; color:#fff; display:block; margin:0 auto;}
.platform-features .box .divider{ display:block; margin-top:13.5px; padding-bottom:13.5px; border-top: 1px solid rgba(255, 255, 255, .1);}

.platform-features .box2{ width:100%; margin:10px auto; padding:25px; background:#f7e6cf; border-radius:3px;}
.platform-features .box2 h4{ font-family: 'Play', sans-serif; font-size:16px; font-weight:400; text-align:center; color:#222; line-height:28px; margin:5px 0 0 0; }
.platform-features .box2 p{ font-family: 'Play', sans-serif; font-size:15px; font-weight:500; text-align:center; color:#222; line-height:28px; margin:15px 0 5px 0; }
.platform-features .box2 i{ font-size:26px; text-align:center; color:#222; display:block; margin:0 auto;}
.platform-features .box2 .divider{ display:block; margin-top:13.5px; padding-bottom:13.5px; border-top: 1px solid rgba(0, 0, 0, .1);}



/*--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:linear-gradient(to right, #580675 , #7108f0);
  border-radius: 5px;
  border-bottom: 4px solid #fff;}
.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--*/

.mission{ width:100%; margin:0 auto; padding:50px 0; background:#fff;}
.mission h2{ font-family: 'Play', sans-serif; font-size:33px; font-weight:400; text-align:left; color:#091f93; line-height:26px; margin:0 0 10px 0; }
.mission p{ font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500; text-align:left; color:#6b6b6b; line-height:28px; margin:15px 0 15px 0; }


/*--start-why-choose-us--*/
.why-choose-us{ width:100%; margin:0 auto; padding:50px 0; background:linear-gradient(to right, #370766 , #5c0ece); overflow:hidden;}
.why-choose-us h2{ font-family: 'Inter', sans-serif; font-size:32px; font-weight:600; color:#fff; line-height:48px; margin:0 0 35px 0;}
.why-choose-us h6{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:400; text-transform:uppercase; color:#fded04; line-height:26px; margin-bottom:15px; position: relative; padding-left: 47px;}
.why-choose-us h6::before {
    display: block;
    content: "";
    position: absolute;
    width: 36px;
    height: 1px;
    left: 0;
    background-color: #fded04;
    top: 50%;
}
*, ::after, ::before {
    box-sizing: border-box;
}

.why-choose-us h4{ font-family: 'Inter', sans-serif; font-size:18px; font-weight:600; text-align:center; text-transform:uppercase; color:#fff; line-height:24px; margin:8px 0 10px 0; }
.why-choose-us p{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:normal; line-height:22px; text-align:center; color:#fff; margin:0; }
.why-choose-us i{ width:40px; height:40px; margin:0 auto; border:solid 1px #fff; border-radius:3px; display:block; font-size:30px; text-align:center; color:#fff; line-height:40px;}
.why-choose-us a:hover{ text-decoration:none; color:inherit;}

.why-choose-us .box{width:100%; height:180px; margin-bottom:20px; padding:0px; border-bottom:solid 2px #fff; border-radius:5px; position:relative; overflow:hidden; }
.why-choose-us .box .caption{ width:100%; top:180px; position:absolute;   
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;}
.why-choose-us .box:hover .caption {
    opacity:1;
    transform:translateY(-180px);
    -webkit-transform:translateY(-180px);
    -moz-transform:translateY(-180px);
    -ms-transform:translateY(-180px);
    -o-transform:translateY(-180px);

}
.why-choose-us .box:hover{ border-bottom:solid 2px #fff;}
.why-choose-us .box .blur{ width:100%; height:180px; background-color:#0b0ff9; opacity:0.9; position:absolute; z-index:1;}
.why-choose-us .box .caption .caption-text{ width:100%; height:180px; padding:0 20px; color:#fff; background:linear-gradient(to right, #b506f4 , #0b0ff9); position:absolute; text-align:center; top:-38px; z-index:2; }
.why-choose-us .box:hover .caption .caption-text { background:none; top:0px;}
/*--end-why-choose-us--*/

.cryptocurrency-prices{ width:100%; margin:0 auto; padding:90px 0; position:relative; background:#fff;}
.cryptocurrency-prices h2{ font-family: 'Play', sans-serif; font-size:33px; font-weight:400; text-align:center; color:#040a59; line-height:23px; margin:0 0 10px 0; }
.cryptocurrency-prices h5{ font-family: 'Play', sans-serif; font-size:15px; font-weight:500; text-align:center; color:#979797; line-height:26px; margin:25px 0 35px 0; }

/*--start-about-company--*/
.about-company{ width:100%; margin:0 auto; padding:70px 0; /*background:#002e2f; background-image: linear-gradient(to right, #191748, #1c1a4a); position:relative;*/  background: url(../images/about-company-bg.jpg) 0 no-repeat fixed; background-position:bottom center; background-size:cover;}
.about-company h2{ font-family: 'Oswald', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#05f992; line-height:58px; margin:0 0 30px 0; position:relative; padding:0 15px; display:inline-block;}
.about-company h2::before {
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  font-size:20px;
  line-height:20px;
  color: #ffef04;
  opacity: .8;
  content: "\f10d";
  left:-10px;
  text-align: center;
}
.about-company h2::after {
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  font-size:20px;
  line-height:20px;
  color: #ffef04;
  opacity: .8;	
  content: "\f10e";
  right:-10px;
}
.about-company h6{ font-family: 'Oswald', sans-serif; font-size:20px; font-weight:400; text-align:left; color:#ffef04; line-height:26px; margin:0 0 20px 0;}
.about-company p{font-family: 'Roboto', sans-serif; font-size:17px; font-weight:400; text-align:left; color:#fbfbfb; line-height:26px; margin:0 0 30px 0;}

.about-company img{ border-radius:20px; height: 600px; object-fit: cover; margin-top:20px;}
.about-company .box{ width:100%; margin:0px auto; padding:5px 25px 10px 25px; border-left:solid 1px #ff8c4e; overflow:hidden;}
.about-company .box h3{ font-family: 'Inter', sans-serif; font-size:18px; /*font-weight:bold;*/ text-align:left; color:#f56d23; line-height:26px; margin:0 0 15px 0;}
.about-company .box h4{font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#272b2d; line-height:24px; margin:0 0 5px 0;}
.about-company .box .tick{ position:absolute; width:35px; height:35px; left:-3px; top:0; background:#f56d23; border-radius:50%;}
.about-company .box .tick i{ margin:0 auto; font-size:20px; text-align:center; color:#fff; line-height:35px; display:block; }
/*--end-about-company--*/

/*------------cart-------------------*/
.cart-details{ width:100%; margin:0 auto; padding:50px 0; overflow:hidden;}
.cart-details .title{ width:100%; margin:0 auto; padding:0 10px; border:solid 1px #eaeaec; overflow:hidden;}
.cart-details .title h2 {font-family: 'Roboto', sans-serif; font-size:18px; font-weight:normal; text-align:center; text-transform:capitalize; color:#002a63; line-height:32px; margin:10px 0;}

.cart-details .box{ width:100%; margin:10px auto; padding:10px; border:solid 1px #eaeaec; overflow:hidden;}
.cart-details .box h3{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:bold; text-transform:capitalize; color:#002a63; line-height:32px; margin:10px 0 0 0;}
.cart-details .box h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#8d8a8a; line-height:32px; margin:0 0 10px 0;}
.cart-details .box h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:bold; text-align:right; color:#000; line-height:32px; margin:10px 0 0 0;}
.cart-details .box h6{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:right; color:#ee4266; line-height:28px; margin:0 0 10px 0;}
.cart-details .box p{ font-family:'Hind Siliguri', sans-serif; font-size:14px; font-weight:normal; color:#8d8a8a; line-height:28px;}

.cart-details .cart-summary{ width:100%; margin:10px auto; padding:10px; border:solid 1px #eaeaec; overflow:hidden;}
.cart-details .cart-summary h2{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:bold; color:#000; line-height:28px; margin:5px 0 10px 0;}
.cart-details .cart-summary h2 span{ text-align:right;}
.cart-details .cart-summary h3{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:bold; color:#252525; line-height:28px; margin:5px 0;}
.cart-details .cart-summary h3 span{ text-align:right;}
.cart-details .cart-summary h4{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:center; color:#8d8a8a; line-height:24px; margin:0 0 5px 0;}
.cart-details .cart-summary h6{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:right; color:#ff4040; line-height:28px; margin:0 0 10px 0;}
.cart-details .cart-summary p{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; font-weight:400; text-align:center; color:#8d8a8a; line-height:24px; margin-top:10px;}

/*.cart-details .text-box-style{ display:block; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; border:1px solid #ccc; }*/
.cart-details .btn-danger{background-color:#d3d3d3  !important; border-color:#d3d3d3  !important; border-radius:0px !important;}
/*.cart-details .btn-success{background-color:#d3d3d3  !important; border-color:#d3d3d3  !important; border-radius:0px !important;}*/
.cart-details .btn-primary{background-color:#ee4266 !important; border-color:#ee4266 !important; border-radius:0px !important;}
/*-------------------------------*/

/*.all-product-details{ width:100%; margin:0 auto; padding:35px 0 40px 0; overflow:hidden;}
.all-product-details h2{ font-family: 'Roboto', sans-serif; font-size:16px; color:#001764; text-align:center; margin-top:15px;}
.all-product-details h3{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; text-align:left; color:#d0101d; line-height:28px; margin:25px 0 10px 0;}
.all-product-details h4{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#918e8e; line-height:28px; margin:0;}
.all-product-details h5{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; text-decoration:line-through;  color:#6c6161; line-height:28px; margin:0;}
.all-product-details h6{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#001a5a; line-height:28px; margin:0;}
.all-product-details h6 span{ font-size:19px; color:#d0101d;}
.all-product-details p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#807c7c; line-height:24px; margin:20px 0 10px 0;}*/
.all-product-details{ width:100%; margin:0 auto; padding:35px 0 40px 0; overflow:hidden;}
.all-product-details h2{ font-family: 'Roboto', sans-serif; font-size:16px; color:#001764; text-align:center; margin-top:15px;}
.all-product-details h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:normal; text-align:left; color:#d0101d; line-height:36px; margin:25px 0 10px 0;}
.all-product-details h4{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; text-transform:uppercase; color:#605b5b; line-height:28px; margin:5px 0 0 0;}
.all-product-details h4 span{ color:#060000;}
.all-product-details h5{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:normal; text-align:left;  color:#6c6161; line-height:28px; margin:0 0 10px 0;}
.all-product-details h6{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; text-align:left; /*color:#001a5a;*/ color:#000; line-height:28px; margin:0;}
.all-product-details h6 span{ font-size:19px; color:#d0101d;}
.all-product-details p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#807c7c; line-height:24px; margin:20px 0 10px 0;}


.inner-banner{ width:100%; margin:0 auto; padding:100px 0 40px 0; background:#380546; overflow:hidden;}
@media (max-width: 575px){
.inner-banner{ width:100%; margin:0 auto; padding:10px 0 10px 0; background:#380546; overflow:hidden;}
}
.inner-banner h2{ font-family: 'Oswald', sans-serif; font-size:40px; font-weight:bold; text-align:center; color:#fff; margin-bottom:15px !important; margin:0;}
.inner-banner h6{ text-align:center; color:#fff;}
.inner-banner h6 a{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#fff; line-height:28px; margin:0 10px;}


.loader {
position: relative;
top: 35%;
width: 80px;
height: 80px;
margin: 0 auto;	

/*width:50px;
height:50px;
display:inline-block;*/
padding:0px;
opacity:0.5;
border:3px solid #fff;
-webkit-animation: loader 1s ease-in-out infinite alternate;
animation: loader 1s ease-in-out infinite alternate;
}

.loader:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 3px solid #fff;
}

.loader:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid #fff;
}

@keyframes loader {
   from {transform: rotate(0deg) scale(1,1);border-radius:0px;}
   to {transform: rotate(360deg) scale(0, 0);border-radius:50px;}
}
@-webkit-keyframes loader {
   from {-webkit-transform: rotate(0deg) scale(1, 1);border-radius:0px;}
   to {-webkit-transform: rotate(360deg) scale(0,0 );border-radius:50px;}
}



.loader6 {
position: relative;
top: 35%;
width: 60px;
height: 60px;
margin: 0 auto;
/*display:inline-block;
width: 20px;
height:20px;*/
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #ffffff;
border-top: 3px solid #ffffff;
-webkit-animation: loader6 2.2s ease-in-out infinite alternate;
animation: loader6 2.2s ease-in-out infinite alternate;
}

.loader6:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 0px;
  right: 0px;
  bottom: 5px;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

@keyframes loader6 {
   from {transform: rotate(0deg);}
   to {transform: rotate(1440deg);}
}
@-webkit-keyframes loader6 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(1440deg);}
}


.page-loader{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	/*background: #272727;*/
	background:rgba(0, 0, 0, 0.9);
	z-index: 99999;
	bottom:0;
	top:0;
	left:0;
	overflow:hidden;
}

/* SPINNER ANIMATION */
.spinner {
	position: relative;
	top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.owl-nav button.owl-prev{ left:0;}
.owl-nav button.owl-next{ right:0;}
.owl-dots{ text-align:center; padding-top:15px;}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active{ background-color:#000;}
.owl-dots button.owl-dot:focus { outline: none;}
.owl-nav button {
	position: absolute;
	color: #fff;
	margin: 0;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
	width: 30px;
	height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000 !important;
}
.owl-nav span {
    font-size: 30px;    
    position: absolute;
    /*top: -12px;*/
	left:10px;
	color:#fff;
	transform: translateY(-60%);
}
.owl-nav button:focus{ outline: none;}
.owl-nav{display: block !important;}
.owl-dots{ display: none !important;}

.submit-btn{
	width:100%;
	margin:0 auto;
    color:#fff !important;
    background: linear-gradient(to right, #ce2127, #d72c32);
    font-family: 'OpenSansBold', sans-serif;
    font-size: 13px;
    font-weight: bold;
	line-height:45px;
    text-transform: uppercase;
    border-radius: 0px;
    text-align:center;
    margin-top:0px;
    cursor: pointer;
	border:none;
}
.submit-btn:hover { background: linear-gradient(to right, #d72c32, #ce2127); text-decoration:none;} 
.submit-btn:hover a{ text-decoration:none; display:block; }
.submit-btn a{ color:#fff !important; display:block !important; }

.readmore-btn{
	width:170px;
	margin:0 auto;
    color:#fff !important;
    background: linear-gradient(to right, #170979, #0712b5);
    font-family: 'OpenSansBold', sans-serif;
    font-size: 13px;
    font-weight: bold;
	line-height:45px;
    text-transform: uppercase;
    border-radius: 0px;
    text-align:center;
    margin-top:30px;
    cursor: pointer;
	border:none;
}
.readmore-btn:hover { background: linear-gradient(to right, #d72c32, #ce2127); text-decoration:none;} 
.readmore-btn:hover a{ text-decoration:none; display:block; }
.readmore-btn a{ color:#fff !important; display:block !important; }

.readmore-btn-2{
	width:170px;
    color:#fff !important;
    background: linear-gradient(to right, #08fbcd, #7e079f);
    font-family: 'OpenSansBold', sans-serif;
    font-size: 13px;
    font-weight: bold;
	line-height:45px;
    text-transform: uppercase;
    border-radius: 0px;
    text-align:center;
    margin-top:30px;
    cursor: pointer;
}
.readmore-btn-2:hover { background: linear-gradient(to right, #d72c32, #ce2127); text-decoration:none;} 
.readmore-btn-2:hover a{ text-decoration:none; display:block; }
.readmore-btn-2 a{ color:#fff !important; display:block !important; }


.banner-btn2{
	width:170px;
    color:#fff !important;
    background: linear-gradient(to right, #ce2127, #d72c32);
    font-family: 'OpenSansBold', sans-serif;
    font-size: 12px;
    font-weight: normal;
	line-height:45px;
    text-transform: uppercase;
    border-radius: 0px;
    text-align:center;
    margin-top:30px;
    cursor: pointer;
	border:none;
	border-radius:3px;
}
.banner-btn2:hover { background: linear-gradient(to right, #d72c32, #ce2127); text-decoration:none;} 
.banner-btn2:hover a{ text-decoration:none; display:block; }
.banner-btn2 a{ color:#fff !important; display:block !important; }

.learn-more-btn a{ font-family: 'Inter', sans-serif; font-size:13px; font-weight:500; text-transform:uppercase; color:#0a0a0a; }
.learn-more-btn a i{ margin-left:10px;}
.learn-more-btn a:hover{ text-decoration:none; color:#3c3c3c; cursor:pointer;}

.banner{ width:100%; margin:0 auto; /*padding-top:115px;*/ background:#fff; overflow:hidden;}
.banner img{ width:100% !important; min-height:180px !important; object-fit:cover;}

.blank-div{ width:100%; height:96px; overflow:hidden;}


.body-content{ width:100%; margin:0 auto; padding:60px 0 60px 0; overflow:hidden;}
.body-content h3{font-family: 'Inter', sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#225391; 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:#6b6b6b; line-height:28px; margin:0 0 20px 0;}

.body-content .form-box{ width:100%; margin:0 auto; padding:30px; border:solid 1px #f4f4f4;  box-shadow:0 10px 30px 0 rgba(50,50,50,.16);}

.body-content .form-box h3{ font-family: 'Lato', sans-serif; font-size:36px; font-weight:bold; text-align:center; color:#000; margin:0 0 10px 0;}
.body-content .form-box h5{ font-family: 'Lato', sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#5c5959; line-height:28px; margin:10px 0;}
.body-content .form-box h6{ font-family: 'Lato', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#777; line-height:28px; margin:10px 0;}
.body-content .form-box img{ width:60px; margin:0 auto; display:block;}

.m-cart{ display:none; }

#header h6 a:hover{ text-decoration:none;}
#header h6{  width:30px; height:30px; margin:2px 3px 2px 3px; background:#fff; border-radius:2px; position:relative; float:left;}
#header h6 i{ font-size:16px; text-align:center; color:#232f3e; line-height:30px; display:block; }
.number{ width:17px; height:17px; font-size:10px; text-align:center; color:#fff; background:#ee4266; border-radius:50%; line-height:17px; right:-5px; top:-2px; z-index:1; position: absolute; }
#search-box{ width:260px; height:50px; padding:5px; background:#ececec; border-radius:3px; position:fixed; right:0; top:110px; z-index:2; display:none;}
.hide{ display:none;}
.search-box-close-btn{ width:25px; height:25px; font-size:12px; font-weight:bold; text-align:center; color:#fff; background:#ee4266; border-radius:50%; position:absolute; left:-7px; top:-7px; z-index:100;}

.support{ width:100%; margin:0 auto; padding:50px 0; overflow:hidden;}
.support .box{ width:100%; margin:5px auto; padding:10px 10px 20px 10px; /*background:#232f3e;*/ background-image: linear-gradient(to right, #082475, #7e13ba); border:solid 0px #232f3e; /*border-radius:60px 0 60px 0;*/ overflow:hidden;}
.support .box i{ font-weight:500; font-size:36px; text-align:center; color:#fff; display:block; margin-top:10px;}
.support .box h3{ font-family: 'Oswald', sans-serif; font-size:15px; font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; letter-spacing:0.7; margin-top:15px;}
.support .box p{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#bcd9ff; line-height:24px; margin:0;}


.product-category{width:100%; margin:0 auto; padding:30px 0; overflow:hidden;}
.product-category h2{ font-family: 'Oswald', sans-serif; font-size:36px; font-weight:600; color:#222; line-height:36px; letter-spacing:0.5px; margin-bottom:50px;}
.product-category h2 span{ border-bottom:solid 2px #e6244c; padding-bottom:8px;}
.product-category h5{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#7b7d7a; line-height:24px; margin:0;}

.product-category .box{ width:100%; margin:5px auto; border:solid 1px #f7f7f7; overflow:hidden;}
.product-category .box img{ border-radius:3px;}

.product-category .thumb{ width:100%; position:relative}
.product-category .thumb-overlay2{ position:absolute; width:80%; padding:20px 15px; text-align:center; background:rgb(230, 36, 76, 0.7); bottom:25px; left:0; opacity:1; z-index:1; transform:translateY(30px); transition: all .48s ease; }
.product-category .box:hover .thumb-overlay2{ opacity:1; z-index:1; transform: translateY(0); background:rgb(230, 36, 76);}
.product-category .box .thumb h3{ font-family: 'Oswald', sans-serif; font-size:17px; font-weight:normal; text-align:left; color:#fff; line-height:28px; margin:0 0 10px 0;}
.product-category .box .thumb h5{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; color:#fff; line-height:24px; margin:0;}
.product-category .box .thumb p{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#fff; line-height:24px; margin:0;}
.product-category .box .thumb a{ color:#fff;}
.product-category .box .thumb a:hover{ text-decoration:none;}


/*--start-sec-5--*/
.sec-5{ width:100%; margin:0 auto; padding:70px 0; /*background:#002e2f;*/ background-image: linear-gradient(to right, #191748, #1c1a4a); position:relative;}
.sec-5 h2{ font-family: 'Oswald', sans-serif; font-size:48px; font-weight:700; text-align:left; color:#ffffff; line-height:58px; margin:0 0 30px 0;}
.sec-5 h6{ font-family: 'Oswald', sans-serif; font-size:20px; font-weight:400; text-align:left; color:#8d8bbb; 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:#6561a8; 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:5px 25px 10px 25px; border-left:solid 1px #ff6081; overflow:hidden;}
.sec-5 .box h3{ font-family: 'Inter', sans-serif; font-size:18px; /*font-weight:bold;*/ text-align:left; color:#9b98db; line-height:26px; margin:0 0 15px 0;}
.sec-5 .box h4{font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#6561a8; line-height:24px; margin:0 0 5px 0;}
.sec-5 .box .tick{ position:absolute; width:35px; height:35px; left:-3px; top:0; background:#ee4266; border-radius:50%;}
.sec-5 .box .tick i{ margin:0 auto; font-size:20px; text-align:center; color:#fff; line-height:35px; display:block; }
/*--end-sec-5--*/

.trending-product{ width:100%; margin:0 auto; padding:50px 0; background:#f4f4f4; overflow:hidden;}
.trending-product h2{ font-family: 'Oswald', sans-serif; font-size:36px; font-weight:600; color:#222; line-height:36px; letter-spacing:0.5px; margin-bottom:50px;}
.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; background:#fff; border:solid 1px #f2f2f2; overflow:hidden;}
.trending-product .box img{ border-radius:3px;}
.trending-product .box .caption{ width:100%; margin:0 auto; padding:10px 0; overflow:hidden;}
.trending-product .box .caption h4{ font-family: 'Oswald', sans-serif; font-size:20px; font-weight:normal; text-align:center; color:#222; line-height:28px; margin:0 0 10px 0;}
.trending-product .box .caption h4 a{ color:#222;}
.trending-product .box .caption h4 a:hover{ text-decoration:none;}
.trending-product .box .caption h3{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:center; color:#ee4266; line-height:24px; margin:0;}
.trending-product .box .caption h5{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:center; text-decoration:line-through; color:#999; line-height:16px; margin:0;}
.trending-product .box .caption h6{ font-family: 'Open Sans',sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#7b7d7a; line-height:24px; margin:0;}

.trending-product .thumb{ width:100%; position:relative}
.trending-product .thumb .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; }
.trending-product .thumb .thumb-overlay li{ display:inline-block;}
.trending-product .thumb .thumb-overlay li a{ width:40px; height:40px; background:#ee4266; display:block;}
.trending-product .thumb .thumb-overlay li a i{ font-size:16px; color:#fff; line-height:40px;}
.trending-product .thumb .thumb-overlay li:not(:last-child){ margin-right:5px;}

.trending-product .box:hover .caption h4 a{ color:#ee4266;}
.trending-product .box:hover .thumb .thumb-overlay{ opacity:1; z-index:1; transform: translateY(0);}


.offer{ background: url(../images/offer-bg.jpg) 0 no-repeat fixed; background-position:bottom center; background-size:cover;  width:100%; margin: 0 auto; padding:100px 0; overflow:hidden;}
.offer h3{ font-family: 'Roboto', sans-serif; font-size:70px; font-weight:bold; text-align:center; text-transform:uppercase; color:#000; margin-bottom:30px;}
.offer p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:center; text-transform:uppercase; color:#000; letter-spacing:.2em;}
.shopnow{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-transform:uppercase; text-align:center; color:#ffff; background:#000; border:solid 1px #000; padding:10px 20px;}
.shopnow:hover{ text-decoration:none; color:#fff; background:#3e3e3e; border:solid 1px #3e3e3e;}

.partners{ width:100%; margin:0 auto; padding:50px 0 50px 0; background:#fff; overflow:hidden;}
.partners h2{ font-family: 'Oswald', sans-serif; font-size:36px; font-weight:600; color:#222; line-height:36px; letter-spacing:0.5px; margin-bottom:50px;}
.partners h2 span{ border-bottom:solid 2px #ee4266; padding-bottom:8px;}
.partners .box{ max-width:180px; margin:0 auto; padding:0px 0px; background:#fff;}

.get-in-touch{ width:100%; margin:0 auto; padding:0px 0 0px 0; background:#fff; overflow:hidden;}
.get-in-touch h2{ font-family: 'Oswald', sans-serif; font-size:36px; font-weight:600; color:#222; line-height:36px; letter-spacing:0.5px; margin-bottom:50px;}
.get-in-touch h2 span{ border-bottom:solid 2px #ee4266; padding-bottom:8px;}
.get-in-touch .form-box{ width:100%; padding:0; margin:0 auto;}
.get-in-touch .box{ width:100%; margin:0 auto; overflow:hidden;}
.get-in-touch .box .icon-box{ width:40px; height:80px; display:block; float:left; margin-right:15px;}
.get-in-touch .box .icon-box i{ font-size:40px; text-align:center; color:#ed7000; display:block; margin-top:2px;}
.get-in-touch .box .caption{ width:auto; display:block;}
.get-in-touch .box .caption h5{ font-family: 'Inter', sans-serif; font-size:16px; font-weight:600; color:#101112; line-height:20px; margin:0 0 5px 0;}
.get-in-touch .box .caption p{ font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; color:#858585; line-height:20px;}



.newsletter{ width:100%; margin:0 auto; padding:30px 0 0 0; position:relative; overflow:hidden;}
.newsletter .box{ width:100%; margin:0 auto; background:#8908e1; padding:50px 10px; box-shadow: 0 -5px 20px 0 rgba(56,74,235,.1); overflow:hidden;}
.newsletter .box h2{ font-family: 'Oswald', sans-serif; font-size:40px; font-weight:bold; text-align:center; color:#f7f4f4; margin-bottom:25px !important; margin:0;}
.newsletter .box h2 span{ color:#f7f4f4;}
.newsletter .box p{ font-family: 'Roboto', sans-serif; font-size:15px; text-align:center; color:#777; line-height:28px; margin:0;}

.fg-outer{ width:100%; margin:20px auto; padding:7px 25px; background:#fff; border-radius:40px; border:solid 1px #e3e3e3; overflow:hidden;}
.tbs{ height:50px !important; background:#fff !important; line-height:34px !important; border:none !important; box-shadow:none !important; padding-left:20px !important;}
.tbb{ height:50px !important; background:#444341 !important; line-height:34px !important; border:none !important; box-shadow: 2px 2px 2px 2px #ada1a1; border-radius:40px !important;}

.newsletter-btm-bg{ width:100%; margin:0 auto; padding:55px 0;  background:linear-gradient(to right, #2e0765 , #270238); overflow:hidden; margin-top:-110px; z-index:-1;}


/*--start-footer--*/
.footer-outer{ width:100%; margin:0 auto; padding:30px 0 0px 0;  background:linear-gradient(to right, #2e0768 , #270235); overflow:hidden; /*margin-top:-110px; z-index:-1;*/}
.footer-top{ width:100%; margin:0 auto; padding:30px 0 20px 0;}
.footer-top .footer-title{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; text-transform:capitalize; color:#fff; position:relative; padding-bottom:20px; margin-bottom:15px; margin-top:15px; }
/*.footer-top .footer-title span{ color:#876afd;}
.footer-title::before{ content:''; width:100%;  height:1px; background:rgba(255,255,255,0.2); position:absolute; bottom:0; left:0; right:0;}
.footer-title::after{



    content:''; width:60px;

    height:2px;

    background:#876afd;

    position:absolute;

    bottom:0;

    left:0px;



}*/



/*.footer-top .form-control{ height:45px; border-radius:0 !important; margin-bottom:30px; padding:0 0 0 20px;}

.footer-top .btn{ background:#f6b129; border-radius:0 !important; padding: 11px 12px 12px 12px; border-color:#fab734 !important; }

.footer-top .btn:hover{ background:#eca823 !important;}

*/



.footer-top p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#e0e2e3; line-height:26px;}
.footer-top img{ margin:0 0 15px 0;}
.footer-top .footer-list{ margin:0; padding:0; list-style:none;}
.footer-top .footer-list li{ font-size:14px; font-weight:normal; color:#858e99; line-height:28px;}
.footer-top .footer-list li i{ font-size:20px; color:#876afd; line-height:30px; margin-right:10px;}
.footer-top .footer-list2{ margin:0; padding:0; list-style:none;}
.footer-top .footer-list2 li a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#e0e2e3; line-height:34px;}
.footer-top .footer-list2 li:hover a{ text-decoration:none; color:#ffffff;}
/*.footer-top .footer-list2 li:hover a::before{ text-decoration:none; color:#fff;}

.footer-top .footer-list2 li a::before {



    content: '\f105';

    font-weight: 700;

    vertical-align: bottom;

    font-family: FontAwesome;

    color: #757575;

    padding-right: 8px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;



}*/



.footer-btm{ width:100%; margin:0 auto; padding:20px 0; background:#200331;}

.footer-btm p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#fff; line-height:40px; margin:0;}

.footer-btm p span{ color:#06a9f9;}



.footer-top input {

    height: 50px;

    border: none;

    width: 70% !important;

    font-weight: 300;

    background: 

rgba(255,255,255,.15);

color:

    #fff;

    padding-left: 20px;

    border-radius: 0;

    font-size: 14px;

    padding: 10px;

}

.footer-top .click-btn {



    font-size: 12px;

    text-transform: uppercase;

    background: 



#ee4266;



color:



    #fff;

    border-radius: 0;

        border-top-left-radius: 0px;

        border-bottom-left-radius: 0px;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    padding: 8px 12px;

    border: 0;

    position: relative;

    left: -12%;

    transition: all 300ms linear 0s;



}

.footer-top .click-btn:hover {



    opacity: .8;



}
.social-link{ width:100%; padding:0 0px; text-align:center; margin-bottom:0 !important; }

.social-link li{ display:inline-block;}

.social-link li a{ width:40px; height:40px; background:rgba(255,255,255,.15); display:block;}

.social-link li a i{ font-size:16px; color:#fff; line-height:40px;}

.social-link li:not(:last-child){ margin-right:5px;}
/*--end-footer--*/

@media (max-width: 991px){
.blank-div{ width:100%; height:58px; overflow:hidden;}
.m-cart{ position:fixed; width:144px; height:40px; top:12px; right:50px; display:block; z-index:999; }
.m-cart h6 a:hover{ text-decoration:none;}
.m-cart h6{  width:30px; height:30px; margin:2px 3px 2px 3px; background:#fff; border-radius:2px; position:relative; float:left;}
.m-cart h6 i{ font-size:16px; text-align:center; color:#232f3e; line-height:30px; display:block; }

}


@media (max-width: 767px){
.trending-product .thumb .thumb-overlay li a{ width:28px; height:28px;}
.trending-product .thumb .thumb-overlay li a i{ font-size:14px; line-height:28px;}
.trending-product .box .caption h3{ font-size:14px;}
.inner-banner h2 {font-size:24px; line-height:32px;}
}

@media (max-width: 575px){
.get-in-touch h2{ font-size:24px; line-height:36px;}
.product-category h2{ font-size:24px; line-height:36px;}
.sec-5 h2{ font-size:24px; line-height:36px;}
.trending-product h2{ font-size:24px; line-height:36px;}
.trending-product .box .caption h4{ font-size:14px; line-height:20px;}
.trending-product .box .caption h5{ font-size:13px; line-height:20px;}
.offer h3{ font-size:30px; line-height:36px;}
.partners h2{ font-size:24px; line-height:36px;}
.newsletter .box h2{ font-size:24px; line-height:36px;}

.footer-btm p{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:center; color:#fff; line-height:40px; margin:0;}

}