/*

Color:

#EF3D25 Red
#155A9E blue

*/
*{
	padding: 0;
	margin: 0;
}

body{

	padding: 0;
	margin: 0;
	font-family: 'Poppins','Noto Serif Bengali',sans-serif;   
  overflow-x: hidden;
  background: #fff;
  position: relative;

}




html{
  scroll-behavior: smooth;

}

@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

a{
  text-decoration: none !important;
  transition: 0.3s;
}

a:hover{
  opacity: 0.9;
}


.containers{
  padding: 0 100px;
}



.firsttopheader{
  background: #b71540;
  clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);


}


.secondtopheader{
  background: black;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 100%);

}


.mainheader a{
  font-size: 13px;
  color: #f1f1f1;
}

.mainheader span{
  color: gray;
  font-size: 12px;
}

.secondheader .menu li{
  list-style: none;
  display: inline-block;
}

.secondheader .menu li a{
 color: #414141;
 padding: 5px 10px;
 font-size: 14px;
 font-weight:bold;

}

.secondheader .menu li a:hover{
  background: #f1f1f1;
}


.secondheader .menu2 li{
 display: inline-grid;
 padding-left: 30px;
 font-size: 13px;
}


.secondheader .menu2 li a{
 color: #414141;
 font-size: 18px;
 text-align: center;



}






.topheader{
  background: #273c75;
  padding: 10px 0;
  color: #f1f1f1;
  font-size: 14px;

}

.topheader li{
  display: inline-grid;
  margin-left: 10px;
}

.topheader li a{
  color: #f1f1f1;
}



.logosection{
  padding-top:15px;
  padding-bottom:15px;
  align-items: center!important;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);


}

.logosection img{
  max-height: 40px;
}

.logosection input{
  font-size: 13px;
  border: none;
  height: 42px;
  border: 1px solid #e1e1e1;
  font-weight: bold;
  letter-spacing: 0.5px;

}


.logosection input:focus{
  box-shadow: none;
  border: 1px solid #c71f66;
}


.logosection button{
  background: #c71f66;
  border: none;
  color: #fff;
  width: 50px;

}

.logosection button:hover{
  color: #fff;
  box-shadow: none;
  background: #c71f66;


}

.logosection button:focus{
  color: #fff;
  box-shadow: none;
  background: #c71f66;

}

::placeholder {
  color: #414141!important;
  opacity: 0.8!important;
  font-size: 13px!important;
  font-weight: normal;
}


.logosection li{
  display: inline-block;
  margin-left: 30px;
  font-size: 13px;



}

.logosection li a{
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  
}



.herosection{
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(img/home-banner.webp);
  background-repeat: no-repeat;
  background-position: center;
  padding: 150px 0px;
  background-size: cover;
}

.herosection h1{
  font-size: 56px;
  font-weight: bolder;
  color: #f1f1f1;
}


.herosection span{
  font-size: 24px;
  color: #f1f1f1;
}

.servicesection{
  text-align: center;
}

.servicesection a{
  color: rgba(0,0,0,.75);
  font-size: 13px;
  font-weight: 600;
}

.servicesection img{
  width: 40px;
  height: 40px;
}


.servicessectionmain{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  margin-top: -110px;
  padding: 25px;
}


.homeservicesmain strong{
  font-size: 24px;
}


.homeservices{
  border: 15px solid #fff;
}

.homeservices img{
  border-radius: 10px;
}


.homeservices a{
  color: rgba(0,0,0,.9);
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 15px;
}

.whychoice{
  background-color: #fafbfc;
  padding: 50px 0;
  margin-top: 40px;
}

.whychoice span{
  color: rgba(0,0,0,.8);
  font-size: 14px;
  line-height: 35px;
}

.whychoice strong{
  color: rgba(0,0,0,.7);
  font-size: 30px;
}


.whysection{
  background-color: #fff;
  padding: 20px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;

}

.whysection img{
  max-height: 40px;
}

.counter {
  background-color: #f4f5f8;
  padding: 30px 0;
  border-top: 3px solid #fff;
}

.countsection strong{
  font-size: 40px;
  color: #414141;
}

.appsection span{
  color: #414141;
  font-size: 14px;
}


.appsection strong{
  font-size: 35px;
  color: #414141;
}



.appsection p{
  color: gray;
}


.customersection{
  background-color: #f4f5f8;
  position: relative;
  padding-top: 80px;

}

.customersection strong{
  font-size: 25px;
  color: #414141;
}


.filled-button {
  padding: 15px 30px;
  background-color: #c71f66;
  color: #fff;
  /* font-size: 16px; */
  font-weight: 600;
  border-radius: 8px;
  border: none;
}

.filled-button:hover{
  color: #fff;
}


.unfilled-button {
 padding: 15px 30px;
 color: #c71f66;
 /* font-size: 16px; */
 font-weight: 600;
 border-radius: 8px;
 border: none;
 border: 1px solid #c71f66;
}



.unfilled-button:hover{
  color: #c71f66;
}

.footersection{
  background-color: #000;
  clear: both;
  padding: 50px 0px;
}

.footersection strong{
 color: lightgray;
}

.footersection span{
 font-size: 14px;
 color: gray;
}

.footersection a{
  color: gray;
  font-size: 14px;
}

.footersection li{
  list-style: none;
  margin-top: 8px;
}

.developersection{
  background-color: #000;
  padding: 23px 0;
}


.developersection span{
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: gray;
}


.herosection2{
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), 
  url(img/slider3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 170px 0px;
}




.herosection2 .detail{
  line-height: 40px;
  color: #f1f1f1;
  font-size: 18px;
}


.servicesdetailssection p{
  font-size: 16px;
  line-height: 30px;
}


.list-group-item.active{
  background-color: #fff;
  color: #414141;
  border-color: #e1e1e1;
}












































.topmenu{
  background: #155A9E;
}

.topmenu li{
  display: inline-grid;
  margin-left: 5px;
}

.topmenu li a{
  color: #e9e9e9;
  transition: 0.5s;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 10px;
}

.topmenu li a:hover{
  background: #273c75;
  border-radius: 30px;
  padding: 2px 10px;
  color: #fff;
}



.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10px;
  height: 6px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color:#fff;
  transition: 0.4s;
  border-radius: 30px;
}


.carousel-indicators .active {
  background-color: #155A9E;
  width: 40px;
  border-radius: 30px;
}


.bg-warning{
  background:#ff8500!important;
}
.badge-warning{
  background:#ff8500!important;
  color: #fff;
}


.supportbox{
  background: #fff;
  padding: 15px;
  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);

}

.supportbox i{
  font-size: 25px;
  margin-top: 10px;
  color: #414141;

}

.supportbox strong{
  font-size: 15px;
}


.supportbox span{
  font-size: 13px;
  color: gray;
}



.news{
  color: #585858;
  border-radius: 30px;
  box-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
  font-weight: 600;

}




.category strong{
  font-weight: bolder;
  font-size: 20px;
}



.category span{
 font-size: 14px;
 color: #414141;
}




.categorys{
  background: #fff;
  box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
  padding: 15px;
  border-radius: 4px;
  transition: 0.3s;
  border-radius: 10px;
}

.categorys a{
 color: #414141;
 font-weight: 600;
 text-transform: capitalize;
 font-size: 13px;
 transition: 0.3s;
}
.categorys a:hover{
  color: #EF4A23;
}

.categorys:hover{
  box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}

.offerproducts{
  padding: 15px;
  background: #fff;
  border:8px solid #f9f9f9;
  border-radius: 15px;

}


.overlay2 {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 5;
  margin-top: 10px;
}

.overlay2 span{
  background:#dc3545;
  color: #fff;
  padding:4px 10px;
  border-radius:0px 30px 30px 0px;
  font-size: 13px;

}

.offerproducts a{
  color: #414141;
  transition: 0.5s;
  font-size: 15px;
}

.offerproducts a:hover{
  color: #000;
}


.offerproducts del{
  color: gray;
  font-size: 12px;
}

.offerproducts strong{
  color: #EF4A23;
}

.bordercancel{
  border:15px solid transparent;
}



.homeproducts{
  padding: 20px;
  border-radius: 10px;
  transition: 0.5s;
  border:1px solid #f1f1f1;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.homeproducts:hover{
  box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}


.homeproducts a{
  color: #414141;
  font-size: 15px;
  font-weight: bold;
  transition: 0.5s;
}

.homeproducts a:hover{
  color: #000;
}

.homeproducts span{
  line-height: 25px;
  color: gray;
  font-size: 12px;
}


.homeproducts button{
  width: 100%;
  background: #192a56;
  color: #f1f1f1;
  border: none;
  padding: 8px;
  font-size: 13px;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  transition: 0.9s;

}

.homeproducts button:hover{
 background: #EF3D25;
}

.homeproducts del{
  color: gray;
  font-size: 13px;
}



.homeproducts strong{
  color: darkgreen;
  font-size: 16px;
}



.firstbox{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  background: #fff; 
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 13px!important;
}


.reset{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  padding: 10px;
  border-radius: 5px;
}


.reset li{
  display: block;
  line-height: 30px;
  color: #414141;
  font-size: 13px;
}

.reset img{
  height: 20px;
}



.reset strong{
  font-size: 14px;
  color: #585858;
}



























.collections{
  border:1px solid #f1f1f1;
  transition: 0.5s;
}

.collections:hover{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.collections a{
  text-decoration: none;
  color: #414141;
  font-size: 14px;
  transition: 0.5s;
  text-transform: capitalize;
  font-weight: 600;
}

.collections a:hover{
  text-decoration: none;
  color: #414141;
}

.collections span{
  color: gray;
  font-size: 13px;
  font-weight: normal;
}



.collections img{
  max-height: 80px;
  transform: scale(0.90);
  transition: 0.9s;
}


.collections img:hover{
  transform: scale(1);
}


.catheader span{
  font-weight: bold;
  color: #111723;
  font-size: 22px;
}


.brand{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  padding: 15px;
  border-radius: 5px;
}

.brand img{
  height: 60px;
}



.brand a{
 color: #414141;
 font-weight: 600;
 text-transform: capitalize;
 font-size: 14px;
}


.products{
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 5%) 0px 2px 5px 0px;
}


.products img{
  height: 150px;
  transform: scale(0.95);
  transition: 0.5s;
}

.products img:hover{
  transform: scale(1);
}

.products a{
 color: #111723;
 text-transform: capitalize;
 font-size: 14px;
}


.products strong{
 font-size: 16px;
}



.products del{
 font-size: 14px;
 color: gray;
}


.overlay {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 5
}

.overlay span{
  background:#155A9E;
  color: #fff;
  padding:2px 8px;
  border-radius:30px;
  font-size: 13px;

}

.firstborder{
  background: #fff; 
  padding: 2px;
}

.secondborder{
  background: #fff; 
  padding: 2px; 
  margin-top: 5px;
}


.footer{
  background: rgba(35, 47, 62, 1);
  padding: 30px 20px;
  margin-top: 100px;
}


.footer img{
  max-height: 50px;
}



.footer input{
  font-size: 14px;
  border: none;
  height: 42px;
  border: 2px solid #fff;
  font-weight: bold;
  letter-spacing: 0.5px;
  max-width: 250px;

}


.footer input:focus{
  box-shadow: none;
  border: 2px solid #fff;
}


.footer button{
  background: #ff8500;
  border: none;
  color: #fff;


}

.footer button:hover{
  color: #fff;
  box-shadow: none;
  background: #ff8500;


}

.footer button:focus{
  color: #fff;
  box-shadow: none;
  background: #ff8500;

}

.footer label{
  color: #dc3545;
  font-size: 18px;
  font-weight: 600;
}

.footer strong{
  color: #f1f1f1;
  text-transform: uppercase;
  font-size: 15px;
}

.footer p{
  color: #e1e1e1;
  font-size: 14px;
}

.footer span{
  color: gray;
}

.border-right{
  border-color: #e1e1e1!important;
}

.footer li{
 display: block;
 margin-top: 4px;
}


.footer li a{
  font-size: 14px;
  color: #e1e1e1;
  
}

.footer .social li{
  display: inline-grid;
  margin-right: 20px;
}

.footer .social li a{
  background: rgba(35, 56, 81, 1);
  color: #fff;
  padding: 12px 15px;
  border-radius: 50%;

}

.developer{
  background: rgba(24, 41, 59, 1);
  padding: 20px 0;
}

.developer span{
  color: gray;
  font-size: 13px;
}

.cartbackground{
 background: #fff;
 width: 400px; 
 padding: 0px; 
 transition: 0.9s!important;


}

.cartbackground .card-header{
  color: #414141; 
  border-radius: 0px;  
  border:none; 
  font-weight: bold;
}


.cartbackground .icone{
 top: -7px;
}


.cartbackground .card-body{
 height:100vh;
 overflow: auto;
}

.card-body strong{
  font-size: 14px;
}

.card-body span{
  color: gray;
  font-size: 13px;
}



#myform .qty {
 padding: 1px;
 width: 30px;
 border: none;
 text-align: center;
}


#myform input.qtyplus { 
  padding: 1px;
  width: 30px;
  border: none;
  background-color: #fff;
  border:1px solid #e8e8e8;
  color: #414141;
  font-weight: bold;
  cursor: pointer;

}

#myform input.qtyminus {
  padding: 1px;
  width: 30px;
  border: none;
  background-color: #fff;
  border:1px solid #e8e8e8;
  color: #414141;
  font-weight: bold;
  cursor: pointer;

}

.cartbackground .card-footer{
  background: #f8f8f8;
  color: #414141;
  font-weight: bold;

}

.btn-dark:focus{
  box-shadow: none!important;
  outline: none!important;
}

.cartbackground i{
  transition: 0.5s;
  padding: 6px 8px;

}


.cartbackground i:hover{
  background: #f7f8fa;
  padding: 6px 8px;
  border-radius: 30px;
}




.sidemenu{
  transition: 0.9s; 
  border:none; 
  background: #fff; 
  height: 100vh; 
  overflow: auto;
}



.sidemenu li a{
  color: #414141;
  font-size: 13px;
  border-bottom: 1px solid #f1f1f1;
  padding: 15px;
  font-weight: bold;
  text-transform: uppercase;
  
}

.sidemenu .uk-nav-sub li a{
 font-weight: normal;
 font-size: 13px;
 padding: 5px;
 border-bottom: none;
 color: #585858;
}

.formback{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}

.formback label{
  font-size: 14px;
}


.formback strong{
  font-size: 20px;
  text-transform: uppercase;
}


.formback span{
  font-size: 14px;
  color: gray;
}



.formback input{
  border-radius: 0px;
  border:none;
  border:1px solid #e1e1e1;
}

.formback input:focus{
  box-shadow: none;
  border-color: #e1e1e1;
}




.formback textarea{
  border-radius: 0px;
  border:none;
  border:1px solid #e1e1e1;
}

.formback textarea:focus{
  box-shadow: none;
  border-color: #e1e1e1;
}


.text-warning{
  color: #ff8500!important;
}


.catheader2 span{
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  background: #155A9E;
  padding: 5px 20px;
  border-radius: 3px;
}


.seller{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  padding: 15px;
  border-radius: 5px;

}

.seller img{
  max-height: 150px;
}



.seller a{
 color: #414141;
 font-weight: 600;
 text-transform: capitalize;
 font-size: 14px;
}


.catsearch input{
  font-size: 14px;
  border: none;
  height: 42px;
  border: 2px solid #f1f1f1;
  font-weight: bold;
  letter-spacing: 0.5px;


}


.catsearch input:focus{
  box-shadow: none;
  border: 2px solid #f1f1f1;
}


.catsearch button{
  background: #155A9E;
  border: none;
  color: #fff;
  width: 60px;

}

.catsearch button:hover{
  color: #fff;
  box-shadow: none;
  background: #155A9E;


}

.catsearch button:focus{
  color: #fff;
  box-shadow: none;
  background: #155A9E;

}




.products2{
  background: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 5%) 0px 2px 5px 0px;
}


.products2 img{
  height: 180px;
  transform: scale(0.95);
  transition: 0.5s;
}

.products2 img:hover{
  transform: scale(1);
}

.products2 a{
 color: #111723;
 text-transform: capitalize;
 font-size: 14px;
}


.products2 strong{
 font-size: 16px;
}



.products2 del{
 font-size: 14px;
 color: gray;
}

.catheader3 strong{
  font-size: 20px;
  color: #414141;
  text-transform: uppercase;
}



.catheader3 span{
  font-size: 14px;
  color: #585858;
}


.catheader3 img{
 max-height: 100px;
 border-radius: 5px;
}


.catheader3 .follow{
  background: red;
  color: #fff;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 14px;
}


.catheader3 .message{
  background: #e1e1e1;
  color: #414141;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 14px;
}

.single strong{
  font-weight: bold;
  font-size: 22px;
  color: #000;
}



.single span{
  font-weight: 600;
  font-size: 13px;
  color: #585858;
}


.single label{
  font-weight: bold;
  font-size: 25px;
  color: #EF4A23;
}



.single del{
  font-size: 15px;
  color: gray;
}

.size label{
  font-size: 15px;
  color: gray;
}


.color label{
  font-size: 15px;
  color: gray;
}


.quentity label{
  font-size: 15px;
  color: gray;
}

.size button{
  background: #fff;
  border: none;
  border:1px solid #f1f1f1;
  padding: 5px 15px;
  font-size: 15px;
}


.color button{
  background: #f7f8fa;
  border: none;
  border:1px solid #f1f1f1;
  padding: 5px 15px;
  font-size: 15px;
}

.quentity input{
  border: none;
  text-align: center;
  border:1px solid #f1f1f1;
  width: 100px;
  padding: 10px;
}

.cart{
  background: #192a56;
  color: #fff;
  border: none;
  padding: 8px 20px;
  cursor: pointer;
  border-radius: 5px;
  width: 50%;
}


.cart:focus{
  border-radius: 5px;
  outline: none;
}


.buy{
  background: #ff8500;
  color: #fff;
  border: none;
  padding: 5px 20px;
  cursor: pointer;
  border-radius: 5px;
}


.buy:focus{
  border-radius: 5px;
  outline: none;
}



.nav .nav-link{
  font-size: 13px;
  color: #585858;
  transition: 0.4s;
  padding: 10px 30px;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bolder;

}

.nav .nav-link:focus{
  color: #fff;


}

.nav .nav-link.active {
  color: #fff;
  background: #192a56;

}

.details{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}


.details span{
  font-size: 14px;
  line-height: 30px;
  color: #585858;
}


.list-group-item{
  font-weight: bold;
  font-size: 14px;
}


.checkout{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}
.checkout strong{
  font-size: 18px;
  color: #414141;
}

.checkout thead{
  font-size: 14px;
}


.checkout tbody{
  font-size: 14px;
}

.detailspage{

  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  background: #fff;
  border-radius: 5px;

}

.detailspage span{
  font-size: 15px;
  color: #414141;
  line-height: 30px;
}


.productsummary{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}


.productsummary strong{
  font-size: 15px;
}



.productsummarys{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}


.productsummarys strong{
  font-size: 15px;
}




.pricesummary{
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-radius: 5px;
}


.pricesummary a{
  font-size: 14px;

}






.productsummary input{
  border-radius: 0px;
  border:none;
  border:1px solid #e8e8e8;
  height: 40px;
}

.productsummary input:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}




.productsummary textarea{
  border-radius: 0px;
  border:none;
  border:1px solid #e8e8e8;
}

.productsummary textarea:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}

.productsummary select{
  border-radius: 0px;
  border:none;
  border:1px solid #e8e8e8;
  height: 40px!important;
}
.productsummary select:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}

.pricesummary li{
  list-style: none;
  font-size: 15px;
}


.userdashboard{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.userdashboard img{
  border-radius:50%;
  width: 150px;
  height: 150px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.userdashboard strong{
  font-size: 20px;
}

.userdashboard li{
  display: block;
  list-style: none;
  padding: 12px 20px;
  transition: 0.3s;
}

.userdashboard li a{
  color: #414141;
  font-size: 15px;


}

.userdashboard li:hover{
  background: #f8f8f8;
}


.userdashboard .active{
 background: #f8f8f8;
 border-left: 4px solid #414141;
}

.userdashboard th{
  font-size: 15px;
  width: 10%;
  border: none;

}


.userdashboard td{
  font-size: 14px;
  border: none;

}

.userdashboard label{
  font-size:25px;
}


.userdashboard a{
  color: #fff;
}

.userdashboard .dash{
  color: #fff;
  font-weight: bold;
  border-radius: 5px;

}

.userdashboard .passreset{
  max-width: 600px;
}


.userdashboard .passreset label{
  font-size: 15px;
}

.userdashboard .passreset input{

 border-radius: 0px;
 border:none;
 border:1px solid #e8e8e8;
 height: 40px;

}
.userdashboard .passreset input:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}


.userdashboard .passreset textarea{
  border-radius: 0px;
  border:none;
  border:1px solid #e8e8e8;
}

.userdashboard .passreset textarea:focus{
  box-shadow: none;
  border-color: #e8e8e8;
}

.dataTables_length label{
  font-size: 15px!important;
}


.dataTables_length select{
  padding: 5px 10px;
  border: none;
  border: 1px solid #e1e1e1;
}


.dataTables_length select:focus{
 border: 1px solid #e1e1e1;
 outline: none;
}




.dataTables_filter label{
  font-size: 15px!important;
}

.dataTables_filter input{
  padding: 5px 10px;
  border: none;
  border: 1px solid #e1e1e1;
}

.dataTables_filter input:focus{
 border: 1px solid #e1e1e1;
 outline: none;
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 12px 10px!important;
}

.orderstatus{
  color: #f1f1f1;
  padding: 3px 12px;
  border-radius: 30px;
  font-size: 13px;
}



.invoice{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}


.sharebox{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.sharebox label{
  font-size: 14px;
}

.sharebox textarea{
  border-radius: 0px;
  color: #f9f9f9;
}


.sharebox textarea:focus{
  box-shadow: none;


}


.postbox{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.postbox img{
 max-height: 300px;
}

.postbox .profile{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  object-fit: cover;
}

.postbox span{
  color: #585858;
  font-size: 14px;
}

.postbox p{
  font-size: 15px;
  color: #414141;
}



.showmore{
  background: #111723;
  color: #f1f1f1;
  padding: 5px 20px;
  border-radius: 4px;
}


.showmore:hover{
  color: #fff;
}



.catheader4 span{
  font-weight: bold;
  color: #111723;
  font-size: 22px;
  text-transform: uppercase;
}

.mobilefooter{
  z-index: 100;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
}

.mobilefooter img{
 max-height: 60px;
 margin-top: -25px;
 box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
 border-radius: 30px;
 background: #fff;
 padding: 5px;
}



.mobilefooter li{
  display: inline-block;


}

.mobilefooter li a{
  color: #111723;
  font-size: 15px;
  background: #fff;
  padding: 6px 10px;
  border-radius: 30px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  
}

.mobilefooter .title{
  font-size: 13px;
}







@media(max-width: 1140px){
  .container-fluid{
    padding: 0 10px;
  }
}


@media(max-width: 768px){
  .products img{
    height: 120px;
  }

  .productsummarys img{
    max-height: 100px;
  }

  .padd{
    padding: 0;
  }


  .padd2{
    padding: 12px 0px;
  }



  .containers{
    padding: 0 10px;
  }


  .servicessectionmain{
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
    margin-top: 0;
    padding: 25px;
  }

  

}

@media(max-width: 400px){
  .products img{
    height: 120px;
  }

}


@media(max-width: 768px){
  .products2 img{
    height: 120px;
  }

  .logosection button{
    width: 60px;
  }
  .developer{
    padding-bottom:80px;
  }

}

@media(max-width: 400px){
  .products2 img{
    height: 120px;
  }

}


@media(max-width: 540px){
  .catsearch{
    margin-top: 10px;
  }

}













.clock {
  position:relative;
  font-family:monaco,consolas,"courier new",monospace;
  font-size:3.5rem;
  line-height:1.375;
}

.clock:before,
.clock:after {
  position:absolute;
  top:0;
  bottom:0;
  content:':';
  z-index:2;
  line-height:1.15;
  color:#333;
}

.clock:before {
  left:2.325em;
}

.clock:after {
  right:2.325em;
}

.clock span {
  position:relative;
  display:inline-block;
  padding:0 .25em;
  margin:0 .06125em;
  z-index:1;

  -webkit-transform:perspective(750);
  -moz-transform:perspective(750);
  -ms-transform:perspective(750);
  transform:perspective(750);

  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}

.clock span:first-child {
  margin-left:0;
}

.clock span:last-child {
  margin-right:0;
}

.clock span:nth-child(2),
.clock span:nth-child(4) {
  margin-right:.3em;
}

.clock span:nth-child(3),
.clock span:nth-child(5) {
  margin-left:.3em;
}

.clock span:before,
.clock span:after {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  color:#eee;
  text-shadow:0 1px 0 #fff;
  background:#333;
  border-radius:.125em;
  outline:1px solid transparent; /* fix jagged edges in ff */

  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;

  -webkit-transition:-webkit-transform .75s, opacity .75s;
  -moz-transition:-moz-transform .75s, opacity .75s;
  -ms-transition:-ms-transform .75s, opacity .75s;
  transition:transform .75s, opacity .75s;
}

.clock span:before {
  opacity:1;
  z-index:1;
  content:attr(data-old);

  -webkit-transform-origin:0 0;
  -moz-transform-origin:0 0;
  -ms-transform-origin:0 0;
  transform-origin:0 0;

  -webkit-transform:translate3d(0,0,0) rotateX(0);
  -moz-transform:translate3d(0,0,0) rotateX(0);
  -ms-transform:translate3d(0,0,0) rotateX(0);
  transform:translate3d(0,0,0) rotateX(0);
}

.clock span:after {
  opacity:0;
  z-index:2;
  content:attr(data-now);

  -webkit-transform-origin:0 100%;
  -moz-transform-origin:0 100%;
  -ms-transform-origin:0 100%;
  transform-origin:0 100%;

  -webkit-transform:translate3d(0,-102.5%,0) rotateX(90deg);
  -moz-transform:translate3d(0,-102.5%,0) rotateX(90deg);
  -ms-transform:translate3d(0,-102.5%,0) rotateX(90deg);
  transform:translate3d(0,-102.5%,0) rotateX(90deg);
}

.clock .flip:before {
  opacity:0;
  -webkit-transform:translate3d(0,102.5%,0) rotateX(-90deg);
  -moz-transform:translate3d(0,102.5%,0) rotateX(-90deg);
  -ms-transform:translate3d(0,102.5%,0) rotateX(-90deg);
  transform:translate3d(0,102.5%,0) rotateX(-90deg);
}

.clock .flip:after {
  opacity:1;
  -webkit-transform:translate3d(0,0,0) rotateX(0);
  -moz-transform:translate3d(0,0,0) rotateX(0);
  -ms-transform:translate3d(0,0,0) rotateX(0);
  transform:translate3d(0,0,0) rotateX(0);
}



/* From uiverse.io by @mrhyddenn */
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  color: #0f1923;
  cursor: pointer;
  position: relative;
  padding: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  transition: all .15s ease;
}

.button::before,
.button::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: calc(50% - 5px);
  border: 1px solid #7D8082;
  transition: all .15s ease;
}

.button::before {
  top: 0;
  border-bottom-width: 0;
}

.button::after {
  bottom: 0;
  border-top-width: 0;
}

.button:active,
.button:focus {
  outline: none;
}

.button:active::before,
.button:active::after {
  right: 3px;
  left: 3px;
}

.button:active::before {
  top: 3px;
}

.button:active::after {
  bottom: 3px;
}

.button_lg {
  position: relative;
  display: block;
  padding: 20px 30px;
  color: #fff;
  background-color: darkred;
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 1px transparent;
}

.button_lg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #0f1923;
}

.button_lg::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  background-color: #0f1923;
  transition: all .2s ease;
}

.button_sl {
  display: block;
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -8px;
  width: 0;
  background-color: darkgreen;
  transform: skew(-15deg);
  transition: all .9s ease;
}

.button_text {
  position: relative;
  letter-spacing: 1px;
  font-size: 16px;
}

.button:hover {
  color: #0f1923;
}

.button:hover .button_sl {
  width: calc(100% + 15px);
}

.button:hover .button_lg::after {
  background-color: #fff;
}

.fromback{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
  border-top: 5px solid navy;
  border-radius: 5px;
}

.fromback label{
  font-size: 13px;
  color: #243FA7;
  font-weight: 600;
}


.fromback input,.textfill{
  height: 45px!important;
}

.fromback input,.textfill,.textfill2{
  border-radius: 0px;
  font-size: 14px;
  border-color: #e1e1e1;
}

.fromback .textfill:focus{
  box-shadow: none;
  outline: none;
  box-shadow: 0 0 8px #88D5E9;
}

.fromback .textfill2:focus{
  box-shadow: none;
  outline: none;
  box-shadow: 0 0 8px #88D5E9;
}


/* From uiverse.io by @adamgiebl */
.cssbuttons-io-button {
 display: flex;
 align-items: center;
 font-family: inherit;
 font-weight: 500;
 font-size: 17px;
 padding: 0.5em 1.5em 0.5em 1.2em;
 color: white;
 background: #ad5389;
 background: linear-gradient(0deg, rgba(77,54,208,1) 0%, rgba(132,116,254,1) 100%);
 border: none;
 box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
 letter-spacing: 0.05em;
 border-radius: 20em;
}

.cssbuttons-io-button svg {
 margin-right: 8px;
}

.cssbuttons-io-button:hover {
 box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;
}

.cssbuttons-io-button:active {
 box-shadow: 0 0.3em 1em -0.5em #4d36d0be;
}

.uk-modal-close-full{
  background: darkred;
  color: #fff!important;
}


.fromback span{
  font-size: 13px;
  color: #585858;
}