/* DNP SLIDER
* 
* License: Commercial
* Copyright: Dan Partac
* 
*/

.slider {
	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;	
}
.slider-wrapper {
	position:relative;
	width:100%; height: auto !important; margin: 0;
	-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;
}
.slider .dnp-slide {
	float: left; position: relative; overflow: hidden;
	width:100%; height: auto !important;
}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.slider .slider-wrapper > div > * { /*bottom: 0; left: 0; position: absolute; right: 0; top: 0;*/ }
.slider .slider-wrapper > div > div > * { position: relative }

.slider .slider-wrapper > div > div > .main-sequence.middle { position: static }

.slider .controls { z-index: 39; position: absolute; top: 0; left:0; right: 0; bottom:0; margin: 0 }

#play-pause,
#pagination { position: absolute; bottom: 0; left:0; right: 0 }

.slider .slider-pagination {
    bottom: 0;
    display: block;
    margin: 0;
    position: absolute;
    right: 0;
	z-index: auto
}

.slider .slider-pagination,
.slider .slider-pagination div,
.slider .slider-pagination div:hover {
	cursor: pointer
}

.slider .slider-next,
.slider .slider-prev {
	position: absolute;
	z-index: 35;
	top: 10px; 
}

.slider-pagination { display: block; margin: 0 }

.boxed .slider .slider-pagination { margin: 0 20px !important }

.slider-pagination div { 
	background-color: rgb(20,20,20); background-color: rgba(255,255,255,0.2); 
	height: 10px; width: 25px; float: left;  margin-right: 1px;
	transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;
}

/*.media_wrapper .fluid-width-video-wrapper iframe { padding: 8px 10px; background: rgba(0,0,0,0.80); border: 2px solid rgba(255,255,255,0.20); border-radius: 10px; -webkit-border-radius: 10px;  }

.browserIE7 .media_wrapper .fluid-width-video-wrapper iframe,
.browserIE8 .media_wrapper .fluid-width-video-wrapper iframe { padding:0; background: none; border: 0 }*/

.slider .status {
	height: 10px; display: block;
	margin: 0;
	position: absolute;
	left:0;	width: 100%
}

.slider .status.paused {
	animation-duration: 0.5s !important; -webkit-animation-duration: 0.5s !important;
	animation-name: paused; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; animation-fill-mode: forwards;
	-webkit-animation-name: paused; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards;
	animation-timing-function: ease; -webkit-animation-timing-function: ease;
}
.slider .status.active {
	animation-name: status-bar; animation-iteration-count: 1; animation-direction: normal; animation-play-state: running; animation-fill-mode: forwards;
	-webkit-animation-name: status-bar; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out;

}
.slider .pause-icon {
	right: 20px;
	position: absolute;
	bottom: 20px;
}
.slider .slider-preloader {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 999999; 
}
.slider .slider-preloader img {
	background: #ff9933;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	height: 12px;
	opacity: 0;
	position: relative;
	top: -50%;
	width: 12px;
	-webkit-animation: preload 1s infinite;
	animation: preload 1s infinite;
}
.slider .slider-preloader .preloading {
	height: 12px;
	margin: 0 auto;
	top: 50%;
	position: relative;
	width: 48px;
}
.slider .slider-preloader img:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s; }
.slider .slider-preloader img:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s; }
.slider .slider-preloader .preloading-complete {
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 1s;
	transition-duration: 1s; 
}

/* DNP Slider */
.controls li a {
	position: absolute; top: 50%; cursor: pointer; text-indent: -999em; 
    height: 40px; width: 40px;
	margin: 0; margin-top:-20px; 
	-webkit-transition: background 0.4s ease-out 0s; 
	transition: background 0.4s ease-out 0s;
}

.controls li .slider-next {right:0; left: auto;} 

.controls li { line-height: 1 }

.slider-next, .slider-prev, .slider-pause { text-indent: 0 !important; color: #fff }

.slider-pause i { 
	font-size: 18px !important; line-height: 34px !important; width: 35px !important; height: 35px !important; 
	color: #fff !important; text-align: center; margin: 0 !important; position: absolute; top:0; left: 0;
	-webkit-transition: opacity 0.4s ease-out 0s; 
	transition: opacity 0.4s ease-out 0s;	
}

.browserChrome .slider-pause i { line-height: 36px !important; }

.slider .slider-pause .icon-play,
.slider .slider-pause.paused .icon-pause { opacity: 0 }

.slider .slider-pause .icon-pause,
.slider .slider-pause.paused .icon-play { opacity: 1 }

.white-text .big, .white-text .big strong,
.black-text .big, .black-text .big strong,
.white-text h1, .white-text h2,
.black-text h1, .black-text h2,
.white-text p, .white-text ul,
.black-text p, .black-text ul {text-shadow: none}

.label_slider p.readmore {display:block !important}
h1.big {}

.label_slider h2.big { margin: 0 !important }

.label_slider.long-strikers-light h2.big,
.label_slider.long-strikers-dark h2.big { margin: 15px 0 15px -5000px !important }


.slider:hover .controls .slider-prev {  }
.slider:hover .controls .slider-next {  }

.slider .controls li { 
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.slider .controls li:hover { text-shadow: 0 0 5px rgba(255,255,255,0.5); }

.slider .controls li.slider-pause { }

.slider .slider-pagination li:hover { background-color: #555 }

.slider .status {background: rgb(20,20,20); background: rgba(0,0,0, 0.2); bottom: 0; top: auto; float:left}

.browserIE7 .slider .status,
.browserIE8 .slider .status,
.browserIE9 .slider .status { display: none }

.slider .slide > * {}

.slider .slide.animate-in > * {}

.slider div.fluid-width-video-wrapper iframe,
.slider div.fluid-width-video-wrapper iframe * { }

#slideshow { }
#slideshow { border-bottom: 1px solid #ddd }

.slider,
#slideshow .main-inner { background: none }

#slideshow { overflow: hidden }
.slide .main-inner { border: 0 !important; background: none !important; overflow: visible !important }

.slider .label_slider > * { /*padding: 0 20px60px;*/ }

.slider .label_slider.media_wrapper > * { padding: 0 }

/* Slide Image */
.slide_image_wrapper { position: relative !important; display: block; width: 100%; max-width: 100% }

.image_mobile, .image_tablet,
.image_mobile_landscape { display: none; margin: 0 auto }
.image_main { display: block; margin: 0 auto }

/* navigation */
.slider .slider-prev,
.slider .slider-next {
	position: absolute; top: 50%; cursor: pointer; text-indent: -999em; 
    height: 150px; width: 150px; margin: 0; 
	transition: background-color 0.4s ease-out 0s, padding 0.3s ease-out .5s; 
	-webkit-transition: background-color 0.4s ease-out 0s, padding 0.3s ease-out .5s;  
}

.slider .slider-prev,
.slider .slider-next { 
	top: 50%; margin-top: -25px;
	width: 100px; height: 100px;
	font-size: 45px; text-align:center;
	line-height: 100px;
	list-style: none
}

.slider .slider-prev i,
.slider .slider-next i {
	line-height: inherit;
	transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;  
}

.slider .slider-prev:hover,
.slider .slider-next:hover { background-color: #000 }

.slider .slider-prev {}
.slider .slider-next { right:auto }

.slider .slider-prev { left: 20px;  }
.slider .slider-next { right: 20px; }


.page-pause { z-index: 40; position: absolute; top: auto; left:0; right: 0; bottom: 0 }

.page-pause .main-inner { border: 0 !important; }

.slider .slider-pause { 
	opacity: 0.3; right: -36px; width: 35px; height: 35px; 
	position: absolute; bottom: 0px; z-index: 40; 
	background: rgb(0,0,0); background: rgba(0,0,0,0.7); 
	transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;
}
.slider:hover .slider-pause { opacity: 1 }

.slider .slider-pause:hover { background-color: #229B0A; cursor: pointer }

.slider .slider-pause.paused { background-color: #3399CC }

.slider .slider-pause.paused:hover { background-color: #ff0000 }



/* content styling */
.label_slider h1,
.label_slider h2 {line-height: 1}
.label_slider h2.big {
   /* margin: 0 !important; */
}
.label_slider h1.big {font-size: 50px; line-height: 50px; margin-top:0 !important}
.label_slider h2.big {font-size: 40px; line-height: 40px; margin-top:0 !important}

.white-text .big, .white-text .big strong {text-shadow: 2px 2px 0px rgba(0,0,0,0.9);}
.black-text .big, .black-text .big strong {text-shadow: 2px 2px 0px rgba(255,255,255,0.9);}

.big strong {font-size: 105%}

.box_skitter #seq1.long-strikers-dark,
.box_skitter #seq2.long-strikers-light {float:left; clear: both;}

.label_wrapper p.readmore {display:block !important}

.label_slider { display: block; width: 100% }

.label_slider.media_wrapper {position:absolute !important; top:0 !important; right: 0 !important; left: 0 !important; bottom:0 !important; padding: 0 !important; margin: 0 !important;  width: 100%; height: 100%;}

/* text @copyright (c) 2012 Dan Partac - http://pcadviser.ro */
.white-text h1, .white-text h2,
.white-text h3, .white-text strong {color:#fff}
.white-text p,
.white-text ul {color:#eee}

.black-text h1, .black-text h2,
.black-text h3, .black-text strong {color:#111; text-shadow: 1px 1px 0px rgba(255,255,255,0.9);}
.black-text p,
.black-text ul {color:#333; text-shadow: 1px 1px 0px rgba(255,255,255,0.9);}

/* strikers @copyright (c) 2012 Dan Partac - http://pcadviser.ro */
.strikers-light h1, .strikers-dark h1 {padding: 15px 20px; margin:15px 0 10px;}
.strikers-light h2, .strikers-dark h2 {padding: 10px 17px; margin:15px 0 0;}

.strikers-light p, .strikers-light ul,
.strikers-dark p, .strikers-dark ul {padding: 5px 15px; margin: 15px 0 0;}

.strikers-light h1, .strikers-light h2, .strikers-light h4,
.strikers-light p, .strikers-light ul {color:#111; background: rgb(255,255,255); background: rgba(255,255,255,0.75); float:left; text-shadow: 1px 1px 0px rgba(255,255,255,0.9); clear: both; border-radius: 5px; -webkit-border-radius: 5px;}

.strikers-dark h1, .strikers-dark h2, .strikers-dark h4,
.strikers-dark p, .strikers-dark ul {color: #fff; background: rgb(0,0,0); background: rgba(0,0,0,0.75); float:left; text-shadow: 1px 1px 0px rgba(0,0,0,0.9); clear: both; border-radius: 5px; -webkit-border-radius: 5px; }

.strikers-light p.readmore, .strikers-dark p.readmore {background: none; margin: 15px 0 0; }

/* long strikers @copyright (c) 2012 Dan Partac - http://pcadviser.ro */
.long-strikers-light h1, .long-strikers-dark h1,
.long-strikers-light h2, .long-strikers-dark h2,
.long-strikers-light h3, .long-strikers-dark h3,
.long-strikers-light p, .long-strikers-dark p,
.long-strikers-light ul, .long-strikers-light ul {padding: 5px 15px 5px 2000px; margin: 5px 0 15px -2000px !important;}

.long-strikers-light h1, .long-strikers-light h2, .long-strikers-light h4,
.long-strikers-light p, .long-strikers-light ul { float: left; color:#111; background: rgb(255,255,255); background: rgba(255,255,255,0.75); float:left; text-shadow: 1px 1px 0px rgba(255,255,255,0.9); clear: both; border-radius: 10px; -webkit-border-radius: 10px;}

.long-strikers-dark h1, .long-strikers-dark h2, .long-strikers-dark h4,
.long-strikers-dark p, .long-strikers-dark ul { float: left; color: #fff; background: rgb(0,0,0); background: rgba(0,0,0,0.75); text-shadow: 1px 1px 0px rgba(0,0,0,0.9); clear: both; border-radius: 10px; -webkit-border-radius: 10px; }

.long-strikers-light p.readmore, .long-strikers-dark p.readmore {background: none; margin: 15px 0;}

.light-box,
.dark-box { border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 15px }

.light-box { color: #555; background: rgb(200,200,200); background: rgba(255,255,255,0.8); box-shadow: 0 0 0 7px rgba(255,255,255,0.3); }
.light-box h1, .light-box h2, .light-box h3, .light-box h4 { color: #111 }

.dark-box { color: #eee; background: rgb(22,22,22); background: rgba(0,0,0,0.7); box-shadow: 0 0 0 7px rgba(0,0,0,0.2); }

.dark-box h1,.dark-box h2,.dark-box h3,.dark-box h4 { color: #fff }

.browserIE8 .dark-box { border: 7px solid rgb(11,11,11); }
.browserIE8 .light-box { border: 7px solid rgb(180,180,180); }

/* big */
p.big { font-size: 80px; font-weight: bold !important }


/* template */
.white-text .big, .white-text .big strong,
.black-text .big, .black-text .big strong,
.white-text h1, .white-text h2,
.black-text h1, .black-text h2,
.white-text p, .white-text ul,
.black-text p, .black-text ul { }

.slider .slider-wrapper li > div { margin-top: 0 }
.boxed .slider .slider-wrapper li > div { margin-top: 0 }

/* alignments */

.vtop, .vmiddle, .vbottom,
.hleft, .hcenter, .hright {position: absolute}

.main-sequence .vtop { top: 20px }
.main-sequence .vmiddle { top: 50%; margin-top: -12.5% }
.main-sequence .vbottom { bottom: 20px }

.main-sequence .hleft {left: 0}
.main-sequence .hright { right: 0 }
.main-sequence .hcenter { left: 50% } 

li.slide > div > div > div { z-index: 80; background: none }

.wrap-slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.main-sequence { max-width: 1200px; margin-left: auto; margin-right: auto; height: 100%; position: relative }

.main-sequence > div { width: 100% }