/* SWIPER 1 */

.s1 { 
	position:relative;
	width:100%;
	height:800px;
}
.s1 .swiper-slide {
	font-size: 18px;
	color:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-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);
}
.s1 .swiper-wrapper-inner { 
	position:relative;
	height:100%;
	max-width:1180px;
	margin:auto;
	padding:0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.s1 .swiper-copy, .s1 .swiper-copy-l { 
	position:absolute;
	//left:20px!important;
	bottom:12%;
	max-width:54%;
	//-webkit-transform:translateY(-28%);
	//-ms-transform:translateY(-28%);
	//transform:translateY(-28%);
}
.s1 .swiper-copy-l { 
	max-width:80%;
}
.s1 .swiper-slide .title {
	font-size:82px;
	font-weight:700;
	text-shadow:1px 1px 9px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-appearance:none;
	line-height:1.2;
}
.s1 .swiper-slide .topbar-w, .s1 .swiper-copy .pview.topbar-w a {
	color:#ffffff;
	text-shadow:1px 1px 9px rgba(0, 0, 0, 0.4);
}
.s1 .swiper-slide .topbar-b, .s1 .swiper-copy .pview.topbar-b a {
	color:#000000;
	text-shadow:1px 1px 9px rgba(255, 255, 255, 0.6);
}
.s1 .swiper-slide .subtitle { 
	margin:10px 0;
	font-size:26px;
}
.s1 .swiper-copy .pview { 
	margin:0 0 0 7px;
}
.s1 .swiper-copy .pview a { 
	font-size:25px;
	color:inherit;
	padding-right:50px;
	background-position:right 10px center;
	background-repeat:no-repeat;
	background-size:28px;
}
.s1 .swiper-copy .pview a:hover { 
	text-decoration:none;
	background-position:right 0 center;
}
.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;
}

/* SWIPER 2 */
.s2 {
	width:100%;
	height:700px;
}
.s2 .swiper-slide { 
	font-size:18px;
	color:#000000;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.s2 .swiper-slide > span { 
	position:absolute;
	top:25px;
	left:25px;
	width:60%;
	padding:15px;
	background-color:rgba(255, 255, 255, 0.9);
}

/* PAGINATION */
.swiper-container-horizontal > .swiper-pagination { 
	bottom:22px;
}
.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:58px;
	height:50px;
	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:50px;
	background-image:url(../images/slider-arrow-left.png);
}
.swiper-button-next {
	right:50px;
	background-image:url(../images/slider-arrow-right.png);
}
.swiper-button-prev:hover {
	background-image:url(../images/slider-arrow-left-on.png);
}
.swiper-button-next:hover {
	background-image:url(../images/slider-arrow-right-on.png);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display:none;
}


/* MEDIA QUERIES - 960PX */
@media screen and (max-width: 960px) {
.s1 .swiper-copy, .s1 .swiper-copy-l { 
	max-width:94%;
}
}


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


/* MEDIA QUERIES - 603PX */
@media screen and (max-width: 603px) {
.s1 .swiper-copy, .s1 .swiper-copy-l { 
	max-width:89%;
}
.s1 .swiper-slide .title {
	font-size:55px;
}

/* SWIPER 2 */
.s2 {
	height:400px;
}

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