.chili-slider {
    height: auto;
    display: block;
    width: 100%;
    position: relative;
	overflow:hidden;
}
.chili-slider::before {
    content:'';
    display: block;
    margin-top: 50%;
}
.chili-slider .chili-slider-segment {
    position: absolute !important;
    width: 100%;
    height: 100%;
    opacity: 1;
    left: 0;
    top: 0 !important;
    display: block;
	transition: all 1s;
	z-index:-1;
}
.chili-slider.standard .chili-slider-segment.boxSelected{
    opacity:1;
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    z-index:4 !important;
}
.chili-slider.standard .chili-slider-segment.nextBox{
    position:absolute;
    top:0px;
    left:100%;
    display:block;
    z-index:3 !important;
}
.chili-slider.standard .chili-slider-segment.previousBox{
    position:absolute; 
    top:0px;
    left:-100%;
    display:block;
    z-index:3 !important;
}
.chili-slider.standard .chili-slider-segment .background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: 0;
    display: block;
}
.chili-slider.standard .block-content {
    text-align: center;
    color: #fff;
    width: 50%;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0,-50%); 
}
.chili-slider.standard .block-content h2 {
    font-size: 4em;
}
.chili-slider .boxSelected {
    left:0%;
	z-index:1;
}
.chili-slider .nextBox {
    left:100%;
	z-index:0;
}
.chili-slider .previousBox 
    left:-100%;
    z-index:0;
}
.chili-slider .aw_BoxContentNav div span {
    display: none;
}
.chili-slider .aw_BoxContentNav {
    position: absolute;
    z-index: 999;
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 1em;
}
.chili-slider .aw_BoxContentNav div {
    width: 1em;
    height: 1em;
	background-color: #fff7;
    background-image: none !important;
    border-radius: 1em;
    display: inline-block;
    margin: 0.1em;
	position: relative;
}
.chili-slider .aw_BoxContentNav .active {
    background-color: #444 !important;
}
.chili-slider .RIGHT {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #999999;
    text-decoration: none;
    text-transform: none;
    background-repeat: no-repeat;
    width: 6vh;
    height: 6vh;
    right: 6%;
    top: 0px;
    bottom: 0px;
    position: absolute;
    display: block;
    float: left;
    cursor: pointer;
    z-index: 90;
    margin: auto 0px;
    background-image: url(../../../svg.php?v=*arrow-right);
}
.chili-slider .LEFT {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #999999;
    text-decoration: none;
    text-transform: none;
    background-repeat: no-repeat;
    width: 6vh;
    height: 6vh;
    left: 6%;
    top: 0px;
    bottom: 0px;
    position: absolute;
    display: block;
    float: left;
    cursor: pointer;
    z-index: 90;
    margin: auto 0px;
    background-image: url(../../../svg.php?v=*arrow-left);
}
.chili-slider .aw_BoxContentNav span {
    display: none;
}
.aw_BoxContentNav{
    position:absolute;
    z-index:999;
    left:0px;
    width:100%;
    text-align:center;
    bottom:-2em;
}
.aw_BoxContentNav a:link{
    font-size:16px;
    height:24px;
    width:24px;
    line-height:24px;
    text-align:center;
    display:inline-block;
    border-radius:50%;
    padding:4px;
    margin-right:2px;
}
.aw_BoxContentNav a:link span:first-of-type{
    display:none
}
.aw_BoxContentNavActive{
    background-color:#777777 !important;
    color:#fff000 !important;
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                     */
/*                                                      G A L E R I E - S L I D E R                                                    */
/*                                                                                                                                     */
/*-------------------------------------------------------------------------------------------------------------------------------------*/


.galerie-slider .center{
  max-width: unset;
  width: 100%;
}
.galerie-slider .chili-slider{
    font-size: 1em;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    width:  100% ;
    left: 0;
    right: 0%;
    top: 0%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 0em;
    height: auto;
	margin-top: 1em;
}
.galerie-slider .chili-slider::before {
    content: '';
    position: relative;
    display: block;
    margin-top: 66vh;
}
.galerie-slider .chili-slider-segment {
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #222222;
    text-decoration: none;
    text-transform: none;
    width: calc( 100% - 1.4em );
    height: 66vh ;
    position: relative;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    left: 0%;
    transition: all 1s;
    background-size: cover;
    left: 0.7em ;
    top: 0.5em ;
}
.galerie-slider .chili-slider-segment div {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all 1s;
    top: 0 ;
	transform:scale(1.2);
	background-position: center;
}
.galerie-slider .boxSelected {
    opacity: 1;
    position: absolute;
    display: block;
    z-index: 2 !important;
}
.galerie-slider .nextBox {
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 1 !important;
}
.galerie-slider .previousBox {
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 1 !important;
}
.galerie-slider .nextBox div {
	transform:scale(1.2);
}
.galerie-slider .previousBox div {
	transform:scale(1.2);
}
.galerie-slider .boxSelected div {
	transform:scale(1);
}
.galerie-slider .aw_BoxContentNav {
    position: relative;
    z-index: 999999;
    left: 0px;
    width: calc( 100% + 0vh );
    text-align: center;
    bottom: auto;
    display: table;
    border-spacing: 1vh;
    margin: 0 0vh;
}
.galerie-slider .aw_BoxContentNav div {
    line-height: 24px;
    text-align: center;
    display: table-cell;
    border-radius: 0%;
    padding: 4px;
    margin-right: 2px;
    background-size: cover;
    height: auto;
    border: none !important;
    width: auto;
}
.galerie-slider .aw_BoxContentNav div::after {
    content: '';
    display: block;
    margin-top: 100%;
}
.galerie-slider .aw_BoxContentNav div span:nth-of-type(2) {
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover !important;
	left: 0;
	top: 0;
}
.galerie-slider .RIGHT,.galerie-slider .LEFT  {
    bottom: 34% !important;
    filter:invert(1) brightness(4);
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                     */
/*                                                       G A L E R I E - S L I D E R - 2                                               */
/*                                                                                                                                     */
/*-------------------------------------------------------------------------------------------------------------------------------------*/

.galerie-slider-2 {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    background-color: rgba(0,0,0,0);
    width: 100%;
    left: 0%;
    right: 0%;
    top: 0%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 1em;
    height: auto;
	margin-top: 1em;
}
.galerie-slider-2:before  {
 content:'';
 position:relative;
 display:block;
 margin-top:46.667%;
}
.galerie-slider-2 .chili-slider-segment {
    background-size: cover;
    width: 80%;
    margin: 0 10% !important;
    opacity: 0;
    left:200%;
    transition: all 0.3s !important;
    background-position: center;
	height:100%;
	position:absolute;
}
.galerie-slider-2 .boxSelected{
	left:0;
	opacity: 1;
}
.galerie-slider-2 .nextBox {
    opacity: 0.7;
    left: 77%;
    transform:scale(0.9);
}
.galerie-slider-2 .previousBox {
    opacity: 0.7;
    left: -77%;
    transform:scale(0.9);
}
.galerie-slider-2 .aw_BoxContentNav div {
    width: 2em;
    height: 2em;
    background-color: var(--chili-color-1);
	color:var(--chili-color-bright-font);
    background-image: none !important;
    border-radius: 1em;
    display: inline-block;
    margin: 0.1em;
	text-align: center;
    position: relative;
	line-height:2em;
	font-weight:600;
	counter-increment: navItems; 
}
.galerie-slider-2 .aw_BoxContentNav div::before {
    content: "" counter(navItems) ""; 
}
.galerie-slider-2 .aw_BoxContentNav div{
    transition: all 0.3s;	
}
.galerie-slider-2 .aw_BoxContentNav .active {
    background-color: #444 !important;
    margin: 0 0.5em;
    transform: scale(1.3);
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/
/*                                                                                                                                     */
/*                                                       C O M P L E X - S L I D E R                                                   */
/*                                                                                                                                     */
/*-------------------------------------------------------------------------------------------------------------------------------------*/

.complex-slider .center{
    max-width: unset;
    width: 100%;
}
.complex-slider .chili-slider{
    font-size: 1em;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    width:  100% ;
    left: 0;
    right: 0%;
    top: 0%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 0em;
    height: auto;
    margin-top: 0em;
}
.complex-slider .chili-slider::before {
    content: '';
    position: relative;
    display: block;
    margin-top: 66vh;
}
.complex-slider .chili-slider-segment {
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    width:  100% ;
    height: 66vh ;
    position: relative;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    left: 0%;
    transition: all 1s;
    background-size: cover;
    left: 0em ;
    top: 0 ;
}
.complex-slider .chili-slider-segment .background {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: all 1s;
    top: 0 ;
    transform:scale(1.2);
}
.complex-slider .background::before {
    content: '';
    display: block;
    width: 200%;
    height: 29em;
    background-color: var(--chili-color-3);
    position: absolute;
    bottom: -65%;
    left: -20%;
    z-index: 3;
    transform: rotate(16deg);
    opacity:0;
    transition: all 1s 0.1s;
}
.complex-slider .nextBox .background::before, .complex-slider .previousBox .background::before{
    transform: rotate(-25deg);
    bottom: -133%;
    opacity:0;
}
.complex-slider .boxSelected .background::before {
    transform: rotate(15deg);
    opacity:1;
}
.complex-slider .background::after {
    content: '';
    display: block;
    width: 200%;
    height: 29em;
    background-color: var(--chili-color-1);
    position: absolute;
    bottom: -64%;
    left: -20%;
    z-index: 3;
    transform: rotate(11deg);
    transition: all 1s;
    opacity:0;
}
.complex-slider .nextBox .background::after, .complex-slider .previousBox .background::after    {
    transform: rotate(-25deg);
    bottom: -133%;
    opacity:0;
}
.complex-slider .boxSelected .background::after {   
    transform: rotate(11deg);
    opacity:1;
}
.complex-slider .boxSelected {
    opacity: 1;
    position: absolute;
    display: block;
    z-index: 2 !important;
}
.complex-slider .nextBox {
    
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 1 !important;
}
.complex-slider .previousBox {   
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 1 !important;
}
.complex-slider .nextBox .background {
    transform:scale(1.2);
}
.complex-slider .previousBox .background {
    transform:scale(1.2);
}
.complex-slider .boxSelected .background {    
    transform:scale(1);
}
.complex-slider .block-content {
    left: 0;
    color: #fff;
    border: ;
    bottom: 0;
    position: absolute;
    margin: 0;
    padding: 7em;
}
.complex-slider h2 {
    transition: all 0.5s 0.5s;
    transform:translate(0%,0);
    font-size:4em;
}
.complex-slider .nextBox h2   ,.complex-slider .previousBox h2 {
    transition: all 0.5s 0s;
    transform:translate(-200%,0);
}
.complex-slider h3 {
    transition: all 0.5s 1s;
    transform:translate(0%,0);
    opacity:1;
}
.complex-slider .nextBox h3   ,.complex-slider .previousBox h3 {
    transition: all 0.5s 0s;
    transform:translate(0,-60%);
    opacity:0;
}