/* * generated by WOW Slider 8.5 * template Cloud */ @import url(https://fonts.googleapis.com/css?family=Donegal+One&subset=latin,latin-ext); #wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 760px; max-height:300px; margin:0px auto 0px; z-index:90; text-align:left; /* reset align=center */ font-size: 10px; text-shadow: none; /* fix some user styles */ /* reset box-sizing (to boostrap friendly) */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } * html #wowslider-container1{ width:770px } #wowslider-container1 .ws_images ul{ position:relative; width: 10000%; height:100%; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/ } #wowslider-container1 .ws_images ul li{ position: relative; width:1%; height:100%; line-height:0; /*opera*/ overflow: hidden; float:left; /*font-size:0;*/ padding:0 0 0 0 !important; margin:0 0 0 0 !important; } #wowslider-container1 .ws_images{ position: relative; left:0; top:0; height:100%; max-height:300px; max-width: 770px; vertical-align: top; border:none; overflow: hidden; } #wowslider-container1 .ws_images ul a{ width:100%; height:100%; max-height:300px; display:block; color:transparent; } #wowslider-container1 img{ max-width: none !important; } #wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{ width:100%; border:none 0; max-width: none; padding:0; margin:0; } #wowslider-container1 .ws_images > div > img { max-height:300px; } #wowslider-container1 .ws_images iframe { position: absolute; z-index: -1; } #wowslider-container1 .ws-title > div { display: inline-block !important; } #wowslider-container1 a{ text-decoration: none; outline: none; border: none; } #wowslider-container1 .ws_bullets { float: left; position:absolute; z-index:70; } #wowslider-container1 .ws_bullets div{ position:relative; float:left; font-size: 0px; } /* compatibility with Joomla styles */ #wowslider-container1 .ws_bullets a { line-height: 0; } #wowslider-container1 .ws_script{ display:none; } #wowslider-container1 sound, #wowslider-container1 object{ position:absolute; } /* prevent some of users reset styles */ #wowslider-container1 .ws_effect { position: static; width: 100%; height: 100%; } #wowslider-container1 .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em; } #wowslider-container1 .ws_cube_side { background: #A6A5A9; } #wowslider-container1.ws_gestures { cursor: -webkit-grab; cursor: -moz-grab; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move; } #wowslider-container1.ws_gestures.ws_grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move; } /* hide controls when video start play */ #wowslider-container1.ws_video_playing .ws_bullets, #wowslider-container1.ws_video_playing .ws_fullscreen, #wowslider-container1.ws_video_playing .ws_next, #wowslider-container1.ws_video_playing .ws_prev { display: none; } /* youtube/vimeo buttons */ #wowslider-container1 .ws_video_btn { position: absolute; display: none; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 55; } #wowslider-container1 .ws_video_btn.ws_youtube, #wowslider-container1 .ws_video_btn.ws_vimeo { display: block; } #wowslider-container1 .ws_video_btn div { position: absolute; background-image: url(./playvideo.png); background-size: 200%; top: 50%; left: 50%; width: 7em; height: 5em; margin-left: -3.5em; margin-top: -2.5em; } #wowslider-container1 .ws_video_btn.ws_youtube div { background-position: 0 0; } #wowslider-container1 .ws_video_btn.ws_youtube:hover div { background-position: 100% 0; } #wowslider-container1 .ws_video_btn.ws_vimeo div { background-position: 0 100%; } #wowslider-container1 .ws_video_btn.ws_vimeo:hover div { background-position: 100% 100%; } #wowslider-container1 .ws_playpause.ws_hide { display: none !important; } #wowslider-container1 .ws_bullets { padding: 10px; } #wowslider-container1 .ws_bullets a { margin-left:5px; width:13px; height:13px; background: url(./bullet.png) left top; float: left; text-indent: -4000px; position:relative; color:transparent; } #wowslider-container1 .ws_bullets a:hover{ background-position: 0 50%; } #wowslider-container1 .ws_bullets a.ws_selbull{ background-position: 0 100%; } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position:absolute; top:50%; margin-top:-1.5em; z-index:60; height: 2.2em; width: 1.8em; background-image: url(./arrows.png); background-size: 200%; } #wowslider-container1 a.ws_next{ background-position: 100% 0; right:1.5em; } #wowslider-container1 a.ws_prev { left:1.5em; background-position: 0 0; } #wowslider-container1 a.ws_next:hover{ background-position: 100% 100%; } #wowslider-container1 a.ws_prev:hover { background-position: 0 100%; } /*playpause*/ #wowslider-container1 .ws_playpause { width: 1.8em; height: 2.2em; position: absolute; top: 50%; left: 50%; margin-left: -0.9em; margin-top: -1.5em; z-index: 59; background-size: 100%; } #wowslider-container1 .ws_pause { background-image: url(./pause.png); } #wowslider-container1 .ws_play { background-image: url(./play.png); } #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100% !important; } /* bottom center */ #wowslider-container1 .ws_bullets { bottom:-2px; left:50%; } #wowslider-container1 .ws_bullets div{ left:-50%; } #wowslider-container1 .ws_bullets .ws_bulframe { bottom: 20px; } #wowslider-container1 .ws-title{ position: absolute; font: 2em 'Donegal One', Georgia, serif; bottom:1.2em; left: 1em; margin-right:1em; z-index: 50; color: #ffffff; text-shadow: -0.05em -0.05em 0 #000000; line-height: 1.1em; font-weight: bold; } #wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{ display:inline-block; padding:0.25em; background:#555555; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius:0.25em; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -webkit-box-shadow:0 0.05em 0.05em rgba(225, 225, 225, 0.3) inset, 0 0.05em 0.15em rgba(0, 0, 0, 0.8); -moz-border-radius:0 0.05em 0.05em rgba(225, 225, 225, 0.3) inset, 0 0.05em 0.15em rgba(0, 0, 0, 0.8); box-shadow: 0 0.05em 0.05em rgba(225, 225, 225, 0.3) inset, 0 0.05em 0.15em rgba(0, 0, 0, 0.8); } #wowslider-container1 .ws-title div{ display:block; margin-top:0.25em; font-size: 0.8em; font-weight: normal; }#wowslider-container1 .ws_images > ul{ animation: wsBasic 51s infinite; -moz-animation: wsBasic 51s infinite; -webkit-animation: wsBasic 51s infinite; } @keyframes wsBasic{0%{left:-0%} 10.78%{left:-0%} 16.67%{left:-100%} 27.45%{left:-100%} 33.33%{left:-200%} 44.12%{left:-200%} 50%{left:-300%} 60.78%{left:-300%} 66.67%{left:-400%} 77.45%{left:-400%} 83.33%{left:-500%} 94.12%{left:-500%} } @-moz-keyframes wsBasic{0%{left:-0%} 10.78%{left:-0%} 16.67%{left:-100%} 27.45%{left:-100%} 33.33%{left:-200%} 44.12%{left:-200%} 50%{left:-300%} 60.78%{left:-300%} 66.67%{left:-400%} 77.45%{left:-400%} 83.33%{left:-500%} 94.12%{left:-500%} } @-webkit-keyframes wsBasic{0%{left:-0%} 10.78%{left:-0%} 16.67%{left:-100%} 27.45%{left:-100%} 33.33%{left:-200%} 44.12%{left:-200%} 50%{left:-300%} 60.78%{left:-300%} 66.67%{left:-400%} 77.45%{left:-400%} 83.33%{left:-500%} 94.12%{left:-500%} } #wowslider-container1 .ws_images { border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #wowslider-container1 .ws_effect img{ border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #wowslider-container1 .ws_cover{ opacity: 1 !important; background: transparent !important; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow:0 0 15px rgba(0, 0, 0, 0.7) inset; -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.7) inset; -moz-border-radius:0 0 15px rgba(0, 0, 0, 0.7) inset; } #wowslider-container1 .ws_bullets a img{ text-indent:0; display:block; bottom:15px; left:-62px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 3px solid #818285; max-width:none; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #wowslider-container1 .ws_bullets a:hover img{ visibility:visible; } #wowslider-container1 .ws_bulframe div div{ height:48px; overflow:visible; position:relative; } #wowslider-container1 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:123px; background-color:#818285; } #wowslider-container1 .ws_bullets .ws_bulframe{ display:none; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; border: 3px solid #818285; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #wowslider-container1 .ws_bulframe span{ display:block; position:absolute; bottom:-9px; margin-left:-5px; left:62px; background:url(./triangle.png); width:15px; height:6px; }#wowslider-container1 .ws_bulframe div div{ height: auto; } @media all and (max-width:760px) { #wowslider-container1 .ws_fullscreen { display: block; } } @media all and (max-width:400px){ #wowslider-container1 .ws_controls, #wowslider-container1 .ws_bullets, #wowslider-container1 .ws_thumbs{ display: none } }