/* color class code */


.bg-color-darklight { background-color: #555  }
.bg-color-dark { background-color: #333  }
.bg-color-middledark { background-color: #313131}
.bg-color-deepdark { background-color: #212121}



.bg-color-dark-green { 
	/*background-color: #28a745 ;*/
	/*background-image: linear-gradient( 110.1deg, #0c922a 2.9%, #28a745 90.3% );*/
	background-image: linear-gradient( 110.1deg, rgba(34,126,34,1) 2.9%, rgb(68 202 43) 90.3% );
}

.border-b-2 { border-bottom: 1px solid #FFF; }
.border-b-1 { border-bottom: 1px solid #FFF; }


.row-thin { margin-left:0 !important ; margin-right: 0 !important; padding-left : 0 !important;padding-right:  0 !important;}
.justify-center { justify-content:center; }

.boxshadow {box-shadow: 0px 3px 3px rgba(8,8,8,0.4);}

body { overflow-x: hidden; }



  .a-clear { 
    text-decoration: none;
    font-weight: 300;
    font-size: 0.7em;
    color: #00c72d; 
    float: right;
    margin-top: 3px;
  }

  .a-clear:hover { 
    text-decoration: none;
    color: #08e039; 
  }



 .a-see-all  { 
    text-decoration: none !important;
    font-weight: 300;
    font-size: 1.1em;
    color: #00c72d; 
    margin-top: 3px;
  }

  .a-see-all:hover { 
    text-decoration: none !important;
    color: #008a1f !important; 
  }

  .a-unik  { text-decoration: none !important;  color: #222 !important;}


  .bg-white-op08 { background-color: rgb(255 ,255 ,255 , 1) !important; } 


  a { text-decoration: none !important; }



  .container-x {
    position: relative;
    text-align: left;
    color: white;
  }

  .bottom-left {
    /*position: absolute;*/
    bottom: 0px;
    left: 0px;
  }

  /* .gb-dark-005 { background-color: rgba(0,0,0,0.9);} */

  .gb-dark-005 { background-color: rgb(0,0,0);}
  .gb-dark-45 { background-color: rgb(45,45,45);}

  .text-inimg { font-size: 1.09em ; padding:10px;  transition:0.1s ; color: white;}
  /*.text-inimg:hover { font-size: 1.3em ; padding: 5px 5px 5px 10px;  }*/
 


  .img-area-hover{
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-color: #000;
    transform: scale(1.02); /* Custom Zoom key A */
  }  

  /*  
  .dis-img-hover-zoom:hover {
    transform: scale(1.08);
    transition: all 0.5s ease 0s;
    opacity: 0.8;
    
  }
  */ 
  
  .borderl { border-left: 3px solid #ffd200; }

  .hr-border { border-bottom: 5px solid #555; }
  .hr-border-red { border-bottom: 5px solid #ffd200; }

  .overflowhidden { overflow: hidden; }

  .border-all {   /*border:5px #FFF solid;*/  }
  .border-bottom { border:none !important; }

  .capitalize { text-transform: capitalize !important; }


  .skew-head {
    background-color: #000;
    max-width: 250px;
    padding: 5px 10px;
    text-align: center;
    color: #FFF;
    margin-left: 15px;
    border-left: 5px #f20a0a solid;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ffd200 !important;
    border-color: #ffd200 !important;
    cursor: pointer;
    color: #FFF !important;
    cursor: pointer;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffd200 !important;
    background-color: #fff;
    border: 1px solid #dee2e6 !important;
    border: 0px !important;
    cursor: pointer;

}

.page-link: hover {
    color: #f20a0a !important;
 }

 .text-category {
  font-weight: 400;
  line-height: 20px;
  font-size: 1.05em;
 }

 .seemore { color: #111 !important; }
 .seemore:hover  { color: #ffd200 !important; }

 .seemore-white { color: #FFF!important; }
 .seemore-white:hover  { color: #ffd200 !important; }