/* ====================================================
 * Company: Unity Technologies
 * Contributors: 
   - Rickard Andersson, rickard@unity3d.com
======================================================= */

/****************************************
  ==== FANCYBOX
****************************************/

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 50px rgba(0,0,0,0.9); box-shadow: 0 0 50px rgba(0,0,0,0.9); }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #fff; color: #455463; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; text-align: left; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading { width: 48px; height: 50px; position: fixed; left: 50%; top: 50%; z-index: 8060; margin: -25px 0 0 -24px; background: url(../../images/ui/icons/other/cube48x50.png) 0 0 no-repeat; }
#fancybox-loading:after { content: ''; width: 78px; height: 78px; display: block; border: 2px solid transparent; border-top-color: #ffeb3b; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -15px; left: -13px;  -webkit-animation: spin 1s infinite cubic-bezier(0.25,0.1,0.25,1); -moz-animation: spin 1s infinite cubic-bezier(0.25,0.1,0.25,1); -o-animation: spin 1s infinite cubic-bezier(0.25,0.1,0.25,1); animation: spin 1s infinite cubic-bezier(0.25,0.1,0.25,1); }
.fancybox-close { height: 40px; position: absolute; bottom: -50px; right: 0; cursor: pointer; z-index: 8060; text-decoration: none !important; }
.fancybox-close:before { font-family: "entypo-plus"; content: '\e98d'; color: #fff; font-size: 240%; line-height: 40px; letter-spacing: -3px; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { width: 50px; height: 50px; position: absolute; top: 50%; margin: -25px 0 0 0; cursor: pointer; z-index: 8040; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.fancybox-nav:hover span { opacity: 1; }
.fancybox-nav span:before { font-family: "entypo-plus"; content: '\e97e'; color: #fff; font-size: 240%; }
.fancybox-prev span { left: -70px; }
.fancybox-prev span:before { left: -70px; content: '\e929'; }
.fancybox-next span { right: -70px; }
.fancybox-next span:before { right: -70px; content: '\e92a'; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }
.fancybox-lock { overflow: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.9); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { width: 100%; padding: 0 50px 0 0; position: absolute; bottom: 0; left: 0%; margin-bottom: -50px; z-index: 8050; text-align: left; }
.fancybox-title-float-wrap .child { width: 100%; display: inline-block; color: #fff; line-height: 40px; font-size: 1.125em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #222c37; background: rgba(34,44,55,0.9); }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(-360deg); } }
@-o-keyframes spin { from { -o-transform: rotate(0); } to { -o-transform: rotate(-360deg); } }
@keyframes spin { from { transform: rotate(0); } to { transform: rotate(-360deg); } }

/****************************************
  ==== SLICK SLIDER
****************************************/

.slick-slider { position: relative; z-index: 3; padding: 0 30px 60px 30px !important; margin: 0 60px; display: block; -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; padding: 0 30px; display: block; overflow: hidden; }
.slick-slide, .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 { height: 100%; min-height: 1px; float: left; display: none; padding: 0 15px; }
.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-arrow.slick-hidden { display: none; }

.slick-dots {
  width: 100%; list-style: none; display: block; text-align: center; padding: 0; margin: 0; position: absolute; bottom: 30px; left: 0;
}
.slick-dots li {
  width: 10px; height: 10px; margin: 0 5px; padding: 0; display: inline-block; position: relative; cursor: pointer;
}
.slick-dots li:before {
  display: none;
}
.slick-dots li button {
  width: 10px; height: 10px; display: block; cursor: pointer; color: transparent; border: #989999 1px solid; outline: none; background: #fff; font-size: 0; line-height: 0; -webkit-appearance: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button, .slick-dots li.slick-active button {
  background: #002835; border-color: #002835;
}
.slick-prev, .slick-next {
  width: 40px; height: 40px; display: block; position: absolute; bottom: 50%; margin: 20px 0 0 0; z-index: 15; cursor: pointer; border: #002835 1px solid; outline: none; font-size: 0; color: transparent; background: transparent; letter-spacing: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.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: 0.25;
}
.slick-prev:before, .slick-next:before {
  font-size: 20px; font-family: "entypo-plus"; color: #002835; line-height: 40px;
}
.slick-prev {
  left: -30px;
}
.slick-prev:before {
  content: '\e929';
}
.slick-next {
  right: -30px;
}
.slick-next:before {
  content: '\e92a';
}
.mwu .slick-prev, .mwu .slick-next {
  bottom: auto; top: auto; margin: -20px 0 0 0;
}

/****************************************
  ==== BREAKPOINT < 768px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 768px){

.slick-slider { padding: 0 15px 15px 15px !important; margin: 0 45px; }
.slick-list { padding: 0 15px; }

}

/****************************************
  ==== BREAKPOINT < 480px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 479px){

.slick-slider { padding: 0 10px 15px 10px !important; margin: 0 10px; }
.slick-list { padding: 0 10px; }
.slick-prev {
  left: 0px; background: #fff;
}
.slick-next {
  right: 0px; background: #fff;
}

}