/**********************************************************************************************************************
	Accordion Widget
	v1.2.1

	Code by: Mario A. Martínez Latorre
	2025 copyright VÓRTICE 3D S.L.
**********************************************************************************************************************/

 .towbox .accordion{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;width:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media only screen and (orientation:portrait){.towbox .accordion{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (orientation:landscape){.towbox .accordion{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.towbox .accordion_item{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative;-webkit-transition:flex-grow .2s,opacity .2s,-webkit-box-flex .2s;transition:flex-grow .2s,opacity .2s,-webkit-box-flex .2s;-o-transition:flex-grow .2s,opacity .2s;transition:flex-grow .2s,opacity .2s;transition:flex-grow .2s,opacity .2s,-webkit-box-flex .2s,-ms-flex-positive .2s;width:100%}@media only screen and (orientation:portrait){.towbox .accordion_item{height:auto;margin:.5% 0;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0)}}@media only screen and (orientation:landscape){.towbox .accordion_item{height:100%;margin:0 1% 0 0;-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}.towbox .accordion_item:last-child{margin-right:0}}.towbox .accordion_item:hover{-webkit-box-flex:2;-ms-flex:2;flex:2}.towbox .accordion_item:hover:after{opacity:.8}.towbox .accordion_item:before{background-position:center;background-size:cover;content:"";height:100%;left:-50%;position:absolute;-webkit-transition:width .2s,-webkit-transform .2s;transition:width .2s,-webkit-transform .2s;-o-transition:transform .2s,width .2s;transition:transform .2s,width .2s;transition:transform .2s,width .2s,-webkit-transform .2s;width:200%}@media only screen and (orientation:portrait){.towbox .accordion_item:before{-webkit-transform:skewX(0);-ms-transform:skewX(0);transform:skewX(0)}}@media only screen and (orientation:landscape){.towbox .accordion_item:before{-webkit-transform:skewX(-15deg);-ms-transform:skewX(-15deg);transform:skewX(-15deg)}}.towbox .accordion_item-alpha:before{background-image:url(/assets/images/alpha/towbox-alpha-hero-02.jpg)}.towbox .accordion_item-car:before{background-image:url(/assets/images/vehicles/car-01.jpg)}.towbox .accordion_item-evo:before{background-image:url(/assets/images/evo/towbox-evo-hero-02.jpg)}.towbox .accordion_item-camperlong:before{background-image:url(/assets/images/camper-long/towbox-camperlong-hero-01.jpg)}.towbox .accordion_item-campershort:before{background-image:url(/assets/images/camper-short/towbox-campershort-hero-01.jpg)}.towbox .accordion_item-v2:before{background-image:url(/assets/images/v2/towbox-v2-hero-02.jpg)}.towbox .accordion_item-v3:before{background-image:url(/assets/images/v3/towbox-v3-hero-02.jpg)}.towbox .accordion_item-vans:before{background-image:url(/assets/images/vehicles/vans-01.jpg)}.towbox .accordion_item:after{background-color:#000;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;width:100%}.towbox .accordion_caption{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;position:absolute;text-align:center;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;-o-transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;width:100%;z-index:99}@media only screen and (orientation:portrait){.towbox .accordion_caption{padding:0 10%}}@media only screen and (orientation:landscape){.towbox .accordion_caption{left:0;margin:auto;padding:0 20%;right:0;top:0;-webkit-transform:translateY(24px) skewX(-15deg);-ms-transform:translateY(24px) skewX(-15deg);transform:translateY(24px) skewX(-15deg)}}.towbox .accordion_item:hover .accordion_caption{opacity:1;-webkit-transition:opacity 0º.2s .2s,-webkit-transform .2s .2s;transition:opacity 0º.2s .2s,-webkit-transform .2s .2s;-o-transition:opacity 0º.2s .2s,transform .2s .2s;transition:opacity 0º.2s .2s,transform .2s .2s;transition:opacity 0º.2s .2s,transform .2s .2s,-webkit-transform .2s .2s}.towbox .accordion_caption h2{color:#df5c16;font-size:5vh}@media only screen and (min-width:1024px){.towbox .accordion_caption h2{font-size:4vh}}.towbox .accordion_caption h3{margin-bottom:1vh;margin-top:5%}@media only screen and (orientation:portrait){.towbox .accordion_caption h3{font-size:3.5vh}}@media only screen and (orientation:landscape){.towbox .accordion_caption h3{font-size:3.5vh}}@media only screen and (min-width:1024px){.towbox .accordion_caption h3{font-size:3vh}}.towbox .accordion_caption P{font-size:3vh}@media only screen and (min-width:1024px){.towbox .accordion_caption P{font-size:1.6vh}}@media only screen and (orientation:portrait){.towbox .accordion_caption P{display:none}}@media only screen and (orientation:landscape){.towbox .accordion_caption P{display:block}}