/*****************************************/    
/*****        MY SLIDES           ******/
/*****************************************/  
.mySlides {display:none}



/*****************************************/    
/*****     BOTTOM SLIDER    ******/
/*****************************************/  
.my-slider-padding {
	padding-bottom:80px;
}





/**************************************************/    
/*****                ÊÀØÊÎÐÑÅ              ******/
/**************************************************/  
.circle-cashcorse-white {background-color:#FDFDFD;}
.circle-cashcorse-light-beije {background-color:#f1e7d5;}
.circle-cashcorse-light-pink {background-color:#fdeee5;}
.circle-cashcorse-pink {background-color:#fee4e4;}
.circle-cashcorse-coral {background-color:#f6d4c3;}
.circle-cashcorse-light-magenta {background-color:#c08ea1;} 

.circle-cashcorse-cacao {background-color:#9b7e73;}
.circle-cashcorse-brown {background-color:#847460;}
.circle-cashcorse-lilac {background-color:#bea6b4;}
.circle-cashcorse-dusty-purple {background-color:#7f7181;}
.circle-cashcorse-fuchsia {background-color:#9f1f58;}
.circle-cashcorse-red {background-color:#840302;}

.circle-cashcorse-lemon {background-color:#eddf6e;}
.circle-cashcorse-green-yellow {background-color:#a09445;}
.circle-cashcorse-gray-mint {background-color:#b0baa2;}
.circle-cashcorse-dark-gray-mint {background-color:#707966;}
.circle-cashcorse-dusty-dark-green {background-color:#292b20;}
.circle-cashcorse-navy {background-color:#343749;}

.circle-cashcorse-dusty-dark-navy {background-color:#2e3136;}
.circle-cashcorse-blue {background-color:#172d67;}
.circle-cashcorse-black-blue {background-color:#1e1e25;}
.circle-cashcorse-gray {background-color:#c0bfbd;}
.circle-cashcorse-dark-gray {background-color:#323232;}
.circle-cashcorse-black {background-color:#202020;}


/**************************************************/    
/*****      ÔÓÒÅÐ ÄÈÀÃÎÍÀËÜ         ******/
/**************************************************/  
.circle-3d-white {background-color:#FDFDFD;} 
.circle-3d-light-brown {background-color:#b8a591;} 
.circle-3d-cacao {background-color:#997c6b;} 
.circle-3d-dark-brown {background-color:#382d2a;} 
.circle-3d-pink {background-color:#dc8e98;} 

.circle-3d-fuchsia {background-color:#96355c;} 
.circle-3d-red {background-color:#6c0707;} 
.circle-3d-lemon {background-color:#ebd560;} 
.circle-3d-olive {background-color:#999f86;} 
.circle-3d-khaki {background-color:#6d6e4e;} 

.circle-3d-green {background-color:#668b3a;} 
.circle-3d-emerald {background-color:#225536;} 
.circle-3d-dark-green {background-color:#262718;} 
.circle-3d-mint {background-color:#9db5b0;} 
.circle-3d-blue {background-color:#7682aa;} 

.circle-3d-aquamarine {background-color:#7c9596;} 
.circle-3d-dusty-blue {background-color:#415462;} 
.circle-3d-lighter-gray {background-color:#bebebe;} 
.circle-3d-gray {background-color:#a6a6a5;} 
.circle-3d-darker-gray {background-color:#292929;} 

.circle-3d-black-gray {background-color:#292929;} 
.circle-3d-black-brown {background-color:#2c2929;} 
.circle-3d-black {background-color:#202020;} 


/**************************************************/    
/*****      ÔÓÒÅÐ  Ñ ÍÀ×ÅÑÎÌ         ******/
/**************************************************/  
.circle-3n-creme {background-color:#f6f4ec;} 
.circle-3n-beije {background-color:#e5d8bd;} 
.circle-3n-pink {background-color:#e1c6c8;} 
.circle-3n-dusty-rose {background-color:#d4b7ae;} 
.circle-3n-fuchsia {background-color:#6e1f3f;} 

.circle-3n-red {background-color:#762a29;} 
.circle-3n-sky-blue {background-color:#c3d3d4;} 
.circle-3n-blue {background-color:#1f264a;} 
.circle-3n-gray-blue {background-color:#505a6e;} 
.circle-3n-dark-gray-blue {background-color:#363d4d;} 

.circle-3n-gray-brown {background-color:#3c3736;} 
.circle-3n-dark-navy {background-color:#1e1f28;} 
.circle-3n-lilac {background-color:#75647d;} 
.circle-3n-olive {background-color:#899277;} 
.circle-3n-dark-emerald {background-color:#2c3834;} 

.circle-3n-cacao {background-color:#806f63;} 
.circle-3n-chocolate {background-color:#382e29;} 
.circle-3n-gray {background-color:#96938d;} 
.circle-3n-light-gray {background-color:#bebebe;} 
.circle-3n-dark-gray {background-color:#292929;} 








/************************************/    
/*****    HALF CIRCLES   ******/
/************************************/   



.circle-gray-creme-white {background: conic-gradient(#FDFDFD 0% 50%, #e4d8cb 50% 100%); }
.circle-beije-white {background: conic-gradient(#FDFDFD 0% 50%, #e8dbc3 50% 100%); }
.circle-dusty-rose-white {background: conic-gradient(#FDFDFD 0% 50%, #c8ada8 50% 100%); }
.circle-coffee-white {background: conic-gradient(#FDFDFD 0% 50%, #aa9485 50% 100%); }
.circle-chocolate-white {background: conic-gradient(#FDFDFD 0% 50%, #5B4338 50% 100%); }
.circle-graphite-white {background: conic-gradient(#FDFDFD 0% 50%, #585B5D 50% 100%); }
.circle-black-white {background: conic-gradient(#FDFDFD 0% 50%, #1C1C1C 50% 100%); }

.circle-mint-white {background: conic-gradient(#FDFDFD 0% 50%, #C0ECEB 50% 100%); }
.circle-gray-blue-white {background: conic-gradient(#FDFDFD 0% 50%, #b1c6cd 50% 100%); }
.circle-olive-white {background: conic-gradient(#FDFDFD 0% 50%, #a4c4b5 50% 100%); }
.circle-emerald-white {background: conic-gradient(#FDFDFD 0% 50%, #056663 50% 100%); }
.circle-marsh-white {background: conic-gradient(#FDFDFD 0% 50%, #879c67 50% 100%); } 
.circle-khaki-white {background: conic-gradient(#FDFDFD 0% 50%, #989c6f 50% 100%); } 
.circle-green-white {background: conic-gradient(#FDFDFD 0% 50%, #096536 50% 100%); }
.circle-dark-green-white {background: conic-gradient(#FDFDFD 0% 50%, #242306 50% 100%); }
.circle-very-peri-white {background: conic-gradient(#FDFDFD 0% 50%, #5a5e9c 50% 100%); }
.circle-navy-white {background: conic-gradient(#FDFDFD 0% 50%, #232c44 50% 100%); }


.circle-ocher-white {background: conic-gradient(#FDFDFD 0% 50%, #d4b149 50% 100%); }
.circle-mustard-white {background: conic-gradient(#FDFDFD 0% 50%, #9e7438 50% 100%); } 
.circle-orange-white {background: conic-gradient(#FDFDFD 0% 50%, #eb7127 50% 100%); }
.circle-coral-white {background: conic-gradient(#FDFDFD 0% 50%, #d83737 50% 100%); }
.circle-red-white {background: conic-gradient(#FDFDFD 0% 50%, #a41317 50% 100%); }
.circle-fuchsia-white {background: conic-gradient(#FDFDFD 0% 50%, #d92868 50% 100%); }
.circle-lilac-white {background: conic-gradient(#FDFDFD 0% 50%, #c8b5d1 50% 100%); }
.circle-dark-lilac-white {background: conic-gradient(#FDFDFD 0% 50%, #523747 50% 100%); }
.circle-bordo-white {background: conic-gradient(#FDFDFD 0% 50%, #4f0f1b 50% 100%); }
.circle-eggplant-white {background: conic-gradient(#FDFDFD 0% 50%, #38212e 50% 100%); }







.circle-chocolate-coffee {background: conic-gradient(#aa9485 0% 50%, #5B4338 50% 100%); }
.circle-coffee-gray-creme {background: conic-gradient(#e4d8cb 0% 50%,  #aa9485 50% 100%); }
.circle-mustard-beije {background: conic-gradient(#e8dbc3 0% 50%,  #9e7438 50% 100%); }

.circle-dark-green-khaki {background: conic-gradient(#989c6f 0% 50%,  #242306 50% 100%); }
.circle-emerald-mint {background: conic-gradient(#C0ECEB  0% 50%, #056663 50% 100%); }
.circle-navy-gray-blue {background: conic-gradient(#b1c6cd 0% 50%, #232c44 50% 100%); }
.circle-bordo-ocher {background: conic-gradient(#d4b149 0% 50%, #4f0f1b 50% 100%); }
.circle-bordo-dusty-rose {background: conic-gradient(#c8ada8 0% 50%, #4f0f1b 50% 100%); }
.circle-eggplant-lilac {background: conic-gradient(#c8b5d1 0% 50%,  #38212e 50% 100%); }
.circle-graphite-light-gray {background: conic-gradient(#e2dedb 0% 50%,  #585B5D 50% 100%); }
.circle-black-graphite {background: conic-gradient(#585B5D 0% 50%,  #1c1c1c 50% 100%); }
.circle-black-red {background: conic-gradient(#a41317 0% 50%,  #1c1c1c 50% 100%); }
.circle-black-fuchsia{background: conic-gradient(#d92868 0% 50%, #1c1c1c 50% 100%); }

.circle-eggplant-dusty-rose {background: conic-gradient(#c8ada8 0% 50%, #38212e 50% 100%); }

/********************************/    
/*****      CIRCLES     ******/
/********************************/   


.circle-white {background-color:#FDFDFD;}
.circle-creme {background-color:#FCFBED;}
.circle-light-gray {background-color:#e2dedb;}   /*  MTC =  e0dfdf;  MTO= dedddc;  MLC = e3e2dc;  MLO = e6e5e4; WTC = f5f5f5 */
.circle-gray-creme {background-color:#e4d8cb;}   /*   e4d8cb   MLC = d4c3ad; MTO = d6cdc5;    MLO = ddccb9; MTC = ddccb9 -10 ÿðêîñòü  WTC = ddccb9 +5 ÿðêîñòü*/
.circle-beije {background-color:#e8dbc3;}  /* SRGB WTC = fbe8ce; MTO = dfcdb5;  MLC\ & MLO = f2dfc5; MTC = f2dfc5 & -8 ÿðêîñòü*/
.circle-dusty-rose {background-color:#c8ada8;} /*c9a8a1     c8ada8 */
.circle-coffee {background-color:#aa9485;}
.circle-chocolate {background-color:#5B4338;} 
.circle-graphite {background-color:#585B5D;}  
.circle-black {background-color:#1c1c1c;}  


.circle-mint {background-color:#C0ECEB;} 
.circle-gray-blue {background-color:#b1c6cd;} 
.circle-olive {background-color:#a4c4b5;} 
.circle-emerald {background-color:#056663;}
.circle-marsh {background-color:#879c67;} 
.circle-khaki {background-color:#989c6f;} 
.circle-green {background-color:#096536;} 
.circle-dark-green {background-color:#242306;}
.circle-very-peri {background-color:#5a5e9c;}
.circle-navy {background-color:#232c44;} 


.circle-ocher {background-color:#d4b149;}
.circle-mustard {background-color:#9e7438;} 
.circle-orange {background-color:#eb7127;}
.circle-coral {background-color:#d83737;} 
.circle-red {background-color:#a41317;}
.circle-fuchsia {background-color:#d92868;}
.circle-lilac {background-color:#c8b5d1;}
.circle-dark-lilac {background-color:#523747;}
.circle-bordo {background-color:#4f0f1b;}
.circle-eggplant {background-color:#38212e;}






/*****************************************/    
/*****        ÊÀÒÀËÎÃ              ******/
/*****************************************/  

.catalogue-container-padding {
	padding-top:60px;
}

@media only screen and (max-width:768px)  {.catalogue-container-padding {padding-top:20px;;}}


.button-active {
	outline-offset:2px !important; 
	outline:  2px solid  #292929 !important;
}


.catalogue-arrow-left {
	position:absolute;top:50%;
	left:2%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%)
color: #292929;
}

.catalogue-arrow-right {
	position:absolute;top:50%;
	right:2%;
	transform:translate(0%,-50%);
	-ms-transform:translate(0%,-50%)
color: #292929;
}


.catalogue-arrow-css,.catalogue-arrow-css:hover {
	color:#292929 !important;
	background-color:#F2F3F5 !important;
	display:block;
	width:40px;
	height:40px;
}



.catalogue-container {
	position:relative;
	max-width:800px; 
	max-height:500px; 
	padding-bottom:40px; 
	border: 0px solid green; 
	text-align:center;
background-color:#F2F3F5;
    border-radius: 10px;
} 


.catalogue {
	font-size: 18px;
color: #292929;
}


.catalogue h1 {
font-size: 20px;
font-weight:bold;
padding:10px 0px 10px 0px;
}


.catalogue-td {
	text-align:center;
	width:35px;
	height: 45px;
}


.catalogue-td-colour {
	background-color:#F2F3F5;
}

.catalogue-size {
	text-align:center;
	width:30px;
	padding:10px;
}

@media only screen and (max-width:768px)  {.catalogue-size {font-size:13px; padding:6px;}}


.catalogue img {
	width: 300px;
	height:400px;
}

@media only screen and (max-width:768px)  {.catalogue img {width:260px; height: 320px;}}


.catalogue-text {
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%,0%);
	-ms-transform:translate(-50%,0%)
	display:block;
	height:60px;
	padding-top: 0px;
	width:100%;
	border: 0px solid orange;
	background-color:#F2F3F5;
border-radius:0px 0px 10px 10px;
}

@media only screen and (max-width:768px)  {.catalogue-text {font-size:15px; 	height:50px;}}

.catalogue-ref {
text-decoration:underline;
}

@media only screen and (max-width:768px)  {.catalogue-ref {font-size:15px;}}

.catalogue-box-size {
	border:1px solid #F2F3F5; 
	padding:10px; 
	width:60px; 
	text-align:center;
}



/*****************************************/    
/*****   BUTTON CATALOGUE   ******/
/*****************************************/  
.main-btn-catalogue {
    display: inline-block;
    padding: 8px 9px 8px 21px;
    background-color: transparent;
    color: #2E0202;
    border-radius: 10px;
    border: 2px solid #2E0202;
    transition: 0.2s ease;
}

@media only screen and (max-width:768px) {.main-btn-catalogue {font-size:16px;}}

.main-btn-catalogue i {
    margin-left: -8px;
    opacity: 0;
    transition: margin 0.2s ease , opacity 0.2s ease , padding 0.2s ease;
}

.main-btn-catalogue:hover {
    color: #2E0202;
font-weight:bold;
text-decoration:none;
    background-color: #E7E9ED;
    border: 2px solid #2E0202 !important;
}

.main-btn-catalogue:hover i {
    margin-left: 2px;
    padding-right: 5px;
    opacity: 1;
}



/*****************************************/    
/*****   COLOUR PALLETE   ******/
/*****************************************/  

.small-circle, .small-circle-white {
	display:inline-block;
	border: 1px solid #292929;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	vertical-align:baseline;
	text-align:center;
	padding: 10px;
}


.small-circle:hover,  .small-circle-white:hover {
	border-radius: 50%;
	outline-offset:2px; 
	outline:  2px solid #292929;
}


.small-circle:active,  .small-circle-white:active  {
	border-radius: 50%;
	width: 23px;
	height: 23px;
	border: 1px solid #CCCCCC;
	outline-offset:2px !important; 
	outline:  2px solid #292929 !important;
}

.small-circle:focus, .small-circle:target  {
	border-radius: 50%;
}





.small-circle-white:focus, .small-circle-white:target {
	border-radius: 50%;
	border: 1px solid #CCCCCC;
}


@media only screen and (max-width:768px) {.small-circle, .small-circle-white {width:25px; height:25px; padding:12px}}



/*****************************************/    
/*****           TOOLTIP            ******/
/*****************************************/  


.tooltip-container {
  position: relative;
  display: inline-block; /* Or block, depending on layout */
	width: 20px;
	height: 20px;
text-align:center;
}



.fa-tooltip.fa-hover-hidden {
	width: 20px;
	height: 20px;
  display: inline-block; /* Or block, depending on layout */
}

.fa-tooltip.fa-hover-show {
color:#525252;
cursor: pointer; 
transform: scale(1.2);
}

* > .fa-tooltip.fa-hover-show,
*:hover > .fa-tooltip.fa-hover-hidden {
    display: none;
}

*:hover > .fa-tooltip.fa-hover-show {
    display: inline-block;
}




.tooltip-text {
  visibility: hidden;
  opacity: 0; /* For fade effect */

  background-color: #FFDC39;     
  /* background-color: #FFE157; #E2FF7D; */


outline-offset:1px; 
outline:  0px dashed  #D7412E;
min-width:300px;
max-width:500px;
width:100%;

    font-size: 13px;
    font-family:'Onest-Regular', Arial, sans-serif;
	color: #000000;

  text-align: left;
  padding: 5px 10px 5px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 30px;  /* Position above the container */
left: 145px;
  transform: translateX(-50%); /* Center horizontally */
  transition: opacity 0.3s; /* Smooth fade in/out */
}

.tooltip-text::after {
 content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 5%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #FFDC39 transparent transparent transparent;
}


.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}