/*! normalize.css v1.0.2 | MIT License | git.io/normalize *//* ========================================================================== HTML5 display definitions ========================================================================== *//* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}/* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) { display: none; height: 0;}/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */[hidden] { display: none;}/* ========================================================================== Base ========================================================================== *//* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */}/* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */html,button,input,select,textarea { font-family: sans-serif;}/* * Addresses margins handled incorrectly in IE 6/7. */body { margin: 0;}/* ========================================================================== Links ========================================================================== *//* * Addresses `outline` inconsistency between Chrome and other browsers. */a:focus { outline: thin dotted;}/* * Improves readability when focused and also mouse hovered in all browsers. */a:active,a:hover { outline: 0;}/* ========================================================================== Typography ========================================================================== *//* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */h1 {font-size: 2.25em;margin: 0.67em 0;}h2 {font-size: 1.9em;margin: 0.83em 0 0.5em;}h3 {font-size: 1.4em;margin: 1em 0 0.5em;}h4 {font-size: 1.1em;margin: 1.33em 0;}h5 {font-size: 0.9em;margin: 1.67em 0;}h6 {font-size: 0.85em;margin: 2.33em 0;}/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */abbr[title] { border-bottom: 1px dotted;}/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */b,strong { font-weight: bold;}blockquote { margin: 1em 40px;}/* * Addresses styling not present in Safari 5 and Chrome. */dfn { font-style: italic;}/* * Addresses styling not present in IE 6/7/8/9. */mark { background: #ff0; color: #000;}/* * Addresses margins set differently in IE 6/7. */p,pre { margin: 1em 0;}/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */code,kbd,pre,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}/* * Improves readability of pre-formatted text in all browsers. */pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}/* * Addresses CSS quotes not supported in IE 6/7. */q { quotes: none;}/* * Addresses `quotes` property not supported in Safari 4. */q:before,q:after { content: ''; content: none;}/* * Addresses inconsistent and variable font size in all browsers. */small { font-size: 80%;}/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}/* ========================================================================== Lists ========================================================================== *//* * Addresses margins set differently in IE 6/7. */dl,menu,ol,ul { margin: 1em 0;}dd { margin: 0 0 0 40px;}/* * Addresses paddings set differently in IE 6/7. */menu,ol,ul { padding: 0 0 0 40px;}/* * Corrects list images handled incorrectly in IE 7. */nav ul,nav ol { list-style: none; list-style-image: none;}/* ========================================================================== Embedded content ========================================================================== *//* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */}/* * Corrects overflow displayed oddly in IE 9. */svg:not(:root) { overflow: hidden;}/* ========================================================================== Figures ========================================================================== *//* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */figure { margin: 0;}/* ========================================================================== Forms ========================================================================== *//* * Corrects margin displayed oddly in IE 6/7. */form { margin: 0;}/* * Define consistent border, margin, and padding. */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}/* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */}/* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */button,input,select,textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */}/* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */button,input { line-height: normal;}/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */}/* * Re-set default cursor for disabled elements. */button[disabled],input[disabled] { cursor: default;}/* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */}/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}/* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}/* * Removes inner padding and border in Firefox 3+. */button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}/* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */}/* ========================================================================== Tables ========================================================================== *//* * Remove most spacing between table cells. */table { border-collapse: collapse; border-spacing: 0;}/* HTML5 Boilerplate * 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; }body {font-size: 100% /*IE Bug fix*/}body { line-height: 1.4; }/* Remove text-shadow in selection highlight: h5bp.com/i | These selection declarations 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 and the bottom of their containers: h5bp.com/i/440 */img { vertical-align: middle; }/* Remove default fieldset styles. */fieldset { border: 0; margin: 0; padding: 0; }/* Allow only vertical resizing of textareas. */textarea { resize: vertical; }/* ========================================================================== * Chrome Frame prompt */.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }/* ========================================================================== * 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: 100%; }/* 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. * Theses examples override the primary ('mobile first') styles. Modify as content requires. * * Style adjustments for viewports that meet the condition *@media only screen and (min-width: 35em) {} * Style adjustments for high resolution devices *@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {} *//* ========================================================================== * Print styles. * Inlined to avoid required HTTP connection: h5bp.com/r *//**//* jQuery.mb.components: jquery.mb.menu * © 2001 - 2010 Matteo Bicocchi (pupunzi), Open Lab */.mbmenu{display:none;}.rootVoices {}.rootVoices a {text-decoration: none;}.rootVoices .rootVoice {display: block; cursor: pointer;}.rootVoices .rootVoice.selected{}.rootVoices .rootVoice.disabled.selected{}.rootVoices.horizontal .rootVoice {float: left;}.menuContainerVertical a, .menuContainerHorizontal a{display: block;}.menuContainerVertical .img, .menuContainerHorizontal .img{float: left;}/* pure CSS menu style copied from superfish */.content .rootVoices, .rootVoices * {margin: 0;padding: 0;list-style: none;}.rootVoices {line-height: 1.0; /*float: left;*/}.content .rootVoices ul {position: absolute; top: -999em; margin: 0;}.content .rootVoices ul li {width: 100%; margin: 0;}.rootVoices li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}.rootVoices li {float: left; position: relative;}.rootVoices a {display: block; position: relative;}.content .rootVoices li:hover ul,.content .rootVoices li.sfHover ul {left: 0;z-index: 99;}.rootVoices li:hover li ul, .rootVoices li.sfHover li ul {top: -999em;}.rootVoices li li:hover li ul, .rootVoices li li.sfHover li ul {top: -999em;}.rootVoices li li:hover ul, .rootVoices li li.sfHover ul {top: 0;}.rootVoices li li li:hover ul, .rootVoices li li li.sfHover ul {top: 0;}.rootVoices li:hover ul, .rootVoices li.sfHover ul {top: 0;}.rootVoices.vertical li:hover ul, .rootVoices.vertical li.sfHover ul {top: 0px;}/*BOX MENU - For sub menu items that are set to display as a box instead of a normal link*/.boxMenu{ color:#f3f3f3; border-top:8px solid black; }.boxMenu h4{ white-space:nowrap; margin:0 0 20px 0; padding:3px; font:18px/20px georgia, serif; padding-right:20px; }.boxMenu { min-width:160px; vertical-align:top; border-right:1px solid #999; }.boxMenu:hover{}.boxMenu:hover a{ margin-right:3px; color:#000; }.boxMenu:last-child{ min-width:160px; vertical-align:top; border-right:none; }.boxMenu a{ font-size:14px; white-space:nowrap; display:block; padding:5px; margin-bottom:5px; }.boxMenu a img{padding-right:5px; }.boxMenu a:hover{ color:#000; }.boxMenu a img{ border:0;}/**//* jQuery.mb.components: jquery.mb.menu © 2001 - 2010 Matteo Bicocchi (pupunzi), Open Lab */.rootVoices.horizontal {height: 34px; /* height of top level bar */padding-left:10px;}.rootVoices li:hover ul, .rootVoices li:hover ol, .rootVoices li.sfHover ul, .rootVoices li.sfHover ol {top: 34px; /* css only - match height above */}.rootVoices.horizontal ul, .rootVoices.horizontal ol {width: 180px; /* css only - width of sub menus */} ul.rootVoices.horizontal li li:hover ul, ol.rootVoices.horizontal li li:hover ol, ul.rootVoices.horizontal li li.sfHover ul, ol.rootVoices.horizontal li li.sfHover ol, ul.rootVoices.horizontal li li li:hover ul, ol.rootVoices.horizontal li li li:hover ol, ul.rootVoices.horizontal li li li.sfHover ul, ol.rootVoices.horizontal li li li.sfHover ol {left: 170px; /* css only - offset of sub menus - slightly smaller for overlap if desired */}.rootVoices.horizontal a, .menuContainerHorizontal .voice a {/* Links */color: #fff;text-decoration: none;}.rootVoices.horizontal li { background: none; /* top level */}.menuContainerHorizontal, .rootVoices.horizontal li li { background: none; /* first sub */}.menuContainerHorizontal.subMenuContainer, .rootVoices.horizontal li li li { background: none; /* second sub */}.rootVoices.horizontal .rootVoice.selected, .rootVoices.horizontal li:hover, .rootVoices.horizontal li.sfHover,.rootVoices.horizontal a:focus, .rootVoices.horizontal a:hover, .rootVoices.horizontal a:active, .menuContainerHorizontal .selected { /* li hover style */background: none;color:#b9a6c2;}.rootVoices.horizontal .rootVoice { /* top level */ padding:9px;}.rootVoices.horizontal ul a,.rootVoices.horizontal ol a, .menuContainerHorizontal .voice a { /*sub items*/padding: 9px;}.menuContainerHorizontal { position:absolute;/*font-size: 1.2em;*/}.rootVoices.horizontal .rootVoice.disabled.selected { background:#999; color:#666;}.menuContainerHorizontal.submenuContainer { border-top:none!important;}.menuContainerHorizontal.disabled { background-color:gray;}.menuContainerHorizontal .line { /*background-color:transparent;*/}.menuContainerHorizontal .line.title { background-color:black;}.menuContainerHorizontal.disabled .line.title { background-color:#999;}.menuContainerHorizontal .line.title a { font-size:14px; color:#ccc;}.menuContainerHorizontal.disabled .line.title a { font-size:14px; color:#666;}.menuContainerHorizontal .separator { background-color:#999; height:1px; padding:0; margin:0;}.menuContainerHorizontal .img { width:24px;}.menuContainerHorizontal .img img { width:20px;}.menuContainerHorizontal .textBox { padding: 10px; color: #c3c3c3;}.menuContainerHorizontal .disabled , .menuContainerHorizontal .disabled a { color:#555;}.menuContainerHorizontal .subMenuOpener { background-image:url(../images/menu/menuArrow_w.gif); background-repeat:no-repeat; background-position:right;}.menuContainerHorizontal .selected .subMenuOpener { background-image: url(../images/menu/menuArrow.gif); background-repeat:no-repeat; background-position:right;}/**//* jQuery.mb.components: jquery.mb.menu © 2001 - 2010 Matteo Bicocchi (pupunzi), Open Lab */.rootVoices.vertical, .rootVoices.vertical li, .rootVoices.vertical ul {width: 180px; /* width of menu */padding-left:0;margin:0;}.rootVoices.vertical li:hover ul,.rootVoices.vertical li.sfHover ul, .rootVoices.vertical li li:hover ul, .rootVoices.vertical li li.sfHover ul, .rootVoices.vertical li li li:hover ul, .rootVoices.vertical li li li.sfHover ul {left: 170px; /* css only - offset of subs - slightly smaller for overlap if desired */}.rootVoices.vertical a, .menuContainerVertical .voice a {/* Links */color: #eee;text-decoration: none;}.rootVoices.vertical li { background: #333; /* top level */}.menuContainerVertical, .rootVoices.vertical li li { background: #444; /* first sub */}.menuContainerVertical.subMenuContainer, .rootVoices.vertical li li li { background: #555; /* second sub */}.rootVoices.vertical li:hover, .rootVoices.vertical li.sfHover, .rootVoices.vertical a:focus, .rootVoices.vertical a:hover, .rootVoices.vertical a:active,.menuContainerVertical .selected { /* li hover style */background: #222;color: #fff;}.rootVoices.vertical .rootVoice { /* top level */ padding:8px 9px;}.rootVoices.vertical ul a, .menuContainerVertical .voice a { /*sub items*/padding: 8px;}.menuContainerVertical { position:absolute;/*font-size: 1.2em;*/}.rootVoices.vertical .rootVoice.disabled.selected{ background:#999 !important; color:#666;}.menuContainerVertical.submenuContainer{ border-top:none!important;}.menuContainerVertical.disabled{ border-top:5px solid #999; background-color:gray;}.menuContainerVertical .line{ /*background-color:transparent;*/}.menuContainerVertical .line.title { background-color:black;}.menuContainerVertical.disabled .line.title { background-color:#999;}.menuContainerVertical .line.title a{ font-size:14px; color:#ccc;}.menuContainerVertical.disabled .line.title a{ font-size:14px; color:#666;}.menuContainerVertical .separator{ background-color:#999; height:1px; padding:0; margin:0;}.menuContainerVertical .img{ width:24px;}.menuContainerVertical .img img{ width:20px;}.menuContainerVertical .textBox{ padding: 10px; color: #c3c3c3;}.menuContainerVertical .disabled , .menuContainerVertical .disabled a { color:#555;}.menuContainerVertical .subMenuOpener{ background-image:url(../images/menu/menuArrow_w.gif); background-repeat:no-repeat; background-position:right;}.menuContainerVertical .selected .subMenuOpener{ background-image:url(../images/menu/menuArrow.gif); background-repeat:no-repeat; background-position:right;}/* CSS Document */#mobileNav-control {z-index:1000;cursor:pointer;}#mobileNav-control, #mobileNavCompressed {display:none}#mobileNav {display:none;right: 10px;top:72px;position: absolute;z-index:999;min-width:20em;max-width:96%;background: #2d242f;-webkit-box-shadow: 2px 3px 10px 1px #333333;box-shadow: 2px 3px 10px 1px #333333;}#mobileNav.left {left: 10px;right: auto;}#mobileNav .mobile-menu-title {display:block;padding:1em 1em 0;font-style:italic}#mobileNav ol {margin:0;list-style:none;padding-left:1.5em}#mobileNav ol.toplvl {margin:0 0.5em 1em;}#mobileNav li {display:block;}#mobileNav a {display:block;padding:0.3em 0;}@media only screen and (max-width: 46em) { /*737px*/.horizontalMenu {display:none;}#mobileNavCompressed {}#mobileNav-control {display:block}header #header {position:relative;}#mobileNav-control {height:42px;position:absolute;right:10px;top:27px;width:2em;}#mobileNav-control.left {left:10px;right:auto;}#mobileNav-control span {display:block;height:7px;width:100%;}/*#mobileNav-control span.menubar {height:6px;background:transparent url('../images/icons/menupart-charcoal.gif') no-repeat center center;}*/#mobileNav-control span.menubar {height:3px;-webkit-border-radius: 4px;border-radius: 4px; background:#e6e1f7;}}@media only screen and (max-width: 28em) { /*448px*/#mobileNav {max-width:98%;width:98%;margin-left:1%;margin-right:1%;left:0;right:0;}}/* Default WYSIWYG Table Borders */table.tables{border:2px solid #6E7376;border-collapse:collapse;/*background:#fff;*/}table.tables td,table.tables th{border:1px solid #D2D3D4;border-spacing:0;padding:10px;}/* Table Striping */table.stripe tr.even{background-color:#eee;}table.stripe tr.odd{background-color:transparent;}table.noborder,table.noborder th,table.noborder td,table.noBorder,table.noBorder th,table.noBorder td{border:none !important;}/* WYSIWYG table behaviour */table.table, table[border]{border-collapse:collapse !important;}td{vertical-align: top;}table[border="3"],table[border="5"] td,table[border="5"] th{border:5px #DDDDDD solid;}table[border="4"],table[border="4"] td,table[border="4"] th{border:4px #DDDDDD solid;}table[border="3"],table[border="3"] td,table[border="3"] th{border:3px #DDDDDD solid;}table[border="2"],table[border="2"] td,table[border="2"] th{border:2px #DDDDDD solid;}table[border="1"],table[border="1"] td,table[border="1"] th{border:1px #DDDDDD solid;}table[border="0"] td{border:none;}table.table5,table.table5 td,table.table5 th{border:5px #DDDDDD solid;}table.table4,table.table4 td,table.table4 th{border:4px #DDDDDD solid;}table.table3,table.table3 td,table.table3 th{border:3px #DDDDDD solid;}table.table2,table.table2 td,table.table2 th{border:2px #DDDDDD solid;}table.table1,table.table1 td,table.table1 th{border:1px #DDDDDD solid;}table.table0,table.table0 td,table.table0 th{border:none;}table[cellpadding="15"] td,table[cellpadding="15"] th{padding:15px;}table[cellpadding="14"] td,table[cellpadding="14"] th{padding:14px;}table[cellpadding="13"] td,table[cellpadding="13"] th{padding:13px;}table[cellpadding="12"] td,table[cellpadding="12"] th{padding:12px;}table[cellpadding="11"] td,table[cellpadding="11"] th{padding:11px;}table[cellpadding="10"] td,table[cellpadding="10"] th{padding:10px;}table[cellpadding="9"] td,table[cellpadding="9"] th{padding:9px;}table[cellpadding="8"] td,table[cellpadding="8"] th{padding:8px;}table[cellpadding="7"] td,table[cellpadding="7"] th{padding:7px;}table[cellpadding="6"] td,table[cellpadding="6"] th{padding:6px;}table[cellpadding="5"] td,table[cellpadding="5"] th{padding:5px;}table[cellpadding="4"] td,table[cellpadding="4"] th{padding:4px;}table[cellpadding="3"] td,table[cellpadding="3"] th{padding:3px;}table[cellpadding="2"] td,table[cellpadding="2"] th{padding:2px;}table[cellpadding="1"] td,table[cellpadding="1"] th{padding:1px;}table.padding15 td,table.padding15 th{padding:15px;}table.padding14 td,table.padding14 th{padding:14px;}table.padding13 td,table.padding13 th{padding:13px;}table.padding12 td,table.padding12 th{padding:12px;}table.padding11 td,table.padding11 th{padding:11px;}table.padding10 td,table.padding10 th{padding:10px;}table.padding9 td,table.padding9 th{padding:9px;}table.padding8 td,table.padding8 th{padding:8px;}table.padding7 td,table.padding7 th{padding:7px;}table.padding6 td,table.padding6 th{padding:6px;}table.padding5 td,table.padding5 th{padding:5px;}table.padding4 td,table.padding4 th{padding:4px;}table.padding3 td,table.padding3 th{padding:3px;}table.padding2 td,table.padding2 th{padding:2px;}table.padding1 td,table.padding1 th{padding:1px;}table.padding0 td,table.padding0 th{padding:0px;}table.spacing15 {border-collapse:separate; border-spacing:15px;}table.spacing14 {border-collapse:separate; border-spacing:14px;}table.spacing13 {border-collapse:separate; border-spacing:13px;}table.spacing12 {border-collapse:separate; border-spacing:12px;}table.spacing11{border-collapse:separate; border-spacing:11px;}table.spacing10 {border-collapse:separate; border-spacing:10px;}table.spacing9 {border-collapse:separate; border-spacing:9px;}table.spacing8 {border-collapse:separate; border-spacing:8px;}table.spacing7 {border-collapse:separate; border-spacing:7px;}table.spacing6 {border-collapse:separate; border-spacing:6px;}table.spacing5 {border-collapse:separate; border-spacing:5px;}table.spacing4 {border-collapse:separate; border-spacing:4px;}table.spacing3 {border-collapse:separate; border-spacing:3px;}table.spacing2 {border-collapse:separate; border-spacing:2px;}table.spacing1 {border-collapse:separate; border-spacing:1px;}table.spacing0 {border-collapse:collapse; border-spacing:0px;}#contact, #contact-details {width:49%;}#contact h4, #contact-details h4 {padding:0 0 0.5em;margin:0;}#contact {float:left; }#contact-details {float:right}#contact textarea {width:99%;}#contact input[type=text] {width:99%;}#contact label {display:block; margin-top:1em;}#contact .submit-button {float:right;margin-top:4px;}#contact .tble {display:table}#contact .tblerow {display:table-row}#contact .leftcell, #contact .rightcell {display:table-cell;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;}#contact .leftcell {padding:0 0.8em 0 0}#contact .rightcell {padding:0 0 0 0.8em}#contact .tblerow input {width: 100%;}button[disabled], input[disabled], select[disabled] { cursor: default; color:#66566a;background: #2d242f}table.contactDetails {border-collapse: collapse;}table.contactDetails th, table.contactDetails td {text-align: left;white-space:nowrap;vertical-align: top !important;}table.contactDetails th {padding: 2px 4px;font-weight: bold;}table.contactDetails td {padding: 2px 2px 2px 8px;}@media only screen and (max-width: 60em) { /*960*/#contact, #contact-details {float:left;}#contact-details {margin-right:2%;}table.contactDetails, table.contactDetails tbody, table.contactDetails tr, table.contactDetails td, table.contactDetails th {display:block}table.contactDetails td {padding-left:1em;}}@media only screen and (max-width: 38em) { /*608*/table.contactDetails {display:table;}table.contactDetails tbody {display:table-row-group;}table.contactDetails tr {display:table-row;}table.contactDetails td, table.contactDetails th {display:table-cell;}#contact, #contact-details {width:98%; float:none;padding-left:1%; box-sizing:border-box;-moz-box-sizing:border-box;}#contact {padding-top:2em}table.contactDetails td {padding-left:0;}}@media only screen and (max-width: 24em) { /*384px*/#contact, #contact-details {float:none;}table.contactDetails, table.contactDetails tbody, table.contactDetails tr, table.contactDetails td, table.contactDetails th {display:block}table.contactDetails td {padding-left:1em;}#contact .leftcell, #contact .rightcell { width:100%; display:block; padding:0;}} #slider { position: relative;z-index:1; } #slides { display: none } #slides .slidesjs-navigation { margin-top:3px; } #slides .slidesjs-previous { margin-right: 5px; float: left; } #slides .slidesjs-next { margin-right: 5px; float: left; } .slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; } .slidesjs-pagination li { float: left; margin: 0 1px; } .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(/images/slider/pagination.png); background-position: 0 0; float: left; overflow: hidden; } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px } .slidesjs-pagination li a:hover { background-position: 0 -26px } #slides a:link, #slides a:visited { color: #333 } #slides a:hover, #slides a:active { color: #9e2020 } .navbar { overflow: hidden } #slides { display: none } #slides .container { margin: 0 auto } /* For tablets & smart phones */ @media (max-width: 767px) { #slides .container { width: auto } } /* For smartphones */ @media (max-width: 480px) { #slides .container { width: auto } } /* For smaller displays like laptops */ @media (min-width: 768px) and (max-width: 979px) { #slides .container { width: 724px } } /* For larger displays */ @media (min-width: 1200px) { #slides .container { width: 1170px } }/*General*//* Note 0.0625 x Pixel width = the number of EM to use (Provided you haven't changed the base font-size */@-ms-viewport { width: device-width; }* {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}html, body { width: 100%; }body { font-family: Georgia, "Times New Roman", Times, serif; background:#2d242f url(../images/layout/bg-sm.jpg) top center; color:#e6e1f7;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }#wrapper { width: 100%; overflow: hidden; }.clear {clear:both;height:1px;width:100%}.content p, .morebar, .content li, .content td { /*font-size: 1.2em; */}.visuallyhidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}.hide {display:none;}@media only screen and (min-width: 0em) and (max-width: 22em) { /*352px - 737px*/.show-xs {display:inherit !important;}.hide-xs {display:none !important}}@media only screen and (min-width: 22em) and (max-width: 46em) { /*352px - 737px*/.show-s {display:inherit !important;}.hide-s {display: none !important;}}@media only screen and (min-width: 46em) and (max-width: 60em) { /*737px - 960px*/.show-m {display:inherit !important;}.hide-m {display: none !important;}}@media only screen and (min-width: 60em) and (max-width: 80em){ /*960px - 1280px*/.show-l {display:inherit !important;}.hide-l {display: none !important;}}@media only screen and (min-width: 80em) { /*1280px up*/.show-xl {display:inherit !important;}.hide-xl {display: none !important;}}h1 { font-size: 1.65em; line-height:1.2em; font-weight:normal;}h2 { font-size: 1.4em; font-weight:normal;}h3 { font-size: 1.2em; font-weight:normal;}h4 { font-size: 1.1em; font-weight:normal;}@media only screen and (min-width: 60em) { /*960px*/h1 {font-size: 2.25em;}h2 {font-size: 1.9em;}h3 {font-size: 1.4em;}h4 {font-size: 1.1em;}}/*Content Styling*/#content .contentinner article img {max-width:100% !important;/*max-height:auto !important;*/}/*Header*/header { z-index:2; /*height: 240px;*/ width: 100%; margin: 0 auto; position:relative;}header .outer {position: relative;}header #logo {position: absolute; top:5px; left:2%; max-width: 80%; font-size:1.7em; }header #logo a {color:#fff; text-decoration:none;}header #header {height: 0px; position:relative; padding-bottom: 130px; line-height:2em;}header .outer, header #superheader, header #header, header #subheader {margin:auto;}header .social {position:absolute;right:30%; top:5px}header .contacts { position:absolute; left:2%;top:40px}header .contacts a { display:block;}/*header .social a {width:30px; height:30px; display:inline-block;margin-right: 5px;}header .social a.facebook { background:url(../images/icons/FB-f-Logo.png);background-size:cover;}header .social a.twitter {background:url(../images/icons/Twitter.png);background-size:cover;}*/header #subheader nav {height:2.25em;}header .outer {position:relative}.header-text {color:#eee; font-weight:bold; font-style:italic;}.header-text-above {width:100%;margin:auto;text-align:center;}.header-text-above .header-text { font-size:0.8em; line-height:2em}#header .header-text { font-size:0.8em; line-height:2em; position:absolute;bottom:10px;right:10px;}/*Content*/#sitemap ul {margin:0;}#content { position: relative; margin: 0 auto; padding: 20px 0;background: rgba(55, 45,56, 0.9); }#content-top {position:absolute;right:5px;top:0}#content article { position: relative; }.contentinner {position:relative;float:left;padding:20px; max-width:740px;box-sizing:border-box;-moz-box-sizing:border-box;}.contentinner, .contentinner article {width:100%;}.contentinner h1:first-of-type, .contentinner h2:first-of-type {margin-top:0.2em;}#relatedcontent.contentinner {float:right;} /*Yes, right:)*/ul.attractions { line-height:2em;}img.left, img.right { margin: 1.5em auto; display:block; border: 4px solid #372d38; }hr {border-color: #372d38;}a, a:link, a:visited {border:none;text-decoration:underline;font-style:normal;color:#fff;}a:hover {text-decoration: none;color: #b9a6c2;}a:focus, a:active {color: #c3cb14;}a.button {background:#2d242f; border-radius:5px; -moz-border-radius:5px; padding:0.6em; border: 1px solid #000;}a.button:hover {}a.button:active, a.button:focus {}article h1 { }article h2 { }article .trademark { font-family: Georgia, "Times New Roman", Times, serif; }article sup { font-size: .6em; }#sitemap {line-height:2em;}input, select, textarea { background: #ede8fc none repeat scroll 0 0; border: 1px solid #2d242f; padding: 0.4em;}input[type="submit"] {padding:0.6em;}/* Breadcrumbs */#breadcrumbs {clear: both;font-size: 0.8em;padding: 0;position: absolute;left: 1.5em;top: 0.2em;}#breadcrumbs ul {list-style-type: none;margin: 0;padding: 0;}#breadcrumbs ul li {display:inline;margin:0;padding: 0;}#breadcrumbs a {text-decoration: none;}#psudoleft {box-sizing:border-box;-moz-box-sizing:border-box;width:100%;}#psudoleft ul {padding:0;}#psudoleft a {display:block;padding:0.6em;margin:0.6em 0;border:1px solid #555;-webkit-border-radius: 5px;border-radius: 5px; color:#fff;text-decoration:none;background: #2d242f; }#psudoleft a:hover {background: #9980a8; }#psudoleft a:active, #psudoleft a:focus {background: #000;}#siblings_container, #childPages_container {width:49%;float:left;}.moreinfolink a, .return_link a, a.moreinfolink, a.return_link {display:block;padding:0.5em;box-sizing:border-box; -moz-box-sizing:border-box;text-align:center;text-decoration:none;float:right;min-width:10em;height:2.5em;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;background: #f9f9f9; }.moreinfolink a:hover, .return_link a:hover, a.moreinfolink:hover, a.return_link:hover {background: #f7f7f7; }.moreinfolink a:active, .return_link a:active, a.moreinfolink:active, a.return_link:active, .moreinfolink a:focus, .return_link a:focus, a.moreinfolink:focus, a.return_link:focus {background: #E0E0E0; }.return_link a, a.return_link {float:left;}/*Footer*/footer { position: relative; margin: 0 auto; padding: 10px 10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;background: rgba(55, 45,56, 0.9);}footer img { }footer nav { }footer nav ol { padding: 0; margin: 0; }footer nav ol li { display: inline-block; margin: 0 4px; text-align: center; font-size: .9em; font-weight: bold; border-left:1px solid #fff; }footer nav ol li:first-child { margin: 0; border:none; }footer nav ol li a, footer nav ol li a:link, footer nav ol li a:visited { color: #fff; text-decoration: none; padding: 3px 10px; }footer nav ol li a:hover { color: #b9a6c2; }footer nav ol li a:active, footer nav ol li a:focus { color: #c3cb14; }footer address a, footer address a:link, footer address a:visited { color: #fff; text-decoration: none; padding:10px; }footer address a:hover { color: #ccc; }footer address a:active, footer address a:focus { color: #f37121; }footer address { font-style: normal; line-height:2em;}footer address span.title { font-size: 2em; font-style: normal; display:block; }footer address span {display:block;}footer address div { float: left; width: 50%; color: #f7f3f2; }footer .copyright { font-size: .85em; font-style: italic; }footer .copyright .left { float: left; }footer .copyright .right { float: right; }footer .copyright a, footer .copyright a:link, footer .copyright a:visited { text-decoration: none; }footer .copyright a:hover { }footer .copyright a:active, footer .copyright a:focus { }.footer-text {font-size:0.8em;text-align:center;margin:auto;padding:10px;}#superfooter .footer-text {text-align:right;margin:inherit;padding:0;width:auto;}footer #superfooter {clear:both;padding-top:45px;}footer #footer {clear:both;padding-top:5px;}footer #subfooter {padding-top:45px;}#superfooter nav {display:none;}#superfooter nav#psudoleft {display:block;}#relatedcontent a {display:block;padding:0.3em 0 0.3em 0;}#relatedcontent ul {margin:0.5em 0;}#siblings_container, #childPages_container {width:100%;float:none;}#siblings_container {margin-top:2em}footer {}.contentinner, .contentinner article {box-sizing:border-box;-moz-box-sizing:border-box;}.contentinner {float:none;max-width:100%;width:100%;}#left {float:none;display:none;}#footer address, #superfooter nav {text-align:center;}#subfooter small {display:block;width:100%;}#subfooter small span {clear:both;font-size:1px;color:transparent;line-height:1px;display:block}#relatedcontent ul {padding-left:0}#relatedcontent li {list-style:none}#relatedcontent a {display:block;padding-left:3em;}header .outer, header #superheader, header #header, header #subheader,footer, #content, .footer-text {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;}header #logo img {max-width: 100%;}#gmap {width: 100%; height: 250px;border: 4px solid #372d38; background:#372d38;}#gmap iframe { width:100%; height:242px;}#content .contentinner article #gmap img {max-width:none !important;} /*do not remove*/.video-container {position: relative; height: 0; overflow: hidden; padding-bottom:56.25%; padding-top: 30px; }.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left:0; width: 100%; height: 100%;}@media only screen and (min-width: 36em) { /*576px*/header #logo {position: absolute; top:5px; left:2%; max-width: 80%; font-size:1.7em; font-weight:bold;}img.left, img.right { width:60%;}}@media only screen and (min-width: 46em) { /*737px*/body {background:url(../images/layout/bg-sm.jpg) top center; background-attachment: fixed;}header #logo {left: 0; top:40px;max-width: 100%; font-size:2.5em; width:100%; text-align:center;letter-spacing: 6px;}header .contacts { text-align:right; width:96%; top:90px;}header .contacts a {display: inline-block; text-align:right;}header .contacts a.tel {float:left;}#content { background: rgba(55, 45,56, 0.7); }header #superheader .inner {background-color:rgba(0,0,0,0.4)}#subheader {background:#000;}.rootVoices.horizontal li {border-left: 1px solid #8c7398; margin-top: 2px;}.rootVoices.horizontal li:first-of-type {border-left: none;}.rootVoices.horizontal .rootVoice {padding: 8px 10px;}img.left { float: left; margin: 0.2em 0.6em 0.5em 0; width:48%;}img.right { float: right; margin: 0.2em 0 0.5em 0.6em; width:48%;}.accommodation img.right { float: right; margin: 0.2em 0 0.5em 1em; width:32%;}#superfooter nav {display:block;}#superfooter nav#psudoleft {display:none;}/*#left {display:block;width:24.6%}*/footer { background: rgba(55, 45,56, 0.7);}/*Left Aside*//*aside#left {float:left; width:180px;}aside#left .verticalMenu_top {background: transparent url(../images/menu/menu-top.png) right top no-repeat; height:10px;clear:left;}aside#left .verticalMenu_bottom {background: transparent url(../images/menu/menu-bottom.png) right top no-repeat; height:10px;clear:left;}*/.contentinner {float:left;}#gmap { height: 320px;}#gmap iframe {width:100%; height:312px;}}@media only screen and (min-width: 46em) { /*737px*/body:not(*:root){position:relative;background:#321A30;}body:not(*:root)::before{content:' ';position:fixed;width:100%;height:100%;top:0;left:0;background:url(../images/layout/bg-sm.jpg);background-size:cover;will-change:transform;z-index:-1;}}@media only screen and (min-width: 60em) { /*960px*/.rootVoices.horizontal .rootVoice {padding: 8px 25px;}.footer-text, footer, #content, header .outer, header #superheader, header #header, header #subheader {max-width:960px;}/*.contentinner {max-width:760px}*/.moreinfolink a, .return_link a, a.moreinfolink, a.return_link {background:none;display:inline;padding:0;text-decoration:underline;float:none;min-width:inherit;height:auto;border:none;}.moreinfolink a:hover, .return_link a:hover, a.moreinfolink:hover, a.return_link:hover, .moreinfolink a:active, .return_link a:active, a.moreinfolink:active, a.return_link:active {text-decoration:none;background:none;}.moreinfolink a, .return_link a, a.moreinfolink, a.return_link {display:inline;padding:0;text-align:right;text-decoration:underline;float:none;min-width:auto;height:auto;border:none;background: none;}.moreinfolink a:hover, .return_link a:hover, a.moreinfolink:hover, a.return_link:hover, .moreinfolink a:active, .return_link a:active, a.moreinfolink:active, a.return_link:active {background: none;text-decoration:none;}.return_link a, a.return_link {float:left;}#footer address, #superfooter nav {}#subfooter small {display:inline;width:auto;}#subfooter small span {clear:none;font-size:80%;color:#666666;line-height:1.4;display:inline}#sitemap {line-height:1.6em;}#gmap { width:48%; float:left;}ul.attractions {width:50%; float:left;}}@media only screen and (min-width: 62em) { /*992px*/ body {background: #2d242f url(../images/layout/bg.jpg) fixed top center;}}@media only screen and (min-width: 80em) { /*1280px*//*.contentinner {max-width:1100px}.footer-text, footer, #content, header .outer, header #superheader, header #header, header #subheader {max-width:1280px;}*/}@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, a[data-rel=fancybox]:after { content: ""; }header a[href]::after, footer 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; }/* hide from print */.social, #head_nav, #psudoleft, header #subheader, #superfooter {display:none;}img.left {float: left; margin: 0.2em 1em 0.5em 0; width:340px}img.right { float: right; margin: 0.2em 0 0.5em 1em; width:340px}article p, article ul, .text {font-size:12px;}#gmap {clear:both;}header #header { padding-bottom: 50px;}header .contacts a { display:inline-block; margin-left:1em; float:right;}img.left { float: left; margin: 0.2em 0.6em 0.5em 0; width:48%;}img.right { float: right; margin: 0.2em 0 0.5em 0.6em; width:48%;}}#contact, #contact-details {width:49%;}#contact h4, #contact-details h4 {padding:0 0 0.5em;margin:0;}#contact {float:left; }#contact-details {float:right}#contact textarea {width:99%;}#contact input[type=text] {width:99%;}#contact label {display:block; margin-top:1em;}#contact .submit-button {float:right;margin-top:4px;}#contact .tble {display:table}#contact .tblerow {display:table-row}#contact .leftcell, #contact .rightcell {display:table-cell;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;}#contact .leftcell {padding:0 0.8em 0 0}#contact .rightcell {padding:0 0 0 0.8em}#contact .tblerow input {width: 100%;}button[disabled], input[disabled], select[disabled] { cursor: default; color:#66566a;background: #2d242f}table.contactDetails {border-collapse: collapse;}table.contactDetails th, table.contactDetails td {text-align: left;white-space:nowrap;vertical-align: top !important;}table.contactDetails th {padding: 2px 4px;font-weight: bold;}table.contactDetails td {padding: 2px 2px 2px 8px;}@media only screen and (max-width: 60em) { /*960*/#contact, #contact-details {float:left;}#contact-details {margin-right:2%;}table.contactDetails, table.contactDetails tbody, table.contactDetails tr, table.contactDetails td, table.contactDetails th {display:block}table.contactDetails td {padding-left:1em;}}@media only screen and (max-width: 38em) { /*608*/table.contactDetails {display:table;}table.contactDetails tbody {display:table-row-group;}table.contactDetails tr {display:table-row;}table.contactDetails td, table.contactDetails th {display:table-cell;}#contact, #contact-details {width:98%; float:none;padding-left:1%; box-sizing:border-box;-moz-box-sizing:border-box;}#contact {padding-top:2em}table.contactDetails td {padding-left:0;}}@media only screen and (max-width: 24em) { /*384px*/#contact, #contact-details {float:none;}table.contactDetails, table.contactDetails tbody, table.contactDetails tr, table.contactDetails td, table.contactDetails th {display:block}table.contactDetails td {padding-left:1em;}#contact .leftcell, #contact .rightcell { width:100%; display:block; padding:0;}}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license *//*Contents:1. Buttons2. Share modal and links3. Index indicator ("1 of X" counter)4. Caption5. Loading indicator6. Additional styles (root element, top bar, idle state, hidden state, etc.)*//*1. Buttons *//*