@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

/*-------------------------------------------------------------------* 
*----------------------PLAYER 1 CSS styles---------------------------*
*------------------------------------------------------------------- */

#player1Wrapper .sliderPlayer1
{
    position: relative;

    overflow: hidden;

    width: 550px;
    margin: 20px auto 0 auto;

    border-radius: 4px;
}

#player1Wrapper .sliderPlayer1 ul
{
    position: relative;

    height: 200px;
    margin: 0;
    padding: 0;

    list-style: none;
}

#player1Wrapper .sliderPlayer1 ul li
{
    position: relative;

    display: block;
    float: left;

    width: 550px;
    height: 217px;
    margin: 0;
    padding: 0;

    text-align: center;
  /*line-height: 300px;*/

}

#player1Wrapper a.control_prev,
#player1Wrapper a.control_next
{
    font-size: 18px;
    font-weight: 600;

    position: absolute;
    z-index: 999;
    top: 35%;

    display: block;

    width: auto;
    height: auto;
    padding: 4% 3%;

    cursor: pointer;
    text-decoration: none;

    opacity: .8;
    color: hsl(0, 0%, 100%);
    background: hsl(0, 0%, 16%);
}


#player1Wrapper a.control_prev:visited,
#player1Wrapper a.control_next:visited,
#player1Wrapper a.control_prev:link,
#player1Wrapper a.control_next:link
{
    text-decoration: none;

    color: hsl(0, 0%, 100%);

    decoration: none;
}

#player1Wrapper a.control_prev:hover,
#player1Wrapper a.control_next:hover
{
    -webkit-transition: all .2s ease;

    opacity: 1;
    color: hsl(0, 0%, 100%);
}

#player1Wrapper a.control_prev
{
    border-radius: 0 2px 2px 0;
}

#player1Wrapper a.control_next
{
    right: 0;

    border-radius: 2px 0 0 2px;
}

#player1Wrapper .slider_option
{
    font-size: 18px;

    position: relative;

    width: 160px;
    margin: 10px auto;
}


#player1Wrapper .mainSlide
{
    float: left;

    width: 70%;
    height: 217px;

    background-image: url('../img/blackBGopacityFourty.png');
    background-repeat: repeat;
}

#player1Wrapper .mainSlideVideo
{
    width: 380px;
    height: 300px;
}

#player1Wrapper .rightThumbsList
{
    float: left;

    width: 30%;
    height: 217px;

    background-image: url('../img/blackBGopacityFourty.png');
    background-repeat: repeat;

    /*height:300px;*/
    /*clear:both;*/
}


 #player1Wrapper .rightThumbsListResized
{
    clear: both !important;
}

#player1Wrapper .rightThumb
{
    clear: both;

    width: 155px;
    height: 145px;

    text-align: center;
    vertical-align: middle;

    align: center;
}


#player1Wrapper .thumvVidContainer
{
    padding: 5px;
}
#player1Wrapper .thumbDiv
{
    width: 90%;
    height: auto;
    max-height: 50%;
    margin: 14px 6px 0 8px;

    text-align: center;

    align: center;
    verticle-align: middle;
}



/*-------------------------------------------------------------------* 
*----------------------PLAYER 3 CSS styles---------------------------*
*------------------------------------------------------------------- */
#player3Wrapper
{
    display: block;

    width: 100%;
    height: auto;
    height: auto;

    border: 0 solid hsl(0, 0%, 87%);
    background-color: hsl(0, 0%, 100%);
}


#player3Wrapper .player3MainContainer
{
    width: 100%;
    height: auto;
}

.mainVideoContainer
{
    margin-bottom: 5px;
    padding: 10px;

    background: none repeat scroll 0 0 hsl(0, 0%, 78%);
}

#player3Wrapper .thumbContainer
{
    width: 100%;
    height: auto;
}


#player3Wrapper .thumbContainerMain
{
    width: 100%;
    height: auto;
}

#player3Wrapper .thumbContainer
{
    float: left;

    width: 50%;
}

#player3Wrapper .thumbImg
{
    padding: 10px;

    margin-right: 5px;
}


#player3-main-desc
{
    font: normal 300 12px/20px 'Arial';

    padding: 10px 0 10px 0;
}

#player3Wrapper .player3-main-title
{
    font: oblique 600 26px/30px 'Play';

    display: block;

    margin-bottom: 10px;

    text-transform: capitalize;

    color: hsl(345, 6%, 14%);
}

#player3Wrapper .thumbTitle
{
    font: 300 15px/20px 'Play';

    display: block;

    padding: 0 15px;

    text-transform: capitalize;
}

#player3Wrapper .loadMore
{
    width: 100%;
    height: 30px;

    text-align: center;
}


/*-------------------------------------------------------------------* 
*----------------------PLAYER 4 CSS styles---------------------------*
*------------------------------------------------------------------- */

#player4wrapper
{
    position: relative;

    width: 100%;
    height: 400px;
    margin: 0 auto;

    border: 1px solid hsl(0, 0%, 87%);
    background-color: hsl(0, 0%, 100%);
}

#player4wrapper .player4mainVideo,
#player4wrapper .player4Thumbs
{
    overflow: hidden;

    border-top: 1px solid hsl(0, 0%, 100%);
}

#player4wrapper .player4mainVideo
{
    width: 100%;
    height: auto;
}
#player4wrapper .player4Thumbs
{
    left: 0 !important;

    width: 500px;
    height: 120px;
}

#player4wrapper .thumbCont
{
    float: left;

    width: 166px !important;
    height: 120px;

    border-right: 1px solid hsl(0, 0%, 100%);
}

#player4wrapper .vertThumbCont
{
    width: 100%;
    height: 120px;
}

#player4wrapper .vertThumbImg img
{
    float: left;

    width: 166px !important;
    height: 120px;

    cursor: pointer;
}
#player4wrapper .vertThumbCont
{
    float: left;
}

#player4wrapper .thumbCont img
{
    width: 100% !important;
    height: auto !important;

    cursor: pointer;
}

#player4wrapper .player4Thumbs img.selected,
#player4wrapper .player4Thumbs img:hover
{
    border-color: hsl(0, 0%, 20%);
}
#player4Prev,
#player4Next
{
    position: absolute;
    bottom: 60px;

    display: block;

    width: 15px;
    height: 21px;

    text-indent: -999em;

    background: transparent url('../img/carousel_control.png') no-repeat 0 0;
}
#player4Prev
{
    left: 5px;

    background-position: 0 0;
}
#player4Prev:hover
{
    left: 4px;
}
#player4Next
{
    right: 5px;

    background-position: -18px 0;
}
#player4Next:hover
{
    right: 4px;
}

#player4VidPrev,
#player4VidNext
{
    position: absolute;
    top: 145px;

    display: block;

    width: 15px;
    height: 21px;

    text-indent: -999em;

    background: transparent url('../img/carousel_control.png') no-repeat 0 0;
}
#player4VidPrev
{
    left: 5px;

    background-position: 0 0;
}

#player4VidPrev:hover
{
    left: 4px;
}
#player4VidNext
{
    right: 5px;

    background-position: -18px 0;
}
#player4VidNext:hover
{
    right: 4px;
}

#player4wrapper .videoCont
{
    width: 99%;
    height: 300px;
}
#player4HorizontalNav
{
    position: absolute;
    bottom: 0;
}

#player4VertThumbs
{
    width: 100% !important;
    height: auto !important;
}

#player4VertPrev,
#player4VertNext
{
    position: absolute;
    bottom: 180px;

    display: block;

    width: 15px;
    height: 21px;

    text-indent: -999em;

    background: transparent url('../img/carousel_control.png') no-repeat 0 0;
}
#player4VertPrev
{
    left: 5px;

    background-position: 0 0;
}
#player4VertPrev:hover
{
    left: 4px;
}
#player4VertNext
{
    right: 5px;

    background-position: -18px 0;
}
#player4VertNext:hover
{
    right: 4px;
}

#player4HorizontalNav .caroufredsel_wrapper
{
    width: 500px !important;
}

#playe4VideoContainer
{
    width: 100%;
    height: auto;
}

#player4wrapper .player4-content
{
    font-size: 16px;
    line-height: 20px;

    position: absolute;
    z-index: 20;
    bottom: 120px;
    left: 0;

    display: block;

    width: 100%;
    padding: 6px 8px;

    background-color: hsla(0, 0%, 0%, .75);
}

#player4wrapper .player4-entry-title
{
    font-size: 16px;
    line-height: 20px;

    display: block;
}
#player4wrapper .thumbTitle
{
    font-family: 'play';
    font-size: 14px;
    line-height: 24px;

    display: block;

    text-align: center;
    white-space: normal;
}

#player4wrapper .player4-entry-title,
#player4wrapper .player4-entry-excerpt
{
    color: hsl(0, 0%, 100%);
}
#player4wrapper .player4-entry-excerpt
{
    font-size: 12px;
    line-height: 16px;

    display: block;

    padding: 2px 0;
}


@media only screen and (min-width:1024px){
     #player4wrapper
    {
        max-width: 634px;
        height: 480px;
    }

    #player4wrapper .player4Thumbs
    {
        width: 634px;
    }

    #player4HorizontalNav .caroufredsel_wrapper
    {
        width: 634px !important;
    }

    #player3wrapper
    {
        max-width: 634px;
        height: auto;
    }

    
 }

@media only screen and (max-width:991px){
     #player4wrapper
    {
        max-width: 718px;
        height: 520px;
    }

    #player4wrapper .player4Thumbs
    {
        width: 718px;
    }

    #player4HorizontalNav .caroufredsel_wrapper
    {
        width: 710px !important;
    }

    #player3wrapper
    {
        max-width: 710px;
        height: auto;
    }

} 

@media only screen and (min-width:767px){
     #player4wrapper
    {
        max-width: 618px;
        height: 470px;
    }

    #player4wrapper .player4Thumbs
    {
        width: 616px;
    }

    #player4HorizontalNav .caroufredsel_wrapper
    {
        width: 616px !important;
    }

    #player3wrapper
    {
        max-width: 616px;
        height: auto;
    }
} 

 @media only screen and (max-width:667px){
     #player4wrapper
    {
        max-width: 100%;
        height: auto;
    }

    #player4HorizontalNav
    {
        position: absolute;
        bottom: -115px;
    }

    #player4Prev,
    #player4Next
    {
        bottom: -55px;
    }

    #player4wrapper .thumbCont
    {
        border-right: 1px solid hsl(0, 0%, 100%);
    }


    #player4wrapper .player4-content
    {
        bottom: 6px;
    }
}
 
 @media only screen and (max-width:559px){
 
     #player4wrapper
    {
        max-width: 100%;
        height: auto;
    }

    .vertThumbCont img
    {
        float: left;

        padding: 6px;
    }


    .vertThumbTit
    {
        float: left;
    }

    .vertThumbTitle
    {
        font: oblique 14px/18px 'play';
    }

    #player4wrapper .player4-content
    {
        bottom: 360px;
    }

    #player3wrapper
    {
        width: 100%;
        height: auto;
    }

    .thumbTitle
    {
        overflow: hidden;

        width: 100%;/* Origional width */
        height: 20px;
    }

}

@media only screen and (max-width:550px){

    #player1Wrapper .sliderPlayer1 ul li
    {
        width: 300px !important;
        height: 900px !important;
    }

    #player1Wrapper .mainSlide
    {
        width: 100%;
        height: 33%;
    }

    #player1Wrapper .rightThumbsList
    {
        width: 100%;
        height: 66%;
    }

    #player1Wrapper a.control_prev,
    #player1Wrapper a.control_next
    {
        top: 25%;
    }
}
 
@media only screen and (min-width:551px){

      #player1Wrapper .sliderPlayer1 ul li
    {
        width: 550px;
        height: 217px;
    }

    #player1Wrapper .mainSlide
    {
        width: 70%;
    }

    #player1Wrapper .rightThumbsList
    {
        width: 30%;
    }
}
 @media only screen and (min-width:320px){
   
 #player4wrapper .player4-entry-excerpt {display:none}
}

/*-------------------------------------------------------------------* 
*----------------------PLAYER 2 New CSS styles----------MH-----------*
*------------------------------------------------------------------- */
#player2NewWrapper .sliderPlayer2New
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 295px;
    margin-top: 5px;
    padding-top: 15px;

    border-radius: 0;
    background: none repeat scroll 0 0 #dcdcdc;
}


#player2NewWrapper .sliderPlayer2New ul
{
    position: relative;

    height: 300px;
    margin: 0;
    padding: 0;

    list-style: none;
}

#player2NewWrapper .mainJWList
{
    width: 100%;
    margin-left: 30px;
}

#player2NewWrapper .sliderPlayer2New ul li
{
    position: relative;

    display: block;
    float: left;

    width: 960px;
    height: 300px;
    margin: 0;
    padding: 0;

    text-align: center;

  /*margin-right:20px;*/
  /*line-height: 300px;*/
}

#player2NewWrapper a.control_prev,
#player2NewWrapper a.control_next
{
    font-size: 18px;
    font-weight: 600;

    position: absolute;
    z-index: 999;
    top: 40%;

    display: block;

    width: auto;
    height: auto;
    padding: 18px 5px;

    cursor: pointer;
    text-decoration: none;

    opacity: .8;
    color: #fff;
    background: #fcb326;
}


#player2NewWrapper a.control_prev:visited,
#player2NewWrapper a.control_next:visited,
#player2NewWrapper a.control_prev:link,
#player2NewWrapper a.control_next:link
{
    text-decoration: none;

    color: #fff;

    decoration: none;
}

#player2NewWrapper a.control_prev:hover,
#player2NewWrapper a.control_next:hover
{
    -webkit-transition: all .2s ease;

    opacity: 1;
    color: #fff;
    background: #3d3d3d;
}


#player2NewWrapper a.control_prev
{
    left: 0;

    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
            border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
            border-bottom-left-radius: 2px;
}


#player2NewWrapper a.control_next
{
    right: -1px;

    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
            border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
            border-bottom-right-radius: 2px;
}

#player2NewWrapper .slider_option
{
    font-size: 18px;

    position: relative;

    width: 160px;
    margin: 10px auto;
}

#player2NewWrapper .mainSlidePlayer2New
{
    position: relative;

    float: left;

    width: 48.5%;
    height: 260px;

    border-right: 1px solid #dcdcdc;
    background-repeat: repeat;
}


#player2NewWrapper .mainSlideResized
{
    clear: both !important;
}


#player2NewWrapper .mainSlideVideoPlayer2New
{
    width: 380px;
    height: 300px;
}

#player2NewWrapper .player2-content
{
    font-size: 16px;
    line-height: 20px;

    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    padding: 6px 8px;

    background-color: rgba(0, 0, 0, .75);
}

#player2NewWrapper .player2-entry-title
{
    font-size: 15px;

    display: block;
    overflow-y: hidden;

    height: 20px;

    text-align: left;
}
#player2NewWrapper .thumbTitle
{
    font-family: 'play';
    font-size: 14px;
    line-height: 24px;

    display: block;

    text-align: center;
    white-space: normal;
}
#player2NewWrapper .player2-entry-title,
#player2NewWrapper .player2-entry-excerpt
{
    color: #fff;
}

#player2NewWrapper .player2-entry-excerpt
{
    font-size: 12px;

    display: block;
    overflow-y: hidden;

    height: 42px;
    margin: 0;
    padding: 0;

    text-align: left;
}

/*-------------------------------------------------------------------* 
*----------------------Player 2 New CSS Media Queries---MH-----------*
*------------------------------------------------------------------- */
    @media only screen and (max-width : 1200px) {
       
    #player2NewWrapper .sliderPlayer2New
    {
    height:290px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:48.5%; 
    height: 260px;
    }
      
  }

  
  @media only screen and (max-width : 1024px) {

    #player2NewWrapper .sliderPlayer2New
    {

    height:285px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:47%; 
    height: 253px;
    }
  }


/* Medium Devices, Desktops */
  @media only screen and (max-width : 991px) {

    #player2NewWrapper .sliderPlayer2New
    {

    height:224px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:35.5%; 
    height: 190px;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {

  }

  @media only screen and (max-width : 767px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:230px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:36.1%; 
    height: 198px;
    }
  }


  /* Extra Small Devices, Phones */ 


  @media only screen and (max-width : 736px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:220px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:34.8%; 
    height: 188px;
    }
  }

  @media only screen and (max-width : 667px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:200px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:31.2%; 
    height: 169px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }
  }


  @media only screen and (max-width : 640px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:190px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:29.8%; 
    height: 160px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }
  }

  @media only screen and (max-width : 600px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:190px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:27.7%; 
    height: 150px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }
  }

  @media only screen and (max-width : 568px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:170px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:26%; 
    height: 140px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:5px
    }
  }

  @media only screen and (max-width : 549px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:570px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:50%; 
    height: 270px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }
  }

  @media only screen and (max-width : 540px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:570px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:49.1%; 
    height: 265px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }
  }

    @media only screen and (max-width : 480px) {
        
    #player2NewWrapper .sliderPlayer2New
    {
    height:492px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:42.8%; 
    height: 230px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }

  }

    @media only screen and (max-width : 414px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:420px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:36%; 
    height: 190px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }

  }

    @media only screen and (max-width : 400px) {
        
    #player2NewWrapper .sliderPlayer2New
    {
    height:408px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:34.7%; 
    height: 187px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }

  }

    @media only screen and (max-width : 375px) {
        
    #player2NewWrapper .sliderPlayer2New
    {
    height:375px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:31.9%; 
    height: 171px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }

  }

    @media only screen and (max-width : 360px) {

    #player2NewWrapper .sliderPlayer2New
    {
    height:360px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:30.4%; 
    height: 165px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }

  }

    @media only screen and (max-width : 357px) {
        
    #player2NewWrapper .sliderPlayer2New
    {
    height:355px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
    width:30.0%; 
    height: 161px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
    height:20px
    }

  }

  /* Custom, iPhone Retina */ 
  @media only screen and (max-width : 320px) {

    #player2NewWrapper .sliderPlayer2New
    {
      height:315px
    }

    #player2NewWrapper .mainSlidePlayer2New 
    { 
      width:26.2%; 
      height: 141px;
    }

    #player2NewWrapper .player2-entry-excerpt
    {
      height:20px
    }
     
  }
  
#player1Wrapper .jwtext, #player2NewWrapper .jwtext, #player3Wrapper .jwtext, #player4MainVid .jwtext
{
 display:none;
}