#slideshow *{
    font-size: 105%;
}
/* cyrillic-ext */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghdujmr6wr.woff2) format('woff2');
  unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
}
/* cyrillic */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghduhmr6wr.woff2) format('woff2');
  unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
/* greek-ext */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghdunmr6wr.woff2) format('woff2');
  unicode-range: u+1f00-1fff;
}
/* greek */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghdubmr6wr.woff2) format('woff2');
  unicode-range: u+0370-03ff;
}
/* vietnamese */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghdurmr6wr.woff2) format('woff2');
  unicode-range: u+0102-0103, u+0110-0111, u+1ea0-1ef9, u+20ab;
}
/* latin-ext */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghduvmr6wr.woff2) format('woff2');
  unicode-range: u+0100-024f, u+0259, u+1e00-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
/* latin */
@font-face {
  font-family: 'open sans condensed';
  font-style: normal;
  font-weight: 300;
  src: local('open sans condensed light'), local('opensanscondensed-light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7nfdqdnbtkabzaiol9il_o6kjj73e7ff1ghduxmrw.woff2) format('woff2');
  unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  src: url("https://fonts.googleapis.com/css?family=open+sans+condensed:300");
  font-family: 'open sans condensed', sans-serif;
}
.slide__text-desc {
  font-family: 'open sans condensed', sans-serif;
}

*, *:before, *:after {
  /* box-sizing: border-box; */
  /* box-sizing: border-box; */
  /* margin: 0; */
  /* padding: 0; */
}

html, body {
  /* font-size: 62.5%; */
  /* height: 100%; */
  /* overflow: hidden; */
}

body {
  /* background: #000; */
}

svg {
  display: block;
  overflow: visible;
}

.slider-container {
  position: relative;
  height: 100%;
  margin:auto;
  user-select: none;
  cursor: all-scroll;
}

.slider-control {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 12%;
  height: 100%;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 0;
}
.slider-control.inactive:hover {
  cursor: auto;
}
.slider-control:not(.inactive):hover {
  opacity: 1;
  cursor: pointer;
}
.slider-control.left {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.slider-control.right {
  right: 0;
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2rem;
  transform: translatex(-50%);
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
}
.slider-pagi__elem:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.3s;
  transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  transform: translate(-50%, -50%) scale(1);
}

.slider {
  z-index: 1;
  position: relative;
  height: 100%;
}
.slider.animating {
  transition: transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg, .slider.animating .slide__bg_aidite {
  transition: transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg, .slider.animating .slide__bg_ivoclar {
  transition: transform 0.5s;
  will-change: transform;
}


.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide.active .slide__overlay,
.slide.active .slide__text {
  opacity: 1;
  transform: translatex(0);
}
.slide__bg, .slide__bg_aidite {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide__bg, .slide__bg_ivoclar {
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background-size: cover;
  will-change: transform;
}
.slide:nth-child(1) {
  left: 0;
}
.slide:nth-child(1) .slide__bg {
  left: 0;
  /*background-image: url("../images/slide/1.jpg");*/
  /*background-image: url("../images/slide/1101010.jpg");*/
  background-image: url("../images/slide/01021.jpg");
      background-position: center!important;

}
.slide:nth-child(1) .slide__bg_aidite {
  left: 0;
  background-image: url("../images/slide/1_aidite.jpg");
}
.slide:nth-child(1) .slide__bg_ivoclar {
  left: 0;
  background-image: url("../images/slide/1_ivoclar.jpg");
}
.slide:nth-child(1) .slide__overlay-path {
  fill: #337ab7;
}
@media (max-width: 991px) {
  .slide:nth-child(1) .slide__text {
    background-color: rgba(51,122,183, 0.8);
  }
    .slide:nth-child(1) .slide__bg,  .slide:nth-child(1) .slide__bg_aidite{
  background-position-x: right;

}
    .slide:nth-child(1) .slide__bg,  .slide:nth-child(1) .slide__bg_ivoclar{
  background-position-x: right;

}
}
.slide:nth-child(2) {
  left: 100%;
}
.slide:nth-child(2) .slide__bg {
  left: -50%;
  background-image: url("../images/slide/2.jpg");
}
.slide:nth-child(2) .slide__overlay-path {
  fill: #337ab7;
}
@media (max-width: 991px) {
  .slide:nth-child(2) .slide__text {
    background-color: rgba(51,122,183, 0.8);
  }
    .slide:nth-child(2) .slide__bg {
  background-position-x: center;

}

}
.slide:nth-child(3) {
  left: 200%;
}
.slide:nth-child(3) .slide__bg {
  left: -100%;
  background-image: url("../images/slide/3.jpg");
  background-position-x: center;

}
.slide:nth-child(3) .slide__overlay-path {
    fill: #337ab7;
}
@media (max-width: 991px) {
  .slide:nth-child(3) .slide__text {
    background-color: rgba(51,122,183, 0.8);
  }
  .slide:nth-child(3) .slide__bg {
  background-position-x: center;

}
}
.slide:nth-child(4) {
  left: 300%;
}
.slide:nth-child(4) .slide__bg {
  left: -150%;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/3d-slider-4.jpg");
}
.slide:nth-child(4) .slide__overlay-path {
  fill: #cbc6c3;
}
@media (max-width: 991px) {
  .slide:nth-child(4) .slide__text {
    background-color: rgba(203, 198, 195, 0.8);
  }
}
.slide__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  min-height: 700px;
  transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
  will-change: transform, opacity;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__overlay {
    display: none;
  }
  .slide__text-heading{
	  /* font-size:18px!important; */
  }
  .slide__text-,.slide__text-link{
	 	/* font-size:16px!important; */
  }
}
.slide__overlay path {
  opacity: 0.6;
}
.slide__text {
  position: absolute;
  width: 30%;
  bottom: 15%;
  left: 12%;
  color: #fff;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  will-change: transform, opacity;
  transform: translatey(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .slide__text {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 11rem;
    text-align: center;
    transform: translatey(50%);
    transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
    /* padding: 0 1rem; */
  }
}
.slide__text-heading {
  font-family: "polar", helvetica, arial, sans-serif;
  font-size: 5rem;
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .slide__text-heading {
    padding-top: 30px;
    line-height: 2rem;
    font-size: 35px!important;
  }
}
.slide__text-desc {
  font-family: "open sans", helvetica, arial, sans-serif;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .slide__text-desc {
    display: none;
  }
}
.slide__text-link {
  z-index: 5;
  display: inline-block;
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  font-family: "open sans", helvetica, arial, sans-serif;
  font-size: 2.3rem;
  perspective: 1000px;
}
@media (max-width: 991px) {
  .slide__text-link {
    margin: -2rem 0 8rem;
  }
}
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  transform-origin: 50% 100%;
  transform: rotatex(-85deg);
  transition: transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {
  transform: rotatex(0);
}
/* slider */
/* slider */
#slideshow{
	width:100%;
	height:450px;
	background-color:skyblue;
}
#slideshow{
    overflow: hidden;
}
.slideshow-all-container{
	min-height:400px;
	max-height:500px;
	height:100%;
}
/* slideshow container */
.slideshow-container {
    height: 100%;
	/* max-width: 1000px; */
	position: relative;
	margin: auto;
}

/* hide the images by default */
.myslides {
  display: none;
  height:100%;
 
}
.myslides img{
	height:100%;
}
/* next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* on hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}

/* caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	/* padding: 8px 12px; */
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* the dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
	background-color: #717171;
}

/* fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	height:100%;
}

@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}