/* http://www.menucool.com */
#slider1::before {
    transform: translate3d(0px, 0px, 0px);
    content: "";
    position: absolute;
    left: 0% !important;
    top: 0% !important;
    width: 0px !important;
    height: 0px !important;
    margin-top: -20px;
    margin-left: -20px;
    animation: jisSpinner 0.6s linear infinite;
    border-width: 4px;
    border-color: black rgba(0, 0, 0, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-radius: 50%;
}
#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}
#sliderFrame 
{
    position:relative;
    background-color:white;

}      

#slider1, #slider1 .sliderInner {
    width:620px !important;height:400px;/* Must be the same size as the slider images */
    border-radius:0px;
}

#slider1
{
    background-color:white;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

#slider1 img{
    width: 75%;
}
/* the link style (if slide image is wrapped by a link) */
#slider1 a.imgLink, #slider1 .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider1 .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider1 .navBulletsWrapper  {
    display:none;
}


/* --------- Others ------- */

#slider1 img, #slider1>b, #slider1 a>b {
    position:absolute; border:none; display:none;
}

#slider1 .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}

#slider1>a, #slider1 video, #slider1 audio {display:none;}
#slider1 div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


/*----------- navigation buttons on both sides of the slider1 -----------*/
.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:46%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    background:transparent url(navbuttons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group1-Prev{background-position:0 0; left: -370px;}
a.group1-Next {background-position:0 -150px;left:300px;}

a.group1-Prev:hover{background-position:50px 0;}
a.group1-Next:hover {background-position:50px -150px;}


/* ----------- navigation buttons in the nav bar ---------- */
a.group2-Prev, a.group2-Next, a.group2-Play, a.group2-Pause 
{
    width:20px; height:20px; 
    background:transparent url(navbuttons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;/*IE hack*/
    margin-left:4px; margin-right:4px;
    cursor:pointer;
}
a.group2-Pause{background-position:0 0;}
a.group2-Play {background-position:0 -20px;}
a.group2-Next {background-position:0 -40px;}
a.group2-Prev {background-position:0 -60px;} 

a.group2-Pause:hover{background-position:20px 0;}
a.group2-Play:hover {background-position:20px -20px;}
a.group2-Next:hover {background-position:20px -40px;}
a.group2-Prev:hover {background-position:20px -60px;}

/* ---slider2 start-- */

#slider2::before {
    transform: translate3d(0px, 0px, 0px);
    content: "";
    position: absolute;
    left: 0% !important;
    top: 0% !important;
    width: 0px !important;
    height: 0px !important;
    margin-top: -20px;
    margin-left: -20px;
    animation: jisSpinner 0.6s linear infinite;
    border-width: 4px;
    border-color: black rgba(0, 0, 0, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-radius: 50%;
}
#sliderFrame2, #sliderFrame2 div {
    box-sizing: content-box;
}
#sliderFrame2 
{
    position:relative;
    background-color:white;

}      

#slider2, #slider2 .sliderInner {
    width:620px !important;height:400px;/* Must be the same size as the slider images */
    border-radius:0px;
}

#slider2
{
    background-color:white;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

/* the link style (if slide image is wrapped by a link) */
#slider2 a.imgLink, #slider2 .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider2 .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider2 .navBulletsWrapper  {
    display:none;
}


/* --------- Others ------- */

#slider2 img, #slider2>b, #slider2 a>b {
    position:absolute; border:none; display:none;
}

#slider2 .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}

#slider2>a, #slider2 video, #slider2 audio {display:none;}
#slider2 div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*----------- navigation buttons on both sides of the slider1 -----------*/
.group11-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:46%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group11-Prev, a.group11-Next
{
    width:50px;height:150px;
    background:transparent url(navbuttons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group11-Prev{background-position:0 0; left: -358px;}
a.group11-Next {background-position:0 -150px;left:300px;}

a.group11-Prev:hover{background-position:50px 0;}
a.group11-Next:hover {background-position:50px -150px;}


/* ----------- navigation buttons in the nav bar ---------- */
a.group21-Prev, a.group21-Next, a.group21-Play, a.group21-Pause 
{
    width:20px; height:20px; 
    background:transparent url(navbuttons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;/*IE hack*/
    margin-left:4px; margin-right:4px;
    cursor:pointer;
}
a.group21-Pause{background-position:0 0;}
a.group21-Play {background-position:0 -20px;}
a.group21-Next {background-position:0 -40px;}
a.group21-Prev {background-position:0 -60px;} 

a.group21-Pause:hover{background-position:20px 0;}
a.group21-Play:hover {background-position:20px -20px;}
a.group21-Next:hover {background-position:20px -40px;}
a.group21-Prev:hover {background-position:20px -60px;} 

/* ---slider2 end-- */

/* ---slider3 start-- */

#slider3::before {
    transform: translate3d(0px, 0px, 0px);
    content: "";
    position: absolute;
    left: 0% !important;
    top: 0% !important;
    width: 0px !important;
    height: 0px !important;
    margin-top: -20px;
    margin-left: -20px;
    animation: jisSpinner 0.6s linear infinite;
    border-width: 4px;
    border-color: black rgba(0, 0, 0, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-radius: 50%;
}
#sliderFrame3, #sliderFrame3 div {
    box-sizing: content-box;
}
#sliderFrame3 
{
    position:relative;
    background-color:white;

}      

#slider3, #slider3 .sliderInner {
    width:620px !important;height:400px;/* Must be the same size as the slider images */
    border-radius:0px;
}

#slider3
{
    background-color:white;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

/* the link style (if slide image is wrapped by a link) */
#slider3 a.imgLink, #slider3 .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider3 .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider3 .navBulletsWrapper  {
    display:none;
}


/* --------- Others ------- */

#slider3 img, #slider3>b, #slider3 a>b {
    position:absolute; border:none; display:none;
}

#slider3 .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}

#slider3>a, #slider3 video, #slider3 audio {display:none;}
#slider3 div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*----------- navigation buttons on both sides of the slider1 -----------*/
.group12-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:46%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group12-Prev, a.group12-Next
{
    width:50px;height:150px;
    background:transparent url(navbuttons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group12-Prev{background-position:0 0; left: -358px;}
a.group12-Next {background-position:0 -150px;left:300px;}

a.group12-Prev:hover{background-position:50px 0;}
a.group12-Next:hover {background-position:50px -150px;}


/* ----------- navigation buttons in the nav bar ---------- */
a.group22-Prev, a.group22-Next, a.group22-Play, a.group22-Pause 
{
    width:20px; height:20px; 
    background:transparent url(navbuttons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;/*IE hack*/
    margin-left:4px; margin-right:4px;
    cursor:pointer;
}
a.group22-Pause{background-position:0 0;}
a.group22-Play {background-position:0 -20px;}
a.group22-Next {background-position:0 -40px;}
a.group22-Prev {background-position:0 -60px;} 

a.group22-Pause:hover{background-position:20px 0;}
a.group22-Play:hover {background-position:20px -20px;}
a.group22-Next:hover {background-position:20px -40px;}
a.group22-Prev:hover {background-position:20px -60px;} 

/* ---slider3 end-- */

/* ---slider4 start-- */

#slider4::before {
    transform: translate3d(0px, 0px, 0px);
    content: "";
    position: absolute;
    left: 0% !important;
    top: 0% !important;
    width: 0px !important;
    height: 0px !important;
    margin-top: -20px;
    margin-left: -20px;
    animation: jisSpinner 0.6s linear infinite;
    border-width: 4px;
    border-color: black rgba(0, 0, 0, 0.8) rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-radius: 50%;
}
#sliderFrame4, #sliderFrame4 div {
    box-sizing: content-box;
}
#sliderFrame4 
{
    position:relative;
    background-color:white;

}      

#slider4, #slider4 .sliderInner {
    width:620px !important;height:400px;/* Must be the same size as the slider images */
    border-radius:0px;
}

#slider4
{
    background-color:white;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

/* the link style (if slide image is wrapped by a link) */
#slider4 a.imgLink, #slider4 .video {
    z-index:2;
    cursor:pointer;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider4 .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider4 .navBulletsWrapper  {
    display:none;
}


/* --------- Others ------- */

#slider4 img, #slider4>b, #slider4 a>b {
    position:absolute; border:none; display:none;
}

#slider4 .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}

#slider4>a, #slider4 video, #slider4 audio {display:none;}
#slider4 div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*----------- navigation buttons on both sides of the slider1 -----------*/
.group13-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:46%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group13-Prev, a.group13-Next
{
    width:50px;height:150px;
    background:transparent url(navbuttons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group13-Prev{background-position:0 0; left: -358px;}
a.group13-Next {background-position:0 -150px;left:300px;}

a.group13-Prev:hover{background-position:50px 0;}
a.group13-Next:hover {background-position:50px -150px;}


/* ----------- navigation buttons in the nav bar ---------- */
a.group23-Prev, a.group23-Next, a.group23-Play, a.group23-Pause 
{
    width:20px; height:20px; 
    background:transparent url(navbuttons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;/*IE hack*/
    margin-left:4px; margin-right:4px;
    cursor:pointer;
}
a.group23-Pause{background-position:0 0;}
a.group23-Play {background-position:0 -20px;}
a.group23-Next {background-position:0 -40px;}
a.group23-Prev {background-position:0 -60px;} 

a.group23-Pause:hover{background-position:20px 0;}
a.group23-Play:hover {background-position:20px -20px;}
a.group23-Next:hover {background-position:20px -40px;}
a.group23-Prev:hover {background-position:20px -60px;} 

/* ---slider3 end-- */