.silder-btn:hover{
	background-color: #000000 !important;
}

.join_us {
	color:#FFFFFF;
	background:#b3b6c6;
}

.join_us:hover {
	background:#000000;
}

.btn_1:hover{
	color:#FFFFFF;
}


.page-kk {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.page-kk > section > .shell > .range >[class*="cell-"] {
    padding-left: 0px;
    padding-right: 0px;
}

.page-kk > section > .shell {
	width: 1200px !important;
	padding:0px;
}

.page-kk > section > .shell > .range {
	margin-left: 0px;
    margin-right: 0px;
}



/*recommended*/
.lk_main{
	width: 1200px !important;
	padding:0px !important;
	
}




/*TREATMENT*/
.page-kk > section > .shell > .range > .cell-md-9{
	flex-basis:100% !important;
	-webkit-flex-basis: 100% !important;
	-ms-flex-preferred-size: 100% !important;
	-ms-flex-preferred-size: 100%;
	width: 100% !important;
	max-width:100% !important;
	/*max-width: 100%;*/
}

/*PRODUCTS*/

#products_child_page {
	width:1000px !important;
}

.page-kk > section {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.page-kk > section > .row {
	/*margin:0px 165px !important;*/
	width:1200px !important;
}


.page-kk > .main {
	padding: 50px 0px
}



.item_row {
	width: 100%;
    display: flex;
    align-items: stretch;
}

.main .item{
    height:auto !important;
}


.main .item .item_top{
    width:100%;
	height:316px;
    
}

.main .item .item_top img{
    width:100%;
	height:316px; 
}


.main .item .item_des{
    width:100%;
    padding:10px 20px;
}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}
.tran_scale:hover img{transform:scale(1.05,1.05) rotate(-1deg); -webkit-transform:scale(1.05,1.05) rotate(-1deg);}

#p01{
    height:433px;
}



#p01 .swiper-slide .ppr-bg::after{
opacity: 0; content: ""; position: absolute; left:0; bottom:0; width:100%; height: 3px; background:#f08200);
}
#p01 .swiper-slide .ppr-bg:hover::after{
    opacity: 1;
}

#p02 .swiper-slide {
    height:233px;
    width:374px;
}

#p02{
    height:750px;
}


.btn{
text-transform:inherit;

}
.menu > div {
    display:flex;
}
.menu{
    display: flex;
    position: absolute;
    width:100%;
    height:580px;
/*     background-color:red;  */
    flex-direction:column;
    background-image: url('../images/nav/nav-bg.jpg');
    background-size:100% 100%;
    z-index:1000;
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
    border: 1px solid #ECECEC;
    padding-bottom:30px;
  
}
.menu_close{
    display: flex;
    justify-content:flex-end;
    margin:15px 183px;
}
.menu_close > i {
    margin-top: 15px;
    font-size: 30px;
}

.menu_list{
    display: flex;
    width:100%;
    height:100%;
    justify-content:center;
     margin-top:-30px;
}
.sub_menu{
    display: flex;
/*    background-color:blue;  */
   height:100%;
   width:330px;
   margin:0px 30px;
   flex-direction:column;
    flex-wrap: wrap;
}


.menu_level2 {
    width:670px;
    padding-bottom:100px;
}

.menu_level2 > div{
    width:300px;
    padding-right:50px;
}

.sub_menu > div > a{
    display:block;
    width:100%;
    height:100%;
    padding-top: 10px;
}

.sub_menu > div {
   height:45px;
   margin:4px 20px;
   font-weight:bold;
}
.level01{
  background-image: url('../images/nav/nav-level-01.png');
  background-size:100% 100%; 
  background-repeat: no-repeat;
  font-size:18px;
  font-weight:bolder;
  color:#96111e;
  cursor:pointer;
}
.menu_level1 > div:hover{
    background-image: url('../images/nav/nav-level-01.png');
   background-size:100% 100%; 
   background-repeat: no-repeat;
   font-size:18px;
   font-weight:bolder;
   color:#96111e;
   cursor:pointer;
}

.mm:hover{
   color:#96111e;
}
.title_mm{
    text-transform:uppercase
}

/*
.menu_level1 > div:first-child{
    background-image: url('assets/images/nav/nav-level-01.png');
   background-size:100% 100%; 
   background-repeat: no-repeat;
   font-size:20px;
   font-weight:bolder;
}
*/

.menu_level2 > div:hover{
   background-image: url('../images/nav/nav-level-02.png');
   background-size:100% 100%; 
   background-repeat: no-repeat;
   font-size:18px;
   font-weight:bolder;
   color:#96111e;
   cursor:pointer;
}

.level02{
   background-image: url('../images/nav/nav-level-02.png');
   background-size:100% 100%; 
   background-repeat: no-repeat;
   font-size:18px;
   font-weight:bolder;
   color:#96111e;
   cursor:pointer;
}

.menu_level3 > div:hover{
   background-image: url('../images/nav/nav-level-02.png');
   background-size:100% 100%; 
   background-repeat: no-repeat;
   font-size:18px;
   font-weight:bolder;
   color:#96111e;
   cursor:pointer;
   
}

/*
.menu_level2 > div:first-child{
   background-image: url('assets/images/nav/nav-level-02.png');
   background-size:100% 100%; 
   background-repeat: no-repeat;
   font-size:20px;
   font-weight:bolder;
}
*/
nav {
     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: stretch;
    <!-- padding:0px 183px; -->
}
nav > div {
    display: flex;
    align-items: center;
/*     font-weight:bolder; */
    padding:0px 20px;
}

nav > div > a {
    color:gray;
}

nav > div:hover{
    display: flex;
    align-items: center;
   font-weight:bolder;
   color:#96111e;
   cursor:pointer;
}

.no_show {
    display:none;
} 
.glyphicon{
    cursor:pointer;
}

.top_title{
    display:flex;
    flex-direction: row;
    align-items: center;
    font-size:12px;
}

footer{
   background-color:#23262f !important; 
    

}

#footer{
/*     border-bottom:1px solid #b3b6c6; */

}

.foot_title{
    color:#FFFFFF;
    font-weight: bolder;
    height:30px;
    margin-bottom:40px;

}
.foot_title::before{
    opacity:1;
     content: ""; 
   position: absolute; 
    left:10px;
     top:30px;
    width:30px; 
    height:2px; 
    background:#FFFFFF;
}

.foot_body{
    
   color: #b3b6c6;
}

.foot_body div{
    color:#b3b6c6;
    
}

.foot_body input{
/*     background:#b3b6c6; */
    
}

.foot_body > div{
    color:#b3b6c6;
    margin:20px auto;
    font-size:15px;
    
}

#footer a{
    color:#b3b6c6;
}

.copy_right{
    color:#b3b6c6 !important;
}
.newsletter{
    font-siz:bold;
/*     font-size: xx-small; */
     font-size:15px;
}

.comp_info p{
/*     font-size: xx-small; */
    font-size: 15px;
    color:#b3b6c6 !important;
}

.comp_info p a {
/*     font-size: xx-small; */
     font-size: 15px;
    
    color:#b3b6c6 !important;
}


.p001 {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height:100%;
}

.p001 h3 {
    margin: 10px 0px;
}


.ppr-bg {
    /*  background: #f4f4f4; */
    /* height: 433px;
      padding: 25px 25px; */
/*     -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14); */
/*     -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14); */
/*     box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14); */
    border: 1px solid #ECECEC;
    background: #FFFFFF;
}

.ppr-bg:hover{
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14); 
     -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14); 
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.14);

}

.bg-primary {
    background: #f08200;
    fill: #f08200;
    wdith:50px;

}

.fp-table {
    justify-content: flex-start;
}

body {
    background-color: #fff;
}


.m001{ 
     width: 370px; 
     margin-right: 30px; 
} 
.m002{
    margin-top: 10px !important;
    width: 383.333px;
    margin-right: 10px;

}



.close26{
     background-image: url('../images/nav/close26.png');
     width:25px;
     height:25px;
     cursor:pointer;
}


.foot_mm:hover{
    color:#FFFFFF; 
}
.foot_mm:active{
    color:#FFFFFF;
}
.foot_mm:link{
    color:#b3b6c6;
}
.foot_mm{
    color:#b3b6c6;
 }
 
 .right{
  border-top:1px solid rgba(179, 182, 198,0.5);
  padding-top:20px;
 
 }
 
/* .btn-default:hover, .btn-default:focus { */
/*     background-color:#f08200; */
/* } */
 
 .btn{
    border-width:0px;
    border-radius:0px;
    border-color: #626060;
 }
 
 .btn:hover,.btn:focus{
    border-width:0px;
     background-color:#f08200;
 }
 
 .index_read_more{
     color:#FFF;
     border-width:1px;
 }
 .index_read_more:hover{
    border-width:1px;
    border-color: #f08200;
    
 }
 
 
 .ot_bg{
     width: 100%;
     height:70px;
     position: absolute;
     bottom: -5px;
     background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
 
 }
 
 .ppr-bg>h5{
    margin-top:30px;
    font-weight:600;
 }
 
 .post-content2{
    margin-top:35px;
    padding:0px 30px;
 
 }
 
 .divider{
    color:#b4b4b4 !important;
}
  

 .topnav {
  overflow: hidden;
  background-color: #333;
  display:none;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
	
	#p02 .swiper-slide {
    height:auto;
    width:100%;
}
nav
{
display:none;
}
 .topnav {
  overflow: hidden;
  background-color: #96111e;
  display:block;
}
  .topnav.responsive {position: relative; z-index:200;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
} 

.mb-20{
	margin-bottom:20px;
	
}