.wrapper-right-block .bg-holder .center-block .layout-sidebar-first{
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
.views-block__carousel-3d-block-1{
            overflow:visible;
            top:0px;
            z-index:1;
}
.views-field-field-carousel3d-slide-image{
    width:100%;
    -webkit-filter: drop-shadow(0px 0px 1px rgba(221, 221, 221, 0.65))
                  drop-shadow(-0px -0px 1px rgba(221, 221, 221, 0.65));
    filter: drop-shadow(0px 0px 1px rgba(221, 221, 221, 0.65))
          drop-shadow(-0px -0px 1px rgba(221, 221, 221, 0.65));
}

.slideshowButton{
  width:100%;
  position: relative;
  top:550px;
}
.slideshowButton > .left, .slideshowButton > .right{
      color: #efefef;
      font: bold 20px arial;
      text-align: center;
      text-shadow: 0px 1px 0px #f5f5f5;
      background: transparent;
      border: solid 1px #efefef;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
      cursor: pointer;
      padding:10px 12px;
      position: absolute;
      /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE8

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50); // IE 5-7

        /* Modern Browsers */
        opacity: 0.5;
}
.slideshowButton > .left{
      left :0px;
}
.slideshowButton > .right{
      right :0px;
}

.corousel3dTittle{
  position: absolute;
  float:left;
  width:100%;
}
.corousel3dTittle::before {
    content: "+";
    background-color: transparent;
    color: #ffffff;
    font-weight: bold;
    border: solid 2px #efefef;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    /* -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.4); */
    padding:15px 19px;
    float: left;
    margin-left: 50%;
}
.active .corousel3dTittle::before {
  animation: glow .5s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 5px -5px #ffffff;
  }
  to {
    box-shadow: 0 0 5px 5px #efefef;
  }
}

.corousel3dTittle a{
  padding:13px 20px;
  display: block;
  font-size: 1.5rem;
  text-align: left;
  color: #ffffff;
  font-weight: 500;
  background: url("../images/arrow-white.png") no-repeat 80% center;
}
.corousel3dTittle a:hover{
    color:#ffffff;
    text-decoration: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance:textfield;
}
.intl-tel-input{
  width:100%;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:240px) {
    .views-block__carousel-3d-block-1{width:100%;overflow: hidden; margin:0 auto 0px;}
    .slideshowButton{display: none;}
    .slideshowButton > .left, .slideshowButton > .right{display: none;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:45%;}
    .corousel3dTittle::before {display: none;}
    .corousel3dTittle{
      background: #523375;
      background: -webkit-gradient(left top, right top, color-stop(0%, #523375), color-stop(100%, #933680));
      background: -webkit-gradient(linear, left top, right top, from(#523375), to(#933680));
      background: linear-gradient(to right, #523375 0%, #933680 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523375', endColorstr='#933680', GradientType=1);
    }
    .corousel3dTittle a{margin-left: 0%;background: url("../images/arrow-white.png") no-repeat 80% center;}
}
@media only screen and (min-width:320px) {
    .views-block__carousel-3d-block-1{width:100%;overflow: hidden; margin:0 auto 0px;}
    .slideshowButton{display: none;}
    .slideshowButton > .left, .slideshowButton > .right{display: none;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:45%;}
    .corousel3dTittle::before {display: none;}
    .corousel3dTittle{
      background: #523375;
      background: -webkit-gradient(left top, right top, color-stop(0%, #523375), color-stop(100%, #933680));
      background: -webkit-gradient(linear, left top, right top, from(#523375), to(#933680));
      background: linear-gradient(to right, #523375 0%, #933680 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523375', endColorstr='#933680', GradientType=1);
    }
    .corousel3dTittle a{margin-left: 0%;background: url("../images/arrow-white.png") no-repeat 80% center;}
}
@media only screen and (min-width:480px) {
    .views-block__carousel-3d-block-1{width:100%;overflow: hidden; margin:0 auto 0px;}
    .slideshowButton{display: none;}
    .slideshowButton > .left, .slideshowButton > .right{display: none;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:45%;}
    .corousel3dTittle::before {display: none;}
    .corousel3dTittle{
      background: #523375;
      background: -webkit-gradient(left top, right top, color-stop(0%, #523375), color-stop(100%, #933680));
      background: -webkit-gradient(linear, left top, right top, from(#523375), to(#933680));
      background: linear-gradient(to right, #523375 0%, #933680 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523375', endColorstr='#933680', GradientType=1);
    }
    .corousel3dTittle a{margin-left: 0%;background: url("../images/arrow-white.png") no-repeat 80% center;}
}
@media only screen and (min-width:768px) {
    .views-block__carousel-3d-block-1{width:100%;overflow: hidden;margin:0 auto;}
    .slideshowButton{display: none;}
    .slideshowButton > .left, .slideshowButton > .right{display: none;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:55%;}
    .corousel3dTittle::before {display: block;}
    .corousel3dTittle{background:transparent;margin:12px 10px;float:left;letter-spacing: 1px;}
    .corousel3dTittle a{margin-left: 0%;background: none;}
}
@media only screen and (min-width:1024px) {
    .views-block__carousel-3d-block-1{width:100%;margin:0 auto;}
    .slideshowButton{display: none;}
    .slideshowButton > .left, .slideshowButton > .right{display: none;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:55%;}
    .corousel3dTittle::before {display: block;}
    .corousel3dTittle{background:transparent;margin:12px 10px;float:left;letter-spacing: 1px;}
    .corousel3dTittle a{margin-left: 65%;background: none;}
}
@media only screen and (min-width:1140px) {
    .views-block__carousel-3d-block-1{width:100%;margin:0 auto;}
    .slideshowButton{display: block;}
    .slideshowButton > .left, .slideshowButton > .right{display: block;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:55%;}
    .corousel3dTittle::before {display: block;}
    .corousel3dTittle{background:transparent;margin:12px 10px;float:left;letter-spacing: 1px;}
    .corousel3dTittle a{margin-left: 65%;background: none;}
}

@media only screen and (min-width:1640px) {
    .views-block__carousel-3d-block-1{width:95%;margin:0 auto;}
    .slideshowButton{display: block;}
    .slideshowButton > .left, .slideshowButton > .right{display: block;}
    .slideshowButton > .left, .slideshowButton > .right{display: block;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:55%;}
    .corousel3dTittle::before {display: block;}
    .corousel3dTittle{background:transparent;margin:12px 10px;float:left;letter-spacing: 1px;}
    .corousel3dTittle a{margin-left: 65%;background: none;}
}

@media only screen and (min-width:1800px) {
    .views-block__carousel-3d-block-1{width:95%;margin:0 auto;}
    .slideshowButton{display: block;}
    .slideshowButton > .left, .slideshowButton > .right{display: block;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:55%;}
    .corousel3dTittle::before {display: block;}
    .corousel3dTittle{background:transparent;margin:12px 10px;float:left;letter-spacing: 1px;}
    .corousel3dTittle a{margin-left: 65%;background: none;}
}

@media only screen and (min-width:2860px) {
    .views-block__carousel-3d-block-1{width:95%;margin:0 auto;}
    .slideshowButton{display: block;}
    .slideshowButton > .left, .slideshowButton > .right{display: block;}
    .carousel3dMainWrapper{top:-180px;position: relative;}
    .corousel3dTittle{top:55%;}
    .corousel3dTittle::before {display: block;}
    .corousel3dTittle{background:transparent;margin:12px 10px;float:left;letter-spacing: 1px;}
    .corousel3dTittle a{margin-left: 65%;background: none;}
}

/* 1.25 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi){
    /* Retina-specific stuff here */

}

/* 1.3 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
    /* Retina-specific stuff here */
    .views-block__carousel-3d-block-1{width:88%;}
    .slideshowButton{display: block;}
}

/* 1.5 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi){
    /* Retina-specific stuff here */
    .views-block__carousel-3d-block-1{width:88%;}
    .slideshowButton{display: block;}
}

/*2.0 dpr */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi){
    /* Retina-specific stuff here */
     .views-block__carousel-3d-block-1{width:88%;}
    .slideshowButton{display: block;}
}
