/*! 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:#ddd; /* first sub */}.menuContainerHorizontal.subMenuContainer, .rootVoices.horizontal li li li { background:#ccc; /* 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:#f6ff00;}.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:#a60b17; -webkit-box-shadow:2px 3px 10px 1px #333333;box-shadow:2px 3px 10px 1px #333333;color:#fff;}#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:0.5em}#mobileNav ol.toplvl {margin:0 0.5em 1em;}#mobileNav li {display:block;}#mobileNav a {display:block;padding:0.3em 0; padding:0.6em;margin:0.6em 0;border:1px solid #555;border-radius:5px;color:#333;text-decoration:none;background:#fff;}#mobileNav a:hover {background:#f2e5e4;}#mobileNav a:active, #mobileNav a:focus {background:#E0E0E0;}@media only screen and (max-width:46em) { /*737px*/.horizontalMenu {display:none;}#mobileNavCompressed {}#mobileNav-control {display:block}header #header {position:relative;}#mobileNav-control {height:45px;position:absolute;right:20px;top:11px;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:#fff;}}@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%;}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; }@page { margin:0.5cm; }* {box-sizing:border-box;}html, body { width:100%; }body { font-family:'Source Sans Pro', sans-serif; background:#fff;}#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:1em;}h2 { font-size:1.4em; }h3 { font-size:1.2em; }h4 { font-size:1.1em;}@media only screen and (min-width:80em) { /*1280px*/h1 {font-size:2.25em;}h2 {font-size:1.9em;}h3 {font-size:1.4em;}h4 {font-size:1.1em;}}/*Content Styling*/#content .contentinner img {max-width:100% !important;/*max-height:auto !important;*/}/*Header*/header { z-index:2; /*height:240px;*/ width:100%; background:#a60b17; margin:0 auto; position:relative;}header .outer {position:relative;}header #logo {font-size:2em; margin:10px 20px}header #logo a {color:#fff; text-decoration:none;}header #header {height:0px; position:relative; padding-bottom:50px;}header .contacts { position:absolute; right:20px;top:5px; font-size:1.5em; display:none;}header .contacts a { text-decoration:none;color:#fff;}header .contacts a:hover, header .contacts a:active, header .contacts a:focus { text-decoration:underline; }header .outer, header #superheader, header #header, header #subheader {margin:auto;}header .social {position:absolute;right:30%; top:5px}.callnow { text-align:center; position:relative;}.callnow .button { position:absolute; top:23%; width:100%;}.callnow a, .callnow a:link { display:block; border:4px solid #fff; border-radius:50%; height:150px; width:150px; color:#fff; padding:27px 27px 10px 28px; font-size:2.5em; text-decoration:none;line-height:1em;text-align:center; margin:auto; /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ba0217+0,722118+100 */background:rgb(186,2,23); /* Old browsers */background:-moz-linear-gradient(top, rgba(186,2,23,1) 0%, rgba(114,33,24,1) 100%); /* FF3.6-15 */background:-webkit-linear-gradient(top, rgba(186,2,23,1) 0%,rgba(114,33,24,1) 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom, rgba(186,2,23,1) 0%,rgba(114,33,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0217', endColorstr='#722118',GradientType=0 ); /* IE6-9 */}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.2em;}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:#fff; /*background:#fff url(../img/content-bg.png) center top repeat-y;*/ }#content-top {position:absolute;right:5px;top:0}/*#content #bgtop { position:absolute; top:0; height:93px; margin-bottom:-93px; /*background:url(../img/content-top-bg.png) no-repeat; }*//*#content #bgbot { position:absolute; bottom:0; height:30px; margin-top:-30px;/* background:url(../img/content-bot-bg.png) no-repeat; }*/#content article { position:relative; line-height:1.8em; }.contentinner {position:relative;float:left; max-width:740px;box-sizing:border-box;padding:0 20px 20px;}.contentinner, .contentinner article {width:100%;}.contentinner article {width:100%;}.contentinner h1:first-of-type {margin-top:0.2em;}#relatedcontent.contentinner {float:right;} /*Yes, right :)*/.centre { margin:auto; text-align:center;}p.centre.app { margin-bottom:5em;}a.download, a:link.download, a.download:visited, a:link.download:visited {display:block; border:4px solid #fff; border-radius:0.6em; width:290px; color:#fff; padding:10px; font-size:1.2em; text-decoration:none;line-height:1em; margin:auto;/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ba0217+0,722118+100 */background:rgb(186,2,23); /* Old browsers */background:-moz-linear-gradient(top, rgba(186,2,23,1) 0%, rgba(114,33,24,1) 100%); /* FF3.6-15 */background:-webkit-linear-gradient(top, rgba(186,2,23,1) 0%,rgba(114,33,24,1) 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom, rgba(186,2,23,1) 0%,rgba(114,33,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0217', endColorstr='#722118',GradientType=0 ); /* IE6-9 */}a.download:hover, a:link.download:hover { background:#732018; color:#fff;}a.download:active. a.link.download:active, a:download:focus, a:link.download:focus { background:#000; color:#fff;}img.left, img.right { margin:1.5em auto; display:block; }a, a:link, a:visited {border:none;text-decoration:underline;font-style:normal;color:#333;}a:hover {text-decoration:none;color:#a3211f;}a:focus, a:active {color:#00c6f0;}a.tel {white-space:nowrap;}article h1 { color:#555453; font-weight:normal; border-bottom:1px solid #732018; }article h2 { color:#732018; font-weight:normal; }article .trademark { font-family:Georgia, "Times New Roman", Times, serif; }article sup { font-size:.6em; }#sitemap {line-height:2em;}input, select, textarea { border:1px solid #d0ccc8; padding:0.4em;}/* 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;width:100%;}#psudoleft ul {padding:0;}#psudoleft a {display:block;padding:0.6em;margin:0.6em 0;border:1px solid #555;border-radius:5px; color:#333;text-decoration:none;background:#fff;}#psudoleft a:hover {background:#f2e5e4; }#psudoleft a:active, #psudoleft a:focus {background:#E0E0E0; }#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; text-align:center;text-decoration:none;float:right;min-width:10em;height:2.5em;border:1px solid #ccc;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; background:#c0c0c0;box-sizing:border-box;}footer img { }footer nav { }footer #subfooter, footer #footer, footer #superfooter { margin:auto; }footer nav ol { padding:0; margin:0; }footer nav ol li { display:inline-block; margin:0 0 0 9px; text-align:center; font-size:.9em; font-weight:bold; }footer nav ol li:first-child { margin:0; }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:#f6ff00; }footer nav ol li a:active, footer nav ol li a:focus { color:#f37121; }footer address a, footer address a:link, footer address a:visited { color:#fff; text-decoration:none; padding:10px; }footer address a:hover { color:#f6ff00; }footer address a:active, footer address a:focus { color:#f37121; }footer address { font-size:.9em; font-style:normal; line-height:2.5em;}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 { color:#fff; text-decoration:none; }footer .copyright a:hover { color:#f6ff00; }footer .copyright a:active, footer .copyright a:focus { color:#f37121; }.footer-text {font-size:0.8em;text-align:center;margin:auto;padding:10px;}#superfooter .footer-text {text-align:center;margin:inherit;/*padding:0;*/width:auto;}footer #superfooter {clear:both;padding-top:5px;}footer #subfooter, footer #footer {clear:both;padding-top:50px;}#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 {background:#a60b17; color:#f7f1f0;}.contentinner, .contentinner article {box-sizing:border-box;}.contentinner {float:none;max-width:100%;width:100%;}#left {float:none;display:none;}#footer .logo {font-size:2em; display:block;}#footer span { display:block;}#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;}header #logo img {max-width:100%;}#gmap {width:100%; height:180px;}#gmap iframe { width:100%; height:100%;}#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:410px) { .callnow .button {top:21%;}.callnow a, .callnow a:link {height:200px; width:200px; padding:37px 27px 10px 28px; font-size:3.5em;}}@media only screen and (min-width:36em) { /*576px*/img.left { float:left; margin:0.2em 1.5em 0.5em 0; width:50%;}img.right { float:right; margin:0.2em 0 0.5em 1.5em; width:50%;}/*img.qr {width:150px; float:right;}*/.callnow .button {top:28%;}}@media only screen and (min-width:46em) { /*737px*/header #superheader .inner {background-color:rgba(0,0,0,0.4)}header .contacts { display:block;}.callnow .button {top:30%;}#superfooter nav {display:block;}#superfooter nav#psudoleft {display:none;}/*#left {display:block;width:24.6%}*/.rootVoices { text-align:center;}.rootVoices li { position:relative; display:inline-block; float:none;}/* this centers the top menu */footer {}/*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 {width:45%; height:355px; float:right; margin:82px 0 0 5%;}#gmap iframe {width:100%; height:355px;}}@media only screen and (min-width:60em) { /*960px*/body { }header #subheader nav {font-size:1.2em;}.footer-text, footer #subfooter, footer #footer, footer #superfooter, #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 { line-height:1.6em;}#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;}p.centre.app { width:50%; float:left;}}@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; }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;}}#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%;}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 *//*