/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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: #f9f9f9; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }
.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; 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 { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../img/interface/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 10%; width: 40%; height: 80%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: -80px; }
.fancybox-next { right: -80px; }
@media (max-width: 768px) { .fancybox-prev { left: 0; } .fancybox-next { right: 0; } }

.fancybox-nav span { background-image: url("../img/interface/fancybox-nav.png"); background-size: 125px auto !important; background-repeat: no-repeat; position: absolute; top: 50%; width: 62px; height: 74px; margin-top: -36px; cursor: pointer; z-index: 8040; visibility: visible; }
.fancybox-prev span { left: 10px; background-position: 0 0; }
.fancybox-prev span:hover { background-position: 0 bottom; }
.fancybox-next span { right: 10px; background-position: right 0; }
.fancybox-next span:hover { background-position: right bottom; }
.fancybox-nav:hover span { visibility: visible; }
@media (max-width: 768px) { .fancybox-nav span { background-size: 100px auto !important; height: 60px; width: 55px; } }
@media (max-width: 569px) { 
.fancybox-nav span { background-size: 70px auto !important; height: 40px; width: 40px; margin-top:-25px; } 
.fancybox-prev span { left: 0; }
.fancybox-next span { right: 0; }
}

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/interface/fancybox_overlay.png') left top no-repeat; background-color:rgba(51,51,51, 0.95); background-size: auto auto !important; }
.fancybox-overlay:after { content:""; position:absolute; width:50px; height:50px; right:50px; top:50px; background:url("../img/interface/fancybox-close.png") right top no-repeat; background-size: auto auto !important; cursor:pointer; z-index: 9999; }
/*.fancybox-overlay:hover:after { background-position: center bottom; }*/
@media (max-width: 768px) { .fancybox-overlay:after { background-size: 30px auto !important; height: 30px; right:20px; top:20px; } }
@media (max-width: 569px) { .fancybox-overlay:after { background-size: 20px auto !important; height: 20px; right:15px; top:15px; display: block;} }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 19px; position: relative; text-shadow: none; z-index: 8050; }
@media (max-width: 768px) { .fancybox-title {font-size: 14px; line-height: 18px;  } }

.fancybox-opened .fancybox-title { visibility: visible; }
@media (max-width: 569px) { .fancybox-opened .fancybox-title { display:none; } }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 5px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ color: #FFF; line-height: 16px; text-align: left; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; font-style: italic; }
@media (max-width: 768px) { .fancybox-title-outside-wrap { margin: 10px; } }

.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

.fancybox-wrap h3 { color: #fff; font-weight: 700; font-size: 2.4rem; line-height:3rem; margin: 0 0 12px 0; }
.fancybox-wrap h3 span { text-transform: uppercase; color: #fff; padding: 0 2px; }
.fancybox-wrap span.first-line { color:#959595; font-size: 1.6rem; line-height: 2rem; display: table; }

@media (max-width: 768px) { 
.fancybox-wrap h3 { font-size: 2.2rem; margin: 0 10px 10px 0px; }
.fancybox-wrap span.first-line {font-size: 1.4rem; line-height: 1.6rem; } 
}
@media (max-width: 569px) { 
	.fancybox-wrap h3 { font-size: 2rem; line-height: 2.2rem; margin-right: 50px; } 
	.fancybox-close { top: -70px; right: 0; width: 25px; height: 25px; }
}

.fancybox-type-iframe .fancybox-inner { overflow: visible !important; margin-top: 30px; }