#mainslider { zoom: 1; position: relative; width: 100%; max-width: 800px; max-height: 350px; margin: 0px auto 0px; z-index: 90; border: none; text-align: left; /* reset align=center */ font-size: 10px; overflow:hidden !important;border-bottom-right-radius:80px; -webkit-border-bottom-right-radius:100px; -moz-border-bottom-right-radius:80px}
* html #mainslider { width: 800px}
#mainslider .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;*/
}
#mainslider .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; }
#mainslider .ws_images { position: relative; left: 0; top: 0; width: 100%; height: 100%; max-height: 350px; overflow: hidden; }
#mainslider .ws_images a { width: 100%; height: 100%; max-height: 350px; display: block; color: transparent; }
#mainslider img { max-width: none !important; }
#mainslider .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0; }
#mainslider .ws_images iframe { position: absolute; z-index: -1; }
#mainslider .ws-title > div { display: inline-block !important; }
#mainslider a { text-decoration: none; outline: none; border: none; }
#mainslider .ws_bullets { float: left; position: absolute; z-index: 70; }
#mainslider .ws_bullets div { position: relative; float: left; font-size: 0px; }
#mainslider .wsl { display: none; }
#mainslider sound, #mainslider object { position: absolute; }
/* prevent some of users reset styles */
#mainslider .ws_effect { position: static; }
#mainslider .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em; }
#mainslider.ws_gestures { }
#mainslider.ws_gestures.ws_grabbing {  }
/* hide controls when video start play */
#mainslider.ws_video_playing .ws_bullets { display: none; }
#mainslider.ws_video_playing:hover .ws_bullets { display: block; }
/* IE fix because it don't show controls on hover if frame visible */
#mainslider.ws_video_playing_ie .ws_bullets, #mainslider.ws_video_playing_ie a.ws_next, #mainslider.ws_video_playing_ie a.ws_prev { display: block; }
#mainslider .ws_playpause.ws_hide { display: none !important; }
#mainslider .ws_bullets { padding: 0px; }
#mainslider .ws_bullets a { position: relative; margin: 0 5px; padding: 7px; }
#mainslider .ws_bullets a:after { position: absolute; content: ''; display: block; top: 0; right: 0; height: 100%; width: 100%; background-color:#fcbe06; border-radius: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mainslider .ws_bullets a.ws_overbull:after { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); background-color: #fdd200; }
#mainslider .ws_bullets a.ws_selbull:after { opacity: 1; background-color: #0f75bd; }
#mainslider a.ws_next, #mainslider a.ws_prev { font: 2em "fontello"; width: 2.4em; height: 2.6em; margin-top: -1.3em; color: #ffffff; z-index: 100; -webkit-perspective: 20em; -moz-perspective: 20em; -ms-perspective: 20em; perspective: 20em; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
#mainslider a.ws_next { position: absolute; top: 50%; right: 0; }
#mainslider a.ws_prev { position: absolute; top: 50%; left: 0; }

/* IE10+ hacks */
_:-ms-input-placeholder, :root #mainslider a.ws_prev:before {
line-height: 2.9em;
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #mainslider a.ws_next:before {
line-height: 2.9em;
}
#mainslider a.ws_next:hover:before { background-color: #fdd200; color: #252525; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateX(360deg); transform: rotateY(360deg); }
#mainslider a.ws_prev:hover:before { background-color: #fdd200; color: #252525; -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -o-transform: rotateX(-360deg); transform: rotateY(-360deg); }
#mainslider a.ws_next:before { content: '\e803'; display: block; text-align: center; line-height: 2.6em; line-height: 2.9em\9; /* ie9 hack */ height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-border-radius: 0.17em 0 0 0.17em; -moz-border-radius: 0.17em 0 0 0.17em; border-radius: 0.17em 0 0 0.17em; }
#mainslider a.ws_prev:before { content: '\e802'; display: block; text-align: center; line-height: 2.6em; line-height: 2.9em\9; /* ie9 hack */ height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; -webkit-border-radius: 0 0.17em 0.17em 0; -moz-border-radius: 0 0.17em 0.17em 0; border-radius: 0 0.17em 0.17em 0; }
/*playpause*/
#mainslider .ws_playpause:before { display: block; text-align: center; line-height: 2.5em; line-height: 2.8em\9; /* ie9 hack */ height: 100%; background-color: rgba(37, 37, 37, 0.8); -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mainslider .ws_pause:before { content: "\e801"; }
#mainslider .ws_play:before { content: "\e800"; }
#mainslider .ws_play:hover:before { background-color: #fdd200; color: #252525; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
#mainslider .ws_pause:hover:before { background-color: #fdd200; color: #252525; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }
#mainslider .ws_playpause { position: absolute; font: 2em "fontello"; color: #ffffff; width: 2.4em; height: 2.6em; top: 50%; left: 50%; margin-left: -1.2em; margin-top: -1.3em; z-index: 100; -webkit-perspective: 20em; -moz-perspective: 20em; -ms-perspective: 20em; perspective: 20em; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
/* IE10+ hacks */
_:-ms-input-placeholder, :root #mainslider .ws_playpause:before {
line-height: 2.8em;
}
/* top right */
#mainslider .ws_bullets { top: 1.5em; right: 1em; }
#mainslider .ws_bulframe span { visibility: visible; opacity: 1; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(37, 37, 37, 0.8); top: -10px; margin-left: -7px;  left:$ThumbWidthHalf$px;
}
#mainslider .ws-title { font-family:Arial, Helvetica, sans-serif; position: absolute; left: 2em; margin-right: 10em; z-index: 50; background: none; background-color: #fff; color: #60CAC0; padding: 1em; bottom: 1.5em; top: auto; opacity: 1; text-transform: uppercase; -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; }
#mainslider .ws-title div { display: block; margin-top: 0.5em; font-size: 1.1em; padding: 0.4em; line-height: 1.15em; color: rgba(37, 37, 37, 0.8); -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; }
#mainslider .ws-title span { font-size: 1.8em; background-color: #fff; color: rgba(37, 37, 37, 0.8); -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; }
#mainslider .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%
}
}