/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('slick/fonts/slick.eot');
    src: url('slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('slick/fonts/slick.woff') format('woff'), url('slick/fonts/slick.ttf') format('truetype'), url('slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@charset "utf-8";
/* HYENA V2.1 CSS Document */

/*********************
COMPONENTS RESET
*********************/
div.hy_plyr, div.hy_plyr * {
	/* BASIC */
	vertical-align:baseline; margin:0; font-size:100%; padding:0; line-height:100%; border:0; outline:none;
	cursor:inherit; box-sizing:border-box; overflow:hidden; text-align:left; word-wrap:break-word; background:none;
	/* AVOID OPENING MOBILE CONTEXT MENU ON TAPHOLD */
	-webkit-touch-callout:none; -moz-touch-callout:none; -ms-touch-callout:none; -o-touch-callout:none; touch-callout:none; 
	/* AVOID HIGHLIGHTING ON TAP */
	-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); 
	/* AVOID CHANGING TEXT SIZE ON ORIENTATION CHANGE */
	-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none; 
	/* AVOID SELECTING TEXT AND IMAGES */
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; -ms-touch-select:none;}
/* FORCE GPU */
div.hy_plyr, .hyena_canvas, .hyena_frame, .hy_btn{
	-moz-transform:translate3d(0,0,0);	
    -webkit-transform:translate3d(0,0,0);	
    -o-transform:translate3d(0,0,0);	
    -ms-transform:translate3d(0,0,0);		
	transform:translate3d(0,0,0);
	-ms-interpolation-mode: bicubic;}
	
/************************
GENERAL COMPONENT STYLING 
************************/
.hyena_canvas, .hyena_frame, img.hyena, .hy_bt_wr, .hyena_slate {width:100%; height:100%;}
.hy_plyr { width:100%; visibility:hidden; overflow:hidden; } 			/* PLAYER */
.hyena_frame { height:100%; }		  									/* MATTE */
.hyena_canvas { height:100%; }		  									/* CANVAS ELEMENT */
img.hyena { display:block; height:100%; visibility:hidden; } 			/* ANIMATED GIF AND STILL STAND-IN */
.hyena_slate { position:absolute; z-index:99;}
div.hy_bt_wr { overflow:visible; position:absolute; padding:0; margin:0; } 	/* CONTROL BUTTON */
img.hy_btn { position:absolute; padding:0; cursor:pointer; display:inline; z-index:999; }


/****************************
  PLAYER STYLE 1 
****************************/
div.hy_plyr_1 { border:0; border-radius:0; padding:0; } 			
div.hy_fr_1, div.hy_fr_1 canvas.hyena_canvas, div.hy_fr_1 img { border:0; }
div.hy_plyr_1 img.hy_btn { width:20%; opacity:1; left:50%; top:48%; }

/****************************
  PLAYER STYLE 2 
****************************/
div.hy_plyr_2 { border:2px solid rgba(137,137,150,0.15); border-radius:3px; padding:10px; 
	background: #f5f5f5; 
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e6e6e7 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e6e6e7));
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#e6e6e7 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%,#e6e6e7 100%); 
	background: -ms-linear-gradient(top, #f5f5f5 0%,#e6e6e7 100%); 
	background: linear-gradient(to bottom, #f5f5f5 0%,#e6e6e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e7',GradientType=0 ); } 			
div.hy_fr_2, div.hy_fr_2 canvas.hyena_canvas, div.hy_fr_2 img { background:#ebebed; border-radius:3px; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.17); } 	
div.hy_plyr_2 div.hyena_slate { background:#ebebed url('controls/tiles/bg_15.png') repeat; border-radius:3px; padding:20px;}													
div.hy_plyr_2 div.hy_bt_wr {margin-left:-10px; margin-top:-10px;}	
div.hy_plyr_2 img.hy_btn { transform:scale(1,1); transition:transform 0.5s ease; width:20%; opacity:1; left:50%; top:48%; }
div.hy_plyr_2 img.hy_btn:hover { transform:scale(1.1,1.1); transition:transform 0.5s ease; }


/****************************
  PLAYER STYLE 3 
****************************/
div.hy_plyr_3 { border:6px solid #04d37d; 
	background: #04d37d; 
	background: -moz-linear-gradient(top, #04d37d 0%, #02ba76 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04d37d), color-stop(100%,#02ba76)); 
	background: -webkit-linear-gradient(top, #04d37d 0%,#02ba76 100%);
	background: -o-linear-gradient(top, #04d37d 0%,#02ba76 100%); 
	background: -ms-linear-gradient(top, #04d37d 0%,#02ba76 100%); 
	background: linear-gradient(to bottom, #04d37d 0%,#02ba76 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04d37d', endColorstr='#02ba76',GradientType=0 ); } 
div.hy_fr_3, div.hy_fr_3 canvas.hyena_canvas, div.hy_fr_3 img { background:#333d4c; padding:10px; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.17); } 	
div.hy_plyr_3 img.hy_btn { transform:scale(1,1); transition:transform 0.5s ease; width:20%; left:50%; top:48%; }
div.hy_plyr_3 img.hy_btn:hover { transform:scale(1.1,1.1); transition:transform 0.5s ease; width:20%; left:50%; top:48%; }


/****************************
  PLAYER STYLE 4 
****************************/
div.hy_plyr_4 { border:6px solid #2f2f2f; border-radius:10px; background:#6a6a6a; box-shadow:1px 1px 3px 3px rgba(0,0,0,0.17); } 
div.hy_fr_4, div.hy_fr_4 canvas.hyena_canvas, div.hy_fr_4 img { background:#2f2f2f; padding:2px; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.17); } 	
div.hy_plyr_4 div.hyena_slate { background:#2f2f2f; }		
div.hy_plyr_4 img.hy_btn { transform:scale(1,1); transition:transform 0.5s ease; width:20%; left:50%; top:48%; }
div.hy_plyr_4 img.hy_btn:hover { transform:scale(1.1,1.1); transition:transform 0.5s ease; width:20%; left:50%; top:48%; }


/****************************
  PLAYER STYLE 5 
****************************/
div.hy_plyr_5 { border:2px solid #f1f1f1; background:#f1f1f1; } 
div.hy_fr_5, div.hy_fr_5 canvas.hyena_canvas, div.hy_fr_5 img { background:#f1f1f1; } 	
div.hy_plyr_5 div.hyena_slate { background:#FFFFFF; }
div.hy_plyr_5 img.hy_btn { transform:scale(1,1); transition:transform 0.5s ease; width:20%; left:50%; top:48%; }
div.hy_plyr_5 img.hy_btn:hover { transform:scale(1.1,1.1); transition:transform 0.5s ease; width:20%; left:50%; top:48%; }


/****************************
	PLAYER STYLE 6 
 ****************************/
div.hy_plyr_6 {
	background: #7d7e7d; 
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); 
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
	border:4px solid #f1f1f1; padding:8px;}
div.hy_fr_6 { background:#f1f1f1; }
div.hy_plyr_6 div.hyena_slate { 
	background: #7d7e7d; 
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); 
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );}
div.hy_plyr_6 img.hy_btn { width:20%; left:50%; top:50%; }

/* General */
.light-modal,.light-modal *, .light-modal:before, .light-modal:after, .light-modal *:before, .light-modal *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Modal Background */
.light-modal-bg {
    display: none;
    background-color: #fff;
}

/* Modal Content */
.light-modal {
    display: none;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    color: #000;
    margin: auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow-y: auto;
}
.light-modal, .light-modal .modal-body  {
	background-color: #fff;
}
.light-modal .modal-body {
	display: inline-block;
	width: 100%;
    padding: 40px 15px 15px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
       -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

/* Close Button */
.light-modal .modal-close {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 27px;
    height: 27px;
    background-color: #ffe400;
    text-align: center;
    line-height: 28px;
    vertical-align: middle;
    text-decoration: none;
    color: #1f1f1f;
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
}

/* Background Lock */
.light-modal-lock, .light-modal-lock body {
    overflow: hidden;
    /* NOTE: Comment / 1 / row if you wish modal to keep it's scroll position when opened.
     This needs to be tested in Iphone6 and other devices to make sure that background is not scrolled with content */
    /*height: 100%; !*1*!*/
}
.light-modal-lock .scrollbar-fix {
    margin-right: 17px;
}

/* Media Queries */
@media screen and (min-width: 701px) {
    .light-modal-bg {
        background-color: rgba(31,31,31,.9);
        overflow-y: scroll;
    }
	.light-modal .modal-body {
		-webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
    }
    .light-modal {
		background: transparent;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) translateZ(0);
           -moz-transform: translate(-50%, -50%) translateZ(0);
                transform: translate(-50%, -50%) translateZ(0);
        width:  550px;
        max-height: 93%;
        height: auto;
    }
    .light-modal-bg {
        position: fixed;
        overflow: auto;
        z-index: 995;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

}



.bb-scroll-area {
    position: relative;
    clear: both;
    display: block;
    overflow-x: hidden;
}
.bb-scroll-area ul {
    list-style: none;
    margin: 0;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.bb-scroll-area ul li {
    display: inline-block;
    white-space: normal;
}
.bb-scroll-area .bb-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    z-index: 20;
    font-size: 1px;
    text-indent: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.bb-scroll-area .bb-nav:before {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 0;
    width: 100%;
    font-size: 22px;
    line-height: 1em;
    text-align: center;
    text-indent: 0;
    font-weight: bold;
    color: #fff;
    font-family: 'icomoon';
}
.bb-scroll-area .bb-nav.bb-arrow-next {
    right: 0;
}
.bb-scroll-area .bb-nav.bb-arrow-next:before {
    content: '\f105';
}
.bb-scroll-area .bb-nav.bb-arrow-prev {
    left: 0;
}
.bb-scroll-area .bb-nav.bb-arrow-prev:before {
    content: '\f104';
}
.bb-scroll-area.bb-scroll-start .bb-nav.bb-arrow-prev {
    display: none;
}
.bb-scroll-area.bb-scroll-end .bb-nav.bb-arrow-next {
    display: none;
}
@media screen and (max-width: 767px) {
    .bb-scroll-area .bb-nav {
        display: none !important;
    }
}
.mobile .bb-scroll-area .bb-nav {
    display: none !important;
}
/*Scroll styles*/
.bb-scroll-area ::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #ececec;
}
.bb-scroll-area ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #ececec;
}
.bb-scroll-area ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #c3c3c3;
}
.bb-scroll-area ::-webkit-scrollbar-track, .bb-scroll-area ::-webkit-scrollbar-thumb, .bb-scroll-area ::-webkit-scrollbar {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.bb-scroll-area:hover ::-webkit-scrollbar-thumb, .bb-scroll-area:hover ::-webkit-scrollbar-track, .bb-scroll-area:hover ::-webkit-scrollbar {
    opacity: 1;
    visibility: visible;
}