/************************ * Resets * ************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{height:auto;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;} .clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both} /*------ prevent focus zoom on mobile ------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px!important; } } /*------typography, etc.------*/ body{margin:0;font-family:"Roboto",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5em;color:#4A4A4A;} p {margin:0 0 1.5em;} a {color: #006E40; text-decoration: underline; -webkit-transition: background-color 300ms linear, color .3s linear; -moz-transition: background-color 300ms linear, color .3s linear; -o-transition: background-color 300ms linear, color .3s linear; -ms-transition: background-color 300ms linear, color .3s linear; transition: background-color 300ms linear, color .3s linear; } a:hover { color: #73BB00; text-decoration: none;} a:link img, a:visited img { border-style: none } img {max-width:100%;} h1, h1 a, .h1 {font-size:2.5em; font-weight:700; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; margin-bottom:.25em; line-height:1em;} h2, h2 a, .h2 {font-size:2.2em; font-weight:700; text-transform:uppercase; line-height:1em; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; margin-bottom:.5em;} h3, h3 a, .h3 {font-size:1.4em; line-height:1.2em; font-weight:700; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; margin-bottom:.75em;} h4, h4 a, .h4 {font-size:1.3em; font-weight:700; font-family:"Roboto",Helvetica,Arial,sans-serif; margin-bottom:.5em; color:#006E40;} h5, h5 a, .h5 {font-weight:700; text-transform:uppercase; line-height:1em; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; color: #73BB00; letter-spacing:2px; font-size:.8em; margin-bottom:1.25em;} h6, h6 a, .h6 {font-size:1em; margin-bottom:0; font-weight:bold;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {text-decoration:none;font-size:1em;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {text-decoration:underline;} p+div, p+fieldset{margin-top:1.5em;} p+ul, p+ol {margin-top:-.125em;margin-bottom:1.5em;} p+h2, ul+h2, ol+h2, aside+h2, p+h3, ul+h3, ol+h3, aside+h3, p+h4, ul+h4, ol+h4, aside+h4, p+h5, ul+h5, ol+h5, aside+h5, p+h6, ul+h6, ol+h6, aside+h6{margin-top:1.25em;} .lead {font-size:1.4em;line-height:1.3em;font-weight: 400;margin-bottom:1em;} hr {color: #DDDDDD; background-color: #DDDDDD; height:1px; border: 0; width: 100%; margin:1.5em 0; clear:both;} blockquote {padding:3em 3em; text-align:center;} blockquote p {font-size:1.4em; font-weight:700; color: #006E40; margin-bottom:.75em; line-height:1.3em;} cite {margin:1.5em 0 0 0; display:block; text-emphasis:none; font-style:normal; font-size:.9em; line-height:1.3em;} cite span {font-weight:700; text-transform:uppercase;} sup, sub{line-height:1em;} strike {color:#999;} iframe {margin:0 auto 1.5em auto;display:block;width:100%;} code {font-size:1em;background:rgba(0,0,0,.085);border-radius:4px;padding:0 3px;} pre code {display:block;background:#f4f6f9;font-family: Monaco, monospace;border:1px solid #DDDDDD;-moz-border-radius:4px;border-radius:4px;margin-bottom:2.5em;overflow:auto;width:100%;padding:1em;font-size:1.25em;} pre {white-space: pre; padding:0;font-size:12px;line-height:1.4em;} address {font-style:normal;} aside, figure {float:right;margin:0 0 1em 2.5%;width:33%;background:#f4f6f9;padding:.75em;font-size:.75em;line-height:1.333em;-moz-border-radius:4px;border-radius:4px;} aside img, figure img{margin:0 0 1em;} dl {margin-bottom:1em;} dt {font-weight:bold;} .mobile {display:none;} .visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .center {text-align:center;} .skip { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .skip:focus { position:static; width:auto; height:auto; margin:.5em .5em; font-size:.9em;} .sticky_bar {background:whitesmoke;width:100%;z-index:1000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: -webkit-sticky; /* Safari */ position: sticky; top: 0px;margin-bottom:1.2em;border:1px solid #ddd} .sticky_bar p:last-child {margin:0} .sticky_bar.js-is-sticky { top: 0; width:100% } .sticky_bar.js-is-stuck { bottom: 0; } .cta_sidebar {position:fixed;top:230px;right:0px;transform:rotate(-90deg);webkit-transform: rotate(-90deg);webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;list-style:none;z-index:10000;padding:0;margin:0;overflow:visible;pointer-events:none;} .cta_sidebar li {pointer-events:all; background-color: #006E40;display:inline-block;margin-right:10px;cursor:pointer;padding:3px;} .cta_sidebar li:hover {background:#999;color:#FFF;} .cta_sidebar li a {color:#fff;font-size:.875rem;font-weight:400;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase;letter-spacing:0.1em;padding:15px;text-decoration:none;} .pancontainer {width:100%;text-align:center;} /************************ * Structure * ************************/ .first {float:left;margin-right:3.5%;} .middle {float:left;margin-right:3.5%;} .last {float:right;} /*------widths------*/ .group {margin-bottom:1.5em;} .group:last-child {margin-bottom:0;} .group_1of2, table.table_structure_2x td {width:48.25%;} .group_1of3, table.table_structure_3x td{width:31%;} .group_2of3 {width:65.5%;} .group_1of4, table.table_structure_4x td {width:22.375%;} .group_3of4 {width:74.125%;} .group_1of5 {width:17.2%;} .group_2of5 {width:37.9%;} .group_3of5 {width:58.6%;} .group_4of5 {width:79.3%;} .group_1of6 {width:13.75%;} .group_5of6 {width:82.75%;} .group_1of7 {width:11.28571428571429%;} .group_2of7 {width:26.07142857142858%;} .group_3of7 {width:40.85714285714287%;} .group_4of7 {width:55.64285714285716%;} .group_5of7 {width:70.42857142857145%;} .group_6of7 {width:85.21428571428574%;} .group_1of8 {width:9.4375%;} .group_3of8 {width:35.3125%;} .group_5of8 {width:61.1875%;} .group_7of8 {width:87.0625%;} /*------sections / wrappers------*/ .site_wrapper {position:relative; left:0; -webkit-transition: left .25s; -moz-transition: left .25s; -o-transition: left .25s; transition: left .25s;} .wrapper {position:relative; margin:0 auto; max-width:1260px; padding:0 30px;} section.section_primary {padding:3em 0;border-bottom:1px solid #DDDDDD;} section.section_secondary {padding:3em 0;border-bottom:1px solid #DDDDDD;} /*------Cart Drawer------*/ .cart_drawer_btn {display:none;} .cart_drawer {display:none; background:#fff; width:35%; position:fixed; top:0; right:0; bottom:0; z-index:1000; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3); overflow-y: scroll;overflow-x: hidden;} .drawer_close_btn {font-weight:700; margin-bottom:1em; cursor:pointer;} .drawer_close_btn:hover, .drawer_close_btn:focus {color:#000;} body.show_cart_drawer .cart_drawer {display:block;} body.show_cart_drawer .site_wrapper {left:-35%;} body.show_cart_drawer .site_wrapper .site_overlay {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.7);} /* --- global media object --- */ .media{display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;} .media_body{-ms-flex: 1;flex: 1;min-width: 0;-ms-word-break: break-all;overflow-wrap: break-word;word-wrap: break-word;} .media_right{-ms-flex-negative: 0;flex-shrink: 0;margin-left: .75rem;} .media_left {margin-left: 0;margin-right: .75rem;} /* --- no support for flex, .no-flexbox added with Modernizr--- */ .no-flexbox .media {display:table;width:100%;} .no-flexbox .media_body, .no-flexbox .media_right, .no-flexbox .media_left{display:table-cell;} .no-flexbox .media_right{float:right;} /*------site header------*/ .site_header {border-bottom:1px solid #dddddd; position:relative; z-index:100;} .site_header a.logo {background: url(/images/logo.png); background-repeat: no-repeat; background-position: center left; background-size: 200px 68px; width: 200px; height: 100px; float: left; display: block;} /*------site footer------*/ .site_footer .h4 {color:#fff; letter-spacing:2px; text-transform:uppercase; margin-bottom:.75em;} .site_footer ul {padding:0; list-style:none; line-height:1.3em;} .site_footer ul li {margin-bottom:.75em;} .site_footer ul li:last-child {margin-bottom:0;} .site_footer a, .site_footer .btn:hover {text-decoration:none} .site_footer a:hover {text-decoration:underline;} .footer_signup {text-align:center; padding:4em 0;} .footer_signup h3 {font-weight:700; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; color: #73BB00; letter-spacing:2px; font-size:1.3em; margin-bottom:1.25em;} .footer_signup input {width:30%;} .footer_nav {color:#fff; font-size:.875em; padding:4em 0; background-image: url(/images/topography-bg.png);background-repeat:repeat;background-size: cover;} .footer_nav a {color:#fff;} .footer_nav p {margin:0 0 .75em;} .footer_legal {font-size:.8em; padding:1em 0 2em 0; text-align:center;} .footer_legal ul li {display:inline-block; margin-right: 1em; margin-left: 1em;} .footer_legal ul li a {color:#4A4A4A;} .footer_legal a.logo {position:relative; z-index:1; margin-top:-45px; background: url(/images/logo.png); background-repeat: no-repeat; background-position: center center; background-size: 200px 68px; width: 200px; height: 68px; display: inline-block; } .site_footer .social {float:none;} .site_footer .social li {display:inline-block; margin-right:1.25em;} .site_footer .social li:last-child {margin-right:0;} .site_footer .social li a {font-size: inherit;} .top_site {position:fixed; bottom:20px; right:20px; z-index:700000; display:none;} .top_site a { color:#999; color: rgba(153,153,153,.6); border:0;} .top_site a:hover { border:0;} /************************ * Navigation * ************************/ /* Primary Navigation Resets and Defaults*/ nav.nav_primary {position:relative; text-align:center; } nav.nav_primary ul {list-style:none; margin:0; padding:0;} nav.nav_primary ul li > a {text-decoration:none;} /* Level 1 (All) */ nav.nav_primary ul.parent {display:inline-block;} nav.nav_primary ul.parent > li {display:inline-block; margin-right:-4px;} nav.nav_primary ul.parent > li > a {position:relative; display:block; height:100px; padding:0 1em; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:1px; display: flex; justify-content: center; flex-direction: column;} nav.nav_primary ul.parent > li > a:before { content: ""; position: absolute; width: 100%; height: 5px; bottom: 0; left: 0; z-index:2; background-color: #73BB00; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} nav.nav_primary ul.parent > li:hover > a:before, nav.nav_primary ul.parent > li:focus > a:before, nav.nav_primary ul.parent > li.active > a:before, nav.nav_primary ul.parent > li > a.selected:before, nav.nav_primary ul.parent > li.selected > a:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);} nav.nav_primary ul.parent > li.drop_nav.hover > a, nav.nav_primary ul.parent > li.drop_mega.hover > a, nav.nav_primary ul.parent > li > a.selected, nav.nav_primary ul.parent > li.selected > a {color:#73BB00;} /* Level 1 Dropdown (Mega)*/ nav.nav_primary ul.parent li.drop_mega {position: static;} /* Level 2 Dropdown (Mega)*/ nav.nav_primary ul.parent li.drop_mega > ul {display:block; text-align:left; background:#fff; position: absolute; left: -1px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); z-index:3; width: 100%; top: auto; padding: 0; margin: 0; list-style: none; display:none;} /* Level 2 Dropdown (All)*/ .no-js nav.nav_primary ul.parent > li:hover > ul, .no-js nav.nav_primary ul.parent > li:focus-within > ul {display:block;} /*no js fallback */ nav.nav_primary ul.parent li.drop_mega > ul > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; } nav.nav_primary ul.parent li.drop_mega > ul > li:first-child { width:75%; padding:1.5em 1.5em;} nav.nav_primary ul.parent li.drop_mega > ul > li:last-child { width:25%; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-repeat:no-repeat; background-position: center center; } nav.nav_primary ul.parent li.drop_mega > ul > li a {color:#4A4A4A;} nav.nav_primary ul.parent li.drop_mega > ul > li a:hover {text-decoration:underline;} nav.nav_primary ul.parent li.drop_mega > ul > li .h4 {font-size:.95em; margin-bottom:.25em;text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; line-height:1.2em;} nav.nav_primary ul.parent li.drop_mega > ul > li .h4 a {color:#006E40;} nav.nav_primary ul.parent li.drop_mega > ul > li > ul ul li {font-size:.8em; padding:.5em 0;border-bottom:1px solid #DDDDDD;} nav.nav_primary ul.parent li.drop_mega > ul > li > ul ul li:last-child {border-bottom:none;} nav.nav_primary ul.parent li.drop_mega .flex_grid .flex_item {padding:1em 1em; margin-bottom:0; width:33%;} /*------secondary navigation------*/ .auxiliary_nav {float:right; display:inline-block;} .auxiliary_nav ul {margin:0; padding:0; list-style:none;} .auxiliary_nav li {float:left; margin-right:.5em; height:100px; display: flex; justify-content: center; flex-direction: column;} .auxiliary_nav li:first-child {display:none;} .auxiliary_nav li:last-child {margin-right:0;} .auxiliary_nav li a {color: #006E40; border:solid 1px #006E40; padding:.5em .75em; text-decoration:none;} .auxiliary_nav li a:hover {} /*------secondary navigation------*/ nav.nav_secondary {padding:.5em 0; background:#006E40; font-size:.8em; color:#fff;} nav.nav_secondary ul {float:right;margin:0; padding:0; list-style:none;} nav.nav_secondary li {display:inline-block; margin-right:1.5em; color: #fff;} nav.nav_secondary li:last-child {margin-right:0;} nav.nav_secondary li a {color: #fff; text-decoration:none;} nav.nav_secondary li a:hover {text-decoration:underline;} .lanscape_pros_secondary {display:none;} .landscape_pros .base_secondary {display:none;} .landscape_pros .lanscape_pros_secondary {display:block;} /*----------nav overlay-------*/ .nav_overlay {height: 100%; width: 100%; padding:0 4%; background:#000; position:fixed; overflow:auto; display: none; z-index: 101; -webkit-overflow-scrolling: touch; color:#fff;} .nav_overlay::-webkit-scrollbar {display:none;} .nav_overlay .h4 {font-size:.9em; color:#fff; padding:25px 0 19px 0; margin-bottom:0; text-align:center; letter-spacing:10px; text-transform:uppercase;} .nav_overlay ul {list-style: none; margin: 0 0 2em 0; padding: 0;} .nav_overlay > ul > li {border-bottom: 1px dotted rgba(255,255,255,0.2)} .nav_overlay > ul > li:first-child {border-top: 1px dotted rgba(255,255,255,0.2)} .nav_overlay ul li a { color: #fff; text-decoration: none; display: block; font-size: 1.2em; padding: .75em .75em; text-align:center;} .nav_overlay ul li a svg {margin-left:.5em;} .nav_overlay ul ul {display:none;} .nav_overlay ul ul li a {font-size:1em; background:#111; border-radius:4px; margin-bottom:.5em;} .nav_overlay .nav_overlay_close {display: block; color: #006E40; text-decoration: none; position: absolute; right: 0; top: 0px; font-size: 30px; text-align: right; padding:16px 28px 16px 38px; } .nav_overlay .nav_overlay_close:hover {color:#fff;} /*------section navigation (vertical)------*/ .nav_section {background-color: #F3F3F3; font-size:.85em;padding:10px;margin-bottom:1.5em;} .nav_section > ul {margin:0;list-style: none;padding:0;border: none;margin-bottom:0; } .nav_section .h4 {margin-bottom:0;background:#006E40;} .nav_section .h4 a {color:#fff; text-decoration:none; display:block;padding:1em 1em;} .nav_section > ul > li {border-bottom:1px solid #fff;} .nav_section > ul > li:last-child {border-bottom:none;} .nav_section > ul li a{text-decoration:none;display:block;padding:.5em 1em;color:#4A4A4A;} .nav_section > ul li a:hover{background-color:#F3F3F3;font-weight:700;} .nav_section > ul .selected{font-weight:700;background-color:#E2E2E2;} /*------nested------*/ .nav_section > ul ul {list-style: none;padding:0 0 0 10px;font-size:.9em;margin-bottom:5px;} .nav_section > ul ul li a{padding:3px 7px;} .nav_section ul .selected_parent {font-weight:700;} .nav_section_btn {display:none;} .nav_section_btn a {display:block; color:#fff; } nav.nav_section.show {display:block;} /*------paging, crumbs, tags (articles)------*/ nav.page ul {text-align: center;padding:0;} nav.page ul li {display: inline;margin: 0 4px 0 0;} nav.page ul li a {padding: 4px 8px;font-size: 14px;font-weight: bold;border: 1px solid #CCC;border-radius: 4px;text-decoration:none;background:#f4f6f9;} nav.page ul li a:hover,nav.page ul li a:focus {background: #f0f0f0;border-color: #ccc;} nav.page ul li a:active, nav.page ul li a.current {background: #fff;border-color: #ccc;} nav.breadcrumb {color: #666;font-size:0.750em;margin-bottom:2em;padding:2em 0;border-bottom:1px solid #DDDDDD;} nav.breadcrumb a {margin: 0 5px;text-decoration: none;color: #999;} nav.breadcrumb a:first-child {margin-left: 0;} nav.breadcrumb a:hover,nav.breadcrumb a:focus {color: #000;} nav.breadcrumb a:active {color: #000;} nav.breadcrumb strong {font-weight: bold;color: #000;} ol.tags {list-style:none;padding:0;margin:0 0 1.5em;font-size:.75em;} ol.tags li {float: left;margin: 0 5px 5px 0;} ol.tags li a {text-decoration:none;background:#CCC;background:rgba(0,0,0,.2);float: left;padding: 0px 7px;font-weight: normal;color: #fff;-moz-border-radius: 5px;border-radius: 5px;} ol.tags li a:hover, ol.tags li a:focus {background-color: #999;} ol.tags li a:active {background-color: #ccc;} /************************ * Content * ************************/ .banner {position:relative; z-index:0;} .banner_rotator {position:relative; background:#fff; z-index:0;} .banner_rotator .banner_img {height:340px; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-repeat:no-repeat; background-position: center center; display:block;} .home .banner_rotator .banner_img {height:700px;} .category .banner_rotator .banner_img {height:640px;} .banner .banner_overlay {position:absolute; z-index:2; top:0; left:0; height:100%; width:100%; background:url(/images/banner-overlay.png) top left repeat-y; background-size: 100% 100%;} .home .banner .banner_overlay {background:url(/images/home-banner-overlay.png) bottom left repeat-x;} .banner_content {position: absolute; top: 50%; transform: translateY(-50%); left:0; z-index:3; width:100%; font-size:1.3em; line-height:1.5em; color: #fff; text-shadow: 1px 1px 3px rgba(52, 52, 52, .8);} .home .banner_content {top:auto; bottom:50px; transform:none;} .banner_content .wrapper > div {width:50%;} .banner_content .intro {font-weight:700; margin-bottom:.325em; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;} .home .banner_content h1 {font-size: 4.2em; margin-bottom:.75em;} .banner_content h1 {font-size: 3em;} .banner_categories {padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start;} .banner_categories li {display:block; background:rgba(0,110,64,.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 31.333%; margin-right: 3%; position: relative; text-align:center; } .banner_categories li:last-child {margin-right:0;} .banner_categories li a {display:block; line-height:1.2em; color:#fff; text-decoration:none; height:100%; padding:1.5em 1.5em; font-weight:700; margin-bottom:0; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; text-shadow: none; display: flex; justify-content: center; align-items: center;} .banner_categories li a:hover {background:#006E40;} .hightlight {color:#73BB00;} .content {padding:4em 0;} .content h1 {margin-bottom:.75em;} .content h1 span {color: #006E40;} .product_nav {background:#F3F3F3; text-align:center;} .product_nav ul {padding:0; margin:0; list-style:none;} .product_nav ul li {display:inline-block; text-align:center; margin-right:-4px;} .product_nav a {display:block; padding:.625em 1em; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-decoration:none; color:#4A4A4A; font-size:.9em;} .product_nav a:hover {color:#fff; background: #4A4A4A;} .fancy_list {list-style: square outside url("/images/list-check.png"); padding-left:1.5em;} .fancy_list li {padding-left:.5em;margin-bottom:1em;} .fancy_list li:last-child {margin-bottom:0;} .img_cta {display:block;background:#006E40;text-align:center;text-decoration:none;} .img_cta span {padding: 1em 1.5em;display:block;color: #FFFFFF;line-height: 1em;font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;font-weight: 400;text-transform:uppercase;letter-spacing: 0.1em;font-size: .875rem;} .img_cta:hover {background:#999;} section header, article header {} section footer, article footer {border-top:1px solid #CCC;font-size:.875em;padding:1em 0;color:#888;margin-top:3em;} section footer img {float:left; margin: 0 10px 0 0;} .well, .platform {display:block;padding:1.5em 1.5em ;background:#FFF; border:1px solid #ddd; margin-bottom:2em;} .comments {margin-top:5em;} .item_image {margin-bottom:.5em;} .item_title {font-size:1.25em;margin-bottom:.5em;} .item_description {margin-bottom:.5em;} /*------Insets & Outsets ------*/ .inset {padding:2rem;} .inset_right_large {padding-right:4rem;} .inset_right {padding-right:2rem;} .inset_right_small {padding-right:.5rem;} .inset_left_large {padding-left:4rem;} .inset_left {padding-left:2rem;} .inset_left_small {padding-left:.5rem;} .inset_top_large {padding-top:4rem;} .inset_top {padding-top:2rem;} .inset_top_small {padding-top:.5rem;} .inset_bottom_large {padding-bottom:4rem;} .inset_bottom {padding-bottom:2rem;} .inset_bottom_small {padding-bottom:.5rem;} .outset {margin:2rem;} .outset_right_large {margin-right:4rem;} .outset_right {margin-right:2rem;} .outset_right_small {margin-right:.5rem;} .outset_left_large {margin-left:4rem;} .outset_left {margin-left:2rem;} .outset_left_small {margin-left:.5rem;} .outset_top_large {margin-top:4rem;} .outset_top {margin-top:2rem;} .outset_top_small {margin-top:.5rem;} .outset_bottom_large {margin-bottom:4rem;} .outset_bottom {margin-bottom:2rem;} .outset_bottom_small {margin-bottom:.5rem;} /*------Spinternet Defaults ------*/ .page_banner {margin-bottom:1em;-moz-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 0 4px #999;-webkit-box-shadow: 0 0 4px#999;box-shadow:0 0 4px #999;} .page_video {font-size:.875em;line-height:1.666em;padding:1em;margin-bottom:1em;-moz-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 0 4px #999;-webkit-box-shadow: 0 0 4px#999;box-shadow:0 0 4px #999;} .page_video .fluid_video{margin-bottom:0;} .page_video .last{margin-left:1em;} .img_left {float:left;margin:0 1.5em 1em 0;max-width:30%;} .img_captioned.img_left {float:left;margin:0 1em 1em 0;} .img_right {float:right;margin:0 0 1em 1.5em;max-width:30%;} .img_captioned.img_right {float:right;margin:0 0 1em 1em;} .img_center {text-align:center;} .img_center .img_captioned {text-align:center;} img[align=left], img.img_left{float:left;margin:0 1em 1em 0;max-width:30%;} img[align=right], img.img_right{float:right;margin:0 0 1em 1em;max-width:30%;} .fluid_map {width: 100%;height: 0;padding-top: 60%;position: relative; margin-bottom:1.5em;} .fluid_map iframe {width: 100%;height: 100%; position: absolute;top: 0; right: 0;left: 0; bottom: 0; } .fluid_map img {max-width: none;}/*-- fixes max-width conflict in Google API maps --*/ .login_links {position: fixed; top: 0; right: 0; margin: 0; padding: 4px; list-style: none; font-size: 12px;} .login_links li {float: right; margin-left: .5em;} .login_links li > a {line-height: 1; padding: .333em .5em; text-decoration: none; background-color: #888; background: rgba(0,0,0,.5); border: 1px solid #666; -moz-border-radius: 4px; border-radius: 4px; color: #FFF;} .test_site {color: #f2dede; background-color: #b94a48; width: 100%; height: 30px; text-align: center; font-weight: bold; line-height: 30px; font-size: 13px; text-transform:uppercase;} /*------Locations------*/ .location_results {padding:1em;border:1px solid #CCC;font-size:.875em;} .location_results ol{list-style:none;margin:0;padding:0;line-height:1.5em;width:100%;} .location_results ol li{list-style:none;margin:0;display:inline-block;width:100%;} .location_results ol li div{float:left;width:80%;} .location_results img{float:left;margin-right:5%;max-width:15%;} /*------video container ------*/ .video_link {display:block; margin-bottom:1em;} .video_link .video_thumb {position:relative; display:block; margin-bottom:.5em; } .video_link .video_play {position:absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); height:110px; width:110px; color:#fff; font-size:2em; line-height:1em; background: rgba(0,0,0,.5); border-radius: 50%; border: 8px solid rgba(255,255,255,.5); display: flex; justify-content: center; align-items: center;} .video_link:hover .video_play {background:#73BB00;} /*------icons (added with selectors.js) ------*/ a[href$="pdf"]:after {content:' (.pdf)';} a[href$="xls"]:after {content:' (.xls)';} a[href$="csv"]:after {content:' (.csv)';} a[href$="doc"]:after {content:' (.doc)';} a[href$="docx"]:after {content:' (.docx)';} a[href$="ppt"]:after {content:' (.ppt)';} .pdf {background: url(/images/icon-pdf.gif) no-repeat 98% 50%;padding: 2px 2em 2px 0;} .excel {background: url(/images/icon-excel.gif) no-repeat 98% 50%;padding: 2px 2em 2px 0;} .word {background: url(/images/icon-word.gif) no-repeat 98% 50%;padding: 2px 2em 2px 0;} /*------text options------*/ .text_cooler {color:#0066CC;} .text_success {color:#009933;} .text_warmer {color:#f78d1d;} .text_danger, .ecom-error {color:#b94a48;} .text_smaller {font-size:.75em;} .text_small {font-size:.875em;} .text_large {font-size:1.25em;line-height:1.5em;} .text_larger {font-size:1.5em;} .text_largest {font-size:1.75em;} .text_primary {color:royalblue} .text_secondary {color:saddlebrown} /*------highlighting / alerts------*/ .alert_banner {position:relative; background:#000; color:#F5A623;text-align:center; padding:1em 2em; margin-bottom:0; font-size:1.1em;line-height:1.4em; display:none;} .alert_banner p {margin:0;} .alert_banner a {color:#F5A623;} .alert_banner .alert_close {position:absolute; right:30px; top:1em; z-index:1; cursor:pointer; color:rgba(255,255,255,.7);} .alert_banner .alert_close:hover {color:#ccc;} .hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} .alert {padding:.5em 1em;color:#c09853;border:1px solid #fbeed5;background:#fcf8e3;font-size:.875em;border-radius:4px;margin:.25em 0 2em;} .alert p:last-child{margin:0;} .alert.alert_success{color:#468847;border:1px solid #d6e9c6;background:#dff0d8;} .alert.alert_danger{color:#b94a48;border:1px solid #eed3d7;background:#f2dede;} /*.site_alert{z-index:4000; position:relative; top:0; left:0; padding:25px; background:#C00; color:#FFF; font-size:18px; font-weight:bold;} .site_alert a{color:#F1C411;}*/ /* --- lists --- */ .list--horizontal {list-style:none;margin:0;padding:0;display:table;} .list--horizontal > li{width:auto;margin:0 2rem 0 0;display:inline-block;vertical-align:middle;} .list--horizontal > li:last-child{margin-right:0;} .list--horizontal.last > li:first-child{margin-right:0;} .list--horizontal.list--m--small > li{margin:0 1rem 0 0;} .list--horizontal.list--m--xsmall > li{margin:0 .5rem 0 0;} .list--horizontal.list--m--none > li{margin:0;} .list--horizontal.last > li{margin:0 0 0 2rem;} .list--horizontal.list--m--small.last > li{margin:0 0 0 1rem;} .list--horizontal.list--m--xsmall.last > li{margin:0 0 0 .5rem;} /* --- Definition Lists --- */ .dl--horizontal {-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; display: -ms-flexbox; display: flex;max-width:400px;} .dl--horizontal__label {width: 30%;padding-right: .75rem;margin:0;} .dl--horizontal__detail {width: 70%;margin:0;} .no-flexbox .dl--horizontal__label {display:inline-block;padding-right:0;} .no-flexbox .dl--horizontal__detail {display:inline-block;width:68%;} /*------rows and grid views (e-commerce, typically generated dynamically)------*/ .list {clear:both;margin:0 0 2em;} .list_row {padding:0;padding-top:1em;} .list_row > li {margin:0;display: table;border-collapse: collapse;width: 100%;float: left;} .list_row .inner {display: table-row;text-decoration:none;} .list_row .li-img {display: table-cell;vertical-align: middle;width: 20%;padding-right: 1.5em;padding-top:1em;padding-bottom:1em;} .list_row .li-img img {display: block;width: 100%;height: auto;-moz-border-radius:4px;border-radius:4px;} .list_row .li-text {display: table-cell;vertical-align: middle;width: 70%;padding:1.5em 1em 1.5em 0;} .list_row .li-head{margin-bottom:.25em;font-size:1.5em;font-weight:normal;text-decoration:none;} .list_row .li-summary {display: block;color:#333;margin-bottom:.25em;font-size:1em;} .list_row .li-action {margin: 0;text-decoration:none;} .posted_info {display:block; font-size:.8em; margin-bottom:1em;} .list_row .author {display:block; font-style:italic;color:#999;} .list_row > li.clear_even,.list_row > li.clear_third,.list_row > li.clear_fourth, .list_row > li.clear_fifth {width:100%;display:none;margin:0;} .list_grid {padding:0; } .list_grid > li {padding:0;margin-right:3.5%;margin-bottom:0em;display: block;float: left; } .list_grid.list_2x > li {width:48.25%;} .list_grid.list_3x > li {width:31%; } .list_grid.list_4x > li {width:22.375%; } .list_grid.list_5x > li {width:17.2%; } .list_grid.list_6x > li {width:13.75%; } .list_grid > li.clear_even, .list_grid > li.clear_third, .list_grid > li.clear_fourth,.list_grid > li.clear_fifth, .list_grid > li.clear_sixth {display:none;border-bottom:1px solid #DDDDDD;margin:2em 0 2em 0; }/*---set up/style clears---*/ .list_grid.list_2x > li.even, .list_grid.list_3x > li.third, .list_grid.list_4x > li.fourth, .list_grid.list_5x > li.fifth, .list_grid.list_6x > li.sixth {margin-right:0;}/*---margin of last item---*/ .list_grid.list_2x > li.clear_even, .list_grid.list_3x > li.clear_third, .list_grid.list_4x > li.clear_fourth, .list_grid.list_5x > li.clear_fifth, .list_grid.list_6x > li.clear_sixth {display:block;width:100%;}/*---show clears---*/ .list_grid .inner {text-decoration:none;} .list_grid .li-img {padding-bottom:1em;} .list_grid .li-img img {-moz-border-radius:4px;border-radius:4px;margin-bottom:.5em;} .list_grid .li-text {clear:both;display:block;} .list_grid .li-head {margin-bottom: .1em;line-height:1.1em;font-size:1em;font-weight:bold;display:block;} .list_grid .li-summary {font-size:.75em;display:block;} .list_grid .li-action {font-size:.75em;display:block;} /*------processing, please wait buttons-------*/ .spnWaitMessage {color:#CC0000;font-weight:bold;font-size:16px;} /*------related content (often used in side column, or below main content)------*/ .related {list-style:none;padding:0;margin:0;font-size:.875em;} .related .related_item{padding:0;margin-bottom:2em;} .related .related_item *:last-child{margin-bottom:0;} .related .related_item.related_html {} .related .related_item.related_banner figure{float:none;width:auto;} .related .related_item.related_banner img{margin-bottom:.5em;} .related .related_item.related_testimonial img{width:75px;float:left;margin:0 1em 1em 0;border-radius:50%;} .related .related_item.related_video img {cursor:pointer;} .related .related_item.related_links {} /*------panels (often used to create different secions of content on the same page)------*/ .panel {position:relative; padding:4em 0; border-bottom:1px solid #dddddd;} .panel p:last-child {margin-bottom:0;} .panel > .wrapper > h2 {margin-bottom:1.25em;} .panel.panel_gray {background-color:#F3F3F3;} .panel.panel_html {} .panel.panel_html .img_text_combo {background:#fff;} .panel.panel_html .img_text_combo h2 {font-size:2.75em;} .panel.panel_html .img_text_combo h3 {font-family:"Roboto",Helvetica,Arial,sans-serif; text-transform:none;} .panel.panel_html .img_text_combo .group_1of2 {padding:2em 2em;} .panel.panel_html .img_text_combo .video_link {margin-bottom:0;} .panel.panel_image {padding:0; background-color:#fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: center center;} .panel.panel_image .cover {padding:7em 6em; background:rgba(0,0,0,0.5); color:#fff;} .panel.panel_image .cover.right {background: url(/images/cover_right.png) top right repeat-y;} .panel.panel_image .cover.left {background: url(/images/cover_left.png) top left repeat-y;} .panel.panel_image .cover.right .panel_image_content {width:50%; margin-left:50%;} .panel.panel_image .cover.left .panel_image_content {width:50%;} .panel.panel_testimonial .panel_testimonial_img {background-color:#fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: center center;} .panel.panel_testimonial .cover {padding:4em 6em; background-color:rgba(0,0,0,0.5); color:#fff;} .panel.panel_testimonial .cover .quote_mark {position:absolute; top:0; left:0px; background:#73BB00 url(/images/quote_mark.png) center center no-repeat; background-size: 44px 37px; display:block; width:140px; height:140px;} .panel.panel_testimonial .quote_img {display:inline-block; width:100px; margin-bottom:1.25em; border-radius:50%;} .panel.panel_testimonial blockquote p {color: #fff;} .panel.panel_shared {} .panel_video .lSSlideOuter {background:#4A4A4A; color:#fff; padding:1em 1em;} .panel_video .lSSlideOuter .video_caption {display:block; padding:.75em 1em; color:#fff; font-size:.8em; border-bottom:1px solid #777; margin-bottom:1em;} .panel_video .lSGallery li.active, .panel_video .lSGallery li:hover { border-radius: 0!important;} .panel_video .lSGallery li a, .panel_video .lSGallery li a {display:block; border:2px solid #4A4A4A;} .panel_video .lSGallery li.active a, .panel_video .lSGallery li:hover a {border:2px solid #fff;} .panel.panel_related {} .lSSlideOuter .lightSlider>*, .lSSlideOuter .lSGallery li {text-align:center;margin:0 auto;} .product_image_rotater .image_caption {display:block; padding:.75em 1em; font-size:.8em; margin-bottom:0;} /*------table structure (in editor template)------*/ table.table_structure_4x {width:100%;margin-bottom:1em;border-collapse:collapse;line-height:1.3em;display:block;} table.table_structure_4x tbody, table.table_structure_4x tr{display:block;width:100%;} table.table_structure_4x tr td{display:block;float:left;padding-bottom:.5em;margin-right:2.5%;}/*margin matches column structure*/ table.table_structure_4x td td {display:table-cell;float:none;width:auto;}/*fix embeded tables*/ table.table_structure_4x td.clear {display:none;clear:both;width:100%;} table.table_structure_3x {width:100%;margin-bottom:1em;border-collapse:collapse;display:block;} table.table_structure_3x tbody, table.table_structure_3x tr{display:block;width:100%;} table.table_structure_3x tr td{display:block;float:left;padding-bottom:.5em;line-height:1.4em;margin-right:2.5%;}/*margin matches column structure*/ table.table_structure_3x td td {display:table-cell;float:none;width:auto;}/*fix embeded tables*/ table.table_structure_2x {width:100%;margin-bottom:1em;border-collapse:collapse;display:block;} table.table_structure_2x tbody, table.table_structure_2x tr{display:block;width:100%;} table.table_structure_2x tr td{display:block;float:left;padding-bottom:.5em;margin-right:2.5%;}/*margin matches column structure*/ table.table_structure_2x td td {display:table-cell;float:none;width:auto;}/*fix embeded tables*/ table.table_structure_2x tr td:last-child, table.table_structure_3x tr td:last-child, table.table_structure_4x tr td:last-child{margin-right:0;}/*margin matches column structure*/ /*------data tables (min-width for overflow on small devices, can be adjusted)------*/ table.table_data thead th, table.table_list thead th{background:#eee; white-space:nowrap;font-weight:normal;color:#333;padding:10px 10px;font-size:15px;} table.table_data thead tr:first-child th:first-child, table.table_list thead tr:first-child th:first-child { border-top-left-radius: 4px; } table.table_data thead tr:first-child th:last-child, table.table_list thead tr:first-child th:last-child { border-top-right-radius: 4px; border:0;} .table_data {border-collapse:collapse;min-width:480px;width:99.9%;font-size:.9rem;} .table_data td{padding:.5em .75em;border:1px solid #DDDDDD;min-width:5em;} .table_data td strong{white-space:nowrap;} .table_list {border-collapse:collapse;min-width:480px;width:99.9%;font-size:.9rem;} .table_list td{padding:.5em .75em;border-bottom:1px solid #DDDDDD;border-right:1px solid #DDDDDD;min-width:5em;} .table_list td:last-child{border-right:0;} .table_list.table_stripe {border-top:0;} table.table_stripe tbody tr:nth-child(even) {background:#F3F3F3;} table.table_condensed th{padding:.25em .5em;font-size:1rem;} table.table_condensed td{padding:.25em .5em;font-size:.875rem;} .specs_table td:first-child {font-weight:700;} .table_overflow { /*added with selectors.js and */ width:100%;overflow-x:auto;margin-bottom:1.5rem; background: /* Shadow covers */ linear-gradient(90deg, white 30%, rgba(255,255,255,0)), linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0, /* Shadows */ radial-gradient(0 50%, farthest-side, rgba(0,0,0,.8), rgba(0,0,0,0)), radial-gradient(100% 50%,farthest-side, rgba(0,0,0,.8), rgba(0,0,0,0)) 100% 0; background: /* Shadow covers */ linear-gradient(90deg, white 30%, rgba(255,255,255,0)), linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0, /* Shadows */ radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.8), rgba(0,0,0,0)), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.8), rgba(0,0,0,0)) 100% 0; background-repeat: no-repeat; background-color: white; background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } .table_dealer_list {border-collapse:collapse;width:100%;margin-bottom:3em} .table_dealer_list th {text-align:left;font-weight:bold;text-transform: uppercase; font-size: .8em; padding:12px;color:#666} .table_dealer_list td {border:1px solid #ddd; padding:12px;vertical-align: top;width:20%;} .table_dealer_list td:first-child {} .table_dealer_list .last {text-align:right;} .table_dealer_list img {max-height:40px} .shaded td {background:#f6f6f6} /* Flex Grid */ .flex_grid { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start;} .flex_grid .flex_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; /* for IE */ padding: .75em; margin-bottom: 2em; position: relative; } /* Flex Grid border/no border widths */ .flex_grid.flex_6x .flex_item { width: 16.666%; } .flex_grid.flex_5x .flex_item { width: 20%; } .flex_grid.flex_4x .flex_item { width: 25%; } .flex_grid.flex_3x .flex_item { width: 33.333%; } .flex_grid.flex_2x .flex_item { width: 50%;} /* Flex Grid Borders */ .flex_grid.flex_borders { border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .flex_grid.flex_borders .flex_item { border: 1px solid #DDDDDD; margin: 0; border-bottom: 0; border-right: 0; } /* Flex Grid Margins */ .flex_grid.flex_margin { border: 0; } .flex_grid.flex_margin .flex_item { margin-right: 3%;} /* Flex Grid Margins */ .flex_grid.flex_borders.flex_margin { border: 0; } .flex_grid.flex_borders.flex_margin .flex_item { margin-right: 3%; margin-bottom: 1.5em; border: 1px solid #DDDDDD; padding: 1.5em 1.5em;} .flex_grid.flex_6x.flex_margin .flex_item { width: 14.1666%; } .flex_grid.flex_5x.flex_margin .flex_item { width: 17.6%; } .flex_grid.flex_4x.flex_margin .flex_item { width: 22.75%; } .flex_grid.flex_3x.flex_margin .flex_item { width: 31.333%; } .flex_grid.flex_2x.flex_margin .flex_item { width: 48.5%; } .flex_grid.flex_6x.flex_margin .flex_item:nth-child(6n+6), .flex_grid.flex_5x.flex_margin .flex_item:nth-child(5n+5), .flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_2x.flex_margin .flex_item:nth-child(2n+2) { margin-right: 0; } /* IE8 and IE9 */ .no-flexbox .flex_grid:after { content: ' '; display: block; clear: both; } .no-flexbox .flex_grid.flex_5x .flex_item:nth-child(6n+7), .no-flexbox .flex_grid.flex_5x .flex_item:nth-child(5n+6), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_2x .flex_item:nth-child(2n+3) { clear: both; } /*---Scale Proportionally for varied images sizes---*/ .grid_img {position: relative;border:1px solid #DDDDDD;width: 100%;margin-bottom:.75em} .aspect_ratio_1to1 {padding-top: 100%; /* forces 1:1 aspect ratio, 100% is a square */} .aspect_ratio_3to2 {padding-top: 66.666%; /* forces 3:2 aspect ratio*/} .aspect_ratio_16to9 {padding-top: 56.25%; /* forces 16:9 aspect ratio*/} .img-container {position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align:center; /* Align center inline elements */font: 0/0 a;} .img-container:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%;} .img-container img {vertical-align: middle;display: inline-block;max-height:100%/* Makes taller img fit the box */;} .flex_grid.flex_borders.flex_margin .flex_item .grid_img {border:0;border-bottom:1px solid #DDDDDD} .products_categories {font-size:1em; font-weight:700; line-height:1.2em; text-align:center; justify-content: center;} .products_categories.flex_grid .flex_item { margin-bottom: 0;} .products_categories a {text-decoration:none;} .products_categories a:hover {text-decoration:none;} .products_categories a:hover img {transform: scale(1.05);} .products_categories img {margin-bottom:1em; transition-duration: .2s;} .products_categories span {display:block;} .display_ads.flex_grid .flex_item {padding: 0; margin-bottom: 0; transition-duration: .2s;} .display_ads.flex_grid .flex_item:hover {padding: 0; margin-bottom: 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);} .category_tiles.flex_grid {text-align:center; justify-content: center;} .category_tiles.flex_grid .flex_item {padding:0; margin-bottom:0; overflow:hidden;} .category_tiles.flex_grid .flex_item a {position:absolute; padding:1.5em 1.5em; top:0; left:0; z-index:0; display: flex; justify-content: center; align-items: center; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; font-weight:700; text-transform:uppercase; line-height:1em; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; text-decoration:none; font-size:1.5em; line-height:1.2em;} .category_tiles.flex_grid .flex_item a:hover {background:rgba(0,0,0,0.7);} .category_tiles.flex_grid .flex_item a .arrow_right {position:absolute; bottom:0; right:0; z-index:2; background:url(/images/arrow-right.png); background-size: 60px 60px; display:block; width: 60px; height: 60px;} .product_grid.flex_grid.flex_borders.flex_margin .flex_item {padding:0;} /************************ * Forms * ************************/ .form {margin-bottom:1rem;clear:both;} .form > fieldset {margin-bottom:1em;border:1px solid #DDDDDD;padding:1.5em 1.5em; background:#FFF;} .form > fieldset > legend {display:block;background:#fff; padding:0 .25em; color:#4A4A4A; margin-bottom:.5em;font-weight:700; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;} .form fieldset > div, .form fieldset > fieldset {padding:7px 0;clear:both;border-bottom:1px dotted #DDDDDD;} .form fieldset > div:last-child {border-bottom:0;} .form fieldset > div{*zoom:1}.form fieldset div:before,.form fieldset div:after{display:table;content:""}.form fieldset div:after{clear:both} .form fieldset > div > label {font-size:.8em;} .form fieldset > div > label, .form fieldset > fieldset > legend {display:block;padding:3px 5% 3px 0;width:33%;text-align:right;float:left;} .form fieldset > div > ul {margin: 0; padding: 0; list-style: none;} .form fieldset ul.field_list{padding:3px 0;list-style:none;margin:0;float:left;display:block;width:66%;} .form fieldset ul.field_list li{margin:0 0 3px 0;} .form fieldset ul.field_list li{*zoom:1} .form fieldset ul.field_list li:before,.form fieldset ul.field_list li:after {display:table;content:""} .form fieldset ul.field_list li:after{clear:both} .form fieldset ul.field_list li span{width:90%;float:left;} .form fieldset ul.field_list li small{font-size:.85em;margin:-.5em 0 0 0;} .form input[type="checkbox"], .form input[type="radio"] {margin-right:.5em; vertical-align:text-top; margin-top:6px; float:left;} .form fieldset input, .form fieldset select{margin:0;max-width:66%;} .form fieldset select{padding:0;} input[type="text"], input[type="email"], input[type="date"], input[type="telephone"], input[type="password"], input[type="number"], input[type="tel"], textarea, select {line-height:1.5em;padding:.5em .875em;font-size: 1rem;border: 1px solid #DDDDDD;background: #fff;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 2px rgba(0,0,0,.05);font-family:'Roboto',Helvetica,Arial,sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}/*------remove number spinners------*/ input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border-color: rgba(0,102,204,.8); outline: 0; outline: thin dotted 9;box-shadow: 0 0 8px rgba(0,102,204,.6);background: #fff;} .required {color:#b94a48; font-weight:bold; font-size:0.8em;} .form [disabled="disabled"]{opacity:.60;} ::-webkit-input-placeholder { color: #999; } ::-moz-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } :-moz-placeholder { color: #999; } .form .btn {margin:.5em .5em 0 0;} .app_hours label {display:block} .app_hours div {float:left;} .related .form fieldset > div > label, .related .form fieldset > fieldset > legend{width:100%;text-align:left;float:none;} .related .form fieldset input, .related .form fieldset select, .related .form textarea {max-width:100%;width:100%} /*------Salesforce------*/ .salesforce_forms {margin-bottom:1em;border:1px solid #DDDDDD;padding:1.5em 1.5em; background:#FFF;} .salesforce_forms legend {display:block;background:#fff; padding:0 .25em; color:#4A4A4A; margin-bottom:.5em;font-weight:700; text-transform:uppercase; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;} .salesforce_forms label {font-size:.8em;} .salesforce_forms input:not(.btn), .salesforce_forms textarea, .salesforce_forms select {display:block; font-size:1rem; line-height:1; padding: .75em .75em; border: 2px solid #ddd; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; width:100%;} .salesforce_forms input.btn {border:none;} .salesforce_forms input[type="checkbox"], .salesforce_forms input[type="radio"] {padding:0;width:auto;} .salesforce_forms select {cursor:pointer; padding: .75em 2.5em .75em .75em; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-indent:0.01px; text-overflow:''; background:#fff url("data:image/svg+xml;utf8,") no-repeat; background-size:12px; background-position:calc(100% - 1em) 60%; background-repeat:no-repeat;} .salesforce_forms select::-ms-expand{display:none;} .salesforce_forms select::-ms-expand{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;} .salesforce_forms .text_danger {margin-left:.5em; font-size:.8em;} /*------Login------*/ .form.login {clear:none;} .form.login fieldset input, .form.login fieldset select {width:100%;max-width:none;} .form.login fieldset > div {border-bottom:none;} .form.login fieldset > div > label {width:inherit;padding:0;text-align:left;} .form.login fieldset input[type="submit"] {width:inherit;} /*------Search Bar------*/ .searchbar { display: none; padding:10px 0; background: #eee;} /*------Search Box------*/ .search_box {position:relative;} .search_box input {padding:1em 6em 1em 1.25em; width:100%;} .search_box a {position:absolute; top:8px; right:8px; margin: 0;} .content .search_box {margin-bottom:2em;} /*------buttons------*/ .btn{text-decoration:none;display:inline-block;*display:inline;*zoom:1;background: #006E40;color: #FFFFFF;line-height: 1em;font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;font-weight: 400;text-transform:uppercase;letter-spacing: 0.1em;font-size: .875rem;margin: 0 .25em .25em 0;padding: 1em 1.5em;cursor: pointer;text-align:center;} .btn:hover {background:#999;color:#FFF;} .btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn-danger {background:#b94a48;} .btn-danger:hover {background-color: #d2322d;} .btn-success {background-color:#5cb85c;} .btn-success:hover {background-color: #47a447;} .btn-special {background: #73BB00;} .btn-full {display:block;margin:0;} .btn-xlarge{font-size: 1.25rem;} .btn-large{font-size: 1.15rem;} .btn-small{font-size: .875rem;} .btn-mini{font-size: .75rem;} /* just for presentation (bottom left corner) */ .breakpoint{position:fixed;bottom:0;left:0;background:#333;width:70px;color:#FFF;font-size:.8em;display:none;padding:0 10px;} .break_1024to992{display:block;} /* accordions */ .accordion {list-style:none;padding:0;margin-bottom:1.5em;} .accordion .category > div{display:none;margin:1.25em 1em;} .accordion .category > a {display:block;margin:0;border:none;background:#eee;font-size:inherit;color:#333;padding:0.5em 1em;cursor:pointer;border-bottom:2px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-decoration:none;} .accordion .category > a svg {margin-right:.5em;} .accordion li.category .status {position:absolute;top:14px;right:14px;font-size:22px;} .accordion .fa-plus-square, .accordion .fa-minus-square {display:none;} .accordion .closed .fa-plus-square {display:inline-block;} .accordion .open .fa-minus-square {display:inline-block;} .accordion .category ul {margin:0;padding:0;list-style:none;} .accordion .category ul li {margin:0;padding:.75em .75em;list-style:none;border-bottom:1px solid #DDDDDD;} .accordion .category ul li:first-child {padding-top:0;} .accordion .category ul li:last-child {padding-bottom:0;border-bottom:none;} /* High Density Images - uncomment to use @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) { .selector {background: url() top no-repeat;background-size:;} } */ @media only screen and (max-width: 991px) { /*---remove defaults for breakpoints---*/ .list_grid.list_3x > li.clear_third, .list_grid.list_4x > li.clear_fourth, .list_grid.list_5x > li.clear_fifth, .list_grid.list_6x > li.clear_sixth {display:none;}/*---hide default clears---*/ .list_grid.list_3x > li.third, .list_grid.list_4x > li.fourth, .list_grid.list_5x > li.fifth,.list_grid.list_6x > li.sixth {margin-right:3.5%;}/*---over-ride default margin---*/ /* Flex Grid max 3 column */ .flex_grid.flex_6x .flex_item, .flex_grid.flex_5x .flex_item, .flex_grid.flex_4x .flex_item {width: 33.333%; margin-bottom:2em;} .flex_grid.flex_6x.flex_margin .flex_item, .flex_grid.flex_5x.flex_margin .flex_item, .flex_grid.flex_4x.flex_margin .flex_item {width:31.333%;} .flex_grid.flex_6x.flex_margin .flex_item:nth-child(6n+6), .flex_grid.flex_5x.flex_margin .flex_item:nth-child(5n+5), .flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4) {margin-right:3%;} .flex_grid.flex_6x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_5x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3) {margin-right:0;} /* Flex Grid IE9 */ .no-flexbox .flex_grid.flex_6x .flex_item:nth-child(6n+7), .no-flexbox .flex_grid.flex_5x .flex_item:nth-child(5n+6), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5) {clear: none;} .no-flexbox .flex_grid.flex_6x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear:both;} .site_header a.logo {background-size: 150px 51px; width: 150px; height: 80px; } .auxiliary_nav li {height:80px; font-size:.9em;} .auxiliary_nav li a {padding:.325em .625em;} nav.nav_secondary {text-align:center;} nav.nav_secondary ul {float:none;} nav.nav_secondary li {margin:0 .5em;} nav.nav_secondary li:first-child {margin-left:0;} .home .banner_content h1 {margin-bottom:.25em;} body.show_cart_drawer .cart_drawer {width:60%;} body.show_cart_drawer .site_wrapper {left:-60%;} } @media only screen and (min-width: 769px) and (max-width: 991px) { /*---5, 6 column to 4---*/ .list_grid.list_5x > li, .list_grid.list_6x > li {width:22.375%;}/*---establish widths---*/ .list_grid.list_3x > li.third, .list_grid.list_4x > li.fourth, .list_grid.list_5x > li.fourth, .list_grid.list_6x > li.fourth {margin-right:0;}/*---last column---*/ .list_grid.list_3x > li.clear_third, .list_grid.list_4x > li.clear_fourth, .list_grid.list_5x > li.clear_fourth, .list_grid.list_6x > li.clear_fourth {display:block;width:100%;}/*---show clears---*/ nav.nav_primary ul.parent > li > a {height:80px; padding:0 .5em; letter-spacing:normal; font-size:.9em;} .home .banner_rotator .banner_img {height:600px;} .category .banner_rotator .banner_img {height:500px;} .banner_content .wrapper > div {width:70%;} .home .banner_content h1 {font-size:3.8em;} .footer_signup input {width:50%;} } @media only screen and (max-width: 768px) { body {font-size:17px;} /* default breakpoints for structure */ .structure > .first, .structure > .middle, .structure > .last {float:none;width:100%;margin-right:0;margin-bottom:2em;} .structure > .first:last-child, .structure > .last:last-child {margin-bottom:0;} /* default breakpoints for table structure */ table.table_structure_4x tr {clear:both;} table.table_structure_4x tr td {width:47%;} table.table_structure_4x td.clear {display:block;} /* Flex Grid max 2 column */ .flex_grid.flex_6x .flex_item, .flex_grid.flex_5x .flex_item, .flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item {width: 50%;} .flex_grid.flex_6x.flex_margin .flex_item, .flex_grid.flex_5x.flex_margin .flex_item, .flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item {width:48.5%;} .flex_grid.flex_6x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_5x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3) {margin-right:3%;} .flex_grid.flex_6x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_5x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_4x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(2n+2) {margin-right:0} /* Flex Grid IE9 */ .no-flexbox .flex_grid.flex_6x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_5x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear: none;} .no-flexbox .flex_grid.flex_6x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_5x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_4x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(2n+3) {clear:both;} nav.nav_primary ul.parent {display:none;} nav.nav_secondary li:nth-child(n+2) {display:none;} .nav_section_btn {display:block;} .nav_section {display:none;margin-top:1em;} .auxiliary_nav li:first-child {display:flex;} .nav_overlay_btn {display:block;} .banner_content {font-size:1.15em;} .home .banner_content {bottom:30px;} .banner_categories li {width: 100%; margin-right: 0;} .alert_banner {text-align:left; padding:1em 3em 1em 0;} [class*="outset_r"], [class*="outset_l"] {margin:0} .content, .panel, .footer_signup, .footer_nav {padding:2em 0;} .flex_grid.flex_borders.flex_margin .flex_item { padding: 1.5em 1.5em;} .panel.panel_html .img_text_combo .group_1of2 {padding:1.5em 1.5em;} .panel.panel_html .img_text_combo .group_1of2:first-child {margin-bottom:0; padding-bottom:0;} .panel.panel_image .cover {padding:3em 2em; background:rgba(0,0,0,0.5)!important;} .panel.panel_image .cover .panel_image_content {width:100%!important; margin-left:0!important;} blockquote p {font-size:1.2em;} .panel.panel_testimonial .cover {padding:1em 2em;} .panel.panel_testimonial .cover .quote_mark {left:30px; background-size: 30px 25px; display:block; width:70px; height:70px;} .product_nav a {padding:.625em .625em;} .table_dealer_list {} .table_dealer_list thead {display:none;} .table_dealer_list tr {} .table_dealer_list th {display:block;width:100%;} .table_dealer_list td {display:block;width:100%;border-bottom:0} .table_dealer_list td:first-child {width:100%;} .table_dealer_list td:last-child {margin-bottom:2em;border-bottom:5px solid #ddd} .table_dealer_list .last {text-align:right;} .site_footer {text-align:center;} .mobile {display:block;} } @media only screen and (min-width: 480px) and (max-width: 768px) { h1 {font-size:3em;} h2, .panel.panel_html .img_text_combo h2 {font-size:2em;} .form textarea{width:60%;} /*---4, 5, 6 column to 3---*/ .list_grid.list_4x > li, .list_grid.list_5x > li, .list_grid.list_6x > li {width:31%;}/*---establish widths---*/ .list_grid.list_3x > li.third, .list_grid.list_4x > li.third, .list_grid.list_5x > li.third, .list_grid.list_6x > li.third {margin-right:0;}/*---last column---*/ .list_grid.list_3x > li.clear_third, .list_grid.list_4x > li.clear_third, .list_grid.list_5x > li.clear_third, .list_grid.list_6x > li.clear_third {display:block;width:100%;}/*---show clears---*/ .home .banner_rotator .banner_img {height:550px;} .category .banner_rotator .banner_img {height:400px;} .banner_content .wrapper > div {width:80%;} .home .banner_content h1 {font-size:3.5em;} .banner_categories li {margin-bottom:.75em;} .banner_categories li a {padding:1em 1em; font-size: 1.1em;} .category_tiles.flex_grid .flex_item {width: 33.333%;} .category_tiles.flex_grid .flex_item a .arrow_right {background-size: 40px 40px; width: 40px; height: 40px;} body.show_cart_drawer .cart_drawer {width:70%;} body.show_cart_drawer .site_wrapper {left:-70%;} .cta_sidebar {position:static;transform:rotate(0deg);webkit-transform: rotate(0deg);} .footer_signup input {width:60%;} } /* Interim breakpoint for some phones (landscape) and tablets (portrait) */ @media only screen and (max-width: 640px) { .display_ads.flex_grid.flex_2x .flex_item {width:100%; margin-right:0; margin-bottom: 2em;} .display_ads.flex_grid.flex_2x .flex_item:last-child {margin-bottom: 0;} .category_tiles.flex_grid .flex_item {width: 100%; margin-bottom:1.5em;} .video_link .video_play {height:70px; width:70px; font-size:1.5em; border: 6px solid rgba(255,255,255,.5);} .product_nav ul li {display:block; width:100%; margin:0;border-bottom:1px solid #fff;} .product_nav a {padding:.625em 0;} .product_nav a:hover {color:inherit; background:inherit;} .sticky_bar {position:static !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { h1 {font-size:2em;} h2, .panel.panel_html .img_text_combo h2 {font-size:1.6em;} /* default breakpoints for table structure */ table.table_structure_4x tr td, table.table_structure_3x tr td, table.table_structure_2x tr td {width:100%;margin:0;} table.table_structure_4x tr td td, table.table_structure_3x tr td td, table.table_structure_2x tr td td{width: auto;} .form fieldset {padding-left:0;padding-right:0;border-radius:0;border-right:0;border-left:0;} .form input[type="text"], .form input[type="number"], .form input[type="email"], .form input[type="password"], .form textarea, .form fieldset select {max-width: none;width:100%;} .form fieldset > div > label, .form fieldset > fieldset > legend {width:100%;padding:0;text-align:left;} .form fieldset .icon_form{clear:both;display:block;margin-top:.5em;} .form fieldset ul{width:100%;} img.img_left, img[align=left], img.img_right, img[align=right]{max-width:33%;} aside, figure {width:auto;float:none;margin-left:0;} nav.page ul li {display:none;} nav.page ul li.page-prev, nav.page ul li.page-next {display:inline;} /*---3, 4, 5, 6 column to 2---*/ .list_grid.list_3x > li, .list_grid.list_4x > li, .list_grid.list_5x > li, .list_grid.list_6x > li {width:48.25%;}/*---establish widths---*/ .list_grid.list_3x > li.even,.list_grid.list_4x > li.even, .list_grid.list_5x > li.even, .list_grid.list_6x > li.even {margin-right:0;}/*---last column---*/ .list_grid.list_3x > li.clear_even, .list_grid.list_4x > li.clear_even, .list_grid.list_5x > li.clear_even, .list_grid.list_6x > li.clear_even {display:block;width:100%;}/*---show clears---*/ /* Flex Grid */ .flex_grid.flex_6x .flex_item, .flex_grid.flex_5x .flex_item, .flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item, .flex_grid.flex_2x .flex_item, .flex_grid.flex_6x.flex_margin .flex_item, .flex_grid.flex_5x.flex_margin .flex_item, .flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item, .flex_grid.flex_2x.flex_margin .flex_item { width: 100%; margin-right:0; } /*---form builder captcha---*/ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} #rc-imageselect > div, .g-recaptcha > div {margin:0;width:291px!important;} .nav_primary {padding:.5em 0;} .site_header a.logo {background-position: center center; width: 100%; height:51px; float: none; margin-bottom:.25em;} .auxiliary_nav {float:none; display: flex; flex-direction: row; justify-content:center;} .auxiliary_nav li {height:45px; float:none;} .banner_rotator .banner_img {height:200px;} .home .banner_rotator .banner_img {height:500px;} .category .banner_rotator .banner_img {height:350px;} .banner_content .wrapper > div {width:100%;} .home .banner_content h1 {font-size:2.7em;} .banner_content .intro {font-size: 1em;} .banner_categories li {margin-bottom:.5em;} .banner_categories li a {padding:.75em .75em; font-size: 1em;} body.show_cart_drawer .cart_drawer {width:100%;} body.show_cart_drawer .site_wrapper {left:-100%;} .cart_drawer .btn {width:100%; margin-right:0;} blockquote {padding:2em 2em;} blockquote p {font-size:1.1em; margin-bottom:.5em;} .panel.panel_testimonial .cover {padding:1em 1em;} .panel.panel_testimonial .cover .quote_mark {display:none;} .category_tiles.flex_grid .flex_item {display:block; margin-bottom:1.5em;} .category_tiles.flex_grid .flex_item a .arrow_right {background-size: 30px 30px; width: 30px; height: 30px;} .footer_signup h3 {font-size:1.2em; margin-bottom:.5em;} .footer_signup input {width:100%; margin-bottom:.5em;} .footer_signup .btn {width:100%; margin:0;} } /*Print styles */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important; } /* Black prints faster */ a, a:visited { color: #444 !important; text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /************************ * eCommerce * ************************/ /*-----shop search-----*/ fieldset.search.shop { margin-bottom: 1.5em; } fieldset.search.shop input[type="text"] { font-size: 14px; padding: .5em; width: 65%; } fieldset.search.shop input[type="submit"] { padding: .5em .75em; font-size: 14px; } /*-----categories-----*/ .shop_category { font-size: 16px; border-bottom: 1px solid #ccc; color: #666; text-align: center; } .shop_category_img { margin-bottom: 1.5em; } /*-----toolbar-----*/ .toolbar {font-size:.85em; margin-bottom:.75em; font-weight:700;} .toolbar div {margin-bottom:.75em;} .toolbar .last {text-align:right} /*------Flags------*/ .flag {display: table; margin-bottom:1.75em; font-size:.65em;text-transform:uppercase;font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; min-width:40px;max-width:100%;background:#006E40;color:#fff;line-height:1.2em;padding:.5em .75em; font-weight:700;} .flag.flag_success {background:#288232;} .flag.flag_danger {background:#b94a48;} .flag.flag_cool {background:#06C;} .flag.flag_warm {background:#f78d1d;} .price { display:inline-block; font-size:1.6em; margin-bottom:.75em; line-height:1.2em; font-weight:700; font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;} .discount { display:inline-block; font-weight:400; text-decoration:line-through; margin-bottom:.75em; margin-right:.75em;} .quantity_add {margin-bottom:1em;} .quantity_add label {display:block; font-size:.8em; font-weight:700; text-transform:uppercase; margin-bottom:.125em;} .quantity_add input {display:inline-block; margin-right:.25em; width:60px;} /*-----product card-----*/ .product_card {display:block; height:100%; padding: 1.5em 1.5em; color:#4A4A4A; text-decoration:none; transition: box-shadow 0.2s ease-in-out;} .product_card:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); } .product_card .product_detail_img {display:block; margin-bottom:1em; font-weight:700;} .product_card .product_title {display:block; margin-bottom:.25em; font-weight:700; font-size:.9em;} .product_card .flag {margin-bottom:1em;} .product_card .price {margin-bottom:0;} /*-----product-----*/ .form.product fieldset { padding: .5em; } .form.product p { margin-bottom: 0; } .form.product h2 { margin-bottom: 1em; } .product_detail_img { max-width: 468px; margin-bottom: 1em; text-align: center; } ul.product_detail_img_thumb { margin: 0; padding: 0; list-style: none; } ul.product_detail_img_thumb li { display: block; float: left; } ul.product_detail_img_thumb li a img { height: 40px; margin: 0 .25em 1em 0; } /*-----cart drawer-----*/ .cart_drawer table {width:100%; margin-bottom:1.5em;} .cart_drawer table td {padding:1em 0; border-bottom:1px solid #DDDDDD;} .cart_drawer table td img {margin-bottom:.5em;} .cart_drawer h4 {color:#4A4A4A; text-transform:uppercase; font-size:1.2em;} .cart_drawer h4 span {color:#006E40;} .cart_drawer .subtotal span {font-weight:700; float:right; } .cart_drawer ul {padding:0; list-style:none;} /*-----cart-----*/ .flex-table {margin-bottom:2em; border-bottom:1px solid #ddd; border-collapse:collapse; width:100%; background:#FFF;} .flex-table thead th {font-family:"Roboto Condensed",Helvetica,Arial,sans-serif; border-bottom: 1px solid #ddd; font-weight: 700; text-transform: uppercase; white-space: nowrap; padding: .5em .5em; font-size:.8em; text-align:left;} .flex-table td {padding: 1em .5em; font-size:.9em;} .flex-table td .price {font-size:1em;} .flex-table tfoot td {border-top: 1px solid #ddd; background:#F3F3F3;} .flex-table tbody tr:last-child td {border-bottom: 0;} .flex-table tbody tr td {border-bottom: 1px solid #ddd;vertical-align: top;} .cart-item-wrapper {padding-bottom:0em;} .product-image {float:left; width:100px; margin:0 1.5em .5em 0; position:relative;} .product-name { display:block; margin-bottom:.5em; font-weight:700; line-height:1.2em;} .cart-item-description {font-size:.875em; line-height:1.2em; margin-bottom:.325em;} .remove-link {text-decoration:none; font-size:.8em; font-weight:700; color:#4A4A4A; cursor:pointer; text-transform:uppercase;} .remove-link svg {color:#006E40;} .update_link {font-size:.9em;} span.label{display:none;float:left;margin-right:.5em;} .product_detail_intro h1 {margin-bottom:0;} .product_detail_intro .lSGallery li.active, .product_detail_intro .lSGallery li:hover { border-radius: 0!important;} .product_detail_intro .lSGallery li a, .product_detail_intro .lSGallery li a {display:block; border:2px solid #fff;} .product_detail_intro .lSGallery li.active a, .product_detail_intro .lSGallery li:hover a {border:2px solid #006E40;} .cart_calculate {font-size:.875em;padding:5px 10px 10px 10px;float:none;margin-right:0;} .cart_calculate label{display:block;} .cart_calculate input[type="text"]{font-size:.875em;margin-right:.25em;} .cart_calculate select{max-width:100%;} .flex-table .disclaimer {font-size:.8em; color: #666;} .flex-table .disclaimer p {margin-bottom: .75em; line-height:1.2em;} .cart_related {font-size:.85em;} .cart_related h4 {color:#4A4A4A; text-transform:uppercase;} .cart_related h4 svg {color:#006E40; margin-right:.5em;} .cc_list {padding:0;} .cc_list li {display: inline; list-style:none; padding: 0 .5em .5em 0; float:left;} .cc_list li img {box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);} .cart_btns {margin-top: 2em;} .cart_total_box {border:1px solid #ddd; padding:1.25em 1.25em; margin-bottom:1.5em} .cart_total_box h4 {color:#4A4A4A; text-transform:uppercase;} .cart_total_box .flex-table {border:none; font-size:.95em} .cart_total_box .flex-table td {padding: 12px 0;line-height:1.4em} .cart_total_box .flex-table tr td:last-child {text-align:right;} .cart_total_box .flex-table tfoot td {border-bottom: 1px solid #ddd;background:#EFEFED;font-size:1.1em;padding: 12px 16px;} .enter_code {font-weight:700;} .small_dialog {display:none;} .small_dialog input {display:block;margin:.5em 0;} .cart_size {font-weight:bold; font-size:1.1em;color:#4F7F91} /*-----checkout-----*/ .checkout_help { font-size: .875em; line-height: 1.5em; } .cart_bottom {border-top: 1px solid #EFEFEF; padding: 3em 0; margin-top: 3em;} .cc_list {margin:0; padding:0!important;} .cc_list li {display: inline; list-style:none; padding: 0 .5em .5em 0; float:left;} .cc_list {margin-bottom:1.5em} .cc_list img{box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);} @media only screen and (max-width: 768px) { /*-----cart-----*/ .flex-table.linearize thead { display: none; } .flex-table.linearize tbody tr:last-child { border-bottom: 0; } .flex-table.linearize tbody tr { border-bottom: 2px solid #CCC; } .flex-table.linearize tr, .flex-table.linearize th, .flex-table.linearize td { display: block; } .flex-table.linearize tbody tr td:first-child { padding-top: 10px;} .flex-table.linearize tbody tr td { padding: 0 10px 10px; border-right: 0; border-bottom: 0; } .cart-item-wrapper { min-height: 75px;} span.label { display: compact; } } @media only screen and (min-width: 480px) and (max-width: 768px) { .cart_calculate.first { width: 44%; float: left; } .cart_calculate.last { width: 44%; float: right; } } @media screen and (max-width: 479px) { .toolbar .first, .toolbar .last {text-align:left; width:100%;} .toolbar select {min-width:100%; width:100%;} .list .price strike { display: none; } } /*---Scale Proportionally for varied images sizes---*/ .scaleme {position:relative; padding:63% 0 0 0; text-align:center;} .scaleme > div {position:absolute; left:0; top:0; right:0; bottom:0; background:none; padding:1.5em 1.5em;} .scaleme > div a {width:100%; height:100%; display:inline-block;} .scaleme > div a img {max-height:100%; vertical-align:middle; height:auto; display:inherit!important;} .rating_images_slider {position:relative; margin:0; padding:0; list-style:none;} .rating_images_slider_nav {margin:0; padding:0; list-style:none;} .rating_images_slider_nav .scaleme > div {padding:0; padding:.5em .5em;} /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N;Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .lightSlider:before,.lightSlider:after{content:" ";display:table;} .lightSlider{overflow:hidden;margin:0;} .lSSlideWrapper{max-width:100%;overflow:hidden;position:relative;} .lSSlideWrapper > .lightSlider:after{clear:both;} .lSSlideWrapper .lSSlide{-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important;} .lSSlideWrapper .lSFade{position:relative;} .lSSlideWrapper .lSFade > *{position:absolute !important;top:0;left:0;z-index:9;margin-right:0;width:100%;} .lSSlideWrapper.usingCss .lSFade > *{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit !important;transition-timing-function:inherit !important;} .lSSlideWrapper .lSFade > *.active{z-index:10;} .lSSlideWrapper.usingCss .lSFade > *.active{opacity:1;} /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center;} .lSSlideOuter .lSPager.lSpg > li{cursor:pointer;display:inline-block;padding:0 6px;} .lSSlideOuter .lSPager.lSpg > li a{background-color:#ccc;border-radius:50%;display:inline-block;height:15px;overflow:hidden;text-indent:-999em;width:15px;position:relative;z-index:99;-webkit-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;} .lSSlideOuter .lSPager.lSpg > li:hover a,.lSSlideOuter .lSPager.lSpg > li.active a{background-color:#74B943;} .lSSlideOuter .media{opacity:0.8;} .lSSlideOuter .media.active{opacity:1;} /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius 0.12s linear 0s 0.35s linear 0s;transition:border-radius 0.12s linear 0s 0.35s linear 0s;} .lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px;} .lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%;} .lSSlideOuter .lSPager.lSGallery:before,.lSSlideOuter .lSPager.lSGallery:after{content:" ";display:table;} .lSSlideOuter .lSPager.lSGallery:after{clear:both;} /* End of Gallery*/ /* slider actions */ .lSAction > a, .testimonial_control {width:60px;display:block;top:50%;height:60px;background-image:url('/images/controls.png');background-size: 120px 120px; cursor:pointer;position:absolute;z-index:5;margin-top:-30px;opacity:0.5;-webkit-transition:opacity 0.35s linear 0s;transition:opacity 0.35s linear 0s;} .lSAction > a:hover, .testimonial_control:hover {opacity:1;} .lSAction > .lSPrev, .testimonial_control.testimonial_prev {background-position:0 0;left:0;} .lSAction > .lSNext, .testimonial_control.testimonial_next {background-position:-60px 0;right:0;} .lSAction > a.disabled{pointer-events:none;} .cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden;} /* vertical */ .lSSlideOuter.vertical{position:relative;} .lSSlideOuter.vertical.noPager{padding-right:0px !important;} .lSSlideOuter.vertical .lSGallery{position:absolute !important;right:0;top:0;} .lSSlideOuter.vertical .lightSlider > *{width:100% !important;max-width:none !important;} /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a{left:50%;margin-left:-14px;margin-top:0;} .lSSlideOuter.vertical .lSAction > .lSNext{background-position:31px -31px;bottom:10px;top:auto;} .lSSlideOuter.vertical .lSAction > .lSPrev{background-position:0 -31px;bottom:auto;top:10px;} /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl{direction:rtl;} .lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none;} .lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0;} .lSSlideOuter .lightSlider > *,.lSSlideOuter .lSGallery li{float:left;} .lSSlideOuter.lSrtl .lightSlider > *,.lSSlideOuter.lSrtl .lSGallery li{float:right !important;} /* Rtl */ @-webkit-keyframes rightEnd{0%{left:0;} 50%{left:-15px;} 100%{left:0;} } @keyframes rightEnd{0%{left:0;} 50%{left:-15px;} 100%{left:0;} } @-webkit-keyframes topEnd{0%{top:0;} 50%{top:-15px;} 100%{top:0;} } @keyframes topEnd{0%{top:0;} 50%{top:-15px;} 100%{top:0;} } @-webkit-keyframes leftEnd{0%{left:0;} 50%{left:15px;} 100%{left:0;} } @keyframes leftEnd{0%{left:0;} 50%{left:15px;} 100%{left:0;} } @-webkit-keyframes bottomEnd{0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} } @keyframes bottomEnd{0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} } .lSSlideOuter .rightEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;} .lSSlideOuter .leftEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;} .lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd 0.3s;animation:topEnd 0.3s;position:relative;} .lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd 0.3s;animation:bottomEnd 0.3s;position:relative;} .lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;} .lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;} /*/ GRab cursor */ .lightSlider.lsGrab > *{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;} .lightSlider.lsGrabbing > *{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing;} .featured_product_rotator {height:100%!important;} .featured_product_rotator > div {padding:1em 1em;} @media only screen and (min-width: 769px) { .testimonial_control {top:auto; bottom:0; margin-top:0;} .testimonial_control.testimonial_prev {left:auto; right:90px;} .testimonial_control.testimonial_next {right:30px;} } @media only screen and (max-width: 768px) { .lSAction > a, .testimonial_control {width:40px; height:40px; background-size: 80px 80px; margin-top:-20px;} .lSAction > .lSNext, .testimonial_control.testimonial_next {background-position:-40px 0;} .testimonial_control.testimonial_prev {left:30px;} .testimonial_control.testimonial_next {right:30px;} } @media only screen and (min-width: 0px) and (max-width: 479px) { } /*! lightgallery - v1.3.2 - 2016-09-23 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */ @font-face { font-family: 'lg'; src: url("/fonts/lg.eot?n1z373"); src: url("/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("/fonts/lg.woff?n1z373") format("woff"), url("/fonts/lg.ttf?n1z373") format("truetype"), url("/fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("/images/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("/images/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("/images/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("/images/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("/images/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("/images/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}