.groupProducts { display: flex; flex-wrap: wrap; justify-content: center; }
.groupProducts.benito .prev > div, .groupProducts.benito .next > div { background-color: #01955d !important; }
.groupProducts.benito .panelA h1 { color: #01955d !important; }
.groupProducts.benito .panelA h4 { margin: 0; }
.groupProducts.benito .panelA h4 span { color: #01955d !important; }
.groupProducts.nexia .prev > div, .groupProducts.nexia .next > div { background-color: #fc4237 !important; }
.groupProducts.nexia .panelA h1 { color: #fc4237 !important; }
.groupProducts.nexia .panelA h4 { margin: 0; }
.groupProducts.nexia .panelA h4 span { color: #fc4237 !important; }
.groupProducts.iguzzini .prev > div, .groupProducts.iguzzini .next > div { background-color: #ff0208 !important; }
.groupProducts.iguzzini .panelA h1 { color: #ff0208 !important; }
.groupProducts.iguzzini .panelA h4 { margin: 0; }
.groupProducts.iguzzini .panelA h4 span { color: #ff0208 !important; }
.groupProducts .slideProduct { max-width: 300px; min-width: 300px; margin: 1em; overflow: hidden; position: relative; display: flex; flex-direction: column; align-items: center; box-shadow: 3px 4px 11px #868686; opacity: 0; }
.groupProducts .slideProduct > .panelA { position: relative; display: flex; flex-direction: column; width: 100%; /*background: linear-gradient(135deg, #009688 8%, #52a981 83%);*/ background-size: cover; background-repeat: no-repeat; background-position: center; padding: 25px; background-color: #1b1b1b; }
.groupProducts .slideProduct > .panelA > h1 { font-family: "Santral-Hairline"; font-size: 1.9em; color: #009688; letter-spacing: -0.05em; line-height: 0em; }
.groupProducts .slideProduct > .panelA > h1 span { color: #909093; }
.groupProducts .slideProduct > .panelA > .imgFab { width: 75px; }
.groupProducts .slideProduct > .panelB { background-color: #e4e4e4; }
.groupProducts .slideProduct > .panelC { width: 100%; background: #e4e4e4; display: flex; justify-content: center; align-items: center; }
.groupProducts .slideProduct > .panelC > .btPanel { position: relative; display: flex; justify-content: center; width: 60px; height: 60px; transition: 0.3s width ease-in-out; align-items: center; font-family: Santral-Bold; }
.groupProducts .slideProduct > .panelC > .btPanel .miniProd { width: 50px; height: 50px; }
.groupProducts .slideProduct > .panelC > .btPanel .plusBt { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; }
.groupProducts .slideProduct > .panelC > .btPanel .plusBt:hover { opacity: 0.5; }
.groupProducts .slideProduct > .panelC > .btPanel .plusBt > div { position: absolute; top: 27px; width: 29px; height: 4px; background-color: #2b2b2b; transition: 0.3s; }
.groupProducts .slideProduct > .panelC > .btPanel .plusBt > div:nth-of-type(1) { transform: rotate(0deg); }
.groupProducts .slideProduct > .panelC > .btPanel .plusBt > div:nth-of-type(2) { transform: rotate(-90deg); }
.groupProducts .slideProduct > .panelC > .btPanel .counter { width: 50px; text-align: center; font-size: 0.8em; color: #757575; }
.groupProducts .slideProduct > .panelC > .btPanel .counter .curVal { color: #2b2b2b; font-size: 2em; }
.groupProducts .slideProduct > .panelC > .btPanel .prev, .groupProducts .slideProduct > .panelC > .btPanel .next { display: none; align-items: center; justify-content: center; align-content: center; width: 50px; height: 50px; }
.groupProducts .slideProduct > .panelC > .btPanel .prev:hover, .groupProducts .slideProduct > .panelC > .btPanel .next:hover { opacity: 0.5; }
.groupProducts .slideProduct > .panelC > .btPanel .prev > div, .groupProducts .slideProduct > .panelC > .btPanel .next > div { display: block; position: relative; width: 21px; height: 4px; background-color: #019688; }
.groupProducts .slideProduct > .panelC > .btPanel .prev > div:nth-of-type(1), .groupProducts .slideProduct > .panelC > .btPanel .next > div:nth-of-type(1) { top: 6px; }
.groupProducts .slideProduct > .panelC > .btPanel .prev > div:nth-of-type(2), .groupProducts .slideProduct > .panelC > .btPanel .next > div:nth-of-type(2) { position: absolute; top: 21px; }
.groupProducts .slideProduct > .panelC > .btPanel .prev { left: 10px; }
.groupProducts .slideProduct > .panelC > .btPanel .prev > div:nth-of-type(1) { transform: rotate(45deg); }
.groupProducts .slideProduct > .panelC > .btPanel .prev > div:nth-of-type(2) { transform: rotate(-45deg); }
.groupProducts .slideProduct > .panelC > .btPanel .next { right: 33px; }
.groupProducts .slideProduct > .panelC > .btPanel .next > div:nth-of-type(1) { transform: rotate(-45deg); }
.groupProducts .slideProduct > .panelC > .btPanel .next > div:nth-of-type(2) { transform: rotate(45deg); }
.groupProducts .slideProduct > .panelC > .btPanel.active { width: 100%; transition: 0.05s width ease-in-out; }
.groupProducts .slideProduct > .panelC > .btPanel.active .plusBt > div:nth-of-type(1) { transform: rotate(45deg); transition: 0.3s; }
.groupProducts .slideProduct > .panelC > .btPanel.active .plusBt > div:nth-of-type(2) { transform: rotate(-45deg); transition: 0.3s; }
.groupProducts .slideProduct > .panelC > .btPanel.active .prev, .groupProducts .slideProduct > .panelC > .btPanel.active .next { display: flex; }
.groupProducts .slideProduct > .panelD { padding: 1em; display: flex; font-family: Santral-UltraItalic; }
.groupProducts .slideProduct > .panelD .imgCart { background: url("../images/cart.svg"); background-repeat: no-repeat; background-position: center; width: 32px; height: 38px; }
.groupProducts .slideProduct > .panelD .imgCart:hover { opacity: 0.5; }
.groupProducts .slideProduct > .panelD .imgCart.active { display: none; }
.groupProducts .slideProduct > .panelD .budgetProd { display: none; }
.groupProducts .slideProduct > .panelD .budgetProd.active { display: flex; align-items: center; }
.groupProducts .slideProduct > .panelD .budgetProd span { margin-top: 0.5em; }
.groupProducts .slideProduct > .panelD .budgetProd .valCart { width: 60px; height: 38px; background-color: #e4e4e4; text-align: center; font-family: Santral-UltraItalic; border: 0; color: #000000; font-size: 1.2em; }
.groupProducts .slideProduct > .panelD .budgetProd .btUp, .groupProducts .slideProduct > .panelD .budgetProd .btDown { display: flex; justify-content: center; background-color: #2b2b2b; color: #fff; height: 38px; width: 40px; font-size: 1.6em; }
.groupProducts .slideProduct > .panelD .budgetProd .btUp:hover, .groupProducts .slideProduct > .panelD .budgetProd .btDown:hover { opacity: 0.7; }
.groupProducts .slideProduct > .panelD .budgetProd .btCart { background-color: #0063be; padding: 0.8em 1em; color: #fff; font-size: 0.8em; text-align: center; margin-left: 0.5em; }
.groupProducts .slideProduct > .panelD .budgetProd .btCart:hover { opacity: 0.7; }
.groupProducts .slideProduct > .panelD .budgetProd .btClose { position: relative; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; }
.groupProducts .slideProduct > .panelD .budgetProd .btClose:hover { opacity: 0.5; }
.groupProducts .slideProduct > .panelD .budgetProd .btClose > div { position: absolute; width: 29px; height: 4px; background-color: #2b2b2b; }
.groupProducts .slideProduct > .panelD .budgetProd .btClose > div:nth-of-type(1) { transform: rotate(45deg); }
.groupProducts .slideProduct > .panelD .budgetProd .btClose > div:nth-of-type(2) { transform: rotate(-45deg); }

.sliderImg { position: relative; min-width: 300px; max-width: 300px; min-height: 300px; max-height: 300px; overflow: hidden; display: flex; flex-direction: column; align-items: center; font-family: Santral-Medium; letter-spacing: -0.08em; background-color: white;}
.sliderImg > .imgEspecs { position: relative; display: flex; width: 100%; justify-content: space-between; align-items: center; overflow: hidden; }
.sliderImg > .imgEspecs > img { background-size: cover;background-color: white; background-repeat: no-repeat; background-position: center; width: 100%; }
.sliderImg > .imgEspecs > div { min-width: 100%; max-width: 300px; max-height: 300px; padding: 5%; overflow: hidden; }
.sliderImg > .imgEspecs > div p { margin: 0 0 0.5em; }
.sliderImg > .imgEspecs > .youtube { height: 300px; width: 100%; }
.sliderImg > .imgEspecs > .especs > .groupEspecs { display: flex; justify-content: space-evenly; margin-bottom: 2em; flex-wrap: wrap; }
.sliderImg > .imgEspecs > .especs > .groupEspecs > .espec { flex-basis: 38%; display: flex; flex-direction: column; text-align: center; margin: 0.5em 0; }
.sliderImg > .imgEspecs > .especs > .groupEspecs > .espec > .title { background-color: #000; color: #fff; padding: 0.5em 0 0.5em; font-weight: bold; }
.sliderImg > .imgEspecs > .especs > .groupEspecs > .espec > .value { padding: 0.5em 0 0.5em; font-family: "Santral-UltraItalic"; font-size: 1.2em; color: #ededed; }

/* DYNAMIC CLASSES */
.opacity { opacity: 1 !important; transition: opacity 1.5s ease-in-out; }

.backGreen { background: #009688; }

/* EFFECTS */
.toUp { animation: toUp 1s ease forwards; animation-delay: 0.2s; opacity: 0; }

.toDown { animation: toDown 1s ease forwards; animation-delay: 0.2s; opacity: 0; }

.toLeft { animation: toLeft 1s ease forwards; animation-delay: 0.2s; opacity: 0; }

.toRight { animation: toRight 1s ease forwards; animation-delay: 0.2s; opacity: 0; }

.toScale { animation: toScale 1s ease forwards; animation-delay: 0.2s; opacity: 0; }

.rotate360 { animation: rotate360 1.5s ease forwards; animation-delay: 0.2s; opacity: 0; }

/* KEYFRAMES */
@keyframes toUp { from { transform: translate(0, 100%); opacity: 0.5; }
  to { transform: translate(0, 0); opacity: 1; } }
@keyframes toDown { from { transform: translate(0, -100%); opacity: 0.5; }
  to { transform: translate(0, 0); opacity: 1; } }
@keyframes toLeft { from { transform: translate(100%, 0); opacity: 0.5; }
  to { transform: translate(0, 0); opacity: 1; } }
@keyframes toRight { from { transform: translate(-100%, 0); opacity: 0.5; }
  to { transform: translate(0, 0); opacity: 1; } }
@keyframes toScale { 0% { transform: scale(0.2); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; } }
@keyframes rotate360 { from { transform: rotate(0); opacity: 0.5; }
  to { transform: rotate(360deg); opacity: 1; } }
@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) translate3d(0, 0, 0); }
  50% { opacity: 0.9; transform: scale(1.1); }
  80% { opacity: 1; transform: scale(0.89); }
  100% { opacity: 1; transform: scale(1) translate3d(0, 0, 0); } }

/*# sourceMappingURL=slideProduct.css.map */


/*================================== Custom CSS home-page =====================================================*/

.lluria{
	background-image: url(../images/products/lluria/lluria-background-image-8.jpg)
}

.lec-lyon{
	background-image: url(../images/products/lec-lyon/lec-musee-monaco-vue1-1200x800-background.jpg)
}


.benito{
	background-image: url(../images/products/benito/benito_background_image.jpg)
}
/* ============ Individual product container - style*/
.view-catalog-section{
	margin: 0;
}


/*=================================================*/


/*=============================================================================================================*/