/* 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%;
	min-height:700px;
}
.s1 .swiper-slide { 
	min-height:700px;
	font-size:18px;
}
.s1 .swiper-wrapper-inner { 
	padding:0 20px 70px;
	margin-top:210px;
}
.s1 .swiper-img { 
	opacity:0;
	margin-left:100%;
}
.s1 .swiper-copy { 
	opacity:0;
	max-width:450px;
	color:#003C6e;
	font-size:29px;
	font-weight:500;
	margin-left:60%;
	transition:all 1s;
	text-shadow:1px 1px 34px rgba(255, 255, 255, 1);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-appearance:none;
}
.s1 .swiper-button {
	margin:10px 0;
	padding:12px 18px;
	border:2px solid #ffffff;
	background:transparent;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	letter-spacing:1px;
	cursor:pointer;
}
.s1 .swiper-button:hover {
	background:#ffffff;
	color:#313a45;
}
.hero-overlay { 
	position:absolute;
	z-index:9;
	top:0;
	left:0;
	right:0;
	margin:auto;
	height:100%;
	padding-top:200px;
}
.hero-design { 
	font-size:42px;
}
.hero-title { 
	position:absolute;
	z-index:1;
	bottom:40px;
	left:0;
	right:0;
	margin:auto;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	text-shadow:0 0 6px rgba(0, 0, 0, 1);
}
.hero-more { 
	margin-left:12px;
	color:#ffffff;
	font-size:12px;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	//text-shadow:0 0 6px rgba(0, 0, 0, 0.5);
	cursor:pointer;
}
.hero-arrow { 
	position:absolute;
	z-index:1;
	bottom:28px;
	right:20px;
	color:#ffffff;
	font-size:38px;
	text-shadow:0 0 6px rgba(0, 0, 0, 1);
	cursor:pointer;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-5px); }
}
@keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-5px); }
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { 
	left:0;
	right:0;
	width:165px;
	margin:auto;
}

/* SWIPER 2 */
.s2 { 
	position:relative;
	width:100%;
	min-height:415px;
}
.s2 .swiper-slide, .s2 .swiper-wrapper-inner { 
	min-height:415px;
}
.s2 .swiper-wrapper-inner { 
	padding:0 20px;
}
.s2 .swiper-bar { 
	position:absolute;
	z-index:1;
	bottom:0;
	width:100%;
	height:250px;
	background-color:#ee3124;
}
.s2 .swiper-img { 
	position:absolute;
	bottom:0;
	right:0;
	opacity:0;
	margin-right:-20%;
}
.s2 .swiper-copy { 
	position:absolute;
	z-index:1;
	bottom:20px;
	left:-30%;
	right:0;
	margin:0 auto;
	width:95%;
	max-width:1018px;
	opacity:0;
}

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


/* ARROWS */
.swiper-button-prev, .swiper-button-next { 
	width:34px;
	height:58px;
	padding:0;
	//background-color:rgba(3, 3, 3, 0.2);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.swiper-button-prev {
	left:40px;
	background-image:url(../img/slider-arrow-left.svg);
}
.swiper-button-next {
	right:40px;
	background-image:url(../img/slider-arrow-right.svg);
}
.swiper-button-prev:hover {
	//background-image:url(../img/slider-arrow-left-on.png);
}
.swiper-button-next:hover {
	//background-image:url(../img/slider-arrow-right-on.png);
}
.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-wrapper-inner { 
	margin-top:280px;
}
}

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

.hero-img-l { 
	display:none;
}
.hero-img-s { 
	display:block;
}

.s2 .swiper-img { 
	margin-right:-50%!important;
}

.swiper-pagination { 
	display:none;
}

}

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

/* SWIPER 1 */
.s1, .s1 .swiper-slide { 
	min-height:400px;
}
.hero-design { 
	font-size:38px;
}
.s1 .swiper-copy { 
	font-size:20px;
}

.hero-title { 
	bottom:50px;
	padding-right:70px;
}
.hero-arrow { 
	bottom:35px;
}

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


/* 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;
}