.delayShort {
  animation-delay: 1s;
}
.delayLong {
  animation-delay: 2s;
}
div.skcarousel-wrapper {
    width: 100%;
    padding-bottom: 25.44%; /* 100:25.44; Overriden in page*/
    /*width: 100vw;
    height: 25.44vw; */
    position: relative;

    background: white;
    border:0px solid red;
}
div.skcarousel-outer-wrapper {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2em;
}
div.skcarousel-wrapper > div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;

    color: white;
    
    text-align: center;
    background-size:100%;
    overflow: hidden;

}
div.skcarousel-wrapper > div.sktextcontainerinner {
    font-size: 24px;
}
div.skcarousel-wrapper > div img, div.skcarousel-wrapper > div video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%; /*width kai height anapoda an einai portrait kai oxi landscape*/
  height:auto;
  -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
  display:block;  
}
div.skcarousel-wrapper > div.skcarouselitem {
  /*display:none; */
  background-color: white;
} 

div.skcarouselitem .sktextitem {
  position:relative;
}
.copyrightcontainer {
  position:absolute;
  right:0;
  bottom:1px;
  background-color:rgba(0,0,0,0.5);
  color:white;
  padding:3px;
  font-size:0.8rem;
}

.sktextcontainerouter {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.sktextcontainermiddle {
    display: table-cell;
    vertical-align: middle;
    position:relative;
}


div.sktextcontainerinner {
  margin-left: auto;
  margin-right: auto; 
  border:0px solid red;
  display:inline-block;
  padding:1em;
}


div.sktextitem {
  border:0px solid red;
  text-align:center;
}
div.sktextitem.withshadow {
  
  
}
.sktextcontainerouter.centerleft div.sktextitem, .sktextcontainerouter.topleft div.sktextitem, .sktextcontainerouter.bottomleft div.sktextitem {
}
.sktextcontainerouter.centerright div.sktextitem, .sktextcontainerouter.topright div.sktextitem, .sktextcontainerouter.bottomright div.sktextitem {
}
.sktextcontainerouter.topcenter .sktextcontainermiddle, .sktextcontainerouter.topleft .sktextcontainermiddle, .sktextcontainerouter.topright .sktextcontainermiddle {
  vertical-align: top;
}
.sktextcontainerouter.bottomcenter .sktextcontainermiddle, .sktextcontainerouter.bottomleft .sktextcontainermiddle, .sktextcontainerouter.bottomright .sktextcontainermiddle {
  vertical-align: bottom;
}

.sktextcontainerouter.centerleft div.sktextcontainerinner {
  position:absolute;
  left:3em;
}
.sktextcontainerouter.centerright div.sktextcontainerinner {
  position:absolute;
  right:3em;
}
.sktextcontainerouter.bottomleft div.sktextcontainerinner {
  position:absolute;
  left:3em;
  bottom:1em;
}
.sktextcontainerouter.bottomright div.sktextcontainerinner {
  position:absolute;
  right:3em;
  bottom:1em;
}
.sktextcontainerouter.topleft div.sktextcontainerinner {
  position:absolute;
  left:1em;
  top:1em;
}
.sktextcontainerouter.topright div.sktextcontainerinner {
  position:absolute;
  right:1em;
  top:1em;
}


div.sktextitem a {
  text-decoration:none;
}
div.sktextitem a:hover {
  opacity:0.9;
}

.skcarousel-wrapper span.slidecontrol {
  position:absolute;
  z-index:100;
  width:3%;  
  height:100%;
  display:table-cell;
  border:0px solid red;
  vertical-align: middle;
  text-align: center;
  opacity:0;
  transition: opacity 0.5s;
}
.skcarousel-wrapper span.slidecontrol.slideLeft {
  left:0;
}
.skcarousel-wrapper span.slidecontrol.slideRight {
  right:0;
}
.skcarousel-wrapper span.slidecontrol>span.inner {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:80px;
  border:0px solid green;
  cursor:pointer;
  transition: background-color 0.5s;
}
.skcarousel-wrapper span.slidecontrol.slideLeft>span.inner {
  background:rgba(0, 0, 0, 0.2) url('../Images/arrowleft.svg') no-repeat center;
  background-size:50%;
}
.skcarousel-wrapper span.slidecontrol.slideRight>span.inner {
  background:rgba(0, 0, 0, 0.2) url('../Images/arrowright.svg') no-repeat center;
  background-size:50%;
}
.skcarousel-wrapper span.slidecontrol.slideLeft>span.inner:hover, .skcarousel-wrapper span.slidecontrol.slideRight>span.inner:hover {
  background-color:rgba(0, 0, 0, 0.5);
}

.skcarousel-wrapper span.slidecontrol.slideRight {
  right:0;
}
.skcarousel-wrapper span.choosecontrol {
  position:absolute;
  z-index:100;
  width:100%;  
  height:10px;
  border:0px solid yellow;
  bottom:2em;
  right:0;
  left:0;
  opacity:0;
  transition: opacity 0.5s;
  text-align:center;
}
.skcarousel-wrapper:hover span.choosecontrol, .skcarousel-wrapper:hover span.slidecontrol {
  opacity:1;
}

.skcarousel-wrapper[data-noofitems="1"]:hover span.choosecontrol, .skcarousel-wrapper[data-noofitems="1"]:hover span.slidecontrol {
  opacity:0 !important;
}


.skcarousel-wrapper span.choosecontrol .skbullet {
  display:inline-block;
  height:10px;
  width:50px;
  border:1px solid white;
  margin-right:5px;
  transition: background-color 0.5s;
  cursor:pointer;
}


@media ( max-width : 800px ) {
  .skcarousel-wrapper span.choosecontrol {
    bottom:1.5em;

  }
  .skcarousel-wrapper span.choosecontrol .skbullet {
      height:8px;
      width:40px;
  }
}

.skcarousel-wrapper span.choosecontrol .skbullet:last-child {
  margin-right:0px;
}

.skcarousel-wrapper span.choosecontrol .skbullet:hover, .skcarousel-wrapper span.choosecontrol .skbullet.skactive {
  background-color:white;
}

div.skcarouselitem .sktextitem.aligncenter {
  text-align: center;
}
div.skcarouselitem .sktextitem.alignleft {
  text-align: left;
}
div.skcarouselitem .sktextitem.alignright {
  text-align: right;
}
div.skcarouselitem .sktextitem.sizeXL {
  font-size:36px;
}
div.skcarouselitem .sktextitem.sizeL {
  font-size:28px;
}
div.skcarouselitem .sktextitem.sizeM {
  font-size:23px;
}
div.skcarouselitem .sktextitem.sizeS {
  font-size:17px;
}
.skcarouselitem.haspicturelink {
  cursor:pointer;
}

@media ( max-width : 1300px ) {
  div.skcarouselitem .sktextitem.sizeXL {
    font-size:30px;
  }
  div.skcarouselitem .sktextitem.sizeL {
    font-size:25px;
  }
  div.skcarouselitem .sktextitem.sizeM {
    font-size:20px;
  }
  div.skcarouselitem .sktextitem.sizeS {
    font-size:17px;
  }
}

@media ( max-width : 1025px ) {
  div.skcarouselitem .sktextitem.sizeXL {
    font-size:25px;
  }
  div.skcarouselitem .sktextitem.sizeL {
    font-size:20px;
  }
  div.skcarouselitem .sktextitem.sizeM {
    font-size:18px;
  }
  div.skcarouselitem .sktextitem.sizeS {
    font-size:15px;
  }

  .skcarouselitem.textright .copyrightcontainer {
    left:0;
    right:auto;
  }
}

@media ( max-width : 767px ) {
  /* no controls on mobile, so more space to the right and bottom */
  .skcarousel-wrapper span.choosecontrol, .skcarousel-wrapper span.slidecontrol {
    display:none;
  }
  .sktextcontainerouter.centerleft div.sktextcontainerinner {
    left:1em;
  }
  .sktextcontainerouter.centerright div.sktextcontainerinner {
    right:1em;
  }
  .sktextcontainerouter.bottomleft div.sktextcontainerinner {
    left:1em;
  }
  .sktextcontainerouter.bottomright div.sktextcontainerinner {
    right:1em;
  }
  .sktextcontainerouter.topleft div.sktextcontainerinner {
    left:1em;
  }
  .sktextcontainerouter.topright div.sktextcontainerinner {
    right:1em;
  }

  div.skcarouselitem .sktextitem.sizeXL {
    font-size:20px;
    line-height: 1.2;
  }
  div.skcarouselitem .sktextitem.sizeL {
    font-size:18px;
    line-height: 1.2;
  }
  div.skcarouselitem .sktextitem.sizeM {
    font-size:16px;
    line-height: 1.2;
  }
  div.skcarouselitem .sktextitem.sizeS {
    font-size:14px;
    line-height: 1.2;
  }
}

@media ( max-width : 650px ) {
  div.skcarouselitem .sktextitem.sizeXL {
    font-size:17px;
    line-height: 1.1;
  }
  div.skcarouselitem .sktextitem.sizeL {
    font-size:15px;
    line-height: 1.1;
  }
  div.skcarouselitem .sktextitem.sizeM {
    font-size:14px;
    line-height: 1.1;
  }
  div.skcarouselitem .sktextitem.sizeS {
    font-size:12px;
    line-height: 1.1;
  }
  .copyrightcontainer {
    font-size:0.6rem;
  }

  .sktextcontainerouter.centerleft div.sktextcontainerinner {
    left:0.5em;
  }
  .sktextcontainerouter.centerright div.sktextcontainerinner {
    right:0.5em;
  }
  .sktextcontainerouter.bottomleft div.sktextcontainerinner {
    left:0.5em;
  }
  .sktextcontainerouter.bottomright div.sktextcontainerinner {
    right:0.5em;
  }
  .sktextcontainerouter.topleft div.sktextcontainerinner {
    left:0.5em;
  }
  .sktextcontainerouter.topright div.sktextcontainerinner {
    right:0.5em;
  }
  div.sktextcontainerinner {
    padding:0.5em;
  }
}
@media ( max-width : 420px ) {
  div.skcarouselitem .sktextitem.sizeXL {
    font-size:14px;
    line-height: 1.05;
  }
  div.skcarouselitem .sktextitem.sizeL {
    font-size:13px;
    line-height: 1.05;
  }
  div.skcarouselitem .sktextitem.sizeM {
    font-size:12px;
    line-height: 1.05;
  }
  div.skcarouselitem .sktextitem.sizeS {
    font-size:10px;
    line-height: 1.05;
  }
  .copyrightcontainer {
    font-size:0.5rem;
  }


  .sktextcontainerouter.centerleft div.sktextcontainerinner {
    left:0.4em;
  }
  .sktextcontainerouter.centerright div.sktextcontainerinner {
    right:0.4em;
  }
  .sktextcontainerouter.bottomleft div.sktextcontainerinner {
    left:0.4em;
  }
  .sktextcontainerouter.bottomright div.sktextcontainerinner {
    right:0.4em;
  }
  .sktextcontainerouter.topleft div.sktextcontainerinner {
    left:0.4em;
  }
  .sktextcontainerouter.topright div.sktextcontainerinner {
    right:0.4em;
  }
  div.sktextcontainerinner {
    padding:0.18em;
  }
}
@media ( max-width : 320px ) {
  div.skcarouselitem .sktextitem.sizeXL {
    font-size:13px;
    line-height: 1.05;
  }
  div.skcarouselitem .sktextitem.sizeL {
    font-size:12px;
    line-height: 1.05;
  }
  div.skcarouselitem .sktextitem.sizeM {
    font-size:11px;
    line-height: 1.05;
  }
  div.skcarouselitem .sktextitem.sizeS {
    font-size:9px;
    line-height: 1.05;
  }
}