/* 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;
    height: 100%;
}
.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: absolute;
        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;
}
