/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  width: 100%;
  height: 803px;
  z-index: 1;
  position: relative;
  top: -203px;
  text-align: center;
}
.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
	height: 100%;*/
}
.unos {
  width: 100%;
  height: 804px;
  background: url('../img/slider/1.jpg') center top no-repeat;
}
.doss {
  width: 100%;
  height: 804px;
  background: url('../img/slider/2.jpg') center top no-repeat;
}
.tress {
  width: 100%;
  height: 804px;
  background: url('../img/slider/3.jpg') center top no-repeat;
}
@media only screen and (min-width: 1367px) and (max-width: 1680px) and (orientation: landscape) {
  .unos {
    width: 100%;
    height: 804px;
    background: url('../img/slider/1-1.jpg') center top no-repeat;
  }
  .doss {
    width: 100%;
    height: 804px;
    background: url('../img/slider/2-1.jpg') center top no-repeat;
  }
  .tress {
    width: 100%;
    height: 804px;
    background: url('../img/slider/3-1.jpg') center top no-repeat;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) and (orientation: landscape) {
  .unos {
    width: 100%;
    height: 804px;
    background: url('../img/slider/1-2.jpg') center top no-repeat;
  }
  .doss {
    width: 100%;
    height: 804px;
    background: url('../img/slider/2-2.jpg') center top no-repeat;
  }
  .tress {
    width: 100%;
    height: 804px;
    background: url('../img/slider/3-2.jpg') center top no-repeat;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
  .unos {
    width: 100%;
    height: 804px;
    background: url('../img/slider/1-3.jpg') center top no-repeat;
  }
  .doss {
    width: 100%;
    height: 804px;
    background: url('../img/slider/2-3.jpg') center top no-repeat;
  }
  .tress {
    width: 100%;
    height: 804px;
    background: url('../img/slider/3-3.jpg') center top no-repeat;
  }
}
.swiper-slide-active {
  /* Specific active slide styling: */
}
.swiper-slide-visible {
  /* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.pagination {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1000;
  position: relative;
  top: -235px;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background: #900A2B;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #D55215;
}
