/*last modification 05/08/2022*/






.clFullModal{width:100vw; background:rgba(127, 160, 233, 0.5); height:100vh;  position: fixed; display: none;
    justify-content: center;
z-index: 999;}
#dvModalContainer{width: 100%; max-width: 1200px; height: 98%; background: #fafafa; margin:1%;
    border-radius: 20px; flex-direction: column;  align-items: stretch; }
    #dvModalTopbar{display:flex;width: 100% ;height: 40px; background: var(--pColor);max-height: 40px;
        flex-direction:row;justify-content: space-between;    
    }

    #dvModalTitle{flex-grow: 1;}
    #dvModalBody{min-height: 300px; height: calc(100% - 60px); flex-grow: 1;}

    
    #dvModalStatus{width: 100% ;height: 30px; background: var(--contrast);position: relative;max-height: 40px}
    #btModalCLose{display: flex; width: 40px; color: #fafafa; font-size: 1.8em; text-align: center; align-items: center;}
    
.clRow{display: flex;flex-direction: row; width: 100%; }
.clWrap{flex-wrap: wrap;}


.clSliderBack{height: 100%; width:  100%;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    max-height: 600px!important;
    max-width: 800px!important;
} 

.clPhoneHeader{ z-index: 9999999;}


.clFullPage{width:100%; justify-content:center; display:flex; align-items:start;flex-direction:column;  padding:0px; margin:0px;	background-position:center; }

.clgFullPage{width:100%; justify-content:center; display:flex; align-items:start;flex-direction:column; padding:0px; margin:0px; }



.clgFullBody{ width:100%; display:flex; justify-content:center;	align-items:center;	 flex-direction:row;  }





.clFullBody{ width:100%; display:flex; justify-content:center;	align-items:center;	 flex-direction:column; }

.clgFullHeader{ width:100%; display: flex; justify-content: center;  max-height: 120px; height: 95px; 
  position: relative; min-height: 70px; background: #e3f2fd ;
  
}





.clgHeaderSection{ display:flex;flex-direction:row; 
	justify-content:center; position: relative;
	width:100%;
	
    background: #ffffff;
	/* center the element */
    
	z-index:99;}

.clTopLogo{ max-width: 90px; max-height: 70px; width:90%; display: flex; justify-content: center;}

  .clgHeader{top:0px; margin-top:0; display:flex; flex-direction:row; background: var(--pColor); z-index:999; 
    min-height:90px; justify-content: space-between; width: 100%; max-width:var(--vMaxWidth); position: fixed;}

    .clgBranding{max-width: 500px; width: 50%;  justify-content: center; display: flex; flex-direction: row;}

.clgLogo{ max-height: 90px;  min-width: 150px;}
.clgLogo>img{ max-height: 90px;}

 .clgHeaderBody{max-width: 1200px; width: 90%; display: flex; flex-direction: column;
  justify-content: space-between; padding-right: 10px;
  align-items: end;}

 .clgMainMenu{display: flex;flex-direction: row;  min-width: 400px;}

 .clgTopbar{display: flex; flex-direction: row; min-width: 200px; justify-content: space-between;}
 
 .clgTopbar>div{ width: 40px; height: 40px; display: flex;   justify-content: center;align-items: center; cursor: pointer;}
 .clgTopbar>div i{font-size: 1.9em; color: #fff; }

 #dviTop{ display: flex; flex-direction: row; justify-content: space-between; max-width: 300px;}

 #dviTop>div{max-width: 50px; max-height: 50px; min-width: 40px; min-height: 40px; display: flex; flex-direction: row; justify-content: center;
    }
 
 #dviTop>div i{ font-size: 1.8em; color: #ffffff; }
 
 .clFullFooter{ width:100%;}


 .clfContainer{ min-height:200px;    width:100%; max-width:var(--vMaxWidth);  padding:0px; display: flex; flex-direction: row;  justify-content: space-between;  
}

.clInsta{}


.clgMainMenu>a {width:130px; min-width: 130px; height:40px; cursor:pointer;text-align:center;
	 line-height:35px;color: #fff; }
	
   
   .clgMainMenu>a:hover{  background:var(--sColor);}
	




 

 .clFullFotter{min-height:100px; width:100%;  height:auto; display:flex; justify-content:center;background:#1980c3}

.clHdSlider{ display:flex;  margin: 10px auto;
    width: 100%;
    max-width: 1600px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 10px #fff,
   0 15px 50px;
   display:flex;
   flex-direction:row;flex-wrap:nowrap;
   height: 100%;
   min-height: 600px;
   max-height: 700px;
    }
   .clmHeight6{min-height: 600px!important;}


   
   .btn-prev, .btn-next {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    font-family: monospace;
    cursor: pointer;
    z-index:99;
  }
  
  .btn-prev:hover, .btn-next:hover {
    background: white;
  }
  
  .btn-prev {
    left: 10px;
  }
  
  .btn-next {
    right: 10px;
  }
  
  .clCard1{flex-basis: 350px; max-width: 400px; min-height: 330px; max-height: 350px;position:relative; }
  
  .clfhdPost{  position: relative;
    width: 100%;
    flex-direction: column;
    max-width:1600px; margin:3px;height: auto;
    min-width:500px;  min-height:300px;
    padding:3px 10px; text-align: justify;
    
  }
  .clhdPost{ flex-grow: 1;   max-width:900px; margin:3px;flex-basis:600px; flex-grow:1; flex-shrink:1;
    min-width:500px;  min-height:300px; padding:3px 10px; text-align: justify; 
  
  }
  .clFullSection{display:flex; width:100%;flex-direction :column; align-items: center;   max-width:var(--vMaxWidth);position:relative;
	position: relative; background: #fafafa; }

  .clProductBox{width: 100%; max-width: 370px;min-width: 300px; border:groove 1px rgba(190, 190, 190,0.5);
    min-height: 400px; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; 
    align-items: center; margin: 5px; background: #fff;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; padding: 5px;

}  
#dvgPhoneHeader{display: none;}
#dvPostContainer{display:flex; flex-direction:row; width:100%; flex-wrap:wrap;justify-content:space-around;}
.clPostContainer{display:flex; flex-direction:row; width:100%; flex-wrap:wrap;justify-content:space-around; }

.clCatalogue{display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; overflow: visible; }
.clProductImage{width: 100%; max-width: 320px; max-height: 300px; min-height: 300px; background:url("../webimages/noproduct.jpg") no-repeat ;
  background-position: center;
  overflow: hidden;
  } 
  .clProducPrice{width: 100%; text-align: center; color: #900; font-weight: bold; font-size: 1.5em;}

  .clProducDet{max-height: 100px; min-height: 30px;}

  @media screen and (max-width: 900px) {

    .clFullBody{ width:100%; display:flex; justify-content:center;	align-items:center;	 flex-direction:column; }
    
    .clgFullHeader{  max-height: 100px; height: 95px; min-height: 90px;   }
    .clgHeader{display: none;}
    .clgHeaderSection{display: none;}
    #dvgPhoneHeader{display: flex; width: 100%;}
    #dvTopRow{display: none!important; }



    
  
  }