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

body {
  font-family: "Open Sans", sans-serif;
  background-color: #282828;
}

.rama{
 
	
}

.slider-pages {
  overflow: hidden;
  position: relative;
	
  height: 58vh;
}

.slider-page {
  position: absolute;
  top: 0;
  width: 50%;
  height: 58vh;
  -webkit-transition: -webkit-transform 1350ms;
  transition: -webkit-transform 1350ms;
  transition: transform 1350ms;
  transition: transform 1350ms, -webkit-transform 1350ms;
}

.slider-page--skew {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 140%;
  height: 100%;
  background: #282828;
  -webkit-transform: skewX(-18deg);
          transform: skewX(-18deg);
}

.slider-page--left {
  left: 0;
  -webkit-transform: translateX(-32.5vh) translateY(100%) translateZ(0);
          transform: translateX(-32.5vh) translateY(100%) translateZ(0);
}
.slider-page--left .slider-page--skew {
  left: -40%;
}
.slider-page--left .slider-page__content {
  padding: auto 20% auto 30%;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
    
}
.slider-page__content .p {text-indent: 1.5em;}

.slider-page--right {
  left: 50%;
  -webkit-transform: translateX(32.5vh) translateY(-100%) translateZ(0);
          transform: translateX(32.5vh) translateY(-100%) translateZ(0);
}
.slider-page--right .slider-page--skew {
  right: -40%;
}
.slider-page--right .slider-page__content {
  padding: auto 30% auto 30%;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.slider-page__content {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 30% 0 30%;
  color: #e2e2e2;
  background-size: cover;
  -webkit-transform: skewX(18deg);
          transform: skewX(18deg);
  -webkit-transition: -webkit-transform 1350ms;
  transition: -webkit-transform 1350ms;
  transition: transform 1350ms;
  transition: transform 1350ms, -webkit-transform 1350ms;
}

.slider-page__title {
  margin-bottom: 1em;
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
}

.slider-page__title--big {
  font-size: 1.2em;
}

.slider-page__description {
  font-size: 1em;
  text-align: center;
}

.slider-page__link {
  color: #80a1c1;
}
.slider-page__link:hover, .slider-page__link:focus {
  color: #6386a9;
  text-decoration: none;
}

/***********************
 *	Project JS Styles
 **********************/
.js-scrolling__page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.js-scrolling--active .slider-page {
  -webkit-transform: translateX(0) translateY(0) translateZ(0);
          transform: translateX(0) translateY(0) translateZ(0);
}

.js-scrolling--inactive .slider-page__content {
  -webkit-transform: skewX(18deg) scale(0.9);
          transform: skewX(18deg) scale(0.9);
}

.js-scrolling__page-1 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/29.jpg);
}
.js-scrolling__page-1 .slider-page--right .slider-page__content {
  
    background-color: #282828;
}

.js-scrolling__page-2 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/31.jpg);
}
.js-scrolling__page-4 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/23.jpg);
}
.js-scrolling__page-5 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/8.jpg);
}
.js-scrolling__page-6 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/13.jpg);
}
.js-scrolling__page-8 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/22.jpg);
}
.js-scrolling__page-9 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/43.jpg);
}
.js-scrolling__page-10 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/38.jpg);
}
.js-scrolling__page-11 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/40.jpg);
}
.js-scrolling__page-12 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/2.jpg);
}
.js-scrolling__page-13 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/115.jpg);
}
.js-scrolling__page-14 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/97.png);
}
.js-scrolling__page-15 .slider-page--left .slider-page__content {
  background-image: url(/img/home/26.jpg);
}
.js-scrolling__page-16 .slider-page--left .slider-page__content {
  background-image: url(/img/home/47.jpg);
}
.js-scrolling__page-17 .slider-page--left .slider-page__content {
  background-image: url(/img/home/4.png);
}
.js-scrolling__page-18 .slider-page--left .slider-page__content {
  background-image: url(/img/home/57197576.jpg);
}
.js-scrolling__page-19 .slider-page--left .slider-page__content {
  background-image: url(/img/home/28.jpg);
}
.js-scrolling__page-20 .slider-page--left .slider-page__content {
  background-image: url(/img/home/37.jpg);
}
.js-scrolling__page-7 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/16.jpg);
}
.js-scrolling__page-2 .slider-page--left .slider-page__title,
.js-scrolling__page-2 .slider-page--left .slider-page__description {
  color: #282828;
}
.js-scrolling__page-2 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/32.jpg);
}
.js-scrolling__page-4 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/24.jpg);
}
.js-scrolling__page-8 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/45.jpg);
}
.js-scrolling__page-9 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/44.jpg);
}
.js-scrolling__page-10 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/39.jpg);
}
.js-scrolling__page-11 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/41.jpg);
}
.js-scrolling__page-12 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/113.jpg);
}
.js-scrolling__page-13 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/4.jpg);
}
.js-scrolling__page-14 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/95.jpg);
}
.js-scrolling__page-15 .slider-page--right .slider-page__content {
  background-image: url(/img/home/17.png);
}
.js-scrolling__page-16 .slider-page--right .slider-page__content {
  background-image: url(/img/home/19.png);
}
.js-scrolling__page-17 .slider-page--right .slider-page__content {
  background-image: url(/img/home/21.png);
}
.js-scrolling__page-18 .slider-page--right .slider-page__content {
  background-image: url(/img/home/23.png);
}
.js-scrolling__page-19 .slider-page--right .slider-page__content {
  background-image: url(/img/home/25.png);
}
.js-scrolling__page-20 .slider-page--right .slider-page__content {
  background-image: url(/img/home/29.jpg);
}
.js-scrolling__page-5 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/9.jpg);
}
.js-scrolling__page-6 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/11.jpg);
}
.js-scrolling__page-7 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/10.jpg);
}




.js-scrolling__page-3 .slider-page--left .slider-page__content {
  background-image: url(/img/antago_2/25.jpg);
}
.js-scrolling__page-3 .slider-page--right .slider-page__content {
  background-image: url(/img/antago_2/28.jpg);


}