/* ************************************* */
/*                                       */
/* royalslider Custom (overwrites)      */
/*                                       */
/* ************************************* */

.royalSlider {
  width: 100%;
  margin-bottom: 1px;
}

.rsDefault .rsArrowIcn {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.royalSlider .rsImg {
  width: 100%;
  height: auto;
  margin: 0 !important;
}

/* Background */
.rsDefault, 
.rsDefault .rsOverflow, 
.rsDefault .rsSlide {
  background: white;
}

/* ************************************* */
/*                                       */
/* royalslider Custom (own)              */
/*                                       */
/* ************************************* */

.rsABlock {
  width:400px;
  padding:24px 24px 12px 24px;
  -webkit-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.rsABlock h1,
.rsABlock h1.big {
  font-size:48px;
  font-weight: bold;
}

.rsABlock h2 {
  font-size:36px;
  font-weight: bold;
}

.rsABlock h3 {
  font-size:30px;
  font-weight: normal;
}

/* ************************************* */
/* Block width                           */
/* ************************************* */

.rsABlock.size-wide {
  width:1000px;
}

.rsABlock.size-100 {
  width:100%;
  left:0 !important;
/*  height:100%;*/
  padding:12px 12px 12px 12px;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.rsABlock.size-normal {
  width:500px;
}

.rsABlock.size-narrow {
  width:300px;
}

/* ************************************* */
/* Block transparency                    */
/* ************************************* */

.background-black.trans-10 {
  background-color: rgba(0,0,0,0.1);
}

.background-black.trans-20 {
  background-color: rgba(0,0,0,0.2);
}

.background-black.trans-30 {
  background-color: rgba(0,0,0,0.3);
}

.background-black.trans-40 {
  background-color: rgba(0,0,0,0.4);
}

.background-black.trans-50 {
  background-color: rgba(0,0,0,0.5);
}

.background-black.trans-60 {
  background-color: rgba(0,0,0,0.6);
}

.background-black.trans-70 {
  background-color: rgba(0,0,0,0.7);
}

.background-black.trans-80 {
  background-color: rgba(0,0,0,0.8);
}

.background-black.trans-90 {
  background-color: rgba(0,0,0,0.9);
}

.background-white.trans-10 {
  background-color: rgba(255,255,255,0.1);
}

.background-white.trans-20 {
  background-color: rgba(255,255,255,0.2);
}

.background-white.trans-30 {
  background-color: rgba(255,255,255,0.3);
}

.background-white.trans-40 {
  background-color: rgba(255,255,255,0.4);
}

.background-white.trans-50 {
  background-color: rgba(255,255,255,0.5);
}

.background-white.trans-60 {
  background-color: rgba(255,255,255,0.6);
}

.background-white.trans-70 {
  background-color: rgba(255,255,255,0.7);
}

.background-white.trans-80 {
  background-color: rgba(255,255,255,0.8);
}

.background-white.trans-90 {
  background-color: rgba(255,255,255,0.9);
}

/* ************************************* */
/* Block position                        */
/* ************************************* */

/* Vertical: Top */

.rsABlock.pos-tl {
  top:48px;
  left:48px;
}

.rsABlock.pos-tc {
  top:48px;
  left:50%;
  transform: translate(-50%,0) !important;
  -webkit-transform: translate(-50%,0) !important;
  -ms-transform: translate(-50%,0) !important;
}

.rsABlock.pos-tr {
  top:48px;
  right:48px;
  left:auto;
}

/* Vertical: Middle */

.rsABlock.pos-cl {
  top:50%;
  left:48px;
  transform: translate(0,-50%) !important;
  -webkit-transform: translate(0,-50%) !important;
  -ms-transform: translate(0,-50%) !important;
}

.rsABlock.pos-cc {
  top:50%;
  left:50%;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
}

.rsABlock.pos-cr {
  top:50%;
  transform: translate(0,-50%) !important;
  -webkit-transform: translate(0,-50%) !important;
  -ms-transform: translate(0,-50%) !important;
  right:48px;
  left:auto;
}

/* Vertical: Bottom */

.rsABlock.pos-bl {
  bottom:48px;
  left:48px;
  top:auto;
}

.rsABlock.pos-bc {
  top:auto;
  bottom:48px;
  left:50%;
          transform: translate(-50%,0) !important;
  -webkit-transform: translate(-50%,0) !important;
      -ms-transform: translate(-50%,0) !important;
}

.rsABlock.pos-br {
  top:auto;
  bottom:48px;
  right:48px;
  left:auto;
}

.slideshow-mob {
  display:none;
}

.slideshow-nomob,
.slideshow-mob {
  height:100%;
}
  
@media (max-width: 1200px) {

  .slideshow-nomob {
    display:none;
  }
  
  .slideshow-mob {
    display:block;
  }
  
}

/* ********************************************************************************** */
/*                                                                                    */
/* <= Small TABLET Landscape                                                          */
/*                                                                                    */
/* ********************************************************************************** */

@media (max-width: 961px){
  
  .rsABlock[class^=" pos-"],
  .rsABlock[class*=" pos-"] {
    width:90%;
    left:5%;
    right:5%;
    top:5%;
    bottom:5%;
            transform: translate(0%,0) !important;
    -webkit-transform: translate(0%,0) !important;
        -ms-transform: translate(0%,0) !important;
  }
  
  .rsABlock img {
    width:22%;
    height:auto;
  }
  
  .rsABlock h1,
  .rsABlock h1.big {
    font-size:36px;
  }

  .rsABlock h2 {
    font-size:24px;
  }

  .rsABlock h3 {
    font-size:20px;
  }
  
}
  
 /* ********************************************************************************** */
/*                                                                                    */
/* <= TABLET Portrait                                                                 */
/*                                                                                    */
/* ********************************************************************************** */

@media (max-width: 769px){

  .rsABlock h1,
  .rsABlock h1.big {
    font-size:24px;
    font-weight: normal;
    padding-bottom: 16px;
  }
  
  .rsABlock h2 {
    font-size:18px;
    font-weight: normal;
    padding-bottom: 8px;
  }
  
  .rsABlock h3 {
    font-size:16px;
  }

}

/* ********************************************************************************** */
/*                                                                                    */
/* <= PHONE Landscape                                                                 */
/*                                                                                    */
/* ********************************************************************************** */

@media (max-width: 568px){

  .rsABlock h1,
  .rsABlock h1.big {
    font-size:20px;
  }
  
  .rsABlock h2 {
    padding-bottom: 8px;
  }
  
  .rsABlock h3 {
    margin-bottom: 0px;
  }
  
  main p {
    margin-bottom: 0px;
  }


}

/* ********************************************************************************** */
/*                                                                                    */
/* <= Small PHONE Landscape                                                           */
/*                                                                                    */
/* ********************************************************************************** */

@media (max-width: 481px) {
  
  .rsABlock {
    padding:12px;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  
  .rsABlock[class^=" pos-"],
  .rsABlock[class*=" pos-"] {
    width:100%;
    left:0;
    right:0%;
    top:0%;
    bottom:0%;
  }

  .rsABlock h1,
  .rsABlock h1.big {
    font-size:16px;
    padding-bottom: 8px;
  }
  
  .rsABlock h2 {
    padding-bottom: 2px;
    font-size:14px;
  }
  
  .rsABlock h3 {
    font-size:12px;
  }
  
  .rsABlock p {
    font-size: 14px;
  }
  
  .rsABlock img {
    width:20%;
    height:auto;
  }
  
}