*{ra
 padding: 0px;
 margin: 0px;
 box-sizing:border-box;
 border-radius: 0px;
}
.bg-fb{
 background-color: #f79f1a!important;
}
ra
.bg-guru{
 background-color:orange;
}

.span-mobile{
 color: #fff;
 font-weight: 400;
 margin-right: 5px;
}
.span-email{
 color: #fff;
 font-weight: 400;
 margin-right: 5px;
}
.span-quation{
 color: #fff;
 font-weight: 400;
 margin-right: 5px;
}
.span-lock{
 color: #fff;
 font-weight: 400;
 margin-right: 5px;
}
.span-sign{
 color: #fff;
 font-weight: 400;
 margin-right: 5px;
}

.span-lock1{
 color: #fff;
 font-weight: 400;
 margin-left: 30%;
  margin-right: 15px;

}
.span-sign2{
 color: #fff;
 font-weight: 400;
 margin-right: 5px;
}

.form-control:focus {   
  border-color: #f2f2f2;
  box-shadow: 0 0px 0px #f2f2f2 inset, 0 0 0px #f2f2f2;
  outline: 0 none;
}

.search-control{
 border: 2px solid #f2f2f2;
 border-radius: 0px;
 max-width: 550px;
}
.logo-img{
 width: 200px;
}
.bg-liter{
 background-color: #ffc107;
}


.bg-rahul{
 background-color:#131722 ;
}
.navbar-light .navbar-nav .nav-link {
  color:white;
 text-transform: uppercase;
 
}
 
 

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #F44336;
}

.carousel-inner img {
      width: 100%;
      height: 100%;
  }

.link-offers {
 font-weight: 600;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 1s;
   animation-iteration-count: infinite;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  from {color: red;}
  to {color: yellow;}
}

/* Standard syntax */
@keyframes example {
  from {color: red;}
  to {color: yellow;}
}

.text-marque{
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size: 18px;
 font-weight: 700;
}

.h4-title{
 text-transform: uppercase;
 font-weight: 800;
 font-size: 22px;
 color: #000000;
 letter-spacing: 1px;
}

.product-top{
 margin-top: 100px;
}
.progress{
 height: 1px;
}
.iocn-box{
 height: 60px;
 width: 60px;
 box-sizing: border-box;
 border-radius: 60px;
 margin: 0px auto;
 background-color: #0e7fcc;
}
.iocn-box:hover{
 background-color: transparent;
border: 1px solid #0e7fcc;
}

.iocn-cart{
 color: #fff;
 font-size: 25px;
 padding-top: 17px;
 padding-left: 15px;
}
.iocn-cart:hover{
 color: #0e7fcc; 
}

.iocn-features{
 color: #696969;
 font-size: 55px;
}

 .iocn-color-title{
 color: #299cd3;
}

.iocn-color-des{
 color: #6c757d;
}
 
.medio-custum:hover{
 color: #fff;
 background-color:aliceblue;
 border-radius: 6px; 
}

.iocn-home{
 color: #fff;
 font-size: 20px;
}

.li-footer{
 color: #fff;
 list-style: none;
 text-transform: capitalize; 
 margin-top: 5px;
}

.li-dash{
 height:5px solid #fff;  
 width: 200px;
} 

.footer-back{
 background-image: url(images/footer-img2.png);
 background-color: #030a1a; 
}

.breadcrumb{
 background-image: url(../images/footer-img.png);
}

.iocn-box-social{
 height: 40px;
 width: 40px;
 box-sizing: border-box;
 border-radius: 60px;
 margin: 0px auto;
 background-color: #0e7fcc;
 float: left;
 margin: 4px;
}
.iocn-box-social:hover{
 background-color: transparent;
border: 1px solid #0e7fcc;
}

.iocn-social{
 color: #fff;
 font-size: 15px;
 padding-top: 12px;
 padding-left: 12px;
}
.bg-black{
 background-color: #696969;
 padding: 1px; 
}

/********************Start Product Details css***************************/



.btn-custum{
 text-transform: capitalize;
 font-size: 16px;
 font-weight: 500;
}

.h2custum-producttitle{
 font-size: 25px;
 font-weight: 600;
 letter-spacing: 1px;
 color: #000000;
}

.card-custum{
 box-sizing: border-box;
 border-radius: 0px;
}




.p-about{
 font-weight:22px;
 color: #696969;
 font-weight: 600;
 text-transform: capitalize;
}



.f-title{
 font-size: 25px;
 text-align: center;
 font-weight: 600;
 letter-spacing: 1px;
 color: #fff;
} 
 
.shadow-1{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
 
.img-j1{
 height: 200px;
}

.img-j2{
 height: 290px;
}
.img-k1{
height: 300px;  
}

.img-sarri{
 height: 290px;
}
.img-shirt1{
 height: 290px;
}

.img-mozo1{
 height: 290px;
}

    



.p-tearms{
 font-size: 15px; 
color: #696969; 
}   

/********************** second part  **********************/

.card-me{
 padding: 5px;
 border-radius: 6px;
}

.card-me:hover{
 background-color: #f2f2f2;
 text-decoration: none;
}

.p-iocn{
 font-size: 40px;
 color: #ff5722;
}
.h5-profile{
 letter-spacing: 1px;
}

.iocn-change{
 font-size: 20px;
}
.h6-change{
 font-size: 16px;
 text-transform: capitalize;
font-weight: 600;
}

.list-group-item{
 box-sizing: border-box;
 border-radius: 0px;
}

.list-group-item:hover{
 background-color: #f2f2f2;
}
.form-control{
 border-radius: 0px;
}

 