/* GENERAL */
.swiper-slide { 
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.swiper-wrapper-inner { 
	position:relative;
	height:100%;
	max-width:1280px;
	margin:auto;
}

/* SWIPER 1 */
.s1 { 
	position:relative;
	width:100%;
	height:500px;
}
.s1 .swiper-slide { 
	height:500px;
	font-size:18px;
}
.s1-s, .s1-s .swiper-slide { 
	height:450px;
}
.s1 .swiper-wrapper-inner { 
	padding:0 20px 70px;
	margin-top:210px;
}
.s1 .swiper-img { 
	opacity:0;
	margin-left:100%;
}
.s1 .swiper-overlay { 
	height:100%;
	background-color:rgba(0, 0, 0, 0.2);
}
.s1 .swiper-table > .table-cell { 
	padding:0 20px;
}
.s1 .swiper-title { 
	max-width:700px;
	margin-bottom:20px;
	font-size:48px;
}
.hero-overlay { 
	position:absolute;
	z-index:9;
	top:0;
	left:0;
	right:0;
	margin:auto;
	height:100%;
	padding-top:200px;
}
.hero-table { 
	height:100%;
	text-align:right;
}
.hero-box { 
	display:block;
	float:right;
	padding:50px 20px;
	width:100%;
	max-width:350px;
}
.hero-img { 
	display:block;
}
.hero-img img { 
	margin:10px 0;
}
.hero-copy { 
	display:block;
	font-size:30px;
	font-weight:600;
	line-height:1.1;
	text-transform:uppercase;
}

/* SWIPER 2 */
.s2 { 
	position:relative;
	width:100%;
	height:400px;
}
.s2 .swiper-slide, .s2 .swiper-wrapper-inner { 
	height:400px;
}
.s2 .swiper-wrapper-inner { 
	padding:0 20px;
}
.s2 .swiper-bar { 
	position:absolute;
	z-index:1;
	bottom:0;
	width:100%;
	height:250px;
	background-color:#ee3124;
}

/* PAGINATION */
.swiper-container-horizontal > .swiper-pagination { 
	bottom:38px;
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border: 2px solid #ffffff;
	background: transparent;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background: #ffffff;
}


/* ARROWS */
.swiper-button-prev, .swiper-button-next { 
	width: 44px;
	height: 44px;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.swiper-button-prev {
	left: 0;
	background-image: url(../img/arrow-l-01.svg);
}
.swiper-button-next {
	right: 0;
	background-image: url(../img/arrow-r-01.svg);
}
.swiper-button-next:after, .swiper-button-prev:after {
	display: none;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display:none;
}

/* MEDIA QUERIES - 850PX */
@media screen and (max-width: 850px) {
.s1 .swiper-title { 
	font-size:40px;
}
}

/* MEDIA QUERIES - 710PX */
@media screen and (max-width: 710px) { 

.s1 .swiper-title { 
	font-size:32px;
}

}

/* MEDIA QUERIES - 603PX */
@media screen and (max-width: 603px) { 

/* SWIPER 1 */
.s1, .s1 .swiper-slide, .s2, .s2 .swiper-slide { 
	height:300px;
}
.s1 .swiper-title { 
	font-size:28px;
}
.hero-copy { 
	font-size:24px;
}

/* ARROWS */
.swiper-button-prev, .swiper-button-next { 
	display:none;
}
}

/* MEDIA QUERIES - 520PX */
@media screen and (max-width: 520px) { 
.hero-img { 
	max-width:175px!important;
}
.s1 .swiper-title { 
	font-size:24px;
}
}

/* PRELOAD */

@-moz-keyframes swiper-load {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #e84124;
  }
  40% {
    background: #dde2e7;
  }
}
@-webkit-keyframes swiper-load {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #e84124;
  }
  40% {
    background: #dde2e7;
  }
}
@keyframes swiper-load {
  0% {
    background: #dde2e7;
  }
  10% {
    background: #e84124;
  }
  40% {
    background: #dde2e7;
  }
}
/* :not(:required) hides these rules from IE9 and below */
.swiper-load:not(:required) {
  -moz-animation: swiper-load 2000ms 300ms infinite ease-out;
  -webkit-animation: swiper-load 2000ms 300ms infinite ease-out;
  animation: swiper-load 2000ms 300ms infinite ease-out;
  background: #dde2e7;
  display: inline-block;
  position: relative;
  text-indent: -9999px;
  width: 0.9em;
  height: 1.2em;
  margin: 0 1.6em;
}
.swiper-load:not(:required):before, .swiper-load:not(:required):after {
  background: #dde2e7;
  content: '\x200B';
  display: inline-block;
  width: 0.9em;
  height: 1.2em;
  position: absolute;
  top: 0;
}
.swiper-load:not(:required):before {
  -moz-animation: swiper-load 2000ms 150ms infinite ease-out;
  -webkit-animation: swiper-load 2000ms 150ms infinite ease-out;
  animation: swiper-load 2000ms 150ms infinite ease-out;
  left: -1.6em;
}
.swiper-load:not(:required):after {
  -moz-animation: swiper-load 2000ms 450ms infinite ease-out;
  -webkit-animation: swiper-load 2000ms 450ms infinite ease-out;
  animation: swiper-load 2000ms 450ms infinite ease-out;
  right: -1.6em;
}
.swiper-load { 
	position:absolute!important;
	z-index:2!important;
	margin:auto!important;
	top:0!important;
	bottom:0!important;
	left:0!important;
	right:0!important;
}