/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
/*vertical-align: middle;*/
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/*----- General -----*/
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {/* Set your content font stack here: */font-family: 'Open Sans', sans-serif;}
html, body {height: 100%; min-height:100%;}
form {height: 100%;}
div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {margin: 0;}
h1,h2,h3,h4 {font-family: 'Oswald', sans-serif; font-weight:800; text-transform:uppercase; margin:20px 0 10px 0!important;}
p {margin:10px 0 !important;}
a {text-decoration:none; color:#278dc9;}
a:hover {text-decoration:underline;}
/*----- Header -----*/
.nav-collapse li:first-child a {padding:0; text-align:left !important;}
/*----- Messages -----*/
#flash-messages {position:fixed; text-align:center; z-index:999; top:25%; left:25%; width:50%; padding:32px 4px; background:#303030; background:rgba(17, 20, 23, 0.7); color:#eee; border-radius:8px;}
#flash-messages h3 {margin:0; padding:0; font:700 19px 'Ubuntu', sans-serif; text-shadow:0 1px 0 #000 !important;}
#flash-messages p {margin:0; padding:0; font:500 14px 'Ubuntu', sans-serif; text-shadow:0 1px 0 #000 !important;}
#flash-messages .close {position:absolute; right:4px; top:4px; display:block; width:19px; height:18px; color:#fff !important;}
/*----- Content Area -----*/
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */ background: url(../img/bg.jpg) top left fixed;}
.container {max-width:960px; margin:0 auto;padding:30px 150px; background:#fff; min-height: 100%;height: auto !important;height: 100%;}
.content {margin:10px auto 0 auto;min-height: 100%;height: auto !important;height: 100%; }
.content ul li { background: none repeat scroll 0 0 #308acc;border-radius: 15px;color: #fff; margin: 15px 0;padding: 15px 15px 15px 25px;}
/*----- Homepage Image Area -----*/
.main-img {background: url(../img/main-pic.jpg) fixed no-repeat top center; display:block; max-width:960px; height:555px; margin:0 auto; text-align:center;}
.main-img img {margin:10px auto 0 auto; text-align:center; max-width:450px;}
.main-img p {color:#fff; text-align:center; font-size:1.6em; font-weight:300;}
.registration {background: none repeat scroll 0 0 #278dc9;color: #fff;margin:40px 20px 20px 0; padding: 0.8em; width:200px; height:50px; margin:0 auto;border-bottom:3px solid #fff;}
.registration a {color:#fff; text-decoration:none; width:100px; height:40px; font-weight:600; text-transform:uppercase;}
/*----- Homepage Callout Area -----*/
.callout-area {background:#4f4f4f; max-width:960px; min-height:400px; margin:0 auto; text-align:center;}
.callout {width:33%; text-align:center; display:inline-block; margin:0 auto;}
.callout img {margin:40px 20px; width:90%;}
/*----- Schedule -----*/
.schedule {background: #fff; width:90%; margin-bottom:40px;}
.time {width:22%; padding:30px 30px 30px 0; vertical-align:top; text-align:right; font-size:1.2em; font-weight: 600; border-right:1px solid #ccc;}
.track {width:75%; padding:30px 0 30px 30px; vertical-align:top; text-align:left;}
/*----- Speakers -----*/
.zoidburg {min-height:200px;}
.title {font-size:1em;}
.detail-speaker {font-size:2em;padding-bottom:20px;}
.detail-title {font-size:1.3em;padding-bottom:20px;}
.speaker a {font-size:1.4em; text-decoration:underline;}
.topic-title {font-size:1.3em;}
.photo-area {display:inline-block; width: 30%; vertical-align:top; margin-top:15px;}
.photo-area img {width:150px;}
.description-area {display:inline-block; width:65%;vertical-align:top; /*margin-bottom:25px; padding-bottom:25px;*/ border-bottom:1px solid #ccc;}
.title-area {display:inline-block; width:65%;vertical-align:top; /*margin-bottom:25px; padding-bottom:25px;*/}
.description-area:last-child {border-bottom:none;}
/*----- Register -----*/
.button {background: none repeat scroll 0 0 #278dc9;border: medium none;color: #fff;margin:40px 20px 20px 0; padding: 0.8em; }
.register {}
.register > div:first-child {width:45%; display:inline-block; margin-right:20px;}
.register > div:nth-child(2) {width:45%; display:inline-block; margin-right:20px;}
.register input {padding: 10px; text-shadow: none;}
.register input[type=text] {-moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;background: none repeat scroll 0 0 #dfeaf1; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-image: none; border-style: none none solid; border-width: medium medium 2px;width:250px;}
.register input[type=email] {-moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;background: none repeat scroll 0 0 #dfeaf1; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-image: none; border-style: none none solid; border-width: medium medium 2px;width:250px;}
.register input[type=radio] {width: 10px;width: 30px\9;}
.register label {display: block;font-weight: 600;}
#questions .question {background: none repeat scroll 0 0 #f6f6f6;border: 2px solid #ccc;margin: 30px 0 20px 0;padding: 15px;}
#questions label {display:inline; font-weight:normal;}
.question ul {list-style-type:none; background:none; border:none;}
.question ul li { -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border-color: -moz-use-text-color -moz-use-text-color #f5f5f5;border-image: none;border-radius: 0;border-style: none none solid;color: #444;padding: 0 7px 0 0; display:inline; font-size:.9em; margin:0;}
.validation-summary-errors ul li {background:#ee5c49;}
/*----- Press -----*/
.resources ul li {background: none repeat;color: #fff; margin:0;padding:0 20px 20px 0; display:inline-block;}
.resources ul li img {text-align:center;vertical-align:middle;}
.resources a {background: none repeat scroll 0 0 white;border: 1px solid #ddd;display: block; height: 150px;width:150px;padding: 5px;}
.contact {border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:40px;}
.contact1 img, .contact2 img {border-radius:130px;border:3px solid #308acc; width:130px; margin:20px 0;}
.contact1 {display:inline-block; width:44%; padding:0 20px 20px 0; margin-right:20px;}
.contact2 {display:inline-block; width:44%;}
.add-resources {margin:20px 0;}
/*----- Footer -----*/
.footer-full .container {padding:30px 30px 10px 30px;opacity: 1;border-top:1px solid #cccccc;}
.footer-full, .push {height: 145px; /* '.push' must be the same height as 'footer' */max-width:960px; margin:0 auto; font-size:.9em; position:relative; background:#fff;}
.footer-left {float:left; width:38%; font-size:.7em;}
.footer-left img {width:auto; height:40px; margin-right:10px;}
.footer-right {float:right; width:60%; text-align:right; padding-top:35px; font-size:.8em;}
.footer-right li {list-style-type:none; margin:0; padding:0 7px; display:inline-block; color:#4f4f4f; border-right:1px solid #4f4f4f;}
.footer-right li:last-child {border-right:none;}
.footer-right li:first-child {padding-left:0;}
.footer-right li a {color:#086eb1; text-decoration:none;}
.footer-right li a:hover {text-decoration:underline;}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */
/*----- Smartphones -----*/
@media only screen and (max-width: 479px) {
/*----- Header -----*/
.mobile-head {background:#4f4f4f; padding:2px;height:50px; display:block; margin:0 auto; text-align:center;}
.mobile-head img {height:50px; width:auto;}/*----- Content Area -----*/
/*----- Homepage Image Area -----*/
.main-img {min-width:100%;}
.main-img img {margin:10px auto 0 auto; text-align:center; width:90%;}
.main-img p {font-size:1em;}
.mobile-hide {display:none;}
/*----- Homepage Callout Area -----*/
.callout {width:100%; text-align:center; display:inline-block; margin:0 auto;}
.callout img {padding:10px 20px; max-width:250px; margin:0;}
/*----- Content Area -----*/
.wrapper {margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */ }
.container {padding:10px 50px 10px 10px;}
/*----- Schedule -----*/
.schedule {background: #fff; width:90%; margin-bottom:40px;}
.time {width:30%; padding:10px 10px 10px 0; vertical-align:top; text-align:left; font-size:1em;}
.track {width:65%; padding:10px 0 10px 10px;}
/*----- Speakers -----*/
.zoidburg {min-height:130px;}
.description-area {width:98%;}
.photo-area {padding:10px;}
.photo-area img {width:100%;}
.speaker a {font-size:1em;}
.topic-title {font-size:.9em;}
/*----- Press -----*/
.contact {border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:40px;}
.contact1 img, .contact2 img {border-radius:130px;border:3px solid #308acc; width:130px; margin:20px 0;}
.contact1 {display:inline-block; width:100%; padding:0 20px 20px 0; margin-right:20px;}
.contact2 {display:inline-block; width:100%;}
/*----- Register -----*/
.register > div:first-child {width:100%; display:inline-block; margin-right:0;}
.register > div:nth-child(2) {width:100%; display:inline-block; margin-right:0;}
#questions label {display:block;padding:2px;}
.register input {width:90%;}
/*----- Footer -----*/
.footer-full {width:100%; margin:0 auto; font-size:.58em;}
.footer-full, .push {height: 145px; /* '.push' must be the same height as 'footer' */}
.footer-left {float:left; width:100%;}
.footer-right {float:left; width:100%; text-align:left; padding:10px 0;}
.footer-left img {height:30px;}
/*Hide images from mobile nav*/
.nav-collapse li:first-child {display:none;}
.nav-collapse li:last-child {display:none;}
}
/*----- Large smartphones -----*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*----- Header -----*/
.mobile-head {background:#4f4f4f; padding:2px; height:50px; display:block; margin:0 auto; text-align:center;}
.mobile-head img {height:50px; width:auto;}
/*----- Homepage Image Area -----*/
.main-img {min-width:100%;}
.main-img img {margin:10px auto 0 auto; text-align:center; width:90%;}
.main-img p {font-size:1em;}
/*----- Homepage Callout Area -----*/
.callout {width:100%; text-align:center; display:inline-block; margin:0 auto;}
.callout img {padding:10px 20px; max-width:250px;margin:0 20px;}
/*----- Schedule -----*/
.schedule {background: #fff; width:90%; margin-bottom:40px;}
.time {width:20%; padding:30px 30px 30px 0; vertical-align:top; text-align:right; font-size:1.2em; font-weight: 600; border-right:1px solid #ccc;}
.track {width:75%; padding:30px 0 30px 30px; vertical-align:top; text-align:left;}
/*----- Speakers -----*/
.zoidburg {min-height:140px;}
.photo-area {padding:10px;}
.photo-area img {width:90%;}
.speaker a {font-size:1.2em;}
.topic-title {font-size:1em;}
/*----- Content Area -----*/
.wrapper {margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */ }
.container {padding:10px;}
/*----- Register -----*/
.register > div:first-child {width:100%; display:inline-block; margin-right:0;}
.register > div:nth-child(2) {width:100%; display:inline-block; margin-right:0;}
#questions label {display:block;padding:2px;}
.register input {width:300px;}
/*----- Footer -----*/
.footer-full {width:100%; margin:0 auto; font-size:.8em;}
.footer-full, .push {height: 145px; /* '.push' must be the same height as 'footer' */}
.footer-left {float:left; width:100%;}
.footer-right {float:left; width:100%; text-align:left; padding:10px 0;}
/*Hide images from mobile nav*/
.nav-collapse li:first-child {display:none;}
.nav-collapse li:last-child {display:none;}
}
/*----- Tablets and landscape large smartphones -----*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*----- Header -----*/
.mobile-head {background:#4f4f4f; padding:2px; height:50px; display:block; margin:0 auto; text-align:center;}
.mobile-head img {height:50px; width:auto;}
/*----- Registration -----*/
.question ul li {font-size:.6em;}
.register input {width:200px;}
/*----- Speakers -----*/
.photo-area {padding:10px;}
.photo-area img {width:120px;}
/*Hide images from mobile nav*/
.nav-collapse li:first-child {display:none;}
.nav-collapse li:last-child {display:none;}
}
/*----- Desktop screens -----*/
@media only screen and (min-width: 960px){
.mobile-head {display:none;}
}
/* ==========================================================================
VENDOR STYLES
========================================================================== */
/* ------------------------------------------
NAVIGATION STYLES
(+ responsive-nav.css file is loaded in the )
/*! responsive-nav.js 1.0.32 by @viljamis |
--------------------------------------------- */
/* ------------------------------------------
RESET
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {margin: 0;padding: 0;border: 0;}
a:active,a:hover {outline: 0;}
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
.fixed {position: fixed;width: 100%; top: 0;left: 0;}
/*.nav-collapse,.nav-collapse * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}*/
.nav-collapse,.nav-collapse ul {list-style: none;width:100%;margin:0 auto; background:#4f4f4f;}
.nav-collapse li {/*float: left;*/width: 100%; display:inline-block;vertical-align:top;}
.nav-collapse a {color: #fff;text-decoration: none;width: 100%; padding: 0.7em 1em; float: left; border-bottom:1px solid #ccc;}
.nav-collapse ul ul a {background: #ca3716;padding-left: 2em;}
@media screen and (min-width: 960px) { /*desktop*/
.nav-collapse,.nav-collapse ul {list-style: none;width:960px;margin:0 auto; text-align:right; padding-top:3px;}
.nav-collapse li {width: 12%;*width: 11.9%; /* IE7 Hack */_width: 11%; /* IE6 Hack */ padding-top:15px; text-align:left;}
.nav-collapse li:first-child {text-align:left; width:430px; margin:0; padding:0;}
.nav-collapse li:last-child {text-align:left; margin:0; padding:15px 0; width:5%;}
.nav-collapse ul ul a {display: none;}
.nav-collapse a {margin: 0; float: left;border-bottom:none; text-transform:uppercase;}
.nav-collapse a:hover {color:#ccc;}
}
/* ------------------------------------------
NAV TOGGLE STYLES
--------------------------------------------- */
@font-face {font-family: "responsivenav";src:url("../icons/responsivenav.eot");src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),url("../icons/responsivenav.ttf") format("truetype"),url("../icons/responsivenav.woff") format("woff"),url("../icons/responsivenav.svg#responsivenav") format("svg");font-weight: normal;font-style: normal;}
.nav-toggle {position: fixed;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-decoration: none;text-indent: -999px;position: relative;overflow: hidden;width: 70px;height: 55px;float: right;}
.nav-toggle:before {color: #ccc; /* Edit this to change the icon color */font-family: "responsivenav", sans-serif;font-style: normal;font-weight: normal;font-variant: normal;font-size: 28px;text-transform: none;position: absolute;content: "=";text-indent: 0;text-align: center;line-height: 55px;speak: none;width: 100%;top: 0;left: 0; z-index:1000;}
.nav-toggle.active::before {font-size: 24px;content:"=";}
.js .nav-collapse {clip: rect(0 0 0 0);max-height: 0;position: absolute;display: block;overflow: hidden;zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.disable-pointer-events {pointer-events: none !important;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
@media screen and (min-width: 960px) {
.js .nav-collapse {position: relative;}
.js .nav-collapse.closed {max-height: none; width:100%; background:#4f4f4f; height:100px;}
.nav-toggle {display: none;}
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*FancyBox Minified*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;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;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner,.fancybox-outer{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-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(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:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.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(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.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 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.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:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}}