/* * generated by WOW Slider 8.6 * template Stream */ #wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 1300px; max-height:500px; margin:0px auto 12.5px; 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:1300px } #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:500px; max-width: 1300px; vertical-align: top; border:none; overflow: hidden; } #wowslider-container1 .ws_images ul a{ width:100%; height:100%; max-height:500px; 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:500px; } #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: 15px 0; } #wowslider-container1 .ws_bullets a { width:12px; height:12px; border-radius: 50%; background: #34495E; float: left; text-indent: -4000px; position:relative; margin-left:5px; color:transparent; } #wowslider-container1 .ws_bullets a.ws_selbull{ background: #ffffff; color:#ffffff; } #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { position: absolute; top: 50%; height: 7em; margin-top: -3.5em; width: 5em; z-index: 60; } #wowslider-container1 a.ws_next{ right:0; } #wowslider-container1 a.ws_next span i:after, #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_next span i:before, #wowslider-container1 a.ws_next span b:before, #wowslider-container1 a.ws_prev span i:after, #wowslider-container1 a.ws_prev span b:after, #wowslider-container1 a.ws_prev span i:before, #wowslider-container1 a.ws_prev span b:before{ content: ''; position: absolute; width: 100%; height: .3em; background: #ffffff; top: 3.2em; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; /* Fix */ -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; } #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_next span b:before, #wowslider-container1 a.ws_prev span b:after, #wowslider-container1 a.ws_prev span b:before{ background: #34495E; width: 0; } #wowslider-container1 a.ws_next span i:after, #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_prev span i:after, #wowslider-container1 a.ws_prev span b:after{ -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); } #wowslider-container1 a.ws_next span i:before, #wowslider-container1 a.ws_next span b:before, #wowslider-container1 a.ws_prev span i:before, #wowslider-container1 a.ws_prev span b:before{ -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } #wowslider-container1 a.ws_prev span i:after, #wowslider-container1 a.ws_prev span i:before, #wowslider-container1 a.ws_prev span b:after, #wowslider-container1 a.ws_prev span b:before{ -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; left: 1em; } #wowslider-container1 a.ws_next span i:after, #wowslider-container1 a.ws_next span i:before, #wowslider-container1 a.ws_next span b:after, #wowslider-container1 a.ws_next span b:before{ -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; right: 1em; } #wowslider-container1 a.ws_next:hover span i:before, #wowslider-container1 a.ws_next:hover span b:before, #wowslider-container1 a.ws_prev:hover span i:before, #wowslider-container1 a.ws_prev:hover span b:before{ -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } #wowslider-container1 a.ws_next:hover span i:after, #wowslider-container1 a.ws_next:hover span b:after, #wowslider-container1 a.ws_prev:hover span i:after, #wowslider-container1 a.ws_prev:hover span b:after{ -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } #wowslider-container1 a.ws_prev:hover span b:after, #wowslider-container1 a.ws_prev:hover span b:before, #wowslider-container1 a.ws_next:hover span b:after, #wowslider-container1 a.ws_next:hover span b:before{ width:100%; } /*playpause*/ #wowslider-container1 .ws_playpause { position: absolute; width: 3em; height: 2em; top: 1.5em; left: 0.5em; z-index: 59; } #wowslider-container1 .ws_pause span i, #wowslider-container1 .ws_pause span b{ position: absolute; width: 0.2em; height: 2em; background: #ffffff; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #wowslider-container1 .ws_pause span i{ left: 1.4em; } #wowslider-container1 .ws_pause span b{ left: 2.1em; } #wowslider-container1 .ws_play span{ border: solid transparent; position: absolute; pointer-events: none; border-left-color: #ffffff; border-width: 10px; top: 0; left: 1.4em; -webkit-transition: border-left-color 300ms ease-in-out; transition: border-left-color 300ms ease-in-out; } #wowslider-container1 .ws_pause:hover span i, #wowslider-container1 .ws_pause:hover span b{ background: #34495E; } #wowslider-container1 .ws_play:hover span{ border-left-color: #34495E; } /* bottom center */ #wowslider-container1 .ws_bullets { bottom: 0px; left:50%; } #wowslider-container1 .ws_bullets div{ left:-50%; } #wowslider-container1 .ws_bulframe span { visibility: visible; opacity: 1; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; bottom: -5px; margin-left: -5px; left: 50%; } #wowslider-container1 .ws-title{ position: absolute; font: 0.8em 'PT Sans', sans-serif; margin-right:10em; z-index: 50; color: #34495E; background: none; padding: 30px; bottom: 0px; top: auto; opacity: 1; } #wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{ display:inline-block; background-color:#fff; } #wowslider-container1 .ws-title div{ display:block; margin-top:0.5em; font-size: 0.8em; line-height: 1.15em; padding: 5px 20px; } #wowslider-container1 .ws-title span{ font-size: 1.6em; padding: 10px 20px; }#wowslider-container1 .ws_images > ul{ animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite; } @keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} } @-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} } @-webkit-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} } * html #wowslider-container1 .ws_shadow{/*ie6*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1//bg.png', sizingMethod='scale'); } *+html #wowslider-container1 .ws_shadow{/*ie7*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1//bg.png', sizingMethod='scale'); } #wowslider-container1 .ws_bullets a img{ text-indent:0; display:block; bottom:15px; left:-43px; visibility:hidden; position:absolute; border: 5px solid #FFFFFF; max-width:none; } #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:85px; background-color:#FFFFFF; } #wowslider-container1 .ws_bullets .ws_bulframe{ display:none; bottom:18px; margin-left:6px; overflow:visible; position:absolute; cursor:pointer; border: 0px solid #FFFFFF; }#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 } }