.epicSlider.slider-wrapper{width:100%;height:100%;position:absolute;overflow:hidden;top:0px;left:0px;} #epicSlider-preload{width:100%;height:100%;line-height:100%;position:absolute;z-index:15;background-color:black;} #epicSlider-preload>img{display:block;margin:-50px;position:absolute;top:50%;left:50%;} #epicSlider-preload>img.spinner{margin:-44px;margin-top:-48px;animation:spin 5s infinite linear;} @keyframes spin{to{transform:rotate(360deg);}} } /*Overlay -------------------*/ .epicSlider.theme-default #epic-overlay{position:absolute;width:100%;height:100%;background:transparent url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/pattern.png") repeat top left;z-index:2;} .epicSlider.theme-default #epic-overlay{position:absolute;width:100%;height:100%;background:transparent url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/pattern.png") repeat top left;z-index:2;} /*Slides -------------------*/ .epicSlider.theme-default #slides img{position:absolute;top:0px;left:0px;width:100%;display:none;/* -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges;*/} /*Navigation -------------------*/ .epicSlider.theme-default #epic-navigation{position:fixed;z-index:11;bottom:50px;right:65px;width:82px;height:40px;} .epicSlider.theme-default #epic-navigation.allcontrols{ width:90%; left:0;margin:0 5%} /*sum of all three buttons*/ .epicSlider.theme-default #epic-navigation .navigation-left{ display:none; float:left;} .epicSlider.theme-default #epic-navigation .navigation-right{float:right;} .epicSlider.theme-default #epic-navigation .nav-button{background-color:transparent;/*fallback for iE8*/width:40px;height:40px;float:left;margin-right:2px;border-radius:20px} .epicSlider.theme-default #epic-navigation .nav-button.nav-last{margin-right:0;}/*:last-child{margin-right:0;}-if i8 isn't supported*/ .epicSlider.theme-default #epic-navigation .nav-button.disabled{opacity:0} .epicSlider.theme-default #epic-navigation .nav-button #play{position:absolute;background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/pause-play-theme-default.png") center 0 no-repeat;width:40px;height:40px;float:left;cursor:pointer;margin-right:5px;} .epicSlider.theme-default #epic-navigation .nav-button #play.active{background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/pause-play-theme-default.png") center -40px no-repeat;} .epicSlider.theme-default #epic-navigation .nav-button #progress{background-color:#7eadbd;/*fallback for iE8*/bottom:0;position:absolute;height:40px;background: rgba(126,173,189,1);} .epicSlider.theme-default #epic-navigation .nav-button #progress.reset{width:0px !important;} .epicSlider.theme-default #epic-navigation .nav-button #prev.left{width:40px;height:40px;background: url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/news/prev_new.png") 0 0 no-repeat;/*ie8 fallback*/ background:rgba(255,255,255,0.5) url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/news/prev_new.png") 0 0 no-repeat;float:left;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;float:left;margin-right:5px;cursor:pointer;} .epicSlider.theme-default #epic-navigation .nav-button #next.right{width:40px;height:40px;background: url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/news/next_new.png") 0 0 no-repeat;/*ie8 fallback*/background: rgba(255,255,255,0.5) url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/news/next_new.png") 0 0 no-repeat;float:right;-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;float:left;cursor:pointer;} .epicSlider.theme-default #epic-navigation .nav-button #prev.down{background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/nav-theme-default.png") center -120px no-repeat;width:40px;height:40px;float:left;margin-right:5px;cursor:pointer;} .epicSlider.theme-default #epic-navigation .nav-button #next.up{background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/nav-theme-default.png") center -80px no-repeat;width:40px;height:40px;float:left;cursor:pointer;} .epicSlider.theme-default #epic-navigation .nav-button.arrow:hover{background-color:#999;} /*.epicSlider.theme-default #epic-navigation #play:hover{background:rgba(0,0,0,1) url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../ui/pause-play-theme-default.png") center 0 no-repeat;}*/ .epicSlider.theme-default #epic-navigation .nav-button.info{opacity:0.5} .epicSlider.theme-default #epic-navigation .nav-button #home{background:transparent url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/info_icons_sprite.png") 0 0 no-repeat;width:40px;height:40px;float:left;margin-right:5px;} .epicSlider.theme-default #epic-navigation .nav-button #home.active{background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/info_icons_sprite.png") 0 -40px;} .epicSlider.theme-default #epic-navigation .nav-button #twitter{background:transparent url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/info_icons_sprite.png") -40px 0 no-repeat;width:40px;height:40px;float:left;margin-right:5px;} .epicSlider.theme-default #epic-navigation .nav-button #twitter.active{background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/info_icons_sprite.png") -40px -40px;} .epicSlider.theme-default #epic-navigation .nav-button #youtube{background:transparent url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/info_icons_sprite.png") -80px 0 no-repeat;width:40px;height:40px;float:left;margin-right:5px;} .epicSlider.theme-default #epic-navigation .nav-button #youtube.active{background:url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ui_epicslider/info_icons_sprite.png") -80px -40px;} /*Logo -------------------*/ .epicSlider.theme-default .epic-graphic{display:none;} /*Caption - text -------------------*/ .epicSlider.theme-default .epic-caption{z-index:3;color:#fff; display:none;position:fixed; } .epicSlider.theme-default .epic-caption h1,.epicSlider.theme-default .epic-caption h3, .epicSlider.theme-default .epic-caption p {color:#fff !important;} /*positions*/ /*centered*/ .epicSlider.theme-default .epic-caption.centered{width:100%;height:100%; text-align:center;} /*left*/ .epicSlider.theme-default .epic-caption.topLeft{top:75px;left:65px; text-align:left; float:left;} .epicSlider.theme-default .epic-caption.bottomLeft{bottom:100px;left:65px; text-align:left; float:left;} /*right*/ .epicSlider.theme-default .epic-caption.topRight{top:75px;right:65px; left:auto; text-align:right; float:right;} .epicSlider.theme-default .epic-caption.bottomRight{bottom:100px;right:65px; left:auto; text-align:right; float:right;} /*caption type: descrete - 1 */ .epicSlider.theme-default .epic-caption.descrete div{padding:20px;background: url("http://juanantoniobayona.com/wp-content/themes/JOTA/css/../images/ie8-transparent-bkg.png");/*ie8 fallback*/background:rgba(0,0,0,0.8); font-family:Arial, Helvetica, sans-serif;line-height:16px; color:#fff; max-width:350px;} .epicSlider.theme-default .epic-caption.descrete div h1,.epicSlider.theme-default .epic-caption.descrete div h2,.epicSlider.theme-default .epic-caption.descrete div h3,.epicSlider.theme-default .epic-caption.descrete div h4,.epicSlider.theme-default .epic-caption.descrete div h5,.epicSlider.theme-default .epic-caption.descrete div h6{margin-bottom:0;} /*sizes*/ .epicSlider.theme-default .epic-caption.descrete div h1{font-size:28px; line-height:28px;} .epicSlider.theme-default .epic-caption.descrete div h2{font-size:25px; line-height:25px;} .epicSlider.theme-default .epic-caption.descrete div h3{font-size:22px; line-height:22px;} .epicSlider.theme-default .epic-caption.descrete div h4{font-size:19px; line-height:19px;} .epicSlider.theme-default .epic-caption.descrete div h5{font-size:16px; line-height:16px;} .epicSlider.theme-default .epic-caption.descrete div h6{font-size:13px; line-height:13px;} .epicSlider.theme-default .epic-caption.descrete div p{margin:20px 0 0 0;} /*caption type: impact - 1 */ .epicSlider.theme-default .epic-caption.epic-impact h1,.epicSlider.theme-default .epic-caption.epic-impact h2,.epicSlider.theme-default .epic-caption.epic-impact h3,.epicSlider.theme-default .epic-caption.epic-impact h4,.epicSlider.theme-default .epic-caption.epic-impact h5,.epicSlider.theme-default .epic-caption.epic-impact h6 {margin-bottom:3px; overflow:hidden;} /*sizes*/ .epicSlider.theme-default .epic-caption.epic-impact h1{font-size:60px;line-height:60px; position:relative;} .epicSlider.theme-default .epic-caption.epic-impact h2{font-size:45px;line-height:45px;position:relative;} .epicSlider.theme-default .epic-caption.epic-impact h3{font-size:30px;line-height:30px;position:relative;} .epicSlider.theme-default .epic-caption.epic-impact h4{font-size:25px;line-height:25px; position:relative;} .epicSlider.theme-default .epic-caption.epic-impact h5{font-size:20px;line-height:20px;position:relative;} .epicSlider.theme-default .epic-caption.epic-impact h6{font-size:17px;line-height:17px;position:relative;} .epicSlider.theme-default .epic-caption.epic-impact a {font-size:15px;line-height:15px;position:relative; color:#999;} /*font variation*/ .epicSlider.theme-default .epic-caption.epic-impact h1.variation,.epicSlider.theme-default .epic-caption.epic-impact h2.variation,.epicSlider.theme-default .epic-caption.epic-impact h3.variation,.epicSlider.theme-default .epic-caption.epic-impact h4.variation,.epicSlider.theme-default .epic-caption.epic-impact h5.variation,.epicSlider.theme-default .epic-caption.epic-impact h6.variation{font-weight:normal;font-family: 'Quicksand', sans-serif;} /*styling*/ .epicSlider.theme-default .epic-caption.epic-impact h1 span,.epicSlider.theme-default .epic-caption.epic-impact h2 span,.epicSlider.theme-default .epic-caption.epic-impact h3 span,.epicSlider.theme-default .epic-caption.epic-impact h4 span,.epicSlider.theme-default .epic-caption.epic-impact h5 span,.epicSlider.theme-default .epic-caption.epic-impact h6 span, .epicSlider.theme-default .epic-caption.epic-impact a span{padding:15px;background:rgb(0,0,0); font-family:inherit;float:inherit; font-weight:inherit;} .epicSlider.theme-default .epic-caption.epic-impact a:hover span{padding:15px;background: rgb(255,39,120); color:#fff;} /*positioning*/ .epicSlider.theme-default .epic-caption.epic-impact.topLeft h1 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h2 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h3 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h4 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h5 span, .epicSlider.theme-default .epic-caption.epic-impact.topLeft h6 span,.epicSlider.theme-default .epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h1 span,.epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h2 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h3 span,.epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h4 span,.epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h5 span, .epic-caption.epic-impact.topLeft a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomLeft h6 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomLeft a span{float:left;} .epicSlider.theme-default .epic-caption.epic-impact.topRight h1 span,.epicSlider.theme-default .epic-caption.epic-impact.topRight h2 span, .epicSlider.theme-default .epic-caption.epic-impact.topRight h3 span,.epicSlider.theme-default .epic-caption.epic-impact.topRight h4 span, .epicSlider.theme-default .epic-caption.epic-impact.topRight h5 span,.epicSlider.theme-default .epic-caption.epic-impact.topRight h6 span,.epicSlider.theme-default .epic-caption.epic-impact.topRight a span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight h1 span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight h2 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomRight h3 span, .epicSlider.theme-default .epic-caption.epic-impact.bottomRight h4 span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight h5 span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight h6 span,.epicSlider.theme-default .epic-caption.epic-impact.bottomRight a span{float:right;} /*caption type: impact - 2 */ .epicSlider.theme-default .epic-caption.epic-impact-2 div{ display: table; width: 100%; height: 50%; z-index: 50; position: relative; } .epicSlider.theme-default .epic-caption.epic-impact-2 div h1,.epicSlider.theme-default .epic-caption.epic-impact-2 div h2,.epicSlider.theme-default .epic-caption.epic-impact-2 div h3,.epicSlider.theme-default .epic-caption.epic-impact-2 div h4,.epicSlider.theme-default .epic-caption.epic-impact-2 div h5,.epicSlider.theme-default .epic-caption.epic-impact-2 div h6{color:#FFF;margin-bottom:3px;overflow:hidden;display: table-cell; vertical-align: middle;text-shadow: 4px 5px 0px rgba(0, 0, 0, 0.3); } /*sizes*/ .epicSlider.theme-default .epic-caption.epic-impact-2 div h1{color:#FFF; font-size:100px;line-height:82px;} .epicSlider.theme-default .epic-caption.epic-impact-2 div h2{color:#FFF;font-size:80px;line-height:75px;} .epicSlider.theme-default .epic-caption.epic-impact-2 div h3{color:#FFF;font-size:70px;line-height:52px;} .epicSlider.theme-default .epic-caption.epic-impact-2 div h4{color:#FFF;font-size:60px;line-height:42px;} .epicSlider.theme-default .epic-caption.epic-impact-2 div h5{color:#FFF;font-size:50px;line-height:32px;} .epicSlider.theme-default .epic-caption.epic-impact-2 div h6{color:#FFF;font-size:40px;line-height:22px;} /*link*/ .epicSlider.theme-default .epic-caption.epic-impact-2 a{font-size:30px; color:#fff;} .epicSlider.theme-default .epic-caption.epic-impact-2 a:hover{font-size:30px; color:#06BBF9;}