/* /css/vendor/normalize.css */ /*! normalize.css v2.1.1 | MIT License | git.io/normalize */ /* === HTML5 display definitions === */ /* * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display: block; } /* * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video{ display: inline-block; } /* * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]){ display: none; height: 0; } /* * Address styling not present in IE 8/9. */ [hidden]{ display: none; } /* === Base === */ /* * 1. Prevent system color scheme's background color being used in Firefox,IE, * and Opera. * 2. Prevent system color scheme's text color being used in Firefox,IE,and * Opera. * 3. Set default font family to sans-serif. * 4. Prevent iOS text size adjust after orientation change,without disabling * user zoom. */ html{ background: #fff;/* 1 */ color: #000;/* 2 */ font-family: sans-serif;/* 3 */ -ms-text-size-adjust: 100%;/* 4 */ -webkit-text-size-adjust: 100%;/* 4 */ } /* * Remove default margin. */ body{ margin: 0; } /* === Links === */ /* * Address `outline` inconsistency between Chrome and other browsers. */ a:focus{ outline: thin dotted; } /* * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover{ outline: 0; } /* === Typography === */ /* * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+,Safari 5,and Chrome. */ h1{ font-size: 2em; margin: 0.67em 0; } /* * Address styling not present in IE 8/9,Safari 5,and Chrome. */ abbr[title]{ border-bottom: 1px dotted; } /* * Address style set to `bolder` in Firefox 4+,Safari 5,and Chrome. */ b, strong{ font-weight: bold; } /* * Address styling not present in Safari 5 and Chrome. */ dfn{ font-style: italic; } /* * Address differences between Firefox and other browsers. */ hr{ -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* * Address styling not present in IE 8/9. */ mark{ background: #ff0; color: #000; } /* * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp{ font-family: monospace,serif; font-size: 1em; } /* * Improve readability of pre-formatted text in all browsers. */ pre{ white-space: pre-wrap; } /* * Set consistent quote types. */ q{ quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Address inconsistent and variable font size in all browsers. */ small{ font-size: 80%; } /* * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup{ top: -0.5em; } sub{ bottom: -0.25em; } /* === Embedded content === */ /* * Remove border when inside `a` element in IE 8/9. */ img{ border: 0; } /* * Correct overflow displayed oddly in IE 9. */ svg:not(:root){ overflow: hidden; } /* === Figures === */ /* * Address margin not present in IE 8/9 and Safari 5. */ figure{ margin: 0; } /* === Forms === */ /* * Define consistent border,margin,and padding. */ fieldset{ border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend{ border: 0;/* 1 */ padding: 0;/* 2 */ } /* * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+,Safari 5,and Chrome. */ button, input, select, textarea{ font-family: inherit;/* 1 */ font-size: 100%;/* 2 */ margin: 0;/* 3 */ } /* * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input{ line-height: normal; } /* * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome,Safari 5+,and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select{ text-transform: none; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"]{ -webkit-appearance: button;/* 2 */ cursor: pointer;/* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled]{ cursor: default; } /* * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"]{ box-sizing: border-box;/* 1 */ padding: 0;/* 2 */ } /* * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"]{ -webkit-appearance: textfield;/* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box;/* 2 */ box-sizing: content-box; } /* * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none; } /* * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea{ overflow: auto;/* 1 */ vertical-align: top;/* 2 */ } /* === Tables === */ /* * Remove most spacing between table cells. */ table{ border-collapse: collapse; border-spacing: 0; } /* /css/icomoon.css */ @font-face{ font-family: 'icomoon'; src:url('/fonts/icomoon.eot?m4ggf7'); src:url('/fonts/icomoon.eot?m4ggf7#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?m4ggf7') format('truetype'), url('/fonts/icomoon.woff?m4ggf7') format('woff'), url('/fonts/icomoon.svg?m4ggf7#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"],[class*=" icon-"]{ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; 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; } .icon-grid2:before{ content: "\e902"; } .icon-grid:before{ content: "\e901"; } .icon-user:before{ content: "\e60a"; } .icon-menu:before{ content: "\e608"; } .icon-lab:before{ content: "\e900"; } .icon-sign-out:before{ content: "\e600"; } .icon-sign-in:before{ content: "\e601"; } .icon-bars:before{ content: "\e609"; } .icon-search:before{ content: "\e606"; } .icon-angle-right:before{ content: "\e607"; } /* /css/vendor/font-awesome/font-awesome.css */ @charset "UTF-8";/*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1,CSS: MIT License) */ /* FONT PATH * - */ @font-face{font-family: 'FontAwesome'; src: url("/fonts/fontawesome-webfont.eot?v=4.1.0"); src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"),url("/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),url("/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),url("/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal;} .fa{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* makes the font 33% larger relative to the icon container */ .fa-lg{font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%;} .fa-2x{font-size: 2em;} .fa-3x{font-size: 3em;} .fa-4x{font-size: 4em;} .fa-5x{font-size: 5em;} .fa-fw{width: 1.28571em; text-align: center;} .fa-ul{padding-left: 0; margin-left: 2.14286em; list-style-type: none;} .fa-ul > li{ position: relative;} .fa-li{position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center;} .fa-li.fa-lg{ left: -1.85714em;} .fa-border{padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em;} .pull-right{float: right;} .pull-left{float: left;} .fa.pull-left{margin-right: .3em;} .fa.pull-right{margin-left: .3em;} .fa-spin{-webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear;} @-moz-keyframes spin{0%{ -moz-transform: rotate(0deg);} 100%{ -moz-transform: rotate(359deg);} } @-webkit-keyframes spin{0%{ -webkit-transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg);} } @-o-keyframes spin{0%{ -o-transform: rotate(0deg);} 100%{ -o-transform: rotate(359deg);} } @keyframes spin{0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg);} } .fa-rotate-90{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .fa-rotate-180{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .fa-rotate-270{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);} .fa-flip-horizontal{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1);} .fa-flip-vertical{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1);} .fa-stack{position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;} .fa-stack-1x,.fa-stack-2x{position: absolute; left: 0; width: 100%; text-align: center;} .fa-stack-1x{line-height: inherit;} .fa-stack-2x{font-size: 2em;} .fa-inverse{color: #fff;} /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before{content: "";} .fa-music:before{content: "";} .fa-search:before{content: "";} .fa-envelope-o:before{content: "";} .fa-heart:before{content: "";} .fa-star:before{content: "";} .fa-star-o:before{content: "";} .fa-user:before{content: "";} .fa-film:before{content: "";} .fa-th-large:before{content: "";} .fa-th:before{content: "";} .fa-th-list:before{content: "";} .fa-check:before{content: "";} .fa-times:before{content: "";} .fa-search-plus:before{content: "";} .fa-search-minus:before{content: "";} .fa-power-off:before{content: "";} .fa-signal:before{content: "";} .fa-gear:before,.fa-cog:before{content: "";} .fa-trash-o:before{content: "";} .fa-home:before{content: "";} .fa-file-o:before{content: "";} .fa-clock-o:before{content: "";} .fa-road:before{content: "";} .fa-download:before{content: "";} .fa-arrow-circle-o-down:before{content: "";} .fa-arrow-circle-o-up:before{content: "";} .fa-inbox:before{content: "";} .fa-play-circle-o:before{content: "";} .fa-rotate-right:before,.fa-repeat:before{content: "";} .fa-refresh:before{content: "";} .fa-list-alt:before{content: "";} .fa-lock:before{content: "";} .fa-flag:before{content: "";} .fa-headphones:before{content: "";} .fa-volume-off:before{content: "";} .fa-volume-down:before{content: "";} .fa-volume-up:before{content: "";} .fa-qrcode:before{content: "";} .fa-barcode:before{content: "";} .fa-tag:before{content: "";} .fa-tags:before{content: "";} .fa-book:before{content: "";} .fa-bookmark:before{content: "";} .fa-print:before{content: "";} .fa-camera:before{content: "";} .fa-font:before{content: "";} .fa-bold:before{content: "";} .fa-italic:before{content: "";} .fa-text-height:before{content: "";} .fa-text-width:before{content: "";} .fa-align-left:before{content: "";} .fa-align-center:before{content: "";} .fa-align-right:before{content: "";} .fa-align-justify:before{content: "";} .fa-list:before{content: "";} .fa-dedent:before,.fa-outdent:before{content: "";} .fa-indent:before{content: "";} .fa-video-camera:before{content: "";} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content: "";} .fa-pencil:before{content: "";} .fa-map-marker:before{content: "";} .fa-adjust:before{content: "";} .fa-tint:before{content: "";} .fa-edit:before,.fa-pencil-square-o:before{content: "";} .fa-share-square-o:before{content: "";} .fa-check-square-o:before{content: "";} .fa-arrows:before{content: "";} .fa-step-backward:before{content: "";} .fa-fast-backward:before{content: "";} .fa-backward:before{content: "";} .fa-play:before{content: "";} .fa-pause:before{content: "";} .fa-stop:before{content: "";} .fa-forward:before{content: "";} .fa-fast-forward:before{content: "";} .fa-step-forward:before{content: "";} .fa-eject:before{content: "";} .fa-chevron-left:before{content: "";} .fa-chevron-right:before{content: "";} .fa-plus-circle:before{content: "";} .fa-minus-circle:before{content: "";} .fa-times-circle:before{content: "";} .fa-check-circle:before{content: "";} .fa-question-circle:before{content: "";} .fa-info-circle:before{content: "";} .fa-crosshairs:before{content: "";} .fa-times-circle-o:before{content: "";} .fa-check-circle-o:before{content: "";} .fa-ban:before{content: "";} .fa-arrow-left:before{content: "";} .fa-arrow-right:before{content: "";} .fa-arrow-up:before{content: "";} .fa-arrow-down:before{content: "";} .fa-mail-forward:before,.fa-share:before{content: "";} .fa-expand:before{content: "";} .fa-compress:before{content: "";} .fa-plus:before{content: "";} .fa-minus:before{content: "";} .fa-asterisk:before{content: "";} .fa-exclamation-circle:before{content: "";} .fa-gift:before{content: "";} .fa-leaf:before{content: "";} .fa-fire:before{content: "";} .fa-eye:before{content: "";} .fa-eye-slash:before{content: "";} .fa-warning:before,.fa-exclamation-triangle:before{content: "";} .fa-plane:before{content: "";} .fa-calendar:before{content: "";} .fa-random:before{content: "";} .fa-comment:before{content: "";} .fa-magnet:before{content: "";} .fa-chevron-up:before{content: "";} .fa-chevron-down:before{content: "";} .fa-retweet:before{content: "";} .fa-shopping-cart:before{content: "";} .fa-folder:before{content: "";} .fa-folder-open:before{content: "";} .fa-arrows-v:before{content: "";} .fa-arrows-h:before{content: "";} .fa-bar-chart-o:before{content: "";} .fa-twitter-square:before{content: "";} .fa-facebook-square:before{content: "";} .fa-camera-retro:before{content: "";} .fa-key:before{content: "";} .fa-gears:before,.fa-cogs:before{content: "";} .fa-comments:before{content: "";} .fa-thumbs-o-up:before{content: "";} .fa-thumbs-o-down:before{content: "";} .fa-star-half:before{content: "";} .fa-heart-o:before{content: "";} .fa-sign-out:before{content: "";} .fa-linkedin-square:before{content: "";} .fa-thumb-tack:before{content: "";} .fa-external-link:before{content: "";} .fa-sign-in:before{content: "";} .fa-trophy:before{content: "";} .fa-github-square:before{content: "";} .fa-upload:before{content: "";} .fa-lemon-o:before{content: "";} .fa-phone:before{content: "";} .fa-square-o:before{content: "";} .fa-bookmark-o:before{content: "";} .fa-phone-square:before{content: "";} .fa-twitter:before{content: "";} .fa-facebook:before{content: "";} .fa-github:before{content: "";} .fa-unlock:before{content: "";} .fa-credit-card:before{content: "";} .fa-rss:before{content: "";} .fa-hdd-o:before{content: "";} .fa-bullhorn:before{content: "";} .fa-bell:before{content: "";} .fa-certificate:before{content: "";} .fa-hand-o-right:before{content: "";} .fa-hand-o-left:before{content: "";} .fa-hand-o-up:before{content: "";} .fa-hand-o-down:before{content: "";} .fa-arrow-circle-left:before{content: "";} .fa-arrow-circle-right:before{content: "";} .fa-arrow-circle-up:before{content: "";} .fa-arrow-circle-down:before{content: "";} .fa-globe:before{content: "";} .fa-wrench:before{content: "";} .fa-tasks:before{content: "";} .fa-filter:before{content: "";} .fa-briefcase:before{content: "";} .fa-arrows-alt:before{content: "";} .fa-group:before,.fa-users:before{content: "";} .fa-chain:before,.fa-link:before{content: "";} .fa-cloud:before{content: "";} .fa-flask:before{content: "";} .fa-cut:before,.fa-scissors:before{content: "";} .fa-copy:before,.fa-files-o:before{content: "";} .fa-paperclip:before{content: "";} .fa-save:before,.fa-floppy-o:before{content: "";} .fa-square:before{content: "";} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content: "";} .fa-list-ul:before{content: "";} .fa-list-ol:before{content: "";} .fa-strikethrough:before{content: "";} .fa-underline:before{content: "";} .fa-table:before{content: "";} .fa-magic:before{content: "";} .fa-truck:before{content: "";} .fa-pinterest:before{content: "";} .fa-pinterest-square:before{content: "";} .fa-google-plus-square:before{content: "";} .fa-google-plus:before{content: "";} .fa-money:before{content: "";} .fa-caret-down:before{content: "";} .fa-caret-up:before{content: "";} .fa-caret-left:before{content: "";} .fa-caret-right:before{content: "";} .fa-columns:before{content: "";} .fa-unsorted:before,.fa-sort:before{content: "";} .fa-sort-down:before,.fa-sort-desc:before{content: "";} .fa-sort-up:before,.fa-sort-asc:before{content: "";} .fa-envelope:before{content: "";} .fa-linkedin:before{content: "";} .fa-rotate-left:before,.fa-undo:before{content: "";} .fa-legal:before,.fa-gavel:before{content: "";} .fa-dashboard:before,.fa-tachometer:before{content: "";} .fa-comment-o:before{content: "";} .fa-comments-o:before{content: "";} .fa-flash:before,.fa-bolt:before{content: "";} .fa-sitemap:before{content: "";} .fa-umbrella:before{content: "";} .fa-paste:before,.fa-clipboard:before{content: "";} .fa-lightbulb-o:before{content: "";} .fa-exchange:before{content: "";} .fa-cloud-download:before{content: "";} .fa-cloud-upload:before{content: "";} .fa-user-md:before{content: "";} .fa-stethoscope:before{content: "";} .fa-suitcase:before{content: "";} .fa-bell-o:before{content: "";} .fa-coffee:before{content: "";} .fa-cutlery:before{content: "";} .fa-file-text-o:before{content: "";} .fa-building-o:before{content: "";} .fa-hospital-o:before{content: "";} .fa-ambulance:before{content: "";} .fa-medkit:before{content: "";} .fa-fighter-jet:before{content: "";} .fa-beer:before{content: "";} .fa-h-square:before{content: "";} .fa-plus-square:before{content: "";} .fa-angle-double-left:before{content: "";} .fa-angle-double-right:before{content: "";} .fa-angle-double-up:before{content: "";} .fa-angle-double-down:before{content: "";} .fa-angle-left:before{content: "";} .fa-angle-right:before{content: "";} .fa-angle-up:before{content: "";} .fa-angle-down:before{content: "";} .fa-desktop:before{content: "";} .fa-laptop:before{content: "";} .fa-tablet:before{content: "";} .fa-mobile-phone:before,.fa-mobile:before{content: "";} .fa-circle-o:before{content: "";} .fa-quote-left:before{content: "";} .fa-quote-right:before{content: "";} .fa-spinner:before{content: "";} .fa-circle:before{content: "";} .fa-mail-reply:before,.fa-reply:before{content: "";} .fa-github-alt:before{content: "";} .fa-folder-o:before{content: "";} .fa-folder-open-o:before{content: "";} .fa-smile-o:before{content: "";} .fa-frown-o:before{content: "";} .fa-meh-o:before{content: "";} .fa-gamepad:before{content: "";} .fa-keyboard-o:before{content: "";} .fa-flag-o:before{content: "";} .fa-flag-checkered:before{content: "";} .fa-terminal:before{content: "";} .fa-code:before{content: "";} .fa-mail-reply-all:before,.fa-reply-all:before{content: "";} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content: "";} .fa-location-arrow:before{content: "";} .fa-crop:before{content: "";} .fa-code-fork:before{content: "";} .fa-unlink:before,.fa-chain-broken:before{content: "";} .fa-question:before{content: "";} .fa-info:before{content: "";} .fa-exclamation:before{content: "";} .fa-superscript:before{content: "";} .fa-subscript:before{content: "";} .fa-eraser:before{content: "";} .fa-puzzle-piece:before{content: "";} .fa-microphone:before{content: "";} .fa-microphone-slash:before{content: "";} .fa-shield:before{content: "";} .fa-calendar-o:before{content: "";} .fa-fire-extinguisher:before{content: "";} .fa-rocket:before{content: "";} .fa-maxcdn:before{content: "";} .fa-chevron-circle-left:before{content: "";} .fa-chevron-circle-right:before{content: "";} .fa-chevron-circle-up:before{content: "";} .fa-chevron-circle-down:before{content: "";} .fa-html5:before{content: "";} .fa-css3:before{content: "";} .fa-anchor:before{content: "";} .fa-unlock-alt:before{content: "";} .fa-bullseye:before{content: "";} .fa-ellipsis-h:before{content: "";} .fa-ellipsis-v:before{content: "";} .fa-rss-square:before{content: "";} .fa-play-circle:before{content: "";} .fa-ticket:before{content: "";} .fa-minus-square:before{content: "";} .fa-minus-square-o:before{content: "";} .fa-level-up:before{content: "";} .fa-level-down:before{content: "";} .fa-check-square:before{content: "";} .fa-pencil-square:before{content: "";} .fa-external-link-square:before{content: "";} .fa-share-square:before{content: "";} .fa-compass:before{content: "";} .fa-toggle-down:before,.fa-caret-square-o-down:before{content: "";} .fa-toggle-up:before,.fa-caret-square-o-up:before{content: "";} .fa-toggle-right:before,.fa-caret-square-o-right:before{content: "";} .fa-euro:before,.fa-eur:before{content: "";} .fa-gbp:before{content: "";} .fa-dollar:before,.fa-usd:before{content: "";} .fa-rupee:before,.fa-inr:before{content: "";} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content: "";} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content: "";} .fa-won:before,.fa-krw:before{content: "";} .fa-bitcoin:before,.fa-btc:before{content: "";} .fa-file:before{content: "";} .fa-file-text:before{content: "";} .fa-sort-alpha-asc:before{content: "";} .fa-sort-alpha-desc:before{content: "";} .fa-sort-amount-asc:before{content: "";} .fa-sort-amount-desc:before{content: "";} .fa-sort-numeric-asc:before{content: "";} .fa-sort-numeric-desc:before{content: "";} .fa-thumbs-up:before{content: "";} .fa-thumbs-down:before{content: "";} .fa-youtube-square:before{content: "";} .fa-youtube:before{content: "";} .fa-xing:before{content: "";} .fa-xing-square:before{content: "";} .fa-youtube-play:before{content: "";} .fa-dropbox:before{content: "";} .fa-stack-overflow:before{content: "";} .fa-instagram:before{content: "";} .fa-flickr:before{content: "";} .fa-adn:before{content: "";} .fa-bitbucket:before{content: "";} .fa-bitbucket-square:before{content: "";} .fa-tumblr:before{content: "";} .fa-tumblr-square:before{content: "";} .fa-long-arrow-down:before{content: "";} .fa-long-arrow-up:before{content: "";} .fa-long-arrow-left:before{content: "";} .fa-long-arrow-right:before{content: "";} .fa-apple:before{content: "";} .fa-windows:before{content: "";} .fa-android:before{content: "";} .fa-linux:before{content: "";} .fa-dribbble:before{content: "";} .fa-skype:before{content: "";} .fa-foursquare:before{content: "";} .fa-trello:before{content: "";} .fa-female:before{content: "";} .fa-male:before{content: "";} .fa-gittip:before{content: "";} .fa-sun-o:before{content: "";} .fa-moon-o:before{content: "";} .fa-archive:before{content: "";} .fa-bug:before{content: "";} .fa-vk:before{content: "";} .fa-weibo:before{content: "";} .fa-renren:before{content: "";} .fa-pagelines:before{content: "";} .fa-stack-exchange:before{content: "";} .fa-arrow-circle-o-right:before{content: "";} .fa-arrow-circle-o-left:before{content: "";} .fa-toggle-left:before,.fa-caret-square-o-left:before{content: "";} .fa-dot-circle-o:before{content: "";} .fa-wheelchair:before{content: "";} .fa-vimeo-square:before{content: "";} .fa-turkish-lira:before,.fa-try:before{content: "";} .fa-plus-square-o:before{content: "";} .fa-space-shuttle:before{content: "";} .fa-slack:before{content: "";} .fa-envelope-square:before{content: "";} .fa-wordpress:before{content: "";} .fa-openid:before{content: "";} .fa-institution:before,.fa-bank:before,.fa-university:before{content: "";} .fa-mortar-board:before,.fa-graduation-cap:before{content: "";} .fa-yahoo:before{content: "";} .fa-google:before{content: "";} .fa-reddit:before{content: "";} .fa-reddit-square:before{content: "";} .fa-stumbleupon-circle:before{content: "";} .fa-stumbleupon:before{content: "";} .fa-delicious:before{content: "";} .fa-digg:before{content: "";} .fa-pied-piper-square:before,.fa-pied-piper:before{content: "";} .fa-pied-piper-alt:before{content: "";} .fa-drupal:before{content: "";} .fa-joomla:before{content: "";} .fa-language:before{content: "";} .fa-fax:before{content: "";} .fa-building:before{content: "";} .fa-child:before{content: "";} .fa-paw:before{content: "";} .fa-spoon:before{content: "";} .fa-cube:before{content: "";} .fa-cubes:before{content: "";} .fa-behance:before{content: "";} .fa-behance-square:before{content: "";} .fa-steam:before{content: "";} .fa-steam-square:before{content: "";} .fa-recycle:before{content: "";} .fa-automobile:before,.fa-car:before{content: "";} .fa-cab:before,.fa-taxi:before{content: "";} .fa-tree:before{content: "";} .fa-spotify:before{content: "";} .fa-deviantart:before{content: "";} .fa-soundcloud:before{content: "";} .fa-database:before{content: "";} .fa-file-pdf-o:before{content: "";} .fa-file-word-o:before{content: "";} .fa-file-excel-o:before{content: "";} .fa-file-powerpoint-o:before{content: "";} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content: "";} .fa-file-zip-o:before,.fa-file-archive-o:before{content: "";} .fa-file-sound-o:before,.fa-file-audio-o:before{content: "";} .fa-file-movie-o:before,.fa-file-video-o:before{content: "";} .fa-file-code-o:before{content: "";} .fa-vine:before{content: "";} .fa-codepen:before{content: "";} .fa-jsfiddle:before{content: "";} .fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content: "";} .fa-circle-o-notch:before{content: "";} .fa-ra:before,.fa-rebel:before{content: "";} .fa-ge:before,.fa-empire:before{content: "";} .fa-git-square:before{content: "";} .fa-git:before{content: "";} .fa-hacker-news:before{content: "";} .fa-tencent-weibo:before{content: "";} .fa-qq:before{content: "";} .fa-wechat:before,.fa-weixin:before{content: "";} .fa-send:before,.fa-paper-plane:before{content: "";} .fa-send-o:before,.fa-paper-plane-o:before{content: "";} .fa-history:before{content: "";} .fa-circle-thin:before{content: "";} .fa-header:before{content: "";} .fa-paragraph:before{content: "";} .fa-sliders:before{content: "";} .fa-share-alt:before{content: "";} .fa-share-alt-square:before{content: "";} .fa-bomb:before{content: "";} /*# sourceMappingURL=font-awesome.css.map */ /* /css/vendor/owl.carousel.min.css */ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* /css/vendor/owl.theme.default.min.css */ .owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* /css/OrderConfirmation.css */ .detailsWrap .columns{ padding-top: 5px; padding-bottom: 5px;} .prodDark{ background: #CCCCCC; border: 1px solid #E0E0E0; padding: 10px 0;} .prodLight{ background: #F4F4F4; border: 1px solid #E0E0E0; border-bottom: none; padding-top: 5px !important; padding-bottom: 5px !important;} .detailHeader{ background: #CCCCCC; color: #333333; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding: 15px 10px;} .orderheader{ padding: 10px 0;} .orderDetailTop{ margin-top: 10px; border-bottom: 1px #E0E0E0 solid;} .orderDetailBottom{ border-bottom: 1px #E0E0E0 solid;} .prevRight{ text-align: right;} .prevLeft{ text-align: left;} .Address{ border: 1px #E0E0E0 solid; padding: 10px;} .prodLabels{ background: #F4F4F4; border: 1px solid #E0E0E0; font-weight: bold; margin-top: 25px; padding: 15px 0;} .prodDetails{ padding: 10px 0; border: 1px solid #E0E0E0; border-bottom: none;} .prodPricing .columns{ padding-top: 5px; padding-bottom: 5px;} .centerLabel{ text-align: center !important;} /* /css/vendor/tipso.css */ /* Tipso Bubble Styles */ .tipso_bubble,.tipso_bubble > .tipso_arrow{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tipso_bubble{ position: absolute; text-align: center; border-radius: 6px; z-index: 9999; font-size: 0.9rem; } .tipso_style{ cursor: help; border-bottom: 1px dotted; } .tipso_title{ border-radius: 6px 6px 0 0; } .tipso_content{ word-wrap: break-word; padding: 0.5em; } /* Tipso Bubble size classes - Similar to Foundation's syntax*/ .tipso_bubble.tiny{ font-size: 0.6rem; } .tipso_bubble.small{ font-size: 0.8rem; } .tipso_bubble.default{ font-size: 1rem; } .tipso_bubble.large{ font-size: 1.2rem; width: 100%; } /* Tipso Bubble Div */ .tipso_bubble > .tipso_arrow{ position: absolute; width: 0;height: 0; border: 8px solid; pointer-events: none; } .tipso_bubble.top > .tipso_arrow{ border-top-color: #000; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; top: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.bottom > .tipso_arrow{ border-bottom-color: #000; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; bottom: 100%; left: 50%; margin-left: -8px; } .tipso_bubble.left > .tipso_arrow{ border-left-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; top: 50%; left: 100%; margin-top: -8px; } .tipso_bubble.right > .tipso_arrow{ border-right-color: #000; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; top: 50%; right: 100%; margin-top: -8px; } .tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner{ border-bottom-left-radius: 0; } .tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner{ border-top-left-radius: 0; } .tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner{ border-bottom-right-radius: 0; } .tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner{ border-top-right-radius: 0; } /* /css/app.css */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* === HTML5 display definitions === */ /* * Correct `block` display not defined in IE 8/9. */ @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;} /* * Correct `inline-block` display not defined in IE 8/9. */ audio,canvas,video{display: inline-block;} /* * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]){display: none; height: 0;} /* * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE,Safari,and Firefox < 22. */ [hidden],template{display: none;} script{display: none !important;} /* === Base === */ /* * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change,without disabling * user zoom. */ html{font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* * Remove default margin. */ body{margin: 0;} /* === Links === */ /* * Remove the gray background color from active links in IE 10. */ a{background: transparent;} /* * Address `outline` inconsistency between Chrome and other browsers. */ a:focus{outline: thin dotted;} /* * Improve readability when focused and also mouse hovered in all browsers. */ a:active,a:hover{outline: 0;} /* === Typography === */ /* * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+,Safari 5,and Chrome. */ h1{font-size: 2em; margin: 0.67em 0;} /* * Address styling not present in IE 8/9,Safari 5,and Chrome. */ abbr[title]{border-bottom: 1px dotted;} /* * Address style set to `bolder` in Firefox 4+,Safari 5,and Chrome. */ b,strong{font-weight: bold;} /* * Address styling not present in Safari 5 and Chrome. */ dfn{font-style: italic;} /* * Address differences between Firefox and other browsers. */ hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} /* * Address styling not present in IE 8/9. */ mark{background: #ff0; color: #000;} /* * Correct font family set oddly in Safari 5 and Chrome. */ code,kbd,pre,samp{font-family: monospace,serif; font-size: 1em;} /* * Improve readability of pre-formatted text in all browsers. */ pre{white-space: pre-wrap;} /* * Set consistent quote types. */ q{quotes: "\201C" "\201D" "\2018" "\2019";} /* * Address inconsistent and variable font size in all browsers. */ small{font-size: 80%;} /* * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} /* === Embedded content === */ /* * Remove border when inside `a` element in IE 8/9. */ img{border: 0;} /* * Correct overflow displayed oddly in IE 9. */ svg:not(:root){overflow: hidden;} /* === Figures === */ /* * Address margin not present in IE 8/9 and Safari 5. */ figure{margin: 0;} /* === Forms === */ /* * Define consistent border,margin,and padding. */ fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} /* * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend{border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+,Safari 5,and Chrome. */ button,input,select,textarea{font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button,input{line-height: normal;} /* * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome,Safari 5+,and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button,select{text-transform: none;} /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled],html input[disabled]{cursor: default;} /* * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"],input[type="radio"]{box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"]{-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;} /* * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} /* * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner,input::-moz-focus-inner{border: 0; padding: 0;} /* * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea{overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* === Tables === */ /* * Remove most spacing between table cells. */ table{border-collapse: collapse; border-spacing: 0;} /* Colors */ meta.foundation-mq-small{font-family: "only screen and (min-width: 768px)"; width: 768px;} meta.foundation-mq-medium{font-family: "only screen and (min-width:1280px)"; width: 1280px;} meta.foundation-mq-large{font-family: "only screen and (min-width:1440px)"; width: 1440px;} *,*:before,*:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} html,body{font-size: 100%;} body{background: #fff; color: #222; padding: 0; margin: 0; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default;} a:hover{cursor: pointer;} img,object,embed{max-width: 100%; height: auto;} object,embed{height: 100%;} img{-ms-interpolation-mode: bicubic;} #map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width: none !important;} .left{float: left !important;} .right{float: right !important;} .text-left{text-align: left !important;} .text-right{text-align: right !important;} .text-center{text-align: center !important;} .text-justify{text-align: justify !important;} .hide{display: none;} .antialiased{-webkit-font-smoothing: antialiased;} img{display: inline-block; vertical-align: middle;} textarea{height: auto; min-height: 50px;} select{width: 100%;} /* Grid HTML Classes */ .row{width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1;} .row:before,.row:after{ content: " "; display: table;} .row:after{ clear: both;} .row.collapse > .column, .row.collapse > .columns{ position: relative; padding-left: 0; padding-right: 0; float: left;} .row.collapse .row{ margin-left: 0; margin-right: 0;} .row .row{ width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1;} .row .row:before,.row .row:after{ content: " "; display: table;} .row .row:after{ clear: both;} .row .row.collapse{ width: auto; margin: 0; max-width: none; *zoom: 1;} .row .row.collapse:before,.row .row.collapse:after{ content: " "; display: table;} .row .row.collapse:after{ clear: both;} .column,.columns{position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left;} @media only screen{.column, .columns{ position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left;} .small-1{ position: relative; width: 8.33333%;} .small-2{ position: relative; width: 16.66667%;} .small-3{ position: relative; width: 25%;} .small-4{ position: relative; width: 33.33333%;} .small-5{ position: relative; width: 41.66667%;} .small-6{ position: relative; width: 50%;} .small-7{ position: relative; width: 58.33333%;} .small-8{ position: relative; width: 66.66667%;} .small-9{ position: relative; width: 75%;} .small-10{ position: relative; width: 83.33333%;} .small-11{ position: relative; width: 91.66667%;} .small-12{ position: relative; width: 100%;} .small-offset-0{ position: relative; margin-left: 0%;} .small-offset-1{ position: relative; margin-left: 8.33333%;} .small-offset-2{ position: relative; margin-left: 16.66667%;} .small-offset-3{ position: relative; margin-left: 25%;} .small-offset-4{ position: relative; margin-left: 33.33333%;} .small-offset-5{ position: relative; margin-left: 41.66667%;} .small-offset-6{ position: relative; margin-left: 50%;} .small-offset-7{ position: relative; margin-left: 58.33333%;} .small-offset-8{ position: relative; margin-left: 66.66667%;} .small-offset-9{ position: relative; margin-left: 75%;} .small-offset-10{ position: relative; margin-left: 83.33333%;} [class*="column"] + [class*="column"]:last-child{ float: right;} [class*="column"] + [class*="column"].end{ float: left;} .column.small-centered, .columns.small-centered{ position: relative; margin-left: auto; margin-right: auto; float: none !important;} } /* Styles for screens that are atleast 768px;*/ @media only screen and (min-width: 768px){.large-1{ position: relative; width: 8.33333%;} .large-2{ position: relative; width: 16.66667%;} .large-3{ position: relative; width: 25%;} .large-4{ position: relative; width: 33.33333%;} .large-5{ position: relative; width: 41.66667%;} .large-6{ position: relative; width: 50%;} .large-7{ position: relative; width: 58.33333%;} .large-8{ position: relative; width: 66.66667%;} .large-9{ position: relative; width: 75%;} .large-10{ position: relative; width: 83.33333%;} .large-11{ position: relative; width: 91.66667%;} .large-12{ position: relative; width: 100%;} .row .large-offset-0{ position: relative; margin-left: 0%;} .row .large-offset-1{ position: relative; margin-left: 8.33333%;} .row .large-offset-2{ position: relative; margin-left: 16.66667%;} .row .large-offset-3{ position: relative; margin-left: 25%;} .row .large-offset-4{ position: relative; margin-left: 33.33333%;} .row .large-offset-5{ position: relative; margin-left: 41.66667%;} .row .large-offset-6{ position: relative; margin-left: 50%;} .row .large-offset-7{ position: relative; margin-left: 58.33333%;} .row .large-offset-8{ position: relative; margin-left: 66.66667%;} .row .large-offset-9{ position: relative; margin-left: 75%;} .row .large-offset-10{ position: relative; margin-left: 83.33333%;} .row .large-offset-11{ position: relative; margin-left: 91.66667%;} .push-1{ position: relative; left: 8.33333%; right: auto;} .pull-1{ position: relative; right: 8.33333%; left: auto;} .push-2{ position: relative; left: 16.66667%; right: auto;} .pull-2{ position: relative; right: 16.66667%; left: auto;} .push-3{ position: relative; left: 25%; right: auto;} .pull-3{ position: relative; right: 25%; left: auto;} .push-4{ position: relative; left: 33.33333%; right: auto;} .pull-4{ position: relative; right: 33.33333%; left: auto;} .push-5{ position: relative; left: 41.66667%; right: auto;} .pull-5{ position: relative; right: 41.66667%; left: auto;} .push-6{ position: relative; left: 50%; right: auto;} .pull-6{ position: relative; right: 50%; left: auto;} .push-7{ position: relative; left: 58.33333%; right: auto;} .pull-7{ position: relative; right: 58.33333%; left: auto;} .push-8{ position: relative; left: 66.66667%; right: auto;} .pull-8{ position: relative; right: 66.66667%; left: auto;} .push-9{ position: relative; left: 75%; right: auto;} .pull-9{ position: relative; right: 75%; left: auto;} .push-10{ position: relative; left: 83.33333%; right: auto;} .pull-10{ position: relative; right: 83.33333%; left: auto;} .push-11{ position: relative; left: 91.66667%; right: auto;} .pull-11{ position: relative; right: 91.66667%; left: auto;} .column.large-centered, .columns.large-centered{ position: relative; margin-left: auto; margin-right: auto; float: none !important;} .column.large-uncentered, .columns.large-uncentered{ margin-left: 0; margin-right: 0; float: left !important;} .column.large-uncentered.opposite, .columns.large-uncentered.opposite{ float: right !important;} } /* Foundation Visibility HTML Classes */ .show-for-small,.show-for-medium-down,.show-for-large-down{display: inherit !important;} .show-for-medium,.show-for-medium-up,.show-for-large,.show-for-large-up,.show-for-xlarge{display: none !important;} .hide-for-medium,.hide-for-medium-up,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display: inherit !important;} .hide-for-small,.hide-for-medium-down,.hide-for-large-down{display: none !important;} /* Specific visilbity for tables */ table.show-for-small,table.show-for-medium-down,table.show-for-large-down,table.hide-for-medium,table.hide-for-medium-up,table.hide-for-large,table.hide-for-large-up,table.hide-for-xlarge{display: table;} thead.show-for-small,thead.show-for-medium-down,thead.show-for-large-down,thead.hide-for-medium,thead.hide-for-medium-up,thead.hide-for-large,thead.hide-for-large-up,thead.hide-for-xlarge{display: table-header-group !important;} tbody.show-for-small,tbody.show-for-medium-down,tbody.show-for-large-down,tbody.hide-for-medium,tbody.hide-for-medium-up,tbody.hide-for-large,tbody.hide-for-large-up,tbody.hide-for-xlarge{display: table-row-group !important;} tr.show-for-small,tr.show-for-medium-down,tr.show-for-large-down,tr.hide-for-medium,tr.hide-for-medium-up,tr.hide-for-large,tr.hide-for-large-up,tr.hide-for-xlarge{display: table-row !important;} td.show-for-small,td.show-for-medium-down,td.show-for-large-down,td.hide-for-medium,td.hide-for-medium-up,td.hide-for-large,td.hide-for-large-up,td.hide-for-xlarge,th.show-for-small,th.show-for-medium-down,th.show-for-large-down,th.hide-for-medium,th.hide-for-medium-up,th.hide-for-large,th.hide-for-large-up,th.hide-for-xlarge{display: table-cell !important;} /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 768px){.show-for-medium, .show-for-medium-up{ display: inherit !important;} .show-for-small{ display: none !important;} .hide-for-small{ display: inherit !important;} .hide-for-medium, .hide-for-medium-up{ display: none !important;} /* Specific visilbity for tables */ table.show-for-medium,table.show-for-medium-up,table.hide-for-small{ display: table;} thead.show-for-medium,thead.show-for-medium-up,thead.hide-for-small{ display: table-header-group !important;} tbody.show-for-medium,tbody.show-for-medium-up,tbody.hide-for-small{ display: table-row-group !important;} tr.show-for-medium,tr.show-for-medium-up,tr.hide-for-small{ display: table-row !important;} td.show-for-medium,td.show-for-medium-up,td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small{ display: table-cell !important;} } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 1280px){.show-for-large, .show-for-large-up{ display: inherit !important;} .show-for-medium, .show-for-medium-down{ display: none !important;} .hide-for-medium, .hide-for-medium-down{ display: inherit !important;} .hide-for-large, .hide-for-large-up{ display: none !important;} /* Specific visilbity for tables */ table.show-for-large,table.show-for-large-up,table.hide-for-medium,table.hide-for-medium-down{ display: table;} thead.show-for-large,thead.show-for-large-up,thead.hide-for-medium,thead.hide-for-medium-down{ display: table-header-group !important;} tbody.show-for-large,tbody.show-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-down{ display: table-row-group !important;} tr.show-for-large,tr.show-for-large-up,tr.hide-for-medium,tr.hide-for-medium-down{ display: table-row !important;} td.show-for-large,td.show-for-large-up,td.hide-for-medium,td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down{ display: table-cell !important;} } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 1440px){.show-for-xlarge{ display: inherit !important;} .show-for-large, .show-for-large-down{ display: none !important;} .hide-for-large, .hide-for-large-down{ display: inherit !important;} .hide-for-xlarge{ display: none !important;} /* Specific visilbity for tables */ table.show-for-xlarge,table.hide-for-large,table.hide-for-large-down{ display: table;} thead.show-for-xlarge,thead.hide-for-large,thead.hide-for-large-down{ display: table-header-group !important;} tbody.show-for-xlarge,tbody.hide-for-large,tbody.hide-for-large-down{ display: table-row-group !important;} tr.show-for-xlarge,tr.hide-for-large,tr.hide-for-large-down{ display: table-row !important;} td.show-for-xlarge,td.hide-for-large,td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down{ display: table-cell !important;} } /* Orientation targeting */ .show-for-landscape,.hide-for-portrait{display: inherit !important;} .hide-for-landscape,.show-for-portrait{display: none !important;} /* Specific visilbity for tables */ table.hide-for-landscape,table.show-for-portrait{display: table;} thead.hide-for-landscape,thead.show-for-portrait{display: table-header-group !important;} tbody.hide-for-landscape,tbody.show-for-portrait{display: table-row-group !important;} tr.hide-for-landscape,tr.show-for-portrait{display: table-row !important;} td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display: table-cell !important;} @media only screen and (orientation: landscape){.show-for-landscape, .hide-for-portrait{ display: inherit !important;} .hide-for-landscape, .show-for-portrait{ display: none !important;} /* Specific visilbity for tables */ table.show-for-landscape,table.hide-for-portrait{ display: table;} thead.show-for-landscape,thead.hide-for-portrait{ display: table-header-group !important;} tbody.show-for-landscape,tbody.hide-for-portrait{ display: table-row-group !important;} tr.show-for-landscape,tr.hide-for-portrait{ display: table-row !important;} td.show-for-landscape,td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait{ display: table-cell !important;} } @media only screen and (orientation: portrait){.show-for-portrait, .hide-for-landscape{ display: inherit !important;} .hide-for-portrait, .show-for-landscape{ display: none !important;} /* Specific visilbity for tables */ table.show-for-portrait,table.hide-for-landscape{ display: table;} thead.show-for-portrait,thead.hide-for-landscape{ display: table-header-group !important;} tbody.show-for-portrait,tbody.hide-for-landscape{ display: table-row-group !important;} tr.show-for-portrait,tr.hide-for-landscape{ display: table-row !important;} td.show-for-portrait,td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape{ display: table-cell !important;} } /* Touch-enabled device targeting */ .show-for-touch{display: none !important;} .hide-for-touch{display: inherit !important;} .touch .show-for-touch{display: inherit !important;} .touch .hide-for-touch{display: none !important;} /* Specific visilbity for tables */ table.hide-for-touch{display: table;} .touch table.show-for-touch{display: table;} thead.hide-for-touch{display: table-header-group !important;} .touch thead.show-for-touch{display: table-header-group !important;} tbody.hide-for-touch{display: table-row-group !important;} .touch tbody.show-for-touch{display: table-row-group !important;} tr.hide-for-touch{display: table-row !important;} .touch tr.show-for-touch{display: table-row !important;} td.hide-for-touch{display: table-cell !important;} .touch td.show-for-touch{display: table-cell !important;} th.hide-for-touch{display: table-cell !important;} .touch th.show-for-touch{display: table-cell !important;} /* Foundation Block Grids for below small breakpoint */ @media only screen{[class*="block-grid-"]{ display: block; padding: 0; margin: 0 -0.625em; *zoom: 1;} [class*="block-grid-"]:before,[class*="block-grid-"]:after{ content: " "; display: table;} [class*="block-grid-"]:after{ clear: both;} [class*="block-grid-"] > li{ display: inline; height: auto; float: left; padding: 0 0.625em 1.25em;} .small-block-grid-1 > li{ width: 100%; padding: 0 0.625em 1.25em;} .small-block-grid-1 > li:nth-of-type(n){ clear: none;} .small-block-grid-1 > li:nth-of-type(1n+1){ clear: both;} .small-block-grid-2 > li{ width: 50%; padding: 0 0.625em 1.25em;} .small-block-grid-2 > li:nth-of-type(n){ clear: none;} .small-block-grid-2 > li:nth-of-type(2n+1){ clear: both;} .small-block-grid-3 > li{ width: 33.33333%; padding: 0 0.625em 1.25em;} .small-block-grid-3 > li:nth-of-type(n){ clear: none;} .small-block-grid-3 > li:nth-of-type(3n+1){ clear: both;} .small-block-grid-4 > li{ width: 25%; padding: 0 0.625em 1.25em;} .small-block-grid-4 > li:nth-of-type(n){ clear: none;} .small-block-grid-4 > li:nth-of-type(4n+1){ clear: both;} .small-block-grid-5 > li{ width: 20%; padding: 0 0.625em 1.25em;} .small-block-grid-5 > li:nth-of-type(n){ clear: none;} .small-block-grid-5 > li:nth-of-type(5n+1){ clear: both;} .small-block-grid-6 > li{ width: 16.66667%; padding: 0 0.625em 1.25em;} .small-block-grid-6 > li:nth-of-type(n){ clear: none;} .small-block-grid-6 > li:nth-of-type(6n+1){ clear: both;} .small-block-grid-7 > li{ width: 14.28571%; padding: 0 0.625em 1.25em;} .small-block-grid-7 > li:nth-of-type(n){ clear: none;} .small-block-grid-7 > li:nth-of-type(7n+1){ clear: both;} .small-block-grid-8 > li{ width: 12.5%; padding: 0 0.625em 1.25em;} .small-block-grid-8 > li:nth-of-type(n){ clear: none;} .small-block-grid-8 > li:nth-of-type(8n+1){ clear: both;} .small-block-grid-9 > li{ width: 11.11111%; padding: 0 0.625em 1.25em;} .small-block-grid-9 > li:nth-of-type(n){ clear: none;} .small-block-grid-9 > li:nth-of-type(9n+1){ clear: both;} .small-block-grid-10 > li{ width: 10%; padding: 0 0.625em 1.25em;} .small-block-grid-10 > li:nth-of-type(n){ clear: none;} .small-block-grid-10 > li:nth-of-type(10n+1){ clear: both;} .small-block-grid-11 > li{ width: 9.09091%; padding: 0 0.625em 1.25em;} .small-block-grid-11 > li:nth-of-type(n){ clear: none;} .small-block-grid-11 > li:nth-of-type(11n+1){ clear: both;} .small-block-grid-12 > li{ width: 8.33333%; padding: 0 0.625em 1.25em;} .small-block-grid-12 > li:nth-of-type(n){ clear: none;} .small-block-grid-12 > li:nth-of-type(12n+1){ clear: both;} } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 768px){/* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1){ clear: none;} .small-block-grid-2 > li:nth-of-type(2n+1){ clear: none;} .small-block-grid-3 > li:nth-of-type(3n+1){ clear: none;} .small-block-grid-4 > li:nth-of-type(4n+1){ clear: none;} .small-block-grid-5 > li:nth-of-type(5n+1){ clear: none;} .small-block-grid-6 > li:nth-of-type(6n+1){ clear: none;} .small-block-grid-7 > li:nth-of-type(7n+1){ clear: none;} .small-block-grid-8 > li:nth-of-type(8n+1){ clear: none;} .small-block-grid-9 > li:nth-of-type(9n+1){ clear: none;} .small-block-grid-10 > li:nth-of-type(10n+1){ clear: none;} .small-block-grid-11 > li:nth-of-type(11n+1){ clear: none;} .small-block-grid-12 > li:nth-of-type(12n+1){ clear: none;} .large-block-grid-1 > li{ width: 100%; padding: 0 0.625em 1.25em;} .large-block-grid-1 > li:nth-of-type(n){ clear: none;} .large-block-grid-1 > li:nth-of-type(1n+1){ clear: both;} .large-block-grid-2 > li{ width: 50%; padding: 0 0.625em 1.25em;} .large-block-grid-2 > li:nth-of-type(n){ clear: none;} .large-block-grid-2 > li:nth-of-type(2n+1){ clear: both;} .large-block-grid-3 > li{ width: 33.33333%; padding: 0 0.625em 1.25em;} .large-block-grid-3 > li:nth-of-type(n){ clear: none;} .large-block-grid-3 > li:nth-of-type(3n+1){ clear: both;} .large-block-grid-4 > li{ width: 25%; padding: 0 0.625em 1.25em;} .large-block-grid-4 > li:nth-of-type(n){ clear: none;} .large-block-grid-4 > li:nth-of-type(4n+1){ clear: both;} .large-block-grid-5 > li{ width: 20%; padding: 0 0.625em 1.25em;} .large-block-grid-5 > li:nth-of-type(n){ clear: none;} .large-block-grid-5 > li:nth-of-type(5n+1){ clear: both;} .large-block-grid-6 > li{ width: 16.66667%; padding: 0 0.625em 1.25em;} .large-block-grid-6 > li:nth-of-type(n){ clear: none;} .large-block-grid-6 > li:nth-of-type(6n+1){ clear: both;} .large-block-grid-7 > li{ width: 14.28571%; padding: 0 0.625em 1.25em;} .large-block-grid-7 > li:nth-of-type(n){ clear: none;} .large-block-grid-7 > li:nth-of-type(7n+1){ clear: both;} .large-block-grid-8 > li{ width: 12.5%; padding: 0 0.625em 1.25em;} .large-block-grid-8 > li:nth-of-type(n){ clear: none;} .large-block-grid-8 > li:nth-of-type(8n+1){ clear: both;} .large-block-grid-9 > li{ width: 11.11111%; padding: 0 0.625em 1.25em;} .large-block-grid-9 > li:nth-of-type(n){ clear: none;} .large-block-grid-9 > li:nth-of-type(9n+1){ clear: both;} .large-block-grid-10 > li{ width: 10%; padding: 0 0.625em 1.25em;} .large-block-grid-10 > li:nth-of-type(n){ clear: none;} .large-block-grid-10 > li:nth-of-type(10n+1){ clear: both;} .large-block-grid-11 > li{ width: 9.09091%; padding: 0 0.625em 1.25em;} .large-block-grid-11 > li:nth-of-type(n){ clear: none;} .large-block-grid-11 > li:nth-of-type(11n+1){ clear: both;} .large-block-grid-12 > li{ width: 8.33333%; padding: 0 0.625em 1.25em;} .large-block-grid-12 > li:nth-of-type(n){ clear: none;} .large-block-grid-12 > li:nth-of-type(12n+1){ clear: both;} } p.lead{font-size: 1.21875em; line-height: 1.6;} .subheader{line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em;} /* Typography resets */ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin: 0; padding: 0; direction: ltr;} /* Default Link Styles */ a{color: #e51937; text-decoration: none; line-height: inherit;} a:hover,a:focus{ color: #ce1631;} a img{ border: none;} /* Default paragraph styles */ p{font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility;} p aside{ font-size: 0.875em; line-height: 1.35; font-style: italic;} /* Default header styles */ h1,h2,h3,h4,h5,h6{font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: bold; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em;} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ font-size: 60%; color: #6f6f6f; line-height: 0;} h1{font-size: 2.125em;} h2{font-size: 1.6875em;} h3{font-size: 1.375em;} h4{font-size: 1.125em;} h5{font-size: 1.125em;} h6{font-size: 1em;} hr{border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0;} /* Helpful Typography Defaults */ em,i{font-style: italic; line-height: inherit;} strong,b{font-weight: bold; line-height: inherit;} small{font-size: 60%; line-height: inherit;} code{font-family: Consolas,"Liberation Mono",Courier,monospace; font-weight: bold; color: #7f0a0c;} /* Lists */ ul,ol,dl{font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit;} ul,ol{margin-left: 0;} ul.no-bullet,ol.no-bullet{ margin-left: 0;} /* Unordered Lists */ ul li ul,ul li ol{margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul,ul.circle li ul,ul.disc li ul{list-style: inherit;} ul.square{list-style-type: square;} ul.circle{list-style-type: circle;} ul.disc{list-style-type: disc;} ul.no-bullet{list-style: none;} /* Ordered Lists */ ol li ul,ol li ol{margin-left: 1.25em; margin-bottom: 0;} /* Definition Lists */ dl dt{margin-bottom: 0.3em; font-weight: bold;} dl dd{margin-bottom: 0.75em;} /* Abbreviations */ abbr,acronym{text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px dotted #ddd; cursor: help;} abbr{text-transform: none;} /* Blockquotes */ blockquote{margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd;} blockquote cite{ display: block; font-size: 0.8125em; color: #555555;} blockquote cite:before{ content: "\2014 \0020";} blockquote cite a, blockquote cite a:visited{ color: #555555;} blockquote,blockquote p{line-height: 1.6; color: #6f6f6f;} /* Microformats */ .vcard{display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: 0.625em 0.75em;} .vcard li{ margin: 0; display: block;} .vcard .fn{ font-weight: bold; font-size: 0.9375em;} .vevent .summary{font-weight: bold;} .vevent abbr{cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em;} @media only screen and (min-width: 768px){h1,h2,h3,h4,h5,h6{ line-height: 1.4;} h1{ font-size: 2.75em;} h2{ font-size: 2.3125em;} h3{ font-size: 1.6875em;} h4{ font-size: 1.4375em;} } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only{display: none !important;} @media print{*{ background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;} a, a:visited{ text-decoration: underline;} a[href]:after{ content: " (" attr(href) ")";} abbr[title]:after{ content: " (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{ content: "";} pre, blockquote{ border: 1px solid #999; page-break-inside: avoid;} thead{ display: table-header-group; /* h5bp.com/t */ } tr, img{ page-break-inside: avoid;} img{ max-width: 100% !important;} @page{ margin: 0.5cm;} p, h2, h3{ orphans: 3; widows: 3;} h2, h3{ page-break-after: avoid;} .hide-on-print{ display: none !important;} .print-only{ display: block !important;} .hide-for-print{ display: none !important;} .show-for-print{ display: inherit !important;} } button,.button{border-style: solid; border-width: 0px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: normal; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #e51937; border-color: #b7142c; color: #fff;} button:hover,button:focus,.button:hover,.button:focus{ background-color: #b7142c;} button:hover,button:focus,.button:hover,.button:focus{ color: #fff;} button.secondary,.button.secondary{ background-color: #257eaa; border-color: #1c5f80; color: #fff;} button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{ background-color: #1c5f80;} button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{ color: #fff;} button.success,.button.success{ background-color: #5da423; border-color: #457a1a; color: #fff;} button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{ background-color: #457a1a;} button.success:hover,button.success:focus,.button.success:hover,.button.success:focus{ color: #fff;} button.alert,.button.alert{ background-color: #c60f13; border-color: #970b0e; color: #fff;} button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{ background-color: #970b0e;} button.alert:hover,button.alert:focus,.button.alert:hover,.button.alert:focus{ color: #fff;} button.large,.button.large{ padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em;} button.small,.button.small{ padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em;} button.tiny,.button.tiny{ padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em;} button.expand,.button.expand{ padding-right: 0; padding-left: 0; width: 100%;} button.left-align,.button.left-align{ text-align: left; text-indent: 0.75em;} button.right-align,.button.right-align{ text-align: right; padding-right: 0.75em;} button.disabled,button[disabled],.button.disabled,.button[disabled]{ background-color: #e51937; border-color: #b7142c; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none;} button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{ background-color: #b7142c;} button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{ color: #fff;} button.disabled:hover,button.disabled:focus,button[disabled]:hover,button[disabled]:focus,.button.disabled:hover,.button.disabled:focus,.button[disabled]:hover,.button[disabled]:focus{ background-color: #e51937;} button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{ background-color: #257eaa; border-color: #1c5f80; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none;} button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{ background-color: #1c5f80;} button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{ color: #fff;} button.disabled.secondary:hover,button.disabled.secondary:focus,button[disabled].secondary:hover,button[disabled].secondary:focus,.button.disabled.secondary:hover,.button.disabled.secondary:focus,.button[disabled].secondary:hover,.button[disabled].secondary:focus{ background-color: #257eaa;} button.disabled.success,button[disabled].success,.button.disabled.success,.button[disabled].success{ background-color: #5da423; border-color: #457a1a; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none;} button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{ background-color: #457a1a;} button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{ color: #fff;} button.disabled.success:hover,button.disabled.success:focus,button[disabled].success:hover,button[disabled].success:focus,.button.disabled.success:hover,.button.disabled.success:focus,.button[disabled].success:hover,.button[disabled].success:focus{ background-color: #5da423;} button.disabled.alert,button[disabled].alert,.button.disabled.alert,.button[disabled].alert{ background-color: #c60f13; border-color: #970b0e; color: #fff; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none;} button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{ background-color: #970b0e;} button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{ color: #fff;} button.disabled.alert:hover,button.disabled.alert:focus,button[disabled].alert:hover,button[disabled].alert:focus,.button.disabled.alert:hover,.button.disabled.alert:focus,.button[disabled].alert:hover,.button[disabled].alert:focus{ background-color: #c60f13;} button,.button{padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none;} button.tiny,.button.tiny{ padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none;} button.small,.button.small{ padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none;} button.large,.button.large{ padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none;} @media only screen{button,.button{ -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out;} button:active,.button:active{ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;} button.radius,.button.radius{ -webkit-border-radius: 3px; border-radius: 3px;} button.round,.button.round{ -webkit-border-radius: 1000px; border-radius: 1000px;} } @media only screen and (min-width: 768px){button,.button{ display: inline-block;} } /* Standard Forms */ form{margin: 0 0 1em;} /* Using forms within rows,we need to set some defaults */ form .row .row{margin: 0 -0.5em;} form .row .row .column, form .row .row .columns{ padding: 0 0.5em;} form .row .row.collapse{ margin: 0;} form .row .row.collapse .column, form .row .row.collapse .columns{ padding: 0;} form .row .row.collapse input{ -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0;} form .row input.column,form .row input.columns,form .row textarea.column,form .row textarea.columns{padding-left: 0.5em;} /* Label Styles */ label{font-size: 0.875em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.1875em; /* Styles for required inputs */ } label.right{ float: none; text-align: right;} label.inline{ margin: 0 0 1em 0; padding: 0.625em 0;} label small{ text-transform: capitalize; color: #666666;} /* Attach elements to the beginning or end of an input */ .prefix,.postfix{display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em;} /* Adjust padding,alignment and radius if pre/post element is a button */ .postfix.button{padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em;} .prefix.button{padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em;} .prefix.button.radius{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .postfix.button.radius{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .prefix.button.round{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;} .postfix.button.round{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px;} /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix,label.prefix{background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333;} span.prefix.radius,label.prefix.radius{ -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} span.postfix,label.postfix{background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333;} span.postfix.radius,label.postfix.radius{ -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} /* Input groups will automatically style first and last elements of the group */ .input-group.radius > *:first-child,.input-group.radius > *:first-child *{-moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .input-group.radius > *:last-child,.input-group.radius > *:last-child *{-moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .input-group.round > *:first-child,.input-group.round > *:first-child *{-moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;} .input-group.round > *:last-child,.input-group.round > *:last-child *{-moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px;} /* We use this to get basic styling on all basic form elements */ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{-webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; background-color: #fff; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); color: rgba(0,0,0,0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out; transition: box-shadow 0.45s,border-color 0.45s ease-in-out;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{ -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{ background: #fafafa; border-color: #999999; outline: none;} input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled]{ background-color: #ddd;} /* Adjust margin for form elements below */ input[type="file"],input[type="checkbox"],input[type="radio"],select{margin: 0 0 1em 0;} /* Normalize file input width */ input[type="file"]{width: 100%;} /* We add basic fieldset styling */ fieldset{border: solid 1px #ddd; padding: 1.25em; margin: 1.125em 0;} fieldset legend{ font-weight: bold; background: #fff; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em;} /* Error Handling */ [data-abide] .error small.error,[data-abide] span.error,[data-abide] small.error{display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: #fff;} [data-abide] span.error,[data-abide] small.error{display: none;} span.error,small.error{display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: #fff;} .error input,.error textarea,.error select{border-color: #c60f13; background-color: rgba(198,15,19,0.1); margin-bottom: 0;} .error input:focus, .error textarea:focus, .error select:focus{ background: #fafafa; border-color: #999999;} .error label,.error label.error{color: #c60f13;} .error > small,.error small.error{display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: #fff;} .error span.error-message{display: block;} input.error,textarea.error{border-color: #c60f13; background-color: rgba(198,15,19,0.1); margin-bottom: 0;} input.error:focus, textarea.error:focus{ background: #fafafa; border-color: #999999;} .error select{border-color: #c60f13; background-color: rgba(198,15,19,0.1);} .error select:focus{ background: #fafafa; border-color: #999999;} label.error{color: #c60f13;} /* Custom Checkbox and Radio Inputs */ form.custom .hidden-field{margin-left: -99999px; position: absolute; visibility: hidden;} form.custom .custom{display: inline-block; width: 16px; height: 16px; position: relative; top: -1px; /* fix centering issue */ vertical-align: middle; border: solid 1px #ccc; background: #fff;} form.custom .custom.checkbox{ -webkit-border-radius: 0; border-radius: 0; padding: 0;} form.custom .custom.radio{ -webkit-border-radius: 1000px; border-radius: 1000px; padding: 3px;} form.custom .custom.checkbox:before{ content: ""; display: block; font-size: 16px; color: #fff;} form.custom .custom.radio.checked:before{ content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222; position: relative;} form.custom .custom.checkbox.checked:before{ content: "\00d7"; color: #222; position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px;} /* Custom Select Options and Dropdowns */ form.custom{/* Custom input,disabled */ } form.custom .custom.dropdown{ display: block; position: relative; top: 0; height: 2.3125em; margin-bottom: 1.25em; margin-top: 0; padding: 0; width: 100%; background: #fff; background: -moz-linear-gradient(top,#fff 0%,#f3f3f3 100%); background: -webkit-linear-gradient(top,#fff 0%,#f3f3f3 100%); -webkit-box-shadow: none; background: linear-gradient(to bottom,#fff 0%,#f3f3f3 100%); box-shadow: none; font-size: 0.875em; vertical-align: top;} form.custom .custom.dropdown ul{ overflow-y: auto; max-height: 200px;} form.custom .custom.dropdown .current{ cursor: default; white-space: nowrap; line-height: 2.25em; color: rgba(0,0,0,0.75); text-decoration: none; overflow: hidden; display: block; margin-left: 0.5em; margin-right: 2.3125em;} form.custom .custom.dropdown .selector{ cursor: default; position: absolute; width: 2.5em; height: 2.3125em; display: block; right: 0; top: 0;} form.custom .custom.dropdown .selector:after{ content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #aaa transparent transparent transparent; border-top-style: solid; position: absolute; left: 0.9375em; top: 50%; margin-top: -3px;} form.custom .custom.dropdown:hover a.selector:after,form.custom .custom.dropdown.open a.selector:after{ content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #222 transparent transparent transparent; border-top-style: solid;} form.custom .custom.dropdown .disabled{ color: #888;} form.custom .custom.dropdown .disabled:hover{ background: transparent; color: #888;} form.custom .custom.dropdown .disabled:hover:after{ display: none;} form.custom .custom.dropdown.open ul{ display: block; z-index: 10; min-width: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} form.custom .custom.dropdown.small{ max-width: 134px;} form.custom .custom.dropdown.medium{ max-width: 254px;} form.custom .custom.dropdown.large{ max-width: 434px;} form.custom .custom.dropdown.expand{ width: 100% !important;} form.custom .custom.dropdown.open.small ul{ min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} form.custom .custom.dropdown.open.medium ul{ min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} form.custom .custom.dropdown.open.large ul{ min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} form.custom .error .custom.dropdown{ border-color: #c60f13; background-color: rgba(198,15,19,0.1); background: rgba(198,15,19,0.1); margin-bottom: 0;} form.custom .error .custom.dropdown:focus{ background: #fafafa; border-color: #999999;} form.custom .error .custom.dropdown + small.error{ margin-top: 0;} form.custom .custom.dropdown ul{ position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); margin: 0; padding: 0; background: #fff; border: solid 1px #cccccc; font-size: 16px;} form.custom .custom.dropdown ul li{ color: #555; font-size: 0.875em; cursor: default; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.375em; padding-right: 2.375em; min-height: 1.5em; line-height: 1.5em; margin: 0; white-space: nowrap; list-style: none;} form.custom .custom.dropdown ul li.selected{ background: #eeeeee; color: #000;} form.custom .custom.dropdown ul li:hover{ background-color: #e4e4e4; color: #000;} form.custom .custom.dropdown ul li.selected:hover{ background: #eeeeee; cursor: default; color: #000;} form.custom .custom.dropdown ul.show{ display: block;} form.custom .custom.disabled{ background: #ddd;} /* Button Groups */ .button-group{list-style: none; margin: 0; *zoom: 1;} .button-group:before,.button-group:after{ content: " "; display: table;} .button-group:after{ clear: both;} .button-group > *{ margin: 0 0 0 0px; float: left;} .button-group > *:first-child{ margin-left: 0;} .button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{ -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{ -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .button-group.round > *:first-child,.button-group.round > *:first-child > a,.button-group.round > *:first-child > button,.button-group.round > *:first-child > .button{ -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px;} .button-group.round > *:last-child,.button-group.round > *:last-child > a,.button-group.round > *:last-child > button,.button-group.round > *:last-child > .button{ -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px;} .button-group.even-2 li{ width: 50%;} .button-group.even-2 li button,.button-group.even-2 li .button{ width: 100%;} .button-group.even-3 li{ width: 33.33333%;} .button-group.even-3 li button,.button-group.even-3 li .button{ width: 100%;} .button-group.even-4 li{ width: 25%;} .button-group.even-4 li button,.button-group.even-4 li .button{ width: 100%;} .button-group.even-5 li{ width: 20%;} .button-group.even-5 li button,.button-group.even-5 li .button{ width: 100%;} .button-group.even-6 li{ width: 16.66667%;} .button-group.even-6 li button,.button-group.even-6 li .button{ width: 100%;} .button-group.even-7 li{ width: 14.28571%;} .button-group.even-7 li button,.button-group.even-7 li .button{ width: 100%;} .button-group.even-8 li{ width: 12.5%;} .button-group.even-8 li button,.button-group.even-8 li .button{ width: 100%;} .button-bar{*zoom: 1;} .button-bar:before,.button-bar:after{ content: " "; display: table;} .button-bar:after{ clear: both;} .button-bar .button-group{ float: left; margin-right: 0.625em;} .button-bar .button-group div{ overflow: hidden;} /* Sections */ [data-section=''],[data-section='auto'],.section-container.auto,[data-section='vertical-tabs'],.section-container.vertical-tabs,[data-section='vertical-nav'],.section-container.vertical-nav,[data-section='horizontal-nav'],.section-container.horizontal-nav,[data-section='accordion'],.section-container.accordion{width: 100%; position: relative; display: block; margin-bottom: 1.25em;} [data-section=''][data-section-small-style],[data-section='auto'][data-section-small-style],.section-container.auto[data-section-small-style], [data-section='vertical-tabs'][data-section-small-style],.section-container.vertical-tabs[data-section-small-style], [data-section='vertical-nav'][data-section-small-style],.section-container.vertical-nav[data-section-small-style], [data-section='horizontal-nav'][data-section-small-style],.section-container.horizontal-nav[data-section-small-style], [data-section='accordion'][data-section-small-style],.section-container.accordion[data-section-small-style]{ width: 100% !important;} [data-section=''][data-section-small-style] > [data-section-region],[data-section=''][data-section-small-style] > section,[data-section=''][data-section-small-style] > .section,[data-section='auto'][data-section-small-style] > [data-section-region],[data-section='auto'][data-section-small-style] > section,[data-section='auto'][data-section-small-style] > .section,.section-container.auto[data-section-small-style] > [data-section-region],.section-container.auto[data-section-small-style] > section,.section-container.auto[data-section-small-style] > .section, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section,.section-container.vertical-tabs[data-section-small-style] > [data-section-region],.section-container.vertical-tabs[data-section-small-style] > section,.section-container.vertical-tabs[data-section-small-style] > .section, [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section,.section-container.vertical-nav[data-section-small-style] > [data-section-region],.section-container.vertical-nav[data-section-small-style] > section,.section-container.vertical-nav[data-section-small-style] > .section, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section,.section-container.horizontal-nav[data-section-small-style] > [data-section-region],.section-container.horizontal-nav[data-section-small-style] > section,.section-container.horizontal-nav[data-section-small-style] > .section, [data-section='accordion'][data-section-small-style] > [data-section-region], [data-section='accordion'][data-section-small-style] > section, [data-section='accordion'][data-section-small-style] > .section,.section-container.accordion[data-section-small-style] > [data-section-region],.section-container.accordion[data-section-small-style] > section,.section-container.accordion[data-section-small-style] > .section{ padding: 0 !important; margin: 0 !important;} [data-section=''][data-section-small-style] > [data-section-region] > [data-section-title],[data-section=''][data-section-small-style] > [data-section-region] > .title,[data-section=''][data-section-small-style] > section > [data-section-title],[data-section=''][data-section-small-style] > section > .title,[data-section=''][data-section-small-style] > .section > [data-section-title],[data-section=''][data-section-small-style] > .section > .title,[data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title],[data-section='auto'][data-section-small-style] > [data-section-region] > .title,[data-section='auto'][data-section-small-style] > section > [data-section-title],[data-section='auto'][data-section-small-style] > section > .title,[data-section='auto'][data-section-small-style] > .section > [data-section-title],[data-section='auto'][data-section-small-style] > .section > .title,.section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.auto[data-section-small-style] > [data-section-region] > .title,.section-container.auto[data-section-small-style] > section > [data-section-title],.section-container.auto[data-section-small-style] > section > .title,.section-container.auto[data-section-small-style] > .section > [data-section-title],.section-container.auto[data-section-small-style] > .section > .title, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title,.section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title,.section-container.vertical-tabs[data-section-small-style] > section > [data-section-title],.section-container.vertical-tabs[data-section-small-style] > section > .title,.section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title],.section-container.vertical-tabs[data-section-small-style] > .section > .title, [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title,.section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title,.section-container.vertical-nav[data-section-small-style] > section > [data-section-title],.section-container.vertical-nav[data-section-small-style] > section > .title,.section-container.vertical-nav[data-section-small-style] > .section > [data-section-title],.section-container.vertical-nav[data-section-small-style] > .section > .title, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title,.section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title,.section-container.horizontal-nav[data-section-small-style] > section > [data-section-title],.section-container.horizontal-nav[data-section-small-style] > section > .title,.section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title],.section-container.horizontal-nav[data-section-small-style] > .section > .title, [data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='accordion'][data-section-small-style] > [data-section-region] > .title, [data-section='accordion'][data-section-small-style] > section > [data-section-title], [data-section='accordion'][data-section-small-style] > section > .title, [data-section='accordion'][data-section-small-style] > .section > [data-section-title], [data-section='accordion'][data-section-small-style] > .section > .title,.section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.accordion[data-section-small-style] > [data-section-region] > .title,.section-container.accordion[data-section-small-style] > section > [data-section-title],.section-container.accordion[data-section-small-style] > section > .title,.section-container.accordion[data-section-small-style] > .section > [data-section-title],.section-container.accordion[data-section-small-style] > .section > .title{ width: 100% !important;} [data-section=''] > section,[data-section=''] > .section,[data-section=''] > [data-section-region],[data-section='auto'] > section,[data-section='auto'] > .section,[data-section='auto'] > [data-section-region],.section-container.auto > section,.section-container.auto > .section,.section-container.auto > [data-section-region], [data-section='vertical-tabs'] > section, [data-section='vertical-tabs'] > .section, [data-section='vertical-tabs'] > [data-section-region],.section-container.vertical-tabs > section,.section-container.vertical-tabs > .section,.section-container.vertical-tabs > [data-section-region], [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region],.section-container.vertical-nav > section,.section-container.vertical-nav > .section,.section-container.vertical-nav > [data-section-region], [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region],.section-container.horizontal-nav > section,.section-container.horizontal-nav > .section,.section-container.horizontal-nav > [data-section-region], [data-section='accordion'] > section, [data-section='accordion'] > .section, [data-section='accordion'] > [data-section-region],.section-container.accordion > section,.section-container.accordion > .section,.section-container.accordion > [data-section-region]{ margin: 0;} [data-section=''] > section > [data-section-title],[data-section=''] > section > .title,[data-section=''] > .section > [data-section-title],[data-section=''] > .section > .title,[data-section=''] > [data-section-region] > [data-section-title],[data-section=''] > [data-section-region] > .title,[data-section='auto'] > section > [data-section-title],[data-section='auto'] > section > .title,[data-section='auto'] > .section > [data-section-title],[data-section='auto'] > .section > .title,[data-section='auto'] > [data-section-region] > [data-section-title],[data-section='auto'] > [data-section-region] > .title,.section-container.auto > section > [data-section-title],.section-container.auto > section > .title,.section-container.auto > .section > [data-section-title],.section-container.auto > .section > .title,.section-container.auto > [data-section-region] > [data-section-title],.section-container.auto > [data-section-region] > .title, [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title,.section-container.vertical-tabs > section > [data-section-title],.section-container.vertical-tabs > section > .title,.section-container.vertical-tabs > .section > [data-section-title],.section-container.vertical-tabs > .section > .title,.section-container.vertical-tabs > [data-section-region] > [data-section-title],.section-container.vertical-tabs > [data-section-region] > .title, [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title,.section-container.vertical-nav > section > [data-section-title],.section-container.vertical-nav > section > .title,.section-container.vertical-nav > .section > [data-section-title],.section-container.vertical-nav > .section > .title,.section-container.vertical-nav > [data-section-region] > [data-section-title],.section-container.vertical-nav > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title,.section-container.horizontal-nav > section > [data-section-title],.section-container.horizontal-nav > section > .title,.section-container.horizontal-nav > .section > [data-section-title],.section-container.horizontal-nav > .section > .title,.section-container.horizontal-nav > [data-section-region] > [data-section-title],.section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title,.section-container.accordion > section > [data-section-title],.section-container.accordion > section > .title,.section-container.accordion > .section > [data-section-title],.section-container.accordion > .section > .title,.section-container.accordion > [data-section-region] > [data-section-title],.section-container.accordion > [data-section-region] > .title{ margin-bottom: 0;} [data-section=''] > section > [data-section-title] a,[data-section=''] > section > .title a,[data-section=''] > .section > [data-section-title] a,[data-section=''] > .section > .title a,[data-section=''] > [data-section-region] > [data-section-title] a,[data-section=''] > [data-section-region] > .title a,[data-section='auto'] > section > [data-section-title] a,[data-section='auto'] > section > .title a,[data-section='auto'] > .section > [data-section-title] a,[data-section='auto'] > .section > .title a,[data-section='auto'] > [data-section-region] > [data-section-title] a,[data-section='auto'] > [data-section-region] > .title a,.section-container.auto > section > [data-section-title] a,.section-container.auto > section > .title a,.section-container.auto > .section > [data-section-title] a,.section-container.auto > .section > .title a,.section-container.auto > [data-section-region] > [data-section-title] a,.section-container.auto > [data-section-region] > .title a, [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a,.section-container.vertical-tabs > section > [data-section-title] a,.section-container.vertical-tabs > section > .title a,.section-container.vertical-tabs > .section > [data-section-title] a,.section-container.vertical-tabs > .section > .title a,.section-container.vertical-tabs > [data-section-region] > [data-section-title] a,.section-container.vertical-tabs > [data-section-region] > .title a, [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a,.section-container.vertical-nav > section > [data-section-title] a,.section-container.vertical-nav > section > .title a,.section-container.vertical-nav > .section > [data-section-title] a,.section-container.vertical-nav > .section > .title a,.section-container.vertical-nav > [data-section-region] > [data-section-title] a,.section-container.vertical-nav > [data-section-region] > .title a, [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a,.section-container.horizontal-nav > section > [data-section-title] a,.section-container.horizontal-nav > section > .title a,.section-container.horizontal-nav > .section > [data-section-title] a,.section-container.horizontal-nav > .section > .title a,.section-container.horizontal-nav > [data-section-region] > [data-section-title] a,.section-container.horizontal-nav > [data-section-region] > .title a, [data-section='accordion'] > section > [data-section-title] a, [data-section='accordion'] > section > .title a, [data-section='accordion'] > .section > [data-section-title] a, [data-section='accordion'] > .section > .title a, [data-section='accordion'] > [data-section-region] > [data-section-title] a, [data-section='accordion'] > [data-section-region] > .title a,.section-container.accordion > section > [data-section-title] a,.section-container.accordion > section > .title a,.section-container.accordion > .section > [data-section-title] a,.section-container.accordion > .section > .title a,.section-container.accordion > [data-section-region] > [data-section-title] a,.section-container.accordion > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} [data-section=''] > section > [data-section-content],[data-section=''] > section > .content,[data-section=''] > .section > [data-section-content],[data-section=''] > .section > .content,[data-section=''] > [data-section-region] > [data-section-content],[data-section=''] > [data-section-region] > .content,[data-section='auto'] > section > [data-section-content],[data-section='auto'] > section > .content,[data-section='auto'] > .section > [data-section-content],[data-section='auto'] > .section > .content,[data-section='auto'] > [data-section-region] > [data-section-content],[data-section='auto'] > [data-section-region] > .content,.section-container.auto > section > [data-section-content],.section-container.auto > section > .content,.section-container.auto > .section > [data-section-content],.section-container.auto > .section > .content,.section-container.auto > [data-section-region] > [data-section-content],.section-container.auto > [data-section-region] > .content, [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content,.section-container.vertical-tabs > section > [data-section-content],.section-container.vertical-tabs > section > .content,.section-container.vertical-tabs > .section > [data-section-content],.section-container.vertical-tabs > .section > .content,.section-container.vertical-tabs > [data-section-region] > [data-section-content],.section-container.vertical-tabs > [data-section-region] > .content, [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content,.section-container.vertical-nav > section > [data-section-content],.section-container.vertical-nav > section > .content,.section-container.vertical-nav > .section > [data-section-content],.section-container.vertical-nav > .section > .content,.section-container.vertical-nav > [data-section-region] > [data-section-content],.section-container.vertical-nav > [data-section-region] > .content, [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content,.section-container.horizontal-nav > section > [data-section-content],.section-container.horizontal-nav > section > .content,.section-container.horizontal-nav > .section > [data-section-content],.section-container.horizontal-nav > .section > .content,.section-container.horizontal-nav > [data-section-region] > [data-section-content],.section-container.horizontal-nav > [data-section-region] > .content, [data-section='accordion'] > section > [data-section-content], [data-section='accordion'] > section > .content, [data-section='accordion'] > .section > [data-section-content], [data-section='accordion'] > .section > .content, [data-section='accordion'] > [data-section-region] > [data-section-content], [data-section='accordion'] > [data-section-region] > .content,.section-container.accordion > section > [data-section-content],.section-container.accordion > section > .content,.section-container.accordion > .section > [data-section-content],.section-container.accordion > .section > .content,.section-container.accordion > [data-section-region] > [data-section-content],.section-container.accordion > [data-section-region] > .content{ display: none;} [data-section=''] > section.active > [data-section-content],[data-section=''] > section.active > .content,[data-section=''] > .section.active > [data-section-content],[data-section=''] > .section.active > .content,[data-section=''] > [data-section-region].active > [data-section-content],[data-section=''] > [data-section-region].active > .content,[data-section='auto'] > section.active > [data-section-content],[data-section='auto'] > section.active > .content,[data-section='auto'] > .section.active > [data-section-content],[data-section='auto'] > .section.active > .content,[data-section='auto'] > [data-section-region].active > [data-section-content],[data-section='auto'] > [data-section-region].active > .content,.section-container.auto > section.active > [data-section-content],.section-container.auto > section.active > .content,.section-container.auto > .section.active > [data-section-content],.section-container.auto > .section.active > .content,.section-container.auto > [data-section-region].active > [data-section-content],.section-container.auto > [data-section-region].active > .content, [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content,.section-container.vertical-tabs > section.active > [data-section-content],.section-container.vertical-tabs > section.active > .content,.section-container.vertical-tabs > .section.active > [data-section-content],.section-container.vertical-tabs > .section.active > .content,.section-container.vertical-tabs > [data-section-region].active > [data-section-content],.section-container.vertical-tabs > [data-section-region].active > .content, [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content,.section-container.vertical-nav > section.active > [data-section-content],.section-container.vertical-nav > section.active > .content,.section-container.vertical-nav > .section.active > [data-section-content],.section-container.vertical-nav > .section.active > .content,.section-container.vertical-nav > [data-section-region].active > [data-section-content],.section-container.vertical-nav > [data-section-region].active > .content, [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content,.section-container.horizontal-nav > section.active > [data-section-content],.section-container.horizontal-nav > section.active > .content,.section-container.horizontal-nav > .section.active > [data-section-content],.section-container.horizontal-nav > .section.active > .content,.section-container.horizontal-nav > [data-section-region].active > [data-section-content],.section-container.horizontal-nav > [data-section-region].active > .content, [data-section='accordion'] > section.active > [data-section-content], [data-section='accordion'] > section.active > .content, [data-section='accordion'] > .section.active > [data-section-content], [data-section='accordion'] > .section.active > .content, [data-section='accordion'] > [data-section-region].active > [data-section-content], [data-section='accordion'] > [data-section-region].active > .content,.section-container.accordion > section.active > [data-section-content],.section-container.accordion > section.active > .content,.section-container.accordion > .section.active > [data-section-content],.section-container.accordion > .section.active > .content,.section-container.accordion > [data-section-region].active > [data-section-content],.section-container.accordion > [data-section-region].active > .content{ display: block;} [data-section=''] > section:not(.active),[data-section=''] > .section:not(.active),[data-section=''] > [data-section-region]:not(.active),[data-section='auto'] > section:not(.active),[data-section='auto'] > .section:not(.active),[data-section='auto'] > [data-section-region]:not(.active),.section-container.auto > section:not(.active),.section-container.auto > .section:not(.active),.section-container.auto > [data-section-region]:not(.active), [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active),.section-container.vertical-tabs > section:not(.active),.section-container.vertical-tabs > .section:not(.active),.section-container.vertical-tabs > [data-section-region]:not(.active), [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active),.section-container.vertical-nav > section:not(.active),.section-container.vertical-nav > .section:not(.active),.section-container.vertical-nav > [data-section-region]:not(.active), [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active),.section-container.horizontal-nav > section:not(.active),.section-container.horizontal-nav > .section:not(.active),.section-container.horizontal-nav > [data-section-region]:not(.active), [data-section='accordion'] > section:not(.active), [data-section='accordion'] > .section:not(.active), [data-section='accordion'] > [data-section-region]:not(.active),.section-container.accordion > section:not(.active),.section-container.accordion > .section:not(.active),.section-container.accordion > [data-section-region]:not(.active){ padding: 0 !important;} [data-section=''] > section > [data-section-title],[data-section=''] > section > .title,[data-section=''] > .section > [data-section-title],[data-section=''] > .section > .title,[data-section=''] > [data-section-region] > [data-section-title],[data-section=''] > [data-section-region] > .title,[data-section='auto'] > section > [data-section-title],[data-section='auto'] > section > .title,[data-section='auto'] > .section > [data-section-title],[data-section='auto'] > .section > .title,[data-section='auto'] > [data-section-region] > [data-section-title],[data-section='auto'] > [data-section-region] > .title,.section-container.auto > section > [data-section-title],.section-container.auto > section > .title,.section-container.auto > .section > [data-section-title],.section-container.auto > .section > .title,.section-container.auto > [data-section-region] > [data-section-title],.section-container.auto > [data-section-region] > .title, [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title,.section-container.vertical-tabs > section > [data-section-title],.section-container.vertical-tabs > section > .title,.section-container.vertical-tabs > .section > [data-section-title],.section-container.vertical-tabs > .section > .title,.section-container.vertical-tabs > [data-section-region] > [data-section-title],.section-container.vertical-tabs > [data-section-region] > .title, [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title,.section-container.vertical-nav > section > [data-section-title],.section-container.vertical-nav > section > .title,.section-container.vertical-nav > .section > [data-section-title],.section-container.vertical-nav > .section > .title,.section-container.vertical-nav > [data-section-region] > [data-section-title],.section-container.vertical-nav > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title,.section-container.horizontal-nav > section > [data-section-title],.section-container.horizontal-nav > section > .title,.section-container.horizontal-nav > .section > [data-section-title],.section-container.horizontal-nav > .section > .title,.section-container.horizontal-nav > [data-section-region] > [data-section-title],.section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title,.section-container.accordion > section > [data-section-title],.section-container.accordion > section > .title,.section-container.accordion > .section > [data-section-title],.section-container.accordion > .section > .title,.section-container.accordion > [data-section-region] > [data-section-title],.section-container.accordion > [data-section-region] > .title{ width: 100%;} .section-container.auto,.section-container.vertical-tabs,.section-container.vertical-nav,.section-container.horizontal-nav,.section-container.accordion{border-top: 1px solid #ccc;} .section-container.auto > section > .title,.section-container.auto > .section > .title, .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title, .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .section-container.auto > section > .title a,.section-container.auto > .section > .title a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a, .section-container.accordion > section > .title a, .section-container.accordion > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .section-container.auto > section > .title:hover,.section-container.auto > .section > .title:hover, .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover, .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover, .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover, .section-container.accordion > section > .title:hover, .section-container.accordion > .section > .title:hover{ background-color: #e2e2e2;} .section-container.auto > section > .content,.section-container.auto > .section > .content, .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content, .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content, .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content, .section-container.accordion > section > .content, .section-container.accordion > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .section-container.auto > section > .content > *:last-child,.section-container.auto > .section > .content > *:last-child, .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child, .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child, .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child, .section-container.accordion > section > .content > *:last-child, .section-container.accordion > .section > .content > *:last-child{ margin-bottom: 0;} .section-container.auto > section > .content > *:first-child,.section-container.auto > .section > .content > *:first-child, .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child, .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child, .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child, .section-container.accordion > section > .content > *:first-child, .section-container.accordion > .section > .content > *:first-child{ padding-top: 0;} .section-container.auto > section > .content > *:last-child:not(.flex-video),.section-container.auto > .section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video), .section-container.accordion > section > .content > *:last-child:not(.flex-video), .section-container.accordion > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .section-container.auto > section.active > .title,.section-container.auto > .section.active > .title, .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title, .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title, .section-container.accordion > section.active > .title, .section-container.accordion > .section.active > .title{ background: #d5d5d5;} .section-container.auto > section.active > .title a,.section-container.auto > .section.active > .title a, .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a, .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a, .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a, .section-container.accordion > section.active > .title a, .section-container.accordion > .section.active > .title a{ color: #333;} .section-container.auto > section:not(.active),.section-container.auto > .section:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active){ padding: 0 !important;} .section-container.auto > section > .title,.section-container.auto > .section > .title, .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title, .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title{ border-top: none;} [data-section='tabs'],.section-container.tabs{width: 100%; position: relative; display: block; margin-bottom: 1.25em;} [data-section='tabs']:not([data-section-resized]):not([data-section-small-style]),.section-container.tabs:not([data-section-resized]):not([data-section-small-style]){ visibility: hidden;} [data-section='tabs'] > section > [data-section-title],[data-section='tabs'] > section > .title,[data-section='tabs'] > .section > [data-section-title],[data-section='tabs'] > .section > .title,[data-section='tabs'] > [data-section-region] > [data-section-title],[data-section='tabs'] > [data-section-region] > .title,.section-container.tabs > section > [data-section-title],.section-container.tabs > section > .title,.section-container.tabs > .section > [data-section-title],.section-container.tabs > .section > .title,.section-container.tabs > [data-section-region] > [data-section-title],.section-container.tabs > [data-section-region] > .title{ margin-bottom: 0;} [data-section='tabs'] > section > [data-section-title] a,[data-section='tabs'] > section > .title a,[data-section='tabs'] > .section > [data-section-title] a,[data-section='tabs'] > .section > .title a,[data-section='tabs'] > [data-section-region] > [data-section-title] a,[data-section='tabs'] > [data-section-region] > .title a,.section-container.tabs > section > [data-section-title] a,.section-container.tabs > section > .title a,.section-container.tabs > .section > [data-section-title] a,.section-container.tabs > .section > .title a,.section-container.tabs > [data-section-region] > [data-section-title] a,.section-container.tabs > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} [data-section='tabs'] > section > [data-section-content],[data-section='tabs'] > section > .content,[data-section='tabs'] > .section > [data-section-content],[data-section='tabs'] > .section > .content,[data-section='tabs'] > [data-section-region] > [data-section-content],[data-section='tabs'] > [data-section-region] > .content,.section-container.tabs > section > [data-section-content],.section-container.tabs > section > .content,.section-container.tabs > .section > [data-section-content],.section-container.tabs > .section > .content,.section-container.tabs > [data-section-region] > [data-section-content],.section-container.tabs > [data-section-region] > .content{ display: none;} [data-section='tabs'] > section.active > [data-section-content],[data-section='tabs'] > section.active > .content,[data-section='tabs'] > .section.active > [data-section-content],[data-section='tabs'] > .section.active > .content,[data-section='tabs'] > [data-section-region].active > [data-section-content],[data-section='tabs'] > [data-section-region].active > .content,.section-container.tabs > section.active > [data-section-content],.section-container.tabs > section.active > .content,.section-container.tabs > .section.active > [data-section-content],.section-container.tabs > .section.active > .content,.section-container.tabs > [data-section-region].active > [data-section-content],.section-container.tabs > [data-section-region].active > .content{ display: block;} [data-section='tabs'] > section:not(.active),[data-section='tabs'] > .section:not(.active),[data-section='tabs'] > [data-section-region]:not(.active),.section-container.tabs > section:not(.active),.section-container.tabs > .section:not(.active),.section-container.tabs > [data-section-region]:not(.active){ padding: 0 !important;} [data-section='tabs'] > section > [data-section-title],[data-section='tabs'] > section > .title,[data-section='tabs'] > .section > [data-section-title],[data-section='tabs'] > .section > .title,[data-section='tabs'] > [data-section-region] > [data-section-title],[data-section='tabs'] > [data-section-region] > .title,.section-container.tabs > section > [data-section-title],.section-container.tabs > section > .title,.section-container.tabs > .section > [data-section-title],.section-container.tabs > .section > .title,.section-container.tabs > [data-section-region] > [data-section-title],.section-container.tabs > [data-section-region] > .title{ width: auto; position: absolute; top: 0; left: 0;} .section-container.tabs{border: none;} .section-container.tabs > section > .title,.section-container.tabs > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .section-container.tabs > section > .title a,.section-container.tabs > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .section-container.tabs > section > .title:hover,.section-container.tabs > .section > .title:hover{ background-color: #e2e2e2;} .section-container.tabs > section > .content,.section-container.tabs > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .section-container.tabs > section > .content > *:last-child,.section-container.tabs > .section > .content > *:last-child{ margin-bottom: 0;} .section-container.tabs > section > .content > *:first-child,.section-container.tabs > .section > .content > *:first-child{ padding-top: 0;} .section-container.tabs > section > .content > *:last-child:not(.flex-video),.section-container.tabs > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .section-container.tabs > section.active > .title,.section-container.tabs > .section.active > .title{ background: #fff;} .section-container.tabs > section.active > .title a,.section-container.tabs > .section.active > .title a{ color: #333;} .section-container.tabs > section:not(.active),.section-container.tabs > .section:not(.active){ padding: 0 !important;} .section-container.tabs > section.active > .title,.section-container.tabs > .section.active > .title{ border-bottom: 0;} @media only screen and (min-width: 768px){[data-section=''],[data-section='auto'],.section-container.auto{ width: 100%; position: relative; display: block; margin-bottom: 1.25em;} [data-section='']:not([data-section-resized]):not([data-section-small-style]),[data-section='auto']:not([data-section-resized]):not([data-section-small-style]),.section-container.auto:not([data-section-resized]):not([data-section-small-style]){ visibility: hidden;} [data-section=''] > section > [data-section-title],[data-section=''] > section > .title,[data-section=''] > .section > [data-section-title],[data-section=''] > .section > .title,[data-section=''] > [data-section-region] > [data-section-title],[data-section=''] > [data-section-region] > .title,[data-section='auto'] > section > [data-section-title],[data-section='auto'] > section > .title,[data-section='auto'] > .section > [data-section-title],[data-section='auto'] > .section > .title,[data-section='auto'] > [data-section-region] > [data-section-title],[data-section='auto'] > [data-section-region] > .title,.section-container.auto > section > [data-section-title],.section-container.auto > section > .title,.section-container.auto > .section > [data-section-title],.section-container.auto > .section > .title,.section-container.auto > [data-section-region] > [data-section-title],.section-container.auto > [data-section-region] > .title{ margin-bottom: 0;} [data-section=''] > section > [data-section-title] a,[data-section=''] > section > .title a,[data-section=''] > .section > [data-section-title] a,[data-section=''] > .section > .title a,[data-section=''] > [data-section-region] > [data-section-title] a,[data-section=''] > [data-section-region] > .title a,[data-section='auto'] > section > [data-section-title] a,[data-section='auto'] > section > .title a,[data-section='auto'] > .section > [data-section-title] a,[data-section='auto'] > .section > .title a,[data-section='auto'] > [data-section-region] > [data-section-title] a,[data-section='auto'] > [data-section-region] > .title a,.section-container.auto > section > [data-section-title] a,.section-container.auto > section > .title a,.section-container.auto > .section > [data-section-title] a,.section-container.auto > .section > .title a,.section-container.auto > [data-section-region] > [data-section-title] a,.section-container.auto > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} [data-section=''] > section > [data-section-content],[data-section=''] > section > .content,[data-section=''] > .section > [data-section-content],[data-section=''] > .section > .content,[data-section=''] > [data-section-region] > [data-section-content],[data-section=''] > [data-section-region] > .content,[data-section='auto'] > section > [data-section-content],[data-section='auto'] > section > .content,[data-section='auto'] > .section > [data-section-content],[data-section='auto'] > .section > .content,[data-section='auto'] > [data-section-region] > [data-section-content],[data-section='auto'] > [data-section-region] > .content,.section-container.auto > section > [data-section-content],.section-container.auto > section > .content,.section-container.auto > .section > [data-section-content],.section-container.auto > .section > .content,.section-container.auto > [data-section-region] > [data-section-content],.section-container.auto > [data-section-region] > .content{ display: none;} [data-section=''] > section.active > [data-section-content],[data-section=''] > section.active > .content,[data-section=''] > .section.active > [data-section-content],[data-section=''] > .section.active > .content,[data-section=''] > [data-section-region].active > [data-section-content],[data-section=''] > [data-section-region].active > .content,[data-section='auto'] > section.active > [data-section-content],[data-section='auto'] > section.active > .content,[data-section='auto'] > .section.active > [data-section-content],[data-section='auto'] > .section.active > .content,[data-section='auto'] > [data-section-region].active > [data-section-content],[data-section='auto'] > [data-section-region].active > .content,.section-container.auto > section.active > [data-section-content],.section-container.auto > section.active > .content,.section-container.auto > .section.active > [data-section-content],.section-container.auto > .section.active > .content,.section-container.auto > [data-section-region].active > [data-section-content],.section-container.auto > [data-section-region].active > .content{ display: block;} [data-section=''] > section:not(.active),[data-section=''] > .section:not(.active),[data-section=''] > [data-section-region]:not(.active),[data-section='auto'] > section:not(.active),[data-section='auto'] > .section:not(.active),[data-section='auto'] > [data-section-region]:not(.active),.section-container.auto > section:not(.active),.section-container.auto > .section:not(.active),.section-container.auto > [data-section-region]:not(.active){ padding: 0 !important;} [data-section=''] > section > [data-section-title],[data-section=''] > section > .title,[data-section=''] > .section > [data-section-title],[data-section=''] > .section > .title,[data-section=''] > [data-section-region] > [data-section-title],[data-section=''] > [data-section-region] > .title,[data-section='auto'] > section > [data-section-title],[data-section='auto'] > section > .title,[data-section='auto'] > .section > [data-section-title],[data-section='auto'] > .section > .title,[data-section='auto'] > [data-section-region] > [data-section-title],[data-section='auto'] > [data-section-region] > .title,.section-container.auto > section > [data-section-title],.section-container.auto > section > .title,.section-container.auto > .section > [data-section-title],.section-container.auto > .section > .title,.section-container.auto > [data-section-region] > [data-section-title],.section-container.auto > [data-section-region] > .title{ width: auto; position: absolute; top: 0; left: 0;} .section-container.auto{ border: none;} .section-container.auto > section > .title,.section-container.auto > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .section-container.auto > section > .title a,.section-container.auto > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .section-container.auto > section > .title:hover,.section-container.auto > .section > .title:hover{ background-color: #e2e2e2;} .section-container.auto > section > .content,.section-container.auto > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .section-container.auto > section > .content > *:last-child,.section-container.auto > .section > .content > *:last-child{ margin-bottom: 0;} .section-container.auto > section > .content > *:first-child,.section-container.auto > .section > .content > *:first-child{ padding-top: 0;} .section-container.auto > section > .content > *:last-child:not(.flex-video),.section-container.auto > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .section-container.auto > section.active > .title,.section-container.auto > .section.active > .title{ background: #fff;} .section-container.auto > section.active > .title a,.section-container.auto > .section.active > .title a{ color: #333;} .section-container.auto > section:not(.active),.section-container.auto > .section:not(.active){ padding: 0 !important;} .section-container.auto > section.active > .title,.section-container.auto > .section.active > .title{ border-bottom: 0;} [data-section='vertical-tabs'],.section-container.vertical-tabs{ width: 100%; position: relative; display: block; margin-bottom: 1.25em;} [data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]),.section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]){ visibility: hidden;} [data-section='vertical-tabs'][data-section-small-style],.section-container.vertical-tabs[data-section-small-style]{ width: 100% !important;} [data-section='vertical-tabs'][data-section-small-style] > [data-section-region],[data-section='vertical-tabs'][data-section-small-style] > section,[data-section='vertical-tabs'][data-section-small-style] > .section,.section-container.vertical-tabs[data-section-small-style] > [data-section-region],.section-container.vertical-tabs[data-section-small-style] > section,.section-container.vertical-tabs[data-section-small-style] > .section{ padding: 0 !important; margin: 0 !important;} [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title],[data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title,[data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title],[data-section='vertical-tabs'][data-section-small-style] > section > .title,[data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title],[data-section='vertical-tabs'][data-section-small-style] > .section > .title,.section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title,.section-container.vertical-tabs[data-section-small-style] > section > [data-section-title],.section-container.vertical-tabs[data-section-small-style] > section > .title,.section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title],.section-container.vertical-tabs[data-section-small-style] > .section > .title{ width: 100% !important;} [data-section='vertical-tabs'] > section > [data-section-title],[data-section='vertical-tabs'] > section > .title,[data-section='vertical-tabs'] > .section > [data-section-title],[data-section='vertical-tabs'] > .section > .title,[data-section='vertical-tabs'] > [data-section-region] > [data-section-title],[data-section='vertical-tabs'] > [data-section-region] > .title,.section-container.vertical-tabs > section > [data-section-title],.section-container.vertical-tabs > section > .title,.section-container.vertical-tabs > .section > [data-section-title],.section-container.vertical-tabs > .section > .title,.section-container.vertical-tabs > [data-section-region] > [data-section-title],.section-container.vertical-tabs > [data-section-region] > .title{ margin-bottom: 0;} [data-section='vertical-tabs'] > section > [data-section-title] a,[data-section='vertical-tabs'] > section > .title a,[data-section='vertical-tabs'] > .section > [data-section-title] a,[data-section='vertical-tabs'] > .section > .title a,[data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a,[data-section='vertical-tabs'] > [data-section-region] > .title a,.section-container.vertical-tabs > section > [data-section-title] a,.section-container.vertical-tabs > section > .title a,.section-container.vertical-tabs > .section > [data-section-title] a,.section-container.vertical-tabs > .section > .title a,.section-container.vertical-tabs > [data-section-region] > [data-section-title] a,.section-container.vertical-tabs > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} [data-section='vertical-tabs'] > section > [data-section-content],[data-section='vertical-tabs'] > section > .content,[data-section='vertical-tabs'] > .section > [data-section-content],[data-section='vertical-tabs'] > .section > .content,[data-section='vertical-tabs'] > [data-section-region] > [data-section-content],[data-section='vertical-tabs'] > [data-section-region] > .content,.section-container.vertical-tabs > section > [data-section-content],.section-container.vertical-tabs > section > .content,.section-container.vertical-tabs > .section > [data-section-content],.section-container.vertical-tabs > .section > .content,.section-container.vertical-tabs > [data-section-region] > [data-section-content],.section-container.vertical-tabs > [data-section-region] > .content{ display: none;} [data-section='vertical-tabs'] > section.active > [data-section-content],[data-section='vertical-tabs'] > section.active > .content,[data-section='vertical-tabs'] > .section.active > [data-section-content],[data-section='vertical-tabs'] > .section.active > .content,[data-section='vertical-tabs'] > [data-section-region].active > [data-section-content],[data-section='vertical-tabs'] > [data-section-region].active > .content,.section-container.vertical-tabs > section.active > [data-section-content],.section-container.vertical-tabs > section.active > .content,.section-container.vertical-tabs > .section.active > [data-section-content],.section-container.vertical-tabs > .section.active > .content,.section-container.vertical-tabs > [data-section-region].active > [data-section-content],.section-container.vertical-tabs > [data-section-region].active > .content{ display: block;} [data-section='vertical-tabs'] > section:not(.active),[data-section='vertical-tabs'] > .section:not(.active),[data-section='vertical-tabs'] > [data-section-region]:not(.active),.section-container.vertical-tabs > section:not(.active),.section-container.vertical-tabs > .section:not(.active),.section-container.vertical-tabs > [data-section-region]:not(.active){ padding: 0 !important;} [data-section='vertical-tabs'] > section > [data-section-title],[data-section='vertical-tabs'] > section > .title,[data-section='vertical-tabs'] > .section > [data-section-title],[data-section='vertical-tabs'] > .section > .title,[data-section='vertical-tabs'] > [data-section-region] > [data-section-title],[data-section='vertical-tabs'] > [data-section-region] > .title,.section-container.vertical-tabs > section > [data-section-title],.section-container.vertical-tabs > section > .title,.section-container.vertical-tabs > .section > [data-section-title],.section-container.vertical-tabs > .section > .title,.section-container.vertical-tabs > [data-section-region] > [data-section-title],.section-container.vertical-tabs > [data-section-region] > .title{ position: absolute; top: 0; left: 0; width: 12.5em;} [data-section='vertical-tabs'] > section.active,[data-section='vertical-tabs'] > .section.active,[data-section='vertical-tabs'] > [data-section-region].active,.section-container.vertical-tabs > section.active,.section-container.vertical-tabs > .section.active,.section-container.vertical-tabs > [data-section-region].active{ padding-left: 12.5em;} [data-section='vertical-tabs'] > section.active > [data-section-title],[data-section='vertical-tabs'] > section.active > .title,[data-section='vertical-tabs'] > .section.active > [data-section-title],[data-section='vertical-tabs'] > .section.active > .title,[data-section='vertical-tabs'] > [data-section-region].active > [data-section-title],[data-section='vertical-tabs'] > [data-section-region].active > .title,.section-container.vertical-tabs > section.active > [data-section-title],.section-container.vertical-tabs > section.active > .title,.section-container.vertical-tabs > .section.active > [data-section-title],.section-container.vertical-tabs > .section.active > .title,.section-container.vertical-tabs > [data-section-region].active > [data-section-title],.section-container.vertical-tabs > [data-section-region].active > .title{ width: 12.5em;} .section-container.vertical-tabs{ border: none;} .section-container.vertical-tabs > section > .title,.section-container.vertical-tabs > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .section-container.vertical-tabs > section > .title a,.section-container.vertical-tabs > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .section-container.vertical-tabs > section > .title:hover,.section-container.vertical-tabs > .section > .title:hover{ background-color: #e2e2e2;} .section-container.vertical-tabs > section > .content,.section-container.vertical-tabs > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .section-container.vertical-tabs > section > .content > *:last-child,.section-container.vertical-tabs > .section > .content > *:last-child{ margin-bottom: 0;} .section-container.vertical-tabs > section > .content > *:first-child,.section-container.vertical-tabs > .section > .content > *:first-child{ padding-top: 0;} .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video),.section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .section-container.vertical-tabs > section.active > .title,.section-container.vertical-tabs > .section.active > .title{ background: #d5d5d5;} .section-container.vertical-tabs > section.active > .title a,.section-container.vertical-tabs > .section.active > .title a{ color: #333;} .section-container.vertical-tabs > section:not(.active),.section-container.vertical-tabs > .section:not(.active){ padding: 0 !important;} .section-container.vertical-tabs > section.active,.section-container.vertical-tabs > .section.active{ padding-left: 12.4375em;} .section-container.vertical-tabs > section.active > .title,.section-container.vertical-tabs > .section.active > .title{ background-color: #d5d5d5;} [data-section='vertical-nav'],.section-container.vertical-nav{ width: 100%; position: relative; display: block; margin-bottom: 1.25em;} [data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]),.section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]){ visibility: hidden;} [data-section='vertical-nav'][data-section-small-style],.section-container.vertical-nav[data-section-small-style]{ width: 100% !important;} [data-section='vertical-nav'][data-section-small-style] > [data-section-region],[data-section='vertical-nav'][data-section-small-style] > section,[data-section='vertical-nav'][data-section-small-style] > .section,.section-container.vertical-nav[data-section-small-style] > [data-section-region],.section-container.vertical-nav[data-section-small-style] > section,.section-container.vertical-nav[data-section-small-style] > .section{ padding: 0 !important; margin: 0 !important;} [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title],[data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title,[data-section='vertical-nav'][data-section-small-style] > section > [data-section-title],[data-section='vertical-nav'][data-section-small-style] > section > .title,[data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title],[data-section='vertical-nav'][data-section-small-style] > .section > .title,.section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title,.section-container.vertical-nav[data-section-small-style] > section > [data-section-title],.section-container.vertical-nav[data-section-small-style] > section > .title,.section-container.vertical-nav[data-section-small-style] > .section > [data-section-title],.section-container.vertical-nav[data-section-small-style] > .section > .title{ width: 100% !important;} [data-section='vertical-nav'] > section,[data-section='vertical-nav'] > .section,[data-section='vertical-nav'] > [data-section-region],.section-container.vertical-nav > section,.section-container.vertical-nav > .section,.section-container.vertical-nav > [data-section-region]{ position: relative; display: inline-block;} [data-section='vertical-nav'] > section > [data-section-title],[data-section='vertical-nav'] > section > .title,[data-section='vertical-nav'] > .section > [data-section-title],[data-section='vertical-nav'] > .section > .title,[data-section='vertical-nav'] > [data-section-region] > [data-section-title],[data-section='vertical-nav'] > [data-section-region] > .title,.section-container.vertical-nav > section > [data-section-title],.section-container.vertical-nav > section > .title,.section-container.vertical-nav > .section > [data-section-title],.section-container.vertical-nav > .section > .title,.section-container.vertical-nav > [data-section-region] > [data-section-title],.section-container.vertical-nav > [data-section-region] > .title{ margin-bottom: 0;} [data-section='vertical-nav'] > section > [data-section-title] a,[data-section='vertical-nav'] > section > .title a,[data-section='vertical-nav'] > .section > [data-section-title] a,[data-section='vertical-nav'] > .section > .title a,[data-section='vertical-nav'] > [data-section-region] > [data-section-title] a,[data-section='vertical-nav'] > [data-section-region] > .title a,.section-container.vertical-nav > section > [data-section-title] a,.section-container.vertical-nav > section > .title a,.section-container.vertical-nav > .section > [data-section-title] a,.section-container.vertical-nav > .section > .title a,.section-container.vertical-nav > [data-section-region] > [data-section-title] a,.section-container.vertical-nav > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} [data-section='vertical-nav'] > section > [data-section-content],[data-section='vertical-nav'] > section > .content,[data-section='vertical-nav'] > .section > [data-section-content],[data-section='vertical-nav'] > .section > .content,[data-section='vertical-nav'] > [data-section-region] > [data-section-content],[data-section='vertical-nav'] > [data-section-region] > .content,.section-container.vertical-nav > section > [data-section-content],.section-container.vertical-nav > section > .content,.section-container.vertical-nav > .section > [data-section-content],.section-container.vertical-nav > .section > .content,.section-container.vertical-nav > [data-section-region] > [data-section-content],.section-container.vertical-nav > [data-section-region] > .content{ display: none;} [data-section='vertical-nav'] > section.active > [data-section-content],[data-section='vertical-nav'] > section.active > .content,[data-section='vertical-nav'] > .section.active > [data-section-content],[data-section='vertical-nav'] > .section.active > .content,[data-section='vertical-nav'] > [data-section-region].active > [data-section-content],[data-section='vertical-nav'] > [data-section-region].active > .content,.section-container.vertical-nav > section.active > [data-section-content],.section-container.vertical-nav > section.active > .content,.section-container.vertical-nav > .section.active > [data-section-content],.section-container.vertical-nav > .section.active > .content,.section-container.vertical-nav > [data-section-region].active > [data-section-content],.section-container.vertical-nav > [data-section-region].active > .content{ display: block;} [data-section='vertical-nav'] > section:not(.active),[data-section='vertical-nav'] > .section:not(.active),[data-section='vertical-nav'] > [data-section-region]:not(.active),.section-container.vertical-nav > section:not(.active),.section-container.vertical-nav > .section:not(.active),.section-container.vertical-nav > [data-section-region]:not(.active){ padding: 0 !important;} [data-section='vertical-nav'] > section > [data-section-title],[data-section='vertical-nav'] > section > .title,[data-section='vertical-nav'] > .section > [data-section-title],[data-section='vertical-nav'] > .section > .title,[data-section='vertical-nav'] > [data-section-region] > [data-section-title],[data-section='vertical-nav'] > [data-section-region] > .title,.section-container.vertical-nav > section > [data-section-title],.section-container.vertical-nav > section > .title,.section-container.vertical-nav > .section > [data-section-title],.section-container.vertical-nav > .section > .title,.section-container.vertical-nav > [data-section-region] > [data-section-title],.section-container.vertical-nav > [data-section-region] > .title{ position: static; width: auto;} [data-section='vertical-nav'] > section > [data-section-title] a,[data-section='vertical-nav'] > section > .title a,[data-section='vertical-nav'] > .section > [data-section-title] a,[data-section='vertical-nav'] > .section > .title a,[data-section='vertical-nav'] > [data-section-region] > [data-section-title] a,[data-section='vertical-nav'] > [data-section-region] > .title a,.section-container.vertical-nav > section > [data-section-title] a,.section-container.vertical-nav > section > .title a,.section-container.vertical-nav > .section > [data-section-title] a,.section-container.vertical-nav > .section > .title a,.section-container.vertical-nav > [data-section-region] > [data-section-title] a,.section-container.vertical-nav > [data-section-region] > .title a{ display: block;} [data-section='vertical-nav'] > section > [data-section-content],[data-section='vertical-nav'] > section > .content,[data-section='vertical-nav'] > .section > [data-section-content],[data-section='vertical-nav'] > .section > .content,[data-section='vertical-nav'] > [data-section-region] > [data-section-content],[data-section='vertical-nav'] > [data-section-region] > .content,.section-container.vertical-nav > section > [data-section-content],.section-container.vertical-nav > section > .content,.section-container.vertical-nav > .section > [data-section-content],.section-container.vertical-nav > .section > .content,.section-container.vertical-nav > [data-section-region] > [data-section-content],.section-container.vertical-nav > [data-section-region] > .content{ position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em;} .section-container.vertical-nav{ border: none;} .section-container.vertical-nav > section > .title,.section-container.vertical-nav > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .section-container.vertical-nav > section > .title a,.section-container.vertical-nav > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .section-container.vertical-nav > section > .title:hover,.section-container.vertical-nav > .section > .title:hover{ background-color: #e2e2e2;} .section-container.vertical-nav > section > .content,.section-container.vertical-nav > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .section-container.vertical-nav > section > .content > *:last-child,.section-container.vertical-nav > .section > .content > *:last-child{ margin-bottom: 0;} .section-container.vertical-nav > section > .content > *:first-child,.section-container.vertical-nav > .section > .content > *:first-child{ padding-top: 0;} .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video),.section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .section-container.vertical-nav > section.active > .title,.section-container.vertical-nav > .section.active > .title{ background: #d5d5d5;} .section-container.vertical-nav > section.active > .title a,.section-container.vertical-nav > .section.active > .title a{ color: #333;} .section-container.vertical-nav > section:not(.active),.section-container.vertical-nav > .section:not(.active){ padding: 0 !important;} [data-section='horizontal-nav'],.section-container.horizontal-nav{ width: 100%; position: relative; display: block; margin-bottom: 1.25em;} [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]),.section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]){ visibility: hidden;} [data-section='horizontal-nav'][data-section-small-style],.section-container.horizontal-nav[data-section-small-style]{ width: 100% !important;} [data-section='horizontal-nav'][data-section-small-style] > [data-section-region],[data-section='horizontal-nav'][data-section-small-style] > section,[data-section='horizontal-nav'][data-section-small-style] > .section,.section-container.horizontal-nav[data-section-small-style] > [data-section-region],.section-container.horizontal-nav[data-section-small-style] > section,.section-container.horizontal-nav[data-section-small-style] > .section{ padding: 0 !important; margin: 0 !important;} [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title],[data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title,[data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title],[data-section='horizontal-nav'][data-section-small-style] > section > .title,[data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title],[data-section='horizontal-nav'][data-section-small-style] > .section > .title,.section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title],.section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title,.section-container.horizontal-nav[data-section-small-style] > section > [data-section-title],.section-container.horizontal-nav[data-section-small-style] > section > .title,.section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title],.section-container.horizontal-nav[data-section-small-style] > .section > .title{ width: 100% !important;} [data-section='horizontal-nav'] > section,[data-section='horizontal-nav'] > .section,[data-section='horizontal-nav'] > [data-section-region],.section-container.horizontal-nav > section,.section-container.horizontal-nav > .section,.section-container.horizontal-nav > [data-section-region]{ position: relative; float: left;} [data-section='horizontal-nav'] > section > [data-section-title],[data-section='horizontal-nav'] > section > .title,[data-section='horizontal-nav'] > .section > [data-section-title],[data-section='horizontal-nav'] > .section > .title,[data-section='horizontal-nav'] > [data-section-region] > [data-section-title],[data-section='horizontal-nav'] > [data-section-region] > .title,.section-container.horizontal-nav > section > [data-section-title],.section-container.horizontal-nav > section > .title,.section-container.horizontal-nav > .section > [data-section-title],.section-container.horizontal-nav > .section > .title,.section-container.horizontal-nav > [data-section-region] > [data-section-title],.section-container.horizontal-nav > [data-section-region] > .title{ margin-bottom: 0;} [data-section='horizontal-nav'] > section > [data-section-title] a,[data-section='horizontal-nav'] > section > .title a,[data-section='horizontal-nav'] > .section > [data-section-title] a,[data-section='horizontal-nav'] > .section > .title a,[data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a,[data-section='horizontal-nav'] > [data-section-region] > .title a,.section-container.horizontal-nav > section > [data-section-title] a,.section-container.horizontal-nav > section > .title a,.section-container.horizontal-nav > .section > [data-section-title] a,.section-container.horizontal-nav > .section > .title a,.section-container.horizontal-nav > [data-section-region] > [data-section-title] a,.section-container.horizontal-nav > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} [data-section='horizontal-nav'] > section > [data-section-content],[data-section='horizontal-nav'] > section > .content,[data-section='horizontal-nav'] > .section > [data-section-content],[data-section='horizontal-nav'] > .section > .content,[data-section='horizontal-nav'] > [data-section-region] > [data-section-content],[data-section='horizontal-nav'] > [data-section-region] > .content,.section-container.horizontal-nav > section > [data-section-content],.section-container.horizontal-nav > section > .content,.section-container.horizontal-nav > .section > [data-section-content],.section-container.horizontal-nav > .section > .content,.section-container.horizontal-nav > [data-section-region] > [data-section-content],.section-container.horizontal-nav > [data-section-region] > .content{ display: none;} [data-section='horizontal-nav'] > section.active > [data-section-content],[data-section='horizontal-nav'] > section.active > .content,[data-section='horizontal-nav'] > .section.active > [data-section-content],[data-section='horizontal-nav'] > .section.active > .content,[data-section='horizontal-nav'] > [data-section-region].active > [data-section-content],[data-section='horizontal-nav'] > [data-section-region].active > .content,.section-container.horizontal-nav > section.active > [data-section-content],.section-container.horizontal-nav > section.active > .content,.section-container.horizontal-nav > .section.active > [data-section-content],.section-container.horizontal-nav > .section.active > .content,.section-container.horizontal-nav > [data-section-region].active > [data-section-content],.section-container.horizontal-nav > [data-section-region].active > .content{ display: block;} [data-section='horizontal-nav'] > section:not(.active),[data-section='horizontal-nav'] > .section:not(.active),[data-section='horizontal-nav'] > [data-section-region]:not(.active),.section-container.horizontal-nav > section:not(.active),.section-container.horizontal-nav > .section:not(.active),.section-container.horizontal-nav > [data-section-region]:not(.active){ padding: 0 !important;} [data-section='horizontal-nav'] > section > [data-section-title],[data-section='horizontal-nav'] > section > .title,[data-section='horizontal-nav'] > .section > [data-section-title],[data-section='horizontal-nav'] > .section > .title,[data-section='horizontal-nav'] > [data-section-region] > [data-section-title],[data-section='horizontal-nav'] > [data-section-region] > .title,.section-container.horizontal-nav > section > [data-section-title],.section-container.horizontal-nav > section > .title,.section-container.horizontal-nav > .section > [data-section-title],.section-container.horizontal-nav > .section > .title,.section-container.horizontal-nav > [data-section-region] > [data-section-title],.section-container.horizontal-nav > [data-section-region] > .title{ position: static; width: auto;} [data-section='horizontal-nav'] > section > [data-section-title] a,[data-section='horizontal-nav'] > section > .title a,[data-section='horizontal-nav'] > .section > [data-section-title] a,[data-section='horizontal-nav'] > .section > .title a,[data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a,[data-section='horizontal-nav'] > [data-section-region] > .title a,.section-container.horizontal-nav > section > [data-section-title] a,.section-container.horizontal-nav > section > .title a,.section-container.horizontal-nav > .section > [data-section-title] a,.section-container.horizontal-nav > .section > .title a,.section-container.horizontal-nav > [data-section-region] > [data-section-title] a,.section-container.horizontal-nav > [data-section-region] > .title a{ display: block;} [data-section='horizontal-nav'] > section > [data-section-content],[data-section='horizontal-nav'] > section > .content,[data-section='horizontal-nav'] > .section > [data-section-content],[data-section='horizontal-nav'] > .section > .content,[data-section='horizontal-nav'] > [data-section-region] > [data-section-content],[data-section='horizontal-nav'] > [data-section-region] > .content,.section-container.horizontal-nav > section > [data-section-content],.section-container.horizontal-nav > section > .content,.section-container.horizontal-nav > .section > [data-section-content],.section-container.horizontal-nav > .section > .content,.section-container.horizontal-nav > [data-section-region] > [data-section-content],.section-container.horizontal-nav > [data-section-region] > .content{ width: auto; position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em;} .section-container.horizontal-nav{ background: #efefef; border: 1px solid #ccc;} .section-container.horizontal-nav > section > .title,.section-container.horizontal-nav > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .section-container.horizontal-nav > section > .title a,.section-container.horizontal-nav > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .section-container.horizontal-nav > section > .title:hover,.section-container.horizontal-nav > .section > .title:hover{ background-color: #e2e2e2;} .section-container.horizontal-nav > section > .content,.section-container.horizontal-nav > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .section-container.horizontal-nav > section > .content > *:last-child,.section-container.horizontal-nav > .section > .content > *:last-child{ margin-bottom: 0;} .section-container.horizontal-nav > section > .content > *:first-child,.section-container.horizontal-nav > .section > .content > *:first-child{ padding-top: 0;} .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video),.section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .section-container.horizontal-nav > section.active > .title,.section-container.horizontal-nav > .section.active > .title{ background: #d5d5d5;} .section-container.horizontal-nav > section.active > .title a,.section-container.horizontal-nav > .section.active > .title a{ color: #333;} .section-container.horizontal-nav > section:not(.active),.section-container.horizontal-nav > .section:not(.active){ padding: 0 !important;} } .no-js [data-section],.no-js .section-container{width: 100%; position: relative; display: block; margin-bottom: 1.25em;} .no-js [data-section][data-section-small-style],.no-js .section-container[data-section-small-style]{ width: 100% !important;} .no-js [data-section][data-section-small-style] > [data-section-region],.no-js [data-section][data-section-small-style] > section,.no-js [data-section][data-section-small-style] > .section,.no-js .section-container[data-section-small-style] > [data-section-region],.no-js .section-container[data-section-small-style] > section,.no-js .section-container[data-section-small-style] > .section{ padding: 0 !important; margin: 0 !important;} .no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title],.no-js [data-section][data-section-small-style] > [data-section-region] > .title,.no-js [data-section][data-section-small-style] > section > [data-section-title],.no-js [data-section][data-section-small-style] > section > .title,.no-js [data-section][data-section-small-style] > .section > [data-section-title],.no-js [data-section][data-section-small-style] > .section > .title,.no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title],.no-js .section-container[data-section-small-style] > [data-section-region] > .title,.no-js .section-container[data-section-small-style] > section > [data-section-title],.no-js .section-container[data-section-small-style] > section > .title,.no-js .section-container[data-section-small-style] > .section > [data-section-title],.no-js .section-container[data-section-small-style] > .section > .title{ width: 100% !important;} .no-js [data-section] > section,.no-js [data-section] > .section,.no-js [data-section] > [data-section-region],.no-js .section-container > section,.no-js .section-container > .section,.no-js .section-container > [data-section-region]{ margin: 0;} .no-js [data-section] > section > [data-section-title],.no-js [data-section] > section > .title,.no-js [data-section] > .section > [data-section-title],.no-js [data-section] > .section > .title,.no-js [data-section] > [data-section-region] > [data-section-title],.no-js [data-section] > [data-section-region] > .title,.no-js .section-container > section > [data-section-title],.no-js .section-container > section > .title,.no-js .section-container > .section > [data-section-title],.no-js .section-container > .section > .title,.no-js .section-container > [data-section-region] > [data-section-title],.no-js .section-container > [data-section-region] > .title{ margin-bottom: 0;} .no-js [data-section] > section > [data-section-title] a,.no-js [data-section] > section > .title a,.no-js [data-section] > .section > [data-section-title] a,.no-js [data-section] > .section > .title a,.no-js [data-section] > [data-section-region] > [data-section-title] a,.no-js [data-section] > [data-section-region] > .title a,.no-js .section-container > section > [data-section-title] a,.no-js .section-container > section > .title a,.no-js .section-container > .section > [data-section-title] a,.no-js .section-container > .section > .title a,.no-js .section-container > [data-section-region] > [data-section-title] a,.no-js .section-container > [data-section-region] > .title a{ width: 100%; display: inline-block; white-space: nowrap;} .no-js [data-section] > section > [data-section-content],.no-js [data-section] > section > .content,.no-js [data-section] > .section > [data-section-content],.no-js [data-section] > .section > .content,.no-js [data-section] > [data-section-region] > [data-section-content],.no-js [data-section] > [data-section-region] > .content,.no-js .section-container > section > [data-section-content],.no-js .section-container > section > .content,.no-js .section-container > .section > [data-section-content],.no-js .section-container > .section > .content,.no-js .section-container > [data-section-region] > [data-section-content],.no-js .section-container > [data-section-region] > .content{ display: none;} .no-js [data-section] > section.active > [data-section-content],.no-js [data-section] > section.active > .content,.no-js [data-section] > .section.active > [data-section-content],.no-js [data-section] > .section.active > .content,.no-js [data-section] > [data-section-region].active > [data-section-content],.no-js [data-section] > [data-section-region].active > .content,.no-js .section-container > section.active > [data-section-content],.no-js .section-container > section.active > .content,.no-js .section-container > .section.active > [data-section-content],.no-js .section-container > .section.active > .content,.no-js .section-container > [data-section-region].active > [data-section-content],.no-js .section-container > [data-section-region].active > .content{ display: block;} .no-js [data-section] > section:not(.active),.no-js [data-section] > .section:not(.active),.no-js [data-section] > [data-section-region]:not(.active),.no-js .section-container > section:not(.active),.no-js .section-container > .section:not(.active),.no-js .section-container > [data-section-region]:not(.active){ padding: 0 !important;} .no-js [data-section] > section > [data-section-title],.no-js [data-section] > section > .title,.no-js [data-section] > .section > [data-section-title],.no-js [data-section] > .section > .title,.no-js [data-section] > [data-section-region] > [data-section-title],.no-js [data-section] > [data-section-region] > .title,.no-js .section-container > section > [data-section-title],.no-js .section-container > section > .title,.no-js .section-container > .section > [data-section-title],.no-js .section-container > .section > .title,.no-js .section-container > [data-section-region] > [data-section-title],.no-js .section-container > [data-section-region] > .title{ width: 100%;} .no-js .section-container{border-top: 1px solid #ccc;} .no-js .section-container > section > .title,.no-js .section-container > .section > .title{ background-color: #efefef; cursor: pointer; border: solid 1px #ccc;} .no-js .section-container > section > .title a,.no-js .section-container > .section > .title a{ padding: 0.9375em; color: #333; font-size: 0.875em; background: none;} .no-js .section-container > section > .title:hover,.no-js .section-container > .section > .title:hover{ background-color: #e2e2e2;} .no-js .section-container > section > .content,.no-js .section-container > .section > .content{ padding: 0.9375em; background-color: #fff; border: solid 1px #ccc;} .no-js .section-container > section > .content > *:last-child,.no-js .section-container > .section > .content > *:last-child{ margin-bottom: 0;} .no-js .section-container > section > .content > *:first-child,.no-js .section-container > .section > .content > *:first-child{ padding-top: 0;} .no-js .section-container > section > .content > *:last-child:not(.flex-video),.no-js .section-container > .section > .content > *:last-child:not(.flex-video){ padding-bottom: 0;} .no-js .section-container > section.active > .title,.no-js .section-container > .section.active > .title{ background: #d5d5d5;} .no-js .section-container > section.active > .title a,.no-js .section-container > .section.active > .title a{ color: #333;} .no-js .section-container > section:not(.active),.no-js .section-container > .section:not(.active){ padding: 0 !important;} .no-js .section-container > section > .title,.no-js .section-container > .section > .title{ border-top: none;} /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid{width: 100%; background: #111;} .contain-to-grid .top-bar{ margin-bottom: 0;} .fixed{width: 100%; left: 0; position: fixed; top: 0; z-index: 99;} .fixed.expanded:not(.top-bar){ overflow-y: auto; height: auto; width: 100%; max-height: 100%;} .fixed.expanded:not(.top-bar) .title-area{ position: fixed; width: 100%; z-index: 99;} .fixed.expanded:not(.top-bar) .top-bar-section{ z-index: 98; margin-top: 45px;} .top-bar{overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #111; margin-bottom: 0;} .top-bar ul{ margin-bottom: 0; list-style: none;} .top-bar .row{ max-width: none;} .top-bar form, .top-bar input{ margin-bottom: 0;} .top-bar input{ height: 2.45em;} .top-bar .button{ padding-top: .5em; padding-bottom: .5em; margin-bottom: 0;} .top-bar .title-area{ position: relative; margin: 0;} .top-bar .name{ height: 45px; margin: 0; font-size: 16px;} .top-bar .name h1{ line-height: 45px; font-size: 1.0625em; margin: 0;} .top-bar .name h1 a{ font-weight: bold; color: #fff; width: 50%; display: block; padding: 0 15px;} .top-bar .toggle-topbar{ position: absolute; right: 0; top: 0;} .top-bar .toggle-topbar a{ color: #fff; text-transform: uppercase; font-size: 0.8125em; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px;} .top-bar .toggle-topbar.menu-icon{ right: 15px; top: 50%; margin-top: -16px; padding-left: 40px;} .top-bar .toggle-topbar.menu-icon a{ text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: #fff;} .top-bar .toggle-topbar.menu-icon a span{ position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff; box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;} .top-bar.expanded{ height: auto; background: transparent;} .top-bar.expanded .title-area{ background: #111;} .top-bar.expanded .toggle-topbar a{ color: #888;} .top-bar.expanded .toggle-topbar a span{ -webkit-box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888; box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888;} .top-bar-section{left: 0; position: relative; width: auto; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out;} .top-bar-section ul{ width: 100%; height: auto; display: block; background: #222; font-size: 16px; margin: 0;} .top-bar-section .divider, .top-bar-section [role="separator"]{ border-bottom: solid 1px #2b2b2b; border-top: solid 1px black; clear: both; height: 1px; width: 100%;} .top-bar-section ul li > a{ display: block; width: 100%; color: #fff; padding: 12px 0 12px 0; padding-left: 15px; font-size: 0.8125em; font-weight: bold; background: #222;} .top-bar-section ul li > a.button{ background: #e51937; font-size: 0.8125em; padding-right: 15px; padding-left: 15px;} .top-bar-section ul li > a.button:hover{ background: #b7142c;} .top-bar-section ul li > a.button.secondary{ background: #257eaa;} .top-bar-section ul li > a.button.secondary:hover{ background: #1c5f80;} .top-bar-section ul li > a.button.success{ background: #5da423;} .top-bar-section ul li > a.button.success:hover{ background: #457a1a;} .top-bar-section ul li > a.button.alert{ background: #c60f13;} .top-bar-section ul li > a.button.alert:hover{ background: #970b0e;} .top-bar-section ul li:hover > a{ background: black; color: #fff;} .top-bar-section ul li.active > a{ background: #090909; color: #fff;} .top-bar-section .has-form{ padding: 15px;} .top-bar-section .has-dropdown{ position: relative;} .top-bar-section .has-dropdown > a:after{ content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255,255,255,0.5); border-left-style: solid; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0;} .top-bar-section .has-dropdown.moved{ position: static;} .top-bar-section .has-dropdown.moved > .dropdown{ display: block;} .top-bar-section .dropdown{ position: absolute; left: 100%; top: 0; display: none; z-index: 99;} .top-bar-section .dropdown li{ width: 100%; height: auto;} .top-bar-section .dropdown li a{ font-weight: normal; padding: 8px 15px;} .top-bar-section .dropdown li a.parent-link{ font-weight: bold;} .top-bar-section .dropdown li.title h5{ margin-bottom: 0;} .top-bar-section .dropdown li.title h5 a{ color: #fff; line-height: 22.5px; display: block;} .top-bar-section .dropdown label{ padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #555; font-weight: bold; font-size: 0.625em;} .top-bar-js-breakpoint{width: 100px !important; visibility: hidden;} .js-generated{display: block;} @media only screen and (min-width: 100px){.top-bar{ background: #111; *zoom: 1; overflow: visible;} .top-bar:before,.top-bar:after{ content: " "; display: table;} .top-bar:after{ clear: both;} .top-bar .toggle-topbar{ display: none;} .top-bar .title-area{ float: left;} .top-bar .name h1 a{ width: auto;} .top-bar input, .top-bar .button{ line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 10px; position: relative; top: 8px;} .top-bar.expanded{ background: #111;} .contain-to-grid .top-bar{ max-width: 62.5em; margin: 0 auto; margin-bottom: 0;} .top-bar-section{ -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important;} .top-bar-section ul{ width: auto; height: auto !important; display: inline;} .top-bar-section ul li{ float: left;} .top-bar-section ul li .js-generated{ display: none;} .top-bar-section li.hover > a:not(.button){ background: black; color: #fff;} .top-bar-section li a:not(.button){ padding: 0 15px; line-height: 45px; background: #111;} .top-bar-section li a:not(.button):hover{ background: black;} .top-bar-section .has-dropdown > a{ padding-right: 35px !important;} .top-bar-section .has-dropdown > a:after{ content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255,255,255,0.5) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px;} .top-bar-section .has-dropdown.moved{ position: relative;} .top-bar-section .has-dropdown.moved > .dropdown{ display: none;} .top-bar-section .has-dropdown.hover > .dropdown,.top-bar-section .has-dropdown.not-click:hover > .dropdown{ display: block;} .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{ border: none; content: "\00bb"; top: 1em; margin-top: -7px; right: 5px;} .top-bar-section .dropdown{ left: 0; top: auto; background: transparent; min-width: 100%;} .top-bar-section .dropdown li a{ color: #fff; line-height: 1; white-space: nowrap; padding: 7px 15px; background: #1e1e1e;} .top-bar-section .dropdown li label{ white-space: nowrap; background: #1e1e1e;} .top-bar-section .dropdown li .dropdown{ left: 100%; top: 0;} .top-bar-section > ul > .divider,.top-bar-section > ul > [role="separator"]{ border-bottom: none; border-top: none; border-right: solid 1px #2b2b2b; border-left: solid 1px black; clear: none; height: 45px; width: 0;} .top-bar-section .has-form{ background: #111; padding: 0 15px; height: 45px;} .top-bar-section ul.right li .dropdown{ left: auto; right: 0;} .top-bar-section ul.right li .dropdown li .dropdown{ right: 100%;} .no-js .top-bar-section ul li:hover > a{ background: black; color: #fff;} .no-js .top-bar-section ul li:active > a{ background: #090909; color: #fff;} .no-js .top-bar-section .has-dropdown:hover > .dropdown{ display: block;} } @-webkit-keyframes rotate{from{ -webkit-transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg);} } @-moz-keyframes rotate{from{ -moz-transform: rotate(0deg);} to{ -moz-transform: rotate(360deg);} } @-o-keyframes rotate{from{ -o-transform: rotate(0deg);} to{ -o-transform: rotate(360deg);} } @keyframes rotate{from{ transform: rotate(0deg);} to{ transform: rotate(360deg);} } /* Orbit Graceful Loading */ .slideshow-wrapper{position: relative;} .slideshow-wrapper ul{ list-style-type: none; margin: 0;} .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption{ display: none;} .slideshow-wrapper ul li:first-child{ display: block;} .slideshow-wrapper .orbit-container{ background-color: transparent;} .slideshow-wrapper .orbit-container li{ display: block;} .slideshow-wrapper .orbit-container li .orbit-caption{ display: block;} .preloader{display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555 #fff; -webkit-border-radius: 1000px; border-radius: 1000px; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 1.5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear;} .orbit-container{overflow: hidden; width: 100%; position: relative; background: #f5f5f5;} .orbit-container .orbit-slides-container{ list-style: none; margin: 0; padding: 0; position: relative;} .orbit-container .orbit-slides-container img{ display: block; max-width: 100%;} .orbit-container .orbit-slides-container > *{ position: absolute; top: 0; width: 100%; margin-left: 100%;} .orbit-container .orbit-slides-container > *:first-child{ margin-left: 0%;} .orbit-container .orbit-slides-container > * .orbit-caption{ position: absolute; bottom: 0; background-color: rgba(0,0,0,0.6); color: #fff; width: 100%; padding: 10px 14px; font-size: 0.875em;} .orbit-container .orbit-slide-number{ position: absolute; top: 10px; left: 10px; font-size: 12px; color: #fff; background: transparent; z-index: 10;} .orbit-container .orbit-slide-number span{ font-weight: 700; padding: 0.3125em;} .orbit-container .orbit-timer{ position: absolute; top: 10px; right: 10px; height: 6px; width: 100px; z-index: 10;} .orbit-container .orbit-timer .orbit-progress{ height: 100%; background-color: rgba(0,0,0,0.6); display: block; width: 0%;} .orbit-container .orbit-timer > span{ display: none; position: absolute; top: 10px; right: 0; width: 11px; height: 14px; border: solid 4px #000; border-top: none; border-bottom: none;} .orbit-container .orbit-timer.paused > span{ right: -6px; top: 9px; width: 11px; height: 14px; border: inset 8px; border-right-style: solid; border-color: transparent transparent transparent #000;} .orbit-container:hover .orbit-timer > span{ display: block;} .orbit-container .orbit-prev, .orbit-container .orbit-next{ position: absolute; top: 50%; margin-top: -25px; background-color: rgba(0,0,0,0.6); width: 50px; height: 60px; line-height: 50px; color: white; text-indent: -9999px !important; z-index: 10;} .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover{ background-color: rgba(0,0,0,0.6);} .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span{ position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: inset 16px;} .orbit-container .orbit-prev{ left: 0;} .orbit-container .orbit-prev > span{ border-right-style: solid; border-color: transparent; border-right-color: #fff;} .orbit-container .orbit-prev:hover > span{ border-right-color: #ccc;} .orbit-container .orbit-next{ right: 0;} .orbit-container .orbit-next > span{ border-color: transparent; border-left-style: solid; border-left-color: #fff; left: 50%; margin-left: -8px;} .orbit-container .orbit-next:hover > span{ border-left-color: #ccc;} .orbit-bullets{margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px;} .orbit-bullets li{ display: block; width: 0.75em; height: 0.75em; background: #999; float: left; margin-right: 6px; border: solid 1px #555; -webkit-border-radius: 1000px; border-radius: 1000px;} .orbit-bullets li.active{ background: #555;} .orbit-bullets li:last-child{ margin-right: 0;} .touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display: none;} .touch .orbit-bullets{display: none;} @media only screen and (min-width: 768px){.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next{ display: inherit;} .touch .orbit-bullets{ display: block;} } @media only screen and (max-width: 768px){.orbit-stack-on-small .orbit-slides-container{ height: auto !important;} .orbit-stack-on-small .orbit-slides-container > *{ position: relative; margin-left: 0% !important;} .orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets{ display: none;} } .reveal-modal-bg{position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,0.45); z-index: 98; display: none; top: 0; left: 0;} .reveal-modal{visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background-color: #fff; padding: 1.25em; border: solid 1px #666; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4); top: 50px;} .reveal-modal .column, .reveal-modal .columns{ min-width: 0;} .reveal-modal > :first-child{ margin-top: 0;} .reveal-modal > :last-child{ margin-bottom: 0;} .reveal-modal .close-reveal-modal{ font-size: 1.375em; line-height: 1; position: absolute; top: 0.5em; right: 0.6875em; color: #aaa; font-weight: bold; cursor: pointer;} @media only screen and (min-width: 768px){.reveal-modal{ padding: 1.875em; top: 6.25em;} .reveal-modal.tiny{ margin-left: -15%; width: 30%;} .reveal-modal.small{ margin-left: -20%; width: 40%;} .reveal-modal.medium{ margin-left: -30%; width: 60%;} .reveal-modal.large{ margin-left: -35%; width: 70%;} .reveal-modal.xlarge{ margin-left: -47.5%; width: 95%;} } @media print{.reveal-modal{ background: #fff !important;} } /* Clearing Styles */ [data-clearing]{*zoom: 1; margin-bottom: 0; margin-left: 0; list-style: none;} [data-clearing]:before,[data-clearing]:after{ content: " "; display: table;} [data-clearing]:after{ clear: both;} [data-clearing] li{ float: left; margin-right: 10px;} .clearing-blackout{background: #111; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998;} .clearing-blackout .clearing-close{ display: block;} .clearing-container{position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0;} .visible-img{height: 95%; position: relative;} .visible-img img{ position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%;} .clearing-caption{color: #fff; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #111; width: 100%; padding: 10px 30px; position: absolute; left: 0;} .clearing-close{z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 40px; line-height: 1; color: #fff; display: none;} .clearing-close:hover,.clearing-close:focus{ color: #ccc;} .clearing-assembled .clearing-container{height: 100%;} .clearing-assembled .clearing-container .carousel > ul{ display: none;} .clearing-feature li{display: none;} .clearing-feature li.clearing-featured-img{ display: block;} @media only screen and (min-width: 768px){.clearing-main-prev, .clearing-main-next{ position: absolute; height: 100%; width: 40px; top: 0;} .clearing-main-prev > span, .clearing-main-next > span{ position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 16px;} .clearing-main-prev{ left: 0;} .clearing-main-prev > span{ left: 5px; border-color: transparent; border-right-color: #fff;} .clearing-main-next{ right: 0;} .clearing-main-next > span{ border-color: transparent; border-left-color: #fff;} .clearing-main-prev.disabled, .clearing-main-next.disabled{ opacity: 0.5;} .clearing-assembled .clearing-container .carousel{ background: #111; height: 150px; margin-top: 5px;} .clearing-assembled .clearing-container .carousel > ul{ display: block; z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0;} .clearing-assembled .clearing-container .carousel > ul li{ display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; margin-right: 1px; position: relative; cursor: pointer; opacity: 0.4;} .clearing-assembled .clearing-container .carousel > ul li.fix-height img{ min-height: 100%; height: 100%; max-width: none;} .clearing-assembled .clearing-container .carousel > ul li a.th{ border: none; -webkit-box-shadow: none; box-shadow: none; display: block;} .clearing-assembled .clearing-container .carousel > ul li img{ cursor: pointer !important; min-width: 100% !important;} .clearing-assembled .clearing-container .carousel > ul li.visible{ opacity: 1;} .clearing-assembled .clearing-container .visible-img{ background: #111; overflow: hidden; height: 75%;} .clearing-close{ position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0;} } /* Foundation Alerts */ .alert-box{border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 0.875em; background-color: #e51937; border-color: #b7142c; color: #fff;} .alert-box .close{ font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: 0.4375em; right: 0.3125em; color: #333; opacity: 0.3;} .alert-box .close:hover,.alert-box .close:focus{ opacity: 0.5;} .alert-box.radius{ -webkit-border-radius: 3px; border-radius: 3px;} .alert-box.round{ -webkit-border-radius: 1000px; border-radius: 1000px;} .alert-box.success{ background-color: #5da423; border-color: #457a1a; color: #fff;} .alert-box.alert{ background-color: #c60f13; border-color: #970b0e; color: #fff;} .alert-box.secondary{ background-color: #257eaa; border-color: #1c5f80; color: #fff;} /* Breadcrumbs */ .breadcrumbs{display: block; padding: 0.5625em 0.875em 0.5625em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #2a8ebf; border-color: #206e95; -webkit-border-radius: 3px; border-radius: 3px;} .breadcrumbs > *{ margin: 0; float: left; font-size: 0.6875em; text-transform: uppercase;} .breadcrumbs > *:hover a,.breadcrumbs > *:focus a{ text-decoration: underline;} .breadcrumbs > * a, .breadcrumbs > * span{ text-transform: uppercase; color: #e51937;} .breadcrumbs > *.current{ cursor: default; color: #333;} .breadcrumbs > *.current a{ cursor: default; color: #333;} .breadcrumbs > *.current:hover,.breadcrumbs > *.current:hover a,.breadcrumbs > *.current:focus,.breadcrumbs > *.current:focus a{ text-decoration: none;} .breadcrumbs > *.unavailable{ color: #999;} .breadcrumbs > *.unavailable a{ color: #999;} .breadcrumbs > *.unavailable:hover,.breadcrumbs > *.unavailable:hover a,.breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus{ text-decoration: none; color: #999; cursor: default;} .breadcrumbs > *:before{ content: "/"; color: #aaa; margin: 0 0.75em; position: relative; top: 1px;} .breadcrumbs > *:first-child:before{ content: " "; margin: 0;} /* Panels */ .panel{border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2;} .panel > :first-child{ margin-top: 0;} .panel > :last-child{ margin-bottom: 0;} .panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p{ color: #333;} .panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{ line-height: 1; margin-bottom: 0.625em;} .panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{ line-height: 1.4;} .panel.callout{ border-style: solid; border-width: 1px; border-color: #b7142c; margin-bottom: 1.25em; padding: 1.25em; background: #e51937; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;} .panel.callout > :first-child{ margin-top: 0;} .panel.callout > :last-child{ margin-bottom: 0;} .panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p{ color: #fff;} .panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{ line-height: 1; margin-bottom: 0.625em;} .panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{ line-height: 1.4;} .panel.callout a{ color: #fff;} .panel.radius{ -webkit-border-radius: 3px; border-radius: 3px;} /* Pricing Tables */ .pricing-table{border: solid 1px #ddd; margin-left: 0; margin-bottom: 1.25em;} .pricing-table *{ list-style: none; line-height: 1;} .pricing-table .title{ background-color: #ddd; padding: 0.9375em 1.25em; text-align: center; color: #333; font-weight: bold; font-size: 1em;} .pricing-table .price{ background-color: #eee; padding: 0.9375em 1.25em; text-align: center; color: #333; font-weight: normal; font-size: 1.25em;} .pricing-table .description{ background-color: #fff; padding: 0.9375em; text-align: center; color: #777; font-size: 0.75em; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #ddd;} .pricing-table .bullet-item{ background-color: #fff; padding: 0.9375em; text-align: center; color: #333; font-size: 0.875em; font-weight: normal; border-bottom: dotted 1px #ddd;} .pricing-table .cta-button{ background-color: #f5f5f5; text-align: center; padding: 1.25em 1.25em 0;} /* Side Nav */ .side-nav{display: block; margin: 0; padding: 0.875em 0; list-style-type: none; list-style-position: inside;} .side-nav li{ margin: 0 0 0.4375em 0; font-size: 0.875em;} .side-nav li a{ display: block; color: #e51937;} .side-nav li.active > a:first-child{ color: #4d4d4d; font-weight: bold;} .side-nav li.divider{ border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6;} /* Tables */ table{background: #fff; margin-bottom: 1.25em; border: solid 1px #ddd;} table thead, table tfoot{ background: #f5f5f5; font-weight: bold;} table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td{ padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222; text-align: left;} table tr th, table tr td{ padding: 0.5625em 0.625em; font-size: 0.875em; color: #222;} table tr.even,table tr.alt,table tr:nth-of-type(even){ background: #f9f9f9;} table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td{ display: table-cell; line-height: 1.125em;} /* Tooltips */ .has-tip{border-bottom: dotted 1px #ccc; cursor: help; font-weight: bold; color: #333;} .has-tip:hover,.has-tip:focus{ border-bottom: dotted 1px #890f21; color: #e51937;} .has-tip.tip-left,.has-tip.tip-right{ float: none !important;} .tooltip{display: none; position: absolute; z-index: 999; font-weight: bold; font-size: 0.9375em; line-height: 1.3; padding: 0.5em; max-width: 85%; left: 50%; width: 100%; color: #fff; background: #000; -webkit-border-radius: 3px; border-radius: 3px;} .tooltip > .nub{ display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #000 transparent; top: -10px;} .tooltip.opened{ color: #e51937 !important; border-bottom: dotted 1px #890f21 !important;} .tap-to-close{display: block; font-size: 0.625em; color: #888; font-weight: normal;} @media only screen and (min-width: 768px){.tooltip > .nub{ border-color: transparent transparent #000 transparent; top: -10px;} .tooltip.tip-top > .nub{ border-color: #000 transparent transparent transparent; top: auto; bottom: -10px;} .tooltip.tip-left,.tooltip.tip-right{ float: none !important;} .tooltip.tip-left > .nub{ border-color: transparent transparent transparent #000; right: -10px; left: auto; top: 50%; margin-top: -5px;} .tooltip.tip-right > .nub{ border-color: transparent #000 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px;} } @media only screen and (max-width: 767px){.f-dropdown{ max-width: 100%; left: 0;} } /* Foundation Dropdowns */ .f-dropdown{position: absolute; top: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: #fff; border: solid 1px #cccccc; font-size: 16px; z-index: 99; margin-top: 2px; max-width: 200px;} .f-dropdown > *:first-child{ margin-top: 0;} .f-dropdown > *:last-child{ margin-bottom: 0;} .f-dropdown:before{ content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent #fff transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 99;} .f-dropdown:after{ content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 98;} .f-dropdown.right:before{ left: auto; right: 10px;} .f-dropdown.right:after{ left: auto; right: 9px;} .f-dropdown li{ font-size: 0.875em; cursor: pointer; line-height: 1.125em; margin: 0;} .f-dropdown li:hover,.f-dropdown li:focus{ background: #eeeeee;} .f-dropdown li a{ display: block; padding: 0.5em; color: #555;} .f-dropdown.content{ position: absolute; top: -9999px; list-style: none; margin-left: 0; padding: 1.25em; width: 100%; height: auto; max-height: none; background: #fff; border: solid 1px #cccccc; font-size: 16px; z-index: 99; max-width: 200px;} .f-dropdown.content > *:first-child{ margin-top: 0;} .f-dropdown.content > *:last-child{ margin-bottom: 0;} .f-dropdown.tiny{ max-width: 200px;} .f-dropdown.small{ max-width: 300px;} .f-dropdown.medium{ max-width: 500px;} .f-dropdown.large{ max-width: 800px;} /* Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski Requires globals.css grid.css */ body.off-canvas{padding: 0; margin: 0;} .container{width: 100%;} .row{overflow: hidden;} .row .row{overflow: visible;} .paneled .container{overflow: hidden;} .paneled .row{width: 100%;} [role="main"]:before{content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%;} [role="complementary"],[role="main"]{width: 100%; padding: 0 15px; display: block; position: relative; z-index: 1; -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in;} .paneled [role="main"]{padding: 0;} .page-panel{width: 100%; padding: 0 15px; -webkit-transition: 0.3s margin ease-in-out; -moz-transition: 0.3s margin ease-in-out; -o-transition: 0.3s margin ease-in-out; transition: 0.3s margin ease-in-out; background: #fff;} #switchPanels{margin: 0 -15px;} .hide-extras [role="complementary"]{display: block;} [role="navigation"]#topMenu{-webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in;} [role="navigation"]#topMenu ul{margin-top: 0;} [role="complementary"]{margin-left: -100%; width: 80%; float: left; z-index: 2;} [role="main"]{margin-left: 0; float: right; z-index: 1; position: relative;} .paneled [role="main"]{background: #fff; width: 500%; overflow: hidden; float: none; position: relative; left: 0; -webkit-transition: 0.15s all ease-in; -moz-transition: 0.15s all ease-in; -o-transition: 0.15s all ease-in; transition: 0.15s all ease-in;} .page-panel{min-height: 400px; float: left; margin: 0; width: 20%;} .active [role="complementary"]{margin-left: 0;} .active [role="main"]{margin-right: -80%;} .active-menu [role="navigation"]#topMenu{margin-top: 0 !important;} @media all and (min-width: 768px){menu-button,.sidebar-button{ display: none;} [role="complementary"]{ width: 20%; margin-left: 0; float: left; padding: 0 15px;} [role="main"]{ width: 80%; padding: 0 15px;} .paneled [role="main"]{ width: 100%; padding: 0; background: #f4f4f4; left: 0 !important;} .page-panel{ display: block; min-height: 800px; float: none; margin: 0; width: 100%; background: #f4f4f4;} .hide-extras [role="main"]{ width: 100%;} .hide-extras [role="complementary"]{ display: none;} [role="navigation"]#topMenu{ display: none;} } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox,#cboxOverlay,#cboxWrapper{position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden;} #cboxOverlay{position: fixed; width: 100%; height: 100%;} #cboxMiddleLeft,#cboxBottomLeft{clear: left;} #cboxContent{position: relative;} #cboxLoadedContent{overflow: auto;} #cboxTitle{margin: 0;} #cboxLoadingOverlay,#cboxLoadingGraphic{position: absolute; top: 0; left: 0; width: 100%;} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor: pointer;} .cboxPhoto{float: left; margin: auto; border: 0; display: block;} .cboxIframe{width: 100%; height: 100%; display: block; border: 0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background: url(/images/colorbox/overlay.png) repeat 0 0;} #cboxTopLeft{width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width: 21px; height: 21px; background: url(/images/colorbox/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width: 21px; background: url(/images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width: 21px; background: url(/images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height: 21px; background: url(/images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height: 21px; background: url(/images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background: #fff; overflow: hidden;} #cboxError{padding: 50px; border: 1px solid #ccc;} #cboxLoadedContent{margin-bottom: 28px;} #cboxTitle{position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494;} #cboxCurrent{position: absolute; bottom: 4px; left: 58px; color: #949494;} #cboxSlideshow{position: absolute; bottom: 4px; right: 30px; color: #0092ef;} #cboxPrevious{position: absolute; bottom: 0; left: 0; background: url(/images/colorbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px;} #cboxPrevious.hover{background-position: -75px -25px;} #cboxNext{position: absolute; bottom: 0; left: 27px; background: url(/images/colorbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px;} #cboxNext.hover{background-position: -50px -25px;} #cboxLoadingOverlay{background: url(/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background: url(/images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position: absolute; bottom: 0; right: 0; background: url(/images/colorbox/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px;} #cboxClose.hover{background-position: -25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background: url(/images/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background: url(/images/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background: url(/images/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background: url(/images/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background: url(/images/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background: url(/images/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background: url(/images/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background: url(/images/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight{_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],this.style.background = "none",this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ",sizingMethod='scale')");} ul.resp-tabs-list{margin: 0px; padding: 0px; top: 1px; z-index: 10;} .resp-tabs-list li{font-weight: 600; display: inline-block; padding: 10px 15px; margin: 0; list-style: none; cursor: pointer; float: left;} li.resp-tab-item{background: #e7e7e7; color: #333;} li.resp-tab-active{background: #FFF; color: #e51937;} .resp-tabs-container{padding: 0px; background-color: #fff; clear: left;} h2.resp-accordion{background: #e7e7e7; color: #333 !important; cursor: pointer; font-size: 1.1em !important; padding: 5px; display: none; margin: 0 !important;} .resp-tab-content{border: 1px solid #d2d2d2; display: none; padding: 15px; overflow: hidden;} .resp-tab-content p{ margin: 0;} .resp-tab-active{border-bottom: none;} .resp-content-active,.resp-accordion-active{display: block;} h2.resp-accordion{color: #999; font-size: 1.25em; font-weight: 600; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px;} h2.resp-tab-active{/*border-bottom: 0px solid #c1c1c1 !important;*/ margin-bottom: 0px !important; padding: 10px 15px !important;} h2.resp-tab-title:last-child{border-bottom: 12px solid #c1c1c1 !important; background: blue;} /*-Vertical tabs-*/ .resp-vtabs ul.resp-tabs-list{float: left; width: 30%;} .resp-vtabs .resp-tabs-list li{display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none;} .resp-vtabs .resp-tabs-container{padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 3px; clear: none;} .resp-vtabs .resp-tab-content{border: none;} .resp-vtabs li.resp-tab-active{border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important;} .accordionArrow{float: right; margin-top: 5px;} .resp-arrow{width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1;} h2.resp-tab-active span.resp-arrow{border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;} /*-Accordion styles-*/ h2.resp-tab-active{background: white !important; border-bottom: none !important; color: #e51937 !important; letter-spacing: normal;} h2.resp-tab-active .accordionArrow{-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome,Safari,Opera */ transform: rotate(90deg);} .resp-easy-accordion h2.resp-accordion{display: block;} .resp-easy-accordion .resp-tab-content{border: none;} .resp-easy-accordion .resp-tab-content:last-child{border-bottom: 1px solid #c1c1c1 !important;} .resp-jfit{width: 100%; margin: 0px;} .resp-tab-content-active{display: block;} h2.resp-accordion:first-child{border-top: 1px solid #c1c1c1 !important;} /*Here your can change the breakpoint to set the accordion,when screen resolution changed*/ @media only screen and (max-width: 768px){ul.resp-tabs-list{ display: none;} h2.resp-accordion{ display: block;} .resp-vtabs .resp-tab-content{ border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container{ border: none; float: none; width: 100%; min-height: initial; clear: none;} .resp-accordion-closed{ display: none !important;} .resp-vtabs .resp-tab-content:last-child{ border-bottom: 1px solid #c1c1c1 !important;} } /******* ## Animation ## *******/ /****** ## Toggler ## ******/ /****** ## Drawer ## ******/ /****** ## Pusher ## ******/ /********** ## Pusher Overlay ## **********/ /******* ## Variables ## *******/ /******* ## Required ## *******/ html,body{height: 100%;} /******* ## Container ## *******/ .pure-container{position: relative; height: 100%; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /****** ## Toggler ## ******/ .pure-toggle{left: -9999px; position: absolute; top: -9999px;} .pure-toggle:focus ~ .pure-toggle-label{ border-color: #1fc08e; color: #1fc08e;} .pure-toggle-label{display: none; display: inline-block; /*display: block; position: fixed; top: 15px; color: $toggler-color; width: 70px; height: 70px; border: 2px solid $toggler-color; border-radius: 50%;*/ cursor: pointer; z-index: 99; transition: all 400ms ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .pure-toggle-label:hover{ border-color: #1fc08e; color: #1fc08e;} .pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after{ background-color: #1fc08e;} .pure-toggle-label i{ color: #FF530D; font-size: 2.5em;} .pure-toggle-label:active{ -webkit-tap-highlight-color: transparent;} .pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after{ position: absolute; top: 50%; left: 50%; height: 4px; width: 35px; cursor: pointer; background: #5d809d; display: block; content: ''; transition: all 500ms ease-in-out;} .pure-toggle-label .pure-toggle-icon{ transform: translate3d(-50%,-4px,0); -webkit-transform: translate3d(-50%,-4px,0);} .pure-toggle-label .pure-toggle-icon:before{ transform: translate3d(-50%,-14px,0); -webkit-transform: translate3d(-50%,-14px,0);} .pure-toggle-label .pure-toggle-icon:after{ transform: translate3d(-50%,10px,0); -webkit-transform: translate3d(-50%,10px,0);} .pure-toggle-label[data-toggle-label='left']{left: 15px; right: auto;} .pure-toggle-label[data-toggle-label='right']{right: 56/2px; left: auto;} .pure-toggle-label[data-toggle-label='top']{left: 50%; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);} .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']),.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']),.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label:not([data-toggle-label='top']){opacity: 0; z-index: -1;} .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'],.pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'],.pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top']{border-color: #1fc08e; color: #1fc08e;} .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon{ background-color: transparent;} .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after{ top: 0;} .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before{ transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg);} .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after{ transform: translateX(-50%) translateY(-10px) rotate(-45deg); -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg); top: 10px;} /****** ## Drawer ## ******/ .pure-drawer{position: fixed; top: 0; left: 0; z-index: 1; height: 100%; visibility: hidden; background-color: #1E282D; overflow-y: auto; transition-property: all; transition-duration: 500ms; transition-timing-function: ease-out; width: 250px;} @media only screen and (min-width: 40.063em){ .pure-drawer{ width: 300px;} } @media only screen and (min-width: 64.063em){ .pure-drawer{ width: 300px;} } .pure-drawer[data-position='right']{left: auto; right: 0;} .pure-drawer[data-position='top']{height: 100%; width: 100%;} @media only screen and (min-width: 40.063em){ .pure-drawer[data-position='top']{ height: 100%;} } @media only screen and (min-width: 64.063em){ .pure-drawer[data-position='top']{ height: 100px;} } /*********** ## Pusher Container ## ***********/ .pure-pusher-container{position: relative; height: 100%; overflow: hidden;} /****** ## Pusher ## ******/ .pure-pusher{position: relative; height: 100%; overflow-y: auto; left: 0; z-index: 2; background-color: #fff; transition-property: transform; transition-duration: 500ms; transition-timing-function: ease-out;} /********** ## Pusher Overlay ## **********/ .pure-overlay{position: fixed; top: 0; bottom: 0; right: 0; width: 0; height: 0; opacity: 0; background-color: rgba(0,0,0,0.4); transition-property: opacity; transition-duration: 500ms; transition-delay: 500ms; transition-timing-function: ease-in-out;} .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left']{left: 250px;} @media only screen and (min-width: 40.063em){ .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left']{ left: 300px;} } @media only screen and (min-width: 64.063em){ .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left']{ left: 300px;} } .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right']{right: 250px;} @media only screen and (min-width: 40.063em){ .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right']{ right: 300px;} } @media only screen and (min-width: 64.063em){ .pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right']{ right: 300px;} } .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top']{top: 100%;} @media only screen and (min-width: 40.063em){ .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top']{ top: 100%;} } @media only screen and (min-width: 64.063em){ .pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top']{ top: 100px;} } .pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'],.pure-toggle[data-toggle='right']:checked ~ .pure-overlay[data-overlay='right'],.pure-toggle[data-toggle='top']:checked ~ .pure-overlay[data-overlay='top']{width: 100%; height: 100%; opacity: 1; z-index: 2;} /**************** ## Fallback for older browsers ## ****************/ .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{left: 250px;} @media only screen and (min-width: 40.063em){ .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ left: 300px;} } @media only screen and (min-width: 64.063em){ .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ left: 300px;} } .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{left: -250px;} @media only screen and (min-width: 40.063em){ .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ left: -300px;} } @media only screen and (min-width: 64.063em){ .no-csstransforms3d .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ left: -300px;} } .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{top: 100%;} @media only screen and (min-width: 40.063em){ .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ top: 100%;} } @media only screen and (min-width: 64.063em){ .no-csstransforms3d .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ top: 100px;} } /*************** ## Effect - Slide in on top ## ***************/ /* DRAWER */ [data-effect='pure-effect-slide'] .pure-drawer{z-index: 3; transition-duration: 500ms;} [data-effect='pure-effect-slide'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} [data-effect='pure-effect-slide'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} [data-effect='pure-effect-slide'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} [data-effect='pure-effect-slide'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* OVERLAY */ [data-effect='pure-effect-slide'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /********** ## Effect - Reveal ## **********/ /* DRAWER */ [data-effect='pure-effect-reveal'] .pure-drawer{visibility: visible; transition-duration: 500ms;} /* PUSHER */ [data-effect='pure-effect-reveal'] .pure-pusher-container .pure-pusher{transition-duration: 500ms;} [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-reveal'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0);} } /* OVERLAY */ [data-effect='pure-effect-reveal'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /************* ## Effect - Slide along ## *************/ /* DRAWER */ [data-effect='pure-effect-slideAlong'] .pure-drawer{transition-duration: 250ms;} [data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);} [data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0);} [data-effect='pure-effect-slideAlong'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);} [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER */ [data-effect='pure-effect-slideAlong'] .pure-pusher-container .pure-pusher{transition-duration: 250ms;} [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-slideAlong'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0);} } /* OVERLAY */ [data-effect='pure-effect-slideAlong'] .pure-overlay{transition-duration: 250ms; transition-delay: 125ms;} /**************** ## Effect - Reverse slide out ## ****************/ /* DRAWER */ [data-effect='pure-effect-reverseSlide'] .pure-drawer{transition-duration: 500ms;} [data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0);} [data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);} [data-effect='pure-effect-reverseSlide'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);} [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER */ [data-effect='pure-effect-reverseSlide'] .pure-pusher-container .pure-pusher{transition-duration: 500ms;} [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-reverseSlide'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0);} } /* OVERLAY */ [data-effect='pure-effect-reverseSlide'] .pure-overlay{transition-duration: 500ms;} /***************** ## Effect 5 - Scale Down Pusher ## *****************/ /* DRAWER */ [data-effect='pure-effect-scaleDown'] .pure-drawer{transition-duration: 500ms;} [data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} [data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} [data-effect='pure-effect-scaleDown'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} [data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-scaleDown'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER CONTAINER */ [data-effect='pure-effect-scaleDown'] .pure-pusher-container{-webkit-perspective: 1500px; perspective: 1500px;} /* PUSHER */ /* Needed for Firefox */ [data-effect='pure-effect-scaleDown'] .pure-pusher-container .pure-pusher{z-index: 1; transition-duration: 500ms;} [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,0,-300px); transform: translate3d(0,0,-300px);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,0,-300px); transform: translate3d(0,0,-300px);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleDown'] .pure-toggle:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,0,-300px); transform: translate3d(0,0,-300px);} } /* OVERLAY */ [data-effect='pure-effect-scaleDown'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /************* ## Effect - Scale Up ## *************/ /* CONTAINER */ [data-effect='pure-effect-scaleUp']{-webkit-perspective: 1500px; perspective: 1500px;} [data-effect='pure-effect-scaleUp'][data-position='left']{-webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%;} [data-effect='pure-effect-scaleUp'][data-position='right']{-webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%;} [data-effect='pure-effect-scaleUp'][data-position='top']{-webkit-perspective-origin: 50% 0; perspective-origin: 50% 0;} /* DRAWER */ [data-effect='pure-effect-scaleUp'] .pure-drawer{transition-duration: 500ms;} [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(0,0,-250px); transform: translate3d(0,0,-250px);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left']{ -webkit-transform: translate3d(0,0,-300px); transform: translate3d(0,0,-300px);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='left']{ -webkit-transform: translate3d(0,0,-300px); transform: translate3d(0,0,-300px);} } [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(250px,0,-250px); transform: translate3d(250px,0,-250px);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right']{ -webkit-transform: translate3d(300px,0,-300px); transform: translate3d(300px,0,-300px);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='right']{ -webkit-transform: translate3d(300px,0,-300px); transform: translate3d(300px,0,-300px);} } [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,0,-100%); transform: translate3d(0,0,-100%);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top']{ -webkit-transform: translate3d(0,0,-100%); transform: translate3d(0,0,-100%);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleUp'] .pure-drawer[data-position='top']{ -webkit-transform: translate3d(0,0,-100px); transform: translate3d(0,0,-100px);} } [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER */ [data-effect='pure-effect-scaleUp'] .pure-pusher-container .pure-pusher{transition-duration: 500ms;} [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-scaleUp'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0);} } /* OVERLAY */ [data-effect='pure-effect-scaleUp'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /******************** ## Effect - Scale and Rotate Pusher ## ********************/ /* DRAWER */ [data-effect='pure-effect-scaleRotate'] .pure-drawer{transition-duration: 500ms;} [data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} [data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} [data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER CONTAINER */ [data-effect='pure-effect-scaleRotate'] .pure-pusher-container{-webkit-perspective: 1500px; perspective: 1500px;} /* PUSHER */ [data-effect='pure-effect-scaleRotate'] .pure-pusher-container .pure-pusher{transition-duration: 500ms;} [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(100px,0,-600px) rotateY(-20deg); transform: translate3d(100px,0,-600px) rotateY(-20deg);} [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(100px,0,-600px) rotateY(20deg); transform: translate3d(100px,0,-600px) rotateY(20deg);} [data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,0,-100px) rotateX(20deg); transform: translate3d(0,0,-100px) rotateX(20deg);} /* OVERLAY */ [data-effect='pure-effect-scaleRotate'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /************* ## Effect - Fall in ## *************/ /* DRAWER */ [data-effect='pure-effect-fall'] .pure-drawer{transition-duration: 500ms;} [data-effect='pure-effect-fall'] .pure-drawer[data-position='left'],[data-effect='pure-effect-fall'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} [data-effect='pure-effect-fall'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER */ [data-effect='pure-effect-fall'] .pure-pusher-container .pure-pusher{transition-duration: 500ms;} [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-fall'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0);} } /* OVERLAY */ [data-effect='pure-effect-fall'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /*********** ## Effect - Push ## ***********/ /* DRAWER */ [data-effect='pure-effect-push'] .pure-drawer{transition-duration: 500ms;} [data-effect='pure-effect-push'] .pure-drawer[data-position='left']{-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} [data-effect='pure-effect-push'] .pure-drawer[data-position='right']{-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} [data-effect='pure-effect-push'] .pure-drawer[data-position='top']{-webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* PUSHER */ [data-effect='pure-effect-push'] .pure-pusher-container .pure-pusher{transition-duration: 500ms;} [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(250px,0,0); transform: translate3d(250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0);} } [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0);} } [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} @media only screen and (min-width: 40.063em){ [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @media only screen and (min-width: 64.063em){ [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher{ -webkit-transform: translate3d(0,100px,0); transform: translate3d(0,100px,0);} } /* OVERLAY */ [data-effect='pure-effect-push'] .pure-overlay{transition-duration: 500ms; transition-delay: 250ms;} /********** ## Effect - Bounce ## **********/ /* DRAWER */ [data-effect="pure-effect-bounce"] .pure-drawer{z-index: 3; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} [data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible;} /* OVERLAY */ [data-effect="pure-effect-bounce"] .pure-overlay{transition-duration: 1000ms; transition-delay: 500ms;} /********* ## Effect - Fade ## *********/ /* DRAWER */ [data-effect="pure-effect-fade"] .pure-drawer{z-index: 3; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} [data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible;} /* OVERLAY */ [data-effect="pure-effect-fade"] .pure-overlay{transition-duration: 1000ms; transition-delay: 500ms;} /********** ## Effect - FlipX ## **********/ /* DRAWER */ [data-effect="pure-effect-flipX"] .pure-drawer{z-index: 3; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} [data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible;} /* OVERLAY */ [data-effect="pure-effect-flipX"] .pure-overlay{transition-duration: 1000ms; transition-delay: 500ms;} /********** ## Effect - FlipY ## **********/ /* DRAWER */ [data-effect="pure-effect-flipY"] .pure-drawer{z-index: 3; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} [data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible;} /* OVERLAY */ [data-effect="pure-effect-flipY"] .pure-overlay{transition-duration: 1000ms; transition-delay: 500ms;} /********* ## Effect - Zoom ## *********/ /* DRAWER */ [data-effect="pure-effect-zoom"] .pure-drawer{z-index: 3; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} [data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{visibility: visible;} /* OVERLAY */ [data-effect="pure-effect-zoom"] .pure-overlay{transition-duration: 1000ms; transition-delay: 500ms;} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} @-webkit-keyframes bounce{0%,20%,53%,80%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 40%,43%{ -webkit-transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0);} 70%{ -webkit-transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0);} 90%{ -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);} } @keyframes bounce{0%,20%,53%,80%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 40%,43%{ -webkit-transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0);} 70%{ -webkit-transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); transition-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0);} 90%{ -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);} } .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{0%,50%,100%{ opacity: 1;} 25%,75%{ opacity: 0;} } @keyframes flash{0%,50%,100%{ opacity: 1;} 25%,75%{ opacity: 0;} } .flash{-webkit-animation-name: flash; animation-name: flash;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse{0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} 50%{ -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05);} 100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } @keyframes pulse{0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} 50%{ -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05);} 100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} 30%{ -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1);} 40%{ -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1);} 50%{ -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1);} 65%{ -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1);} 75%{ -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1);} 100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } @keyframes rubberBand{0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} 30%{ -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1);} 40%{ -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1);} 50%{ -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1);} 65%{ -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1);} 75%{ -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1);} 100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{0%,100%{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 10%,30%,50%,70%,90%{ -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);} 20%,40%,60%,80%{ -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0);} } @keyframes shake{0%,100%{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} 10%,30%,50%,70%,90%{ -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);} 20%,40%,60%,80%{ -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0);} } .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes swing{20%{ -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg);} 40%{ -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg);} 60%{ -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg);} 80%{ -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg);} 100%{ -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg);} } @keyframes swing{20%{ -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg);} 40%{ -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg);} 60%{ -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg);} 80%{ -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg);} 100%{ -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg);} } .swing{-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} 10%,20%{ -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);} 30%,50%,70%,90%{ -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);} 40%,60%,80%{ -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);} 100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } @keyframes tada{0%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} 10%,20%{ -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);} 30%,50%,70%,90%{ -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);} 40%,60%,80%{ -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);} 100%{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } .tada{-webkit-animation-name: tada; animation-name: tada;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble{0%{ -webkit-transform: none; transform: none;} 15%{ -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);} 30%{ -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);} 45%{ -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);} 60%{ -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);} 75%{ -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);} 100%{ -webkit-transform: none; transform: none;} } @keyframes wobble{0%{ -webkit-transform: none; transform: none;} 15%{ -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);} 30%{ -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);} 45%{ -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);} 60%{ -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);} 75%{ -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);} 100%{ -webkit-transform: none; transform: none;} } .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} 20%{ -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 40%{ -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9);} 60%{ opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03);} 80%{ -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97);} 100%{ opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } @keyframes bounceIn{0%,20%,40%,60%,80%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} 20%{ -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 40%{ -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9);} 60%{ opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03);} 80%{ -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97);} 100%{ opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);} } .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0);} 60%{ opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0);} 75%{ -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 90%{ -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0);} 100%{ -webkit-transform: none; transform: none;} } @keyframes bounceInDown{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0);} 60%{ opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0);} 75%{ -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 90%{ -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0);} 100%{ -webkit-transform: none; transform: none;} } .bounceInDown,[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0);} 60%{ opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0);} 75%{ -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);} 90%{ -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0);} 100%{ -webkit-transform: none; transform: none;} } @keyframes bounceInLeft{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0);} 60%{ opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0);} 75%{ -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);} 90%{ -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0);} 100%{ -webkit-transform: none; transform: none;} } .bounceInLeft,[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left']{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0);} 60%{ opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0);} 75%{ -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0);} 90%{ -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0);} 100%{ -webkit-transform: none; transform: none;} } @keyframes bounceInRight{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0);} 60%{ opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0);} 75%{ -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0);} 90%{ -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0);} 100%{ -webkit-transform: none; transform: none;} } .bounceInRight,[data-effect="pure-effect-bounce"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right']{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0);} 60%{ opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);} 75%{ -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);} 90%{ -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0);} 100%{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} } @keyframes bounceInUp{0%,60%,75%,90%,100%{ -webkit-transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);} 0%{ opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0);} 60%{ opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);} 75%{ -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);} 90%{ -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0);} 100%{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} } .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{ -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9);} 50%,55%{ opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 100%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} } @keyframes bounceOut{20%{ -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9);} 50%,55%{ opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 100%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} } .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounceOutDown{20%{ -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);} 40%,45%{ opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);} 100%{ opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0);} } @keyframes bounceOutDown{20%{ -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0);} 40%,45%{ opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);} 100%{ opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0);} } .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{ opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0);} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0);} } @keyframes bounceOutLeft{20%{ opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0);} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0);} } .bounceOutLeft,[data-effect="pure-effect-bounce"] .pure-drawer[data-position='left']{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{ opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0);} 100%{ opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0);} } @keyframes bounceOutRight{20%{ opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0);} 100%{ opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0);} } .bounceOutRight,[data-effect="pure-effect-bounce"] .pure-drawer[data-position='right']{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{ -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 40%,45%{ opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} 100%{ opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0);} } @keyframes bounceOutUp{20%{ -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 40%,45%{ opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} 100%{ opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0);} } .bounceOutUp,[data-effect="pure-effect-bounce"] .pure-drawer[data-position='top']{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{0%{ opacity: 0;} 100%{ opacity: 1;} } @keyframes fadeIn{0%{ opacity: 0;} 100%{ opacity: 1;} } .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{0%{ opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInDown{0%{ opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInDown,[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{ opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInDownBig{0%{ opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{ opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInLeft{0%{ opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInLeft,[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left']{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{ opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInLeftBig{0%{ opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{ opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInRight{0%{ opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInRight,[data-effect="pure-effect-fade"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right']{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{ opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInRightBig{0%{ opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{ opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInUp{0%{ opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{ opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes fadeInUpBig{0%{ opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{0%{ opacity: 1;} 100%{ opacity: 0;} } @keyframes fadeOut{0%{ opacity: 1;} 100%{ opacity: 0;} } .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } @keyframes fadeOutDown{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} } .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0);} } @keyframes fadeOutDownBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0);} } .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} } @keyframes fadeOutLeft{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} } .fadeOutLeft,[data-effect="pure-effect-fade"] .pure-drawer[data-position='left']{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0);} } @keyframes fadeOutLeftBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0);} } .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} } @keyframes fadeOutRight{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);} } .fadeOutRight,[data-effect="pure-effect-fade"] .pure-drawer[data-position='right']{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0);} } @keyframes fadeOutRightBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0);} } .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} } @keyframes fadeOutUp{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);} } .fadeOutUp,[data-effect="pure-effect-fade"] .pure-drawer[data-position='top']{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0);} } @keyframes fadeOutUpBig{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0);} } .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{0%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 40%{ -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 50%{ -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 80%{ -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95); transform: perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} } @keyframes flip{0%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 40%{ -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} 50%{ -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 80%{ -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95); transform: perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} } .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{0%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } @keyframes flipInX{0%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } .flipInX,[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-flipX"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{0%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } @keyframes flipInY{0%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;} 40%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;} 60%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1;} 80%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg);} 100%{ -webkit-transform: perspective(400px); transform: perspective(400px);} } .flipInY,[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],[data-effect="pure-effect-flipY"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0;} } @keyframes flipOutX{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0;} } .flipOutX,[data-effect="pure-effect-flipX"] .pure-drawer[data-position='left'],[data-effect="pure-effect-flipX"] .pure-drawer[data-position='right'],[data-effect="pure-effect-flipX"] .pure-drawer[data-position='top']{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0;} } @keyframes flipOutY{0%{ -webkit-transform: perspective(400px); transform: perspective(400px);} 30%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1;} 100%{ -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0;} } .flipOutY,[data-effect="pure-effect-flipY"] .pure-drawer[data-position='left'],[data-effect="pure-effect-flipY"] .pure-drawer[data-position='right'],[data-effect="pure-effect-flipY"] .pure-drawer[data-position='top']{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes lightSpeedIn{0%{ -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0;} 60%{ -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{ -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} 100%{ -webkit-transform: none; transform: none; opacity: 1;} } @keyframes lightSpeedIn{0%{ -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0;} 60%{ -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{ -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} 100%{ -webkit-transform: none; transform: none; opacity: 1;} } .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{0%{ opacity: 1;} 100%{ -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0;} } @keyframes lightSpeedOut{0%{ opacity: 1;} 100%{ -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0;} } .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{0%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateIn{0%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;} } .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } @keyframes rotateInUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;} } .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{0%{ -webkit-transform-origin: center; transform-origin: center; opacity: 1;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0;} } @keyframes rotateOut{0%{ -webkit-transform-origin: center; transform-origin: center; opacity: 1;} 100%{ -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0;} } .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0;} } @keyframes rotateOutDownLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0;} } .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0;} } @keyframes rotateOutDownRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0;} } .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0;} } @keyframes rotateOutUpLeft{0%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;} 100%{ -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0;} } .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0;} } @keyframes rotateOutUpRight{0%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;} 100%{ -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0;} } .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{ -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 20%,60%{ -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 40%,80%{ -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;} 100%{ -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0;} } @keyframes hinge{0%{ -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 20%,60%{ -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 40%,80%{ -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;} 100%{ -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0;} } .hinge{-webkit-animation-name: hinge; animation-name: hinge;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn{0%{ opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } @keyframes rollIn{0%{ opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);} 100%{ opacity: 1; -webkit-transform: none; transform: none;} } .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);} } @keyframes rollOut{0%{ opacity: 1;} 100%{ opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);} } .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{0%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} 50%{ opacity: 1;} } @keyframes zoomIn{0%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} 50%{ opacity: 1;} } .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } @keyframes zoomInDown{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } .zoomInDown,[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top']{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } @keyframes zoomInLeft{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } .zoomInLeft,[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left']{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } @keyframes zoomInRight{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } .zoomInRight,[data-effect="pure-effect-zoom"] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right']{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } @keyframes zoomInUp{0%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{0%{ opacity: 1;} 50%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} 100%{ opacity: 0;} } @keyframes zoomOut{0%{ opacity: 1;} 50%{ opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3);} 100%{ opacity: 0;} } .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } @keyframes zoomOutDown{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center;} } @keyframes zoomOutLeft{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center;} } .zoomOutLeft,[data-effect="pure-effect-zoom"] .pure-drawer[data-position='left']{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center;} } @keyframes zoomOutRight{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);} 100%{ opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center;} } .zoomOutRight,[data-effect="pure-effect-zoom"] .pure-drawer[data-position='right']{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } @keyframes zoomOutUp{40%{ opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);} 100%{ opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1);} } .zoomOutUp,[data-effect="pure-effect-zoom"] .pure-drawer[data-position='top']{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{0%{ -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;} 100%{ -webkit-transform: translateY(0); transform: translateY(0);} } @keyframes slideInDown{0%{ -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;} 100%{ -webkit-transform: translateY(0); transform: translateY(0);} } .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{0%{ -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;} 100%{ -webkit-transform: translateX(0); transform: translateX(0);} } @keyframes slideInLeft{0%{ -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;} 100%{ -webkit-transform: translateX(0); transform: translateX(0);} } .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{0%{ -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;} 100%{ -webkit-transform: translateX(0); transform: translateX(0);} } @keyframes slideInRight{0%{ -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;} 100%{ -webkit-transform: translateX(0); transform: translateX(0);} } .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{0%{ -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible;} 100%{ -webkit-transform: translateY(0); transform: translateY(0);} } @keyframes slideInUp{0%{ -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible;} 100%{ -webkit-transform: translateY(0); transform: translateY(0);} } .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{0%{ -webkit-transform: translateY(0); transform: translateY(0);} 100%{ visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%);} } @keyframes slideOutDown{0%{ -webkit-transform: translateY(0); transform: translateY(0);} 100%{ visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%);} } .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{0%{ -webkit-transform: translateX(0); transform: translateX(0);} 100%{ visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);} } @keyframes slideOutLeft{0%{ -webkit-transform: translateX(0); transform: translateX(0);} 100%{ visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);} } .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{0%{ -webkit-transform: translateX(0); transform: translateX(0);} 100%{ visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%);} } @keyframes slideOutRight{0%{ -webkit-transform: translateX(0); transform: translateX(0);} 100%{ visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%);} } .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{0%{ -webkit-transform: translateY(0); transform: translateY(0);} 100%{ visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%);} } @keyframes slideOutUp{0%{ -webkit-transform: translateY(0); transform: translateY(0);} 100%{ visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%);} } .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} /*! jQuery UI - v1.10.3 - 2013-06-13 * http://jqueryui.com * Includes: jquery.ui.core.css,jquery.ui.resizable.css,jquery.ui.selectable.css,jquery.ui.accordion.css,jquery.ui.autocomplete.css,jquery.ui.button.css,jquery.ui.datepicker.css,jquery.ui.dialog.css,jquery.ui.menu.css,jquery.ui.progressbar.css,jquery.ui.slider.css,jquery.ui.spinner.css,jquery.ui.tabs.css,jquery.ui.tooltip.css * To view and modify this theme,visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ .ui-helper-hidden{display: none;} .ui-helper-hidden-accessible{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .ui-helper-reset{margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:before,.ui-helper-clearfix:after{content: ""; display: table; border-collapse: collapse;} .ui-helper-clearfix:after{clear: both;} .ui-helper-clearfix{min-height: 0;} .ui-helper-zfix{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0);} .ui-front{z-index: 100;} .ui-state-disabled{cursor: default !important;} .ui-icon{display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;} .ui-widget-overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .ui-resizable{position: relative;} .ui-resizable-handle{position: absolute; font-size: .1px; display: block;} .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display: none;} .ui-resizable-n{cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;} .ui-resizable-s{cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;} .ui-resizable-e{cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;} .ui-resizable-w{cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%;} .ui-resizable-se{cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;} .ui-resizable-sw{cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;} .ui-resizable-nw{cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;} .ui-resizable-ne{cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper{position: absolute; z-index: 100; border: 1px dotted #000;} .ui-accordion .ui-accordion-header{display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0;} .ui-accordion .ui-accordion-icons{padding-left: 2.2em;} .ui-accordion .ui-accordion-noicons{padding-left: .7em;} .ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left: 2.2em;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon{position: absolute; left: .5em; top: 50%; margin-top: -8px;} .ui-accordion .ui-accordion-content{padding: 1em 2.2em; border-top: 0; overflow: auto;} .ui-autocomplete{position: absolute; top: 0; left: 0; cursor: default;} .ui-button{display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible;} .ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration: none;} .ui-button-icon-only{width: 2.2em;} button.ui-button-icon-only{width: 2.4em;} .ui-button-icons-only{width: 3.4em;} button.ui-button-icons-only{width: 3.7em;} .ui-button .ui-button-text{display: block; line-height: normal;} .ui-button-text-only .ui-button-text{padding: .4em 1em;} .ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding: .4em; text-indent: -9999999px;} .ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding: .4em 1em .4em 2.1em;} .ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding: .4em 2.1em .4em 1em;} .ui-button-text-icons .ui-button-text{padding-left: 2.1em; padding-right: 2.1em;} input.ui-button{padding: .4em 1em;} .ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position: absolute; top: 50%; margin-top: -8px;} .ui-button-icon-only .ui-icon{left: 50%; margin-left: -8px;} .ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left: .5em;} .ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right: .5em;} .ui-buttonset{margin-right: 7px;} .ui-buttonset .ui-button{margin-left: 0; margin-right: -.3em;} input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border: 0; padding: 0;} .ui-datepicker{width: 17em; padding: .2em .2em 0; display: none;} .ui-datepicker .ui-datepicker-header{position: relative; padding: .2em 0;} .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position: absolute; top: 2px; width: 1.8em; height: 1.8em;} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top: 1px;} .ui-datepicker .ui-datepicker-prev{left: 2px;} .ui-datepicker .ui-datepicker-next{right: 2px;} .ui-datepicker .ui-datepicker-prev-hover{left: 1px;} .ui-datepicker .ui-datepicker-next-hover{right: 1px;} .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;} .ui-datepicker .ui-datepicker-title{margin: 0 2.3em; line-height: 1.8em; text-align: center;} .ui-datepicker .ui-datepicker-title select{font-size: 1em; margin: 1px 0;} .ui-datepicker select.ui-datepicker-month-year{width: 100%;} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width: 49%;} .ui-datepicker table{width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;} .ui-datepicker th{padding: .7em .3em; text-align: center; font-weight: 700; border: 0;} .ui-datepicker td{border: 0; padding: 1px;} .ui-datepicker td span,.ui-datepicker td a{display: block; padding: .2em; text-align: right; text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane{background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button{float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float: left;} .ui-datepicker.ui-datepicker-multi{width: auto;} .ui-datepicker-multi .ui-datepicker-group{float: left;} .ui-datepicker-multi .ui-datepicker-group table{width: 95%; margin: 0 auto .4em;} .ui-datepicker-multi-2 .ui-datepicker-group{width: 50%;} .ui-datepicker-multi-3 .ui-datepicker-group{width: 33.3%;} .ui-datepicker-multi-4 .ui-datepicker-group{width: 25%;} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width: 0;} .ui-datepicker-multi .ui-datepicker-buttonpane{clear: left;} .ui-datepicker-row-break{clear: both; width: 100%; font-size: 0;} .ui-datepicker-rtl{direction: rtl;} .ui-datepicker-rtl .ui-datepicker-prev{right: 2px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next{left: 2px; right: auto;} .ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px; right: auto;} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear: right;} .ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left;} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float: right;} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width: 0; border-left-width: 1px;} .ui-dialog{position: absolute; top: 0; left: 0; padding: .2em; outline: 0;} .ui-dialog .ui-dialog-titlebar{padding: .4em 1em; position: relative;} .ui-dialog .ui-dialog-title{float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis;} .ui-dialog .ui-dialog-titlebar-close{position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px;} .ui-dialog .ui-dialog-content{position: relative; border: 0; padding: .5em 1em; background: 0; overflow: auto;} .ui-dialog .ui-dialog-buttonpane{text-align: left; border-width: 1px 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em;} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float: right;} .ui-dialog .ui-dialog-buttonpane button{margin: .5em .4em .5em 0; cursor: pointer;} .ui-dialog .ui-resizable-se{width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px;} .ui-draggable .ui-dialog-titlebar{cursor: move;} .ui-menu{list-style: none; padding: 2px; margin: 0; display: block; outline: 0;} .ui-menu .ui-menu{margin-top: -3px; position: absolute;} .ui-menu .ui-menu-item{margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);} .ui-menu .ui-menu-divider{margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0;} .ui-menu .ui-menu-item a{text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: 400;} .ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight: 400; margin: -1px;} .ui-menu .ui-state-disabled{font-weight: 400; margin: .4em 0 .2em; line-height: 1.5;} .ui-menu .ui-state-disabled a{cursor: default;} .ui-menu-icons{position: relative;} .ui-menu-icons .ui-menu-item a{position: relative; padding-left: 2em;} .ui-menu .ui-icon{position: absolute; top: .2em; left: .2em;} .ui-menu .ui-menu-icon{position: static; float: right;} .ui-progressbar{height: 2em; text-align: left; overflow: hidden;} .ui-progressbar .ui-progressbar-value{margin: -1px; height: 100%;} .ui-progressbar .ui-progressbar-overlay{background: url(images/animated-overlay.gif); height: 100%; filter: alpha(opacity=25); opacity: .25;} .ui-progressbar-indeterminate .ui-progressbar-value{background-image: none;} .ui-slider{position: relative; text-align: left;} .ui-slider .ui-slider-handle{position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;} .ui-slider .ui-slider-range{position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter: inherit;} .ui-slider-horizontal{height: .8em;} .ui-slider-horizontal .ui-slider-handle{top: -.3em; margin-left: -.6em;} .ui-slider-horizontal .ui-slider-range{top: 0; height: 100%;} .ui-slider-horizontal .ui-slider-range-min{left: 0;} .ui-slider-horizontal .ui-slider-range-max{right: 0;} .ui-slider-vertical{width: .8em; height: 100px;} .ui-slider-vertical .ui-slider-handle{left: -.3em; margin-left: 0; margin-bottom: -.6em;} .ui-slider-vertical .ui-slider-range{left: 0; width: 100%;} .ui-slider-vertical .ui-slider-range-min{bottom: 0;} .ui-slider-vertical .ui-slider-range-max{top: 0;} .ui-spinner{position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle;} .ui-spinner-input{border: 0; background: 0; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px;} .ui-spinner-button{width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0;} .ui-spinner a.ui-spinner-button{border-top: 0; border-bottom: 0; border-right: 0;} .ui-spinner .ui-icon{position: absolute; margin-top: -8px; top: 50%; left: 0;} .ui-spinner-up{top: 0;} .ui-spinner-down{bottom: 0;} .ui-spinner .ui-icon-triangle-1-s{background-position: -65px -16px;} .ui-tabs{position: relative; padding: .2em;} .ui-tabs .ui-tabs-nav{margin: 0; padding: .2em .2em 0;} .ui-tabs .ui-tabs-nav li{list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap;} .ui-tabs .ui-tabs-nav li a{float: left; padding: .5em 1em; text-decoration: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom: -1px; padding-bottom: 1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor: text;} .ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor: pointer;} .ui-tabs .ui-tabs-panel{display: block; border-width: 0; padding: 1em 1.4em; background: 0;} .ui-tooltip{padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;} body .ui-tooltip{border-width: 2px;} .ui-widget{font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1.1em;} .ui-widget .ui-widget{font-size: 1em;} .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 1em;} .ui-widget-content{border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222;} .ui-widget-content a{color: #222;} .ui-widget-header{border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold;} .ui-widget-header a{color: #fff;} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e;} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color: #2e6e9e; text-decoration: none;} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987;} .ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color: #1d5987; text-decoration: none;} .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009;} .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #e17009; text-decoration: none;} .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636;} .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color: #363636;} .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a;} .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color: #cd0a0a;} .ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color: #cd0a0a;} .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight: bold;} .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity: .7; filter: Alpha(Opacity=70); font-weight: normal;} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity: .35; filter: Alpha(Opacity=35); background-image: none;} .ui-state-disabled .ui-icon{filter: Alpha(Opacity=35);} .ui-icon{width: 16px; height: 16px;} .ui-icon,.ui-widget-content .ui-icon{background-image: url(images/ui-icons_469bdd_256x240.png);} .ui-widget-header .ui-icon{background-image: url(images/ui-icons_d8e7f3_256x240.png);} .ui-state-default .ui-icon{background-image: url(images/ui-icons_6da8d5_256x240.png);} .ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image: url(images/ui-icons_217bc0_256x240.png);} .ui-state-active .ui-icon{background-image: url(images/ui-icons_f9bd01_256x240.png);} .ui-state-highlight .ui-icon{background-image: url(images/ui-icons_2e83ff_256x240.png);} .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image: url(images/ui-icons_cd0a0a_256x240.png);} .ui-icon-blank{background-position: 16px 16px;} .ui-icon-carat-1-n{background-position: 0 0;} .ui-icon-carat-1-ne{background-position: -16px 0;} .ui-icon-carat-1-e{background-position: -32px 0;} .ui-icon-carat-1-se{background-position: -48px 0;} .ui-icon-carat-1-s{background-position: -64px 0;} .ui-icon-carat-1-sw{background-position: -80px 0;} .ui-icon-carat-1-w{background-position: -96px 0;} .ui-icon-carat-1-nw{background-position: -112px 0;} .ui-icon-carat-2-n-s{background-position: -128px 0;} .ui-icon-carat-2-e-w{background-position: -144px 0;} .ui-icon-triangle-1-n{background-position: 0 -16px;} .ui-icon-triangle-1-ne{background-position: -16px -16px;} .ui-icon-triangle-1-e{background-position: -32px -16px;} .ui-icon-triangle-1-se{background-position: -48px -16px;} .ui-icon-triangle-1-s{background-position: -64px -16px;} .ui-icon-triangle-1-sw{background-position: -80px -16px;} .ui-icon-triangle-1-w{background-position: -96px -16px;} .ui-icon-triangle-1-nw{background-position: -112px -16px;} .ui-icon-triangle-2-n-s{background-position: -128px -16px;} .ui-icon-triangle-2-e-w{background-position: -144px -16px;} .ui-icon-arrow-1-n{background-position: 0 -32px;} .ui-icon-arrow-1-ne{background-position: -16px -32px;} .ui-icon-arrow-1-e{background-position: -32px -32px;} .ui-icon-arrow-1-se{background-position: -48px -32px;} .ui-icon-arrow-1-s{background-position: -64px -32px;} .ui-icon-arrow-1-sw{background-position: -80px -32px;} .ui-icon-arrow-1-w{background-position: -96px -32px;} .ui-icon-arrow-1-nw{background-position: -112px -32px;} .ui-icon-arrow-2-n-s{background-position: -128px -32px;} .ui-icon-arrow-2-ne-sw{background-position: -144px -32px;} .ui-icon-arrow-2-e-w{background-position: -160px -32px;} .ui-icon-arrow-2-se-nw{background-position: -176px -32px;} .ui-icon-arrowstop-1-n{background-position: -192px -32px;} .ui-icon-arrowstop-1-e{background-position: -208px -32px;} .ui-icon-arrowstop-1-s{background-position: -224px -32px;} .ui-icon-arrowstop-1-w{background-position: -240px -32px;} .ui-icon-arrowthick-1-n{background-position: 0 -48px;} .ui-icon-arrowthick-1-ne{background-position: -16px -48px;} .ui-icon-arrowthick-1-e{background-position: -32px -48px;} .ui-icon-arrowthick-1-se{background-position: -48px -48px;} .ui-icon-arrowthick-1-s{background-position: -64px -48px;} .ui-icon-arrowthick-1-sw{background-position: -80px -48px;} .ui-icon-arrowthick-1-w{background-position: -96px -48px;} .ui-icon-arrowthick-1-nw{background-position: -112px -48px;} .ui-icon-arrowthick-2-n-s{background-position: -128px -48px;} .ui-icon-arrowthick-2-ne-sw{background-position: -144px -48px;} .ui-icon-arrowthick-2-e-w{background-position: -160px -48px;} .ui-icon-arrowthick-2-se-nw{background-position: -176px -48px;} .ui-icon-arrowthickstop-1-n{background-position: -192px -48px;} .ui-icon-arrowthickstop-1-e{background-position: -208px -48px;} .ui-icon-arrowthickstop-1-s{background-position: -224px -48px;} .ui-icon-arrowthickstop-1-w{background-position: -240px -48px;} .ui-icon-arrowreturnthick-1-w{background-position: 0 -64px;} .ui-icon-arrowreturnthick-1-n{background-position: -16px -64px;} .ui-icon-arrowreturnthick-1-e{background-position: -32px -64px;} .ui-icon-arrowreturnthick-1-s{background-position: -48px -64px;} .ui-icon-arrowreturn-1-w{background-position: -64px -64px;} .ui-icon-arrowreturn-1-n{background-position: -80px -64px;} .ui-icon-arrowreturn-1-e{background-position: -96px -64px;} .ui-icon-arrowreturn-1-s{background-position: -112px -64px;} .ui-icon-arrowrefresh-1-w{background-position: -128px -64px;} .ui-icon-arrowrefresh-1-n{background-position: -144px -64px;} .ui-icon-arrowrefresh-1-e{background-position: -160px -64px;} .ui-icon-arrowrefresh-1-s{background-position: -176px -64px;} .ui-icon-arrow-4{background-position: 0 -80px;} .ui-icon-arrow-4-diag{background-position: -16px -80px;} .ui-icon-extlink{background-position: -32px -80px;} .ui-icon-newwin{background-position: -48px -80px;} .ui-icon-refresh{background-position: -64px -80px;} .ui-icon-shuffle{background-position: -80px -80px;} .ui-icon-transfer-e-w{background-position: -96px -80px;} .ui-icon-transferthick-e-w{background-position: -112px -80px;} .ui-icon-folder-collapsed{background-position: 0 -96px;} .ui-icon-folder-open{background-position: -16px -96px;} .ui-icon-document{background-position: -32px -96px;} .ui-icon-document-b{background-position: -48px -96px;} .ui-icon-note{background-position: -64px -96px;} .ui-icon-mail-closed{background-position: -80px -96px;} .ui-icon-mail-open{background-position: -96px -96px;} .ui-icon-suitcase{background-position: -112px -96px;} .ui-icon-comment{background-position: -128px -96px;} .ui-icon-person{background-position: -144px -96px;} .ui-icon-print{background-position: -160px -96px;} .ui-icon-trash{background-position: -176px -96px;} .ui-icon-locked{background-position: -192px -96px;} .ui-icon-unlocked{background-position: -208px -96px;} .ui-icon-bookmark{background-position: -224px -96px;} .ui-icon-tag{background-position: -240px -96px;} .ui-icon-home{background-position: 0 -112px;} .ui-icon-flag{background-position: -16px -112px;} .ui-icon-calendar{background-position: -32px -112px;} .ui-icon-cart{background-position: -48px -112px;} .ui-icon-pencil{background-position: -64px -112px;} .ui-icon-clock{background-position: -80px -112px;} .ui-icon-disk{background-position: -96px -112px;} .ui-icon-calculator{background-position: -112px -112px;} .ui-icon-zoomin{background-position: -128px -112px;} .ui-icon-zoomout{background-position: -144px -112px;} .ui-icon-search{background-position: -160px -112px;} .ui-icon-wrench{background-position: -176px -112px;} .ui-icon-gear{background-position: -192px -112px;} .ui-icon-heart{background-position: -208px -112px;} .ui-icon-star{background-position: -224px -112px;} .ui-icon-link{background-position: -240px -112px;} .ui-icon-cancel{background-position: 0 -128px;} .ui-icon-plus{background-position: -16px -128px;} .ui-icon-plusthick{background-position: -32px -128px;} .ui-icon-minus{background-position: -48px -128px;} .ui-icon-minusthick{background-position: -64px -128px;} .ui-icon-close{background-position: -80px -128px;} .ui-icon-closethick{background-position: -96px -128px;} .ui-icon-key{background-position: -112px -128px;} .ui-icon-lightbulb{background-position: -128px -128px;} .ui-icon-scissors{background-position: -144px -128px;} .ui-icon-clipboard{background-position: -160px -128px;} .ui-icon-copy{background-position: -176px -128px;} .ui-icon-contact{background-position: -192px -128px;} .ui-icon-image{background-position: -208px -128px;} .ui-icon-video{background-position: -224px -128px;} .ui-icon-script{background-position: -240px -128px;} .ui-icon-alert{background-position: 0 -144px;} .ui-icon-info{background-position: -16px -144px;} .ui-icon-notice{background-position: -32px -144px;} .ui-icon-help{background-position: -48px -144px;} .ui-icon-check{background-position: -64px -144px;} .ui-icon-bullet{background-position: -80px -144px;} .ui-icon-radio-on{background-position: -96px -144px;} .ui-icon-radio-off{background-position: -112px -144px;} .ui-icon-pin-w{background-position: -128px -144px;} .ui-icon-pin-s{background-position: -144px -144px;} .ui-icon-play{background-position: 0 -160px;} .ui-icon-pause{background-position: -16px -160px;} .ui-icon-seek-next{background-position: -32px -160px;} .ui-icon-seek-prev{background-position: -48px -160px;} .ui-icon-seek-end{background-position: -64px -160px;} .ui-icon-seek-start{background-position: -80px -160px;} .ui-icon-seek-first{background-position: -80px -160px;} .ui-icon-stop{background-position: -96px -160px;} .ui-icon-eject{background-position: -112px -160px;} .ui-icon-volume-off{background-position: -128px -160px;} .ui-icon-volume-on{background-position: -144px -160px;} .ui-icon-power{background-position: 0 -176px;} .ui-icon-signal-diag{background-position: -16px -176px;} .ui-icon-signal{background-position: -32px -176px;} .ui-icon-battery-0{background-position: -48px -176px;} .ui-icon-battery-1{background-position: -64px -176px;} .ui-icon-battery-2{background-position: -80px -176px;} .ui-icon-battery-3{background-position: -96px -176px;} .ui-icon-circle-plus{background-position: 0 -192px;} .ui-icon-circle-minus{background-position: -16px -192px;} .ui-icon-circle-close{background-position: -32px -192px;} .ui-icon-circle-triangle-e{background-position: -48px -192px;} .ui-icon-circle-triangle-s{background-position: -64px -192px;} .ui-icon-circle-triangle-w{background-position: -80px -192px;} .ui-icon-circle-triangle-n{background-position: -96px -192px;} .ui-icon-circle-arrow-e{background-position: -112px -192px;} .ui-icon-circle-arrow-s{background-position: -128px -192px;} .ui-icon-circle-arrow-w{background-position: -144px -192px;} .ui-icon-circle-arrow-n{background-position: -160px -192px;} .ui-icon-circle-zoomin{background-position: -176px -192px;} .ui-icon-circle-zoomout{background-position: -192px -192px;} .ui-icon-circle-check{background-position: -208px -192px;} .ui-icon-circlesmall-plus{background-position: 0 -208px;} .ui-icon-circlesmall-minus{background-position: -16px -208px;} .ui-icon-circlesmall-close{background-position: -32px -208px;} .ui-icon-squaresmall-plus{background-position: -48px -208px;} .ui-icon-squaresmall-minus{background-position: -64px -208px;} .ui-icon-squaresmall-close{background-position: -80px -208px;} .ui-icon-grip-dotted-vertical{background-position: 0 -224px;} .ui-icon-grip-dotted-horizontal{background-position: -16px -224px;} .ui-icon-grip-solid-vertical{background-position: -32px -224px;} .ui-icon-grip-solid-horizontal{background-position: -48px -224px;} .ui-icon-gripsmall-diagonal-se{background-position: -64px -224px;} .ui-icon-grip-diagonal-se{background-position: -80px -224px;} .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius: 5px;} .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius: 5px;} .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius: 5px;} .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius: 5px;} .ui-widget-overlay{background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30);} .ui-widget-shadow{margin: -8px 0 0 -8px; padding: 8px; background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px;} .miniColors-trigger{height: 22px; width: 22px; background: url(/images/trigger.png) center no-repeat; vertical-align: middle; margin: 0 .25em; display: inline-block; outline: none;} .miniColors-selector{position: absolute; width: 175px; height: 150px; background: #FFF; border: solid 1px #BBB; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25); box-shadow: 0 0 6px rgba(0,0,0,0.25); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; z-index: 999999;} .miniColors-selector.black{background: #000; border-color: #000;} .miniColors-colors{position: absolute; top: 5px; left: 5px; width: 150px; height: 150px; background: url(/images/gradient.png) center no-repeat; cursor: crosshair;} .miniColors-hues{position: absolute; top: 5px; left: 160px; width: 20px; height: 150px; background: url(/images/rainbow.png) center no-repeat; cursor: crosshair;} .miniColors-colorPicker{position: absolute; width: 11px; height: 11px; background: url(/images/circle.gif) center no-repeat;} .miniColors-huePicker{position: absolute; left: -3px; width: 26px; height: 3px; background: url(/images/line.gif) center no-repeat;} .CMSLine input{vertical-align: middle;} @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: 1080; 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;} .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; -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; -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; transition: transform 0.35s cubic-bezier(0,0,0.25,1) 0s,opacity 0.35s cubic-bezier(0,0,0.25,1) 0s;} .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 ease 0s,opacity 250ms !important; -moz-transition: -moz-transform 250ms ease 0s,opacity 250ms !important; -o-transition: -o-transform 250ms ease 0s,opacity 250ms !important; transition: transform 250ms ease 0s,opacity 250ms !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%;} .lg-outer.lg-has-thumb .lg-item{padding-bottom: 120px;} .lg-outer.lg-can-toggle .lg-item{padding-bottom: 0;} .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("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;} .lg-outer .lg-has-vimeo:hover .lg-video-play{background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;} .lg-outer .lg-has-html5 .lg-video-play{background: transparent url("../img/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("../img/youtube-play.png") no-repeat scroll 0 0 transparent;} .lg-outer .lg-has-youtube:hover .lg-video-play{background: url("../img/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-palying .lg-object,.lg-outer .lg-has-video.lg-video-palying .lg-video-play{display: none;} .lg-outer .lg-has-video.lg-video-palying .lg-video-object{visibility: visible;} .lg-progress-bar{background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1080; 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: -webkit-transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .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 ease 0s,opacity 0.15s !important; -moz-transition: -moz-transform 0.3s ease 0s,opacity 0.15s !important; -o-transition: -o-transform 0.3s ease 0s,opacity 0.15s !important; transition: transform 0.3s ease 0s,opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;} #lg-zoom-in:after{content: "\e311";} #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";} @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;} ul#lightGallery a img{width: 100%;} ul#thumbs li{margin-bottom: 12px; display: inline-block; padding: 0 6px;} ul#thumbs li a img{ width: 100%;} .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;} .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: -5px;} .lg-outer .lg-img-wrap{ top: 0; bottom: 0; left: 0; right: 0; padding: 0 5px;} .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-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{will-change: transform,opacity;} .lg-css3.lg-use-left .lg-item{will-change: left,opacity;} .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;} .Calendar{background-color: #ffffff; font-size: 10pt; color: #000000; border: 0px; border-collapse: collapse;} .DayStyle,.TodayDayStyle,.OtherMonthDayStyle,.SelectedDayStyle{border: 1px solid #cccccc;} .Calendar tr:first-child td{background: #ffffff !important; border: 0px !important;} .TitleStyle{color: #003366; background: #ffffff; font-weight: normal; font-size: 16pt; font-family: Georgia,Serif; border: 0px;} .TitleStyle td{padding-bottom: 10px;} .NextPrevStyle{padding-bottom: 5px;} .NextPrevStyle a{font-family: tahoma,helvetica,sans-serif; color: #477dbf !important; font-size: 9pt; font-weight: normal; text-decoration: none;} .NextPrevStyle a:hover{text-decoration: underline;} .DayHeaderStyle{color: #003366 !important; background: #ebeff3; font-size: 9pt; text-transform: uppercase; border: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-weight: normal;} .DayStyle,.TodayDayStyle,.OtherMonthDayStyle,.SelectedDayStyle{width: 70px; height: 70px; padding: 2px; vertical-align: top; font-size: 8pt; text-align: left;} .DayStyle a,.TodayDayStyle a,.OtherMonthDayStyle a,.SelectedDayStyle a{display: block; color: #0000ff !important; text-decoration: none; line-height: 120%; margin-bottom: 3px;} .DayStyle a:hover,.TodayDayStyle a:hover,.OtherMonthDayStyle a:hover,.SelectedDayStyle a:hover{text-decoration: underline;} .TodayStyle{color: #ffffff !important; background: #d7582b;} .TodayStyle a{color: #ffffff !important; text-decoration: none;} .TodayStyle a:hover{text-decoration: underline;} .OtherMonthDayStyle{background: #d8eede !important;} .OtherMonthDayStyle a{color: #ffffff !important;} div.DayNumber{width: 15px; height: 13px; line-height: 13px; float: right; margin-left: 4px; margin-bottom: 4px; text-align: right;} /*- Form Styles -*/ div.Form{/* width:600px;*/ } div.Form div.LeftSide{width: 340px; float: left; margin-right: 20px;} div.Form div.RightSide{width: 340px; float: left;} div.Form h2{font-weight: normal; font-size: 15pt; border-bottom: 1px solid #555;} div.Form input[type=text]{border: 1px solid #a9b8c8; font-size: 10pt; padding: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} div.Form div.RadioList label{display: inline;} div.Form div.RadioList table td{padding-right: 10px;} div.Form textarea{border: 1px solid #a9b8c8; font-size: 10pt; font-family: Arial,Sans-Serif; padding: 10px 10px;} div.Form select{border: 1px solid #a9b8c8; font-size: 10pt; padding: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} div.Form table td{padding: 4px 0px; padding-right: 16px; padding-bottom: 8px;} div.Form table td table td{padding-right: 16px;} div.Form div.ErrorMsg{color: #c62025; background: #fff; border: 1px solid #c62025; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px;} table.RadioList label{display: inline; font-weight: normal;} div.Form table tbody td,div.Form table td table tbody td{padding: 0px; margin: 0px; width: auto; height: auto;} div.Captcha div.Image{width: 200px; float: left;} div.Captcha div.Text{float: left; font-size: 8pt; text-align: left; padding-left: 14px; width: 200px; padding-top: 8px;} div.Captcha div.Entry{background-image: url(/images/captcha-arrow.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 48px; min-height: 52px;} div.Captcha div.Entry label{font-size: 8pt; padding-top: 5px;} img.Captcha{border: 1px solid #aaa; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin-bottom: 5px;} /**PROGRESS *************************************/ h3.checkoutProgress{font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.4; margin-bottom: 1em !important;} .checkoutProgressList dt.complete:before{background: none repeat scroll 0 0 #0889CB; border-color: #0889CB;} .checkoutProgressList dt:before{background: none repeat scroll 0 0 #ccc; border: 2px solid #ccc; border-radius: 15px 15px 15px 15px; content: ""; height: 13px; left: -5px; position: absolute; top: 3px; width: 13px;} .checkoutProgressList dd.complete + dt.incomplete:before{background: none repeat scroll 0 0 #FFFFFF; border-color: #33A1FF;} .checkoutProgressList dd{border-left: 2px solid #ccc; color: #909090; font-size: 13px; margin-bottom: 1px; padding: 0 0 15px 15px;} .checkoutProgressList dt{margin: 4px 0; padding-left: 17px; position: relative; text-transform: uppercase; font-weight: normal;} .checkoutProgressList dd.complete{border-left-color: #0889CB;} address{font-style: normal;} .checkoutProgressList .firstName,.addressOne,.addressTwo,addressThree,.addressFour,.city,.zipCode,.countryCode,.phoneLabel,.phoneNumber{float: left;} .addressOne,.addressTwo,.addressThree,.addressFour,.phoneLabel,.city,.countryCode{clear: left;} .city{padding-right: 4px;} /**STEPS *************************************/ .cp{background: #FFF; padding: 5px !important;} .cp .stepSection{background: none repeat scroll 0 0 #CCCCCC; margin-bottom: 2px; list-style: none;} .cp .active{background: #FFF;} .cp .progressTitle{padding: 12px 15px 12px 60px; position: relative;} .cp .progressTitle h2{display: inline-block; font-size: 15px; font-weight: 600; margin-bottom: 0; color: #2C2C2C; line-height: 1.1em;} .cp .active .progressTitle{padding-top: 10px;} .cp .active .progressTitle h2{font-size: 20px;} .cp .allow .progressTitle .progressNumber{background: #5DC46E;} .cp .progressTitle .progressNumber{background: none repeat scroll 0 0 #7A7A7A; border-radius: 15px 15px 15px 15px; color: #FFFFFF; height: 30px; left: 15px; line-height: 30px; position: absolute; text-align: center; top: 7px; width: 30px;} .cp .active .progressTitle .progressNumber{background: #7A7A7A; font-size: 14px; font-weight: 600; top: 10px;} .cp .progressTitle .button{margin-bottom: 0;} .cp .progressStep{height: auto; padding: 20px 0 0 0;} .cp .progressStep h3{font-size: 15px; font-weight: bold; clear: left;} .shippingOption{margin-top: 15px;} .cp .progressStep input[type="radio"]{float: left; margin: 1px 0 0 0;} .cp .progressStep label{float: left; padding: 0 0 0 5px;} .cp .progressStep td{padding: 15px 20px;} #signIn table{width: 100%;} /*-Checkout Method --*/ #createGuest input[type="radio"]{float: left; margin-top: 2px;} #createGuest .button{margin-top: 10px; clear: left; float: left;} h3.guest{margin-top: 25px;} #createGuest label{float: left; padding: 0 0 0 5px;} #dvshippingMethods table,#dvPaymentMethods table{width: 100%;} #dvshippingMethods input[type="radio"],#dvPaymentMethods input[type="radio"]{float: left; margin: 0 0 0 3px;} #dvshippingMethods label,#dvPaymentMethods label{float: left; padding: 0 0 0 5px;} /*--*/ .OrderItemsHeader th{border-bottom: #a0c3dc 2px solid; background-color: #224a9e; margin: 7px 2px 0px; padding: 0px 2px 0px 2px; height: 24px; font-size: 11px; color: #fff;} div.CheckoutProgress{margin-bottom: 30px;} div.CheckoutButtons{float: right; width: 170px; padding-top: 65px; padding-right: 10px;} div.CheckoutButtons input.Btn{margin-bottom: 40px;} div.CheckoutButtons input.Btn{width: 160px;} div.CheckoutControl{width: 750px; float: left;} div.CheckoutControlFullWidth{width: 100%;} div.CheckoutControl h2,div.CheckoutControlFullWidth h2,div.CheckoutHeading h2{font-size: 16pt; margin: 0px; margin-bottom: 14px;} div.Form input[type="text"],div.Form input[type="password"]{height: 37px; margin: 0;} input.error,textarea.error,select.error{background-color: rgba(198,15,19,0.3); border: 1px red solid;} div.Form select{margin-bottom: 10px;} /*Checkout Addresses */ div.Checkout_ShippingAddress{padding: 20px; padding-top: 5px;} div.Checkout_ShippingAddress div.LeftBox{float: left; width: 100%;} div.Checkout_ShippingAddress div.LeftBox h4{margin: 0px;} div.Checkout_ShippingAddress div.RightBox{float: left; width: 450px;} div.ShippingAddressItem{float: left; border: 1px solid #a9b8c8; font-size: 10pt; padding: 16px 15px; margin-right: 10px; margin-bottom: 10px; height: 85px; width: 410px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} table.AddressBook{margin: 0px; border-collapse: separate; empty-cells: hide; width: 100%; margin-left: -10px;} table.AddressBook td{border: 1px solid #a9b8c8; font-size: 10pt; padding: 16px 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin-right: 8px; margin-bottom: 8px;} div.OtherAddressButtons{float: right; padding-right: 110px;} div.OtherAddressButtons input{width: 250px;} div.ShippingAddressItem_Text{float: left; margin: 0px; margin-right: 15px;} .ShippingAddressItem_Select{float: right;} div.AddressBook{margin-top: 15px;} div.AddressBookHeader{padding: 4px 0px; height: 30px;} div.AddressBookHeader h1{float: left; padding-top: 3px; margin-top: 3px;} div.AddressSearch{float: left; margin-left: 30px;} input.AddressSearchInput{border: 1px solid #a9b8c8; font-size: 10pt; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} /* Shipping Method */ div.Checkout_ShippingMethod div.LeftBox{float: left; width: 370px;} div.Checkout_ShippingMethod div.LeftBox h4{margin: 0px;} div.Checkout_ShippingMethod div.RightBox{float: left; width: 370px;} div.ShipMethodRadioList{padding-top: 10px;} div.ShipMethodRadioList label{padding-left: 8px;} /* Order Summary */ .OrderSummaryAddress .button{margin-top: 10px;} table.OrderSummaryAddress{width: 100% !important; empty-cells: hide;} table.OrderSummaryAddress tr{vertical-align: top;} table.OrderSummaryAddress td.Address,table.OrderSummaryAddress td.Coupon,div.OrderComments{width: 50%; border: 1px solid #a9b8c8; font-size: 10pt; padding: 10px 16px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin-right: 8px; margin-bottom: 8px;} div.OrderComments{width: auto;} table.OrderSummaryAddress td.Coupon{border: 2px dashed #6b9f5f; background: #fff url(/images/couponbg.png) no-repeat; background-position: bottom right;} table.OrderSummaryAddress td.Spacer{padding: 6px 4px;} table.OrderSummaryAddress td.Address h4,table.OrderSummaryAddress td.Coupon h4,div.OrderComments h4{font-size: 13pt; margin: 0px; margin-bottom: 6px;} table.OrderSummaryCart{margin-top: 15px;} td.OrderTotal{font-size: 14pt !important;} #guestCheckout .head{background: #CCCCCC; color: #333333; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding: 15px 10px;} #guestCheckoutTable{margin-top: 15px;} /* Order Payment */ #paymentMethod span.title,.Form label.title,.ForgotPass label,#signIn label,#guestCheckout label.title{font-weight: bold; padding: 10px 0 2px 0 !important; display: block;} .Form label.title,#guestCheckout label.title{color: inherit; cursor: default; font-size: inherit; margin-right: 5px;} span.Optional{display: block; font-size: 11px; margin-bottom: 10px; margin-top: 5px;} #phoneWrap table{margin-bottom: 0px;} .shipWrap{margin-top: 20px;} .plus{float: left;} .plus .input{float: left;} .plus span{float: left; padding: 10px 5px 0 0;} input.phoneInput{clear: left; float: left;} #buttonWrap{margin-top: 15px;} #paymentMethod .orderTotal{border: 1px #DFDFDF solid; padding: 10px;} #dvPaymentMethods #continueBtn{margin-top: 20px;} .continueBtn .button{margin: 0;} /*.continueBtn .button:hover{text-decoration: underline;}*/ div.Checkout_Payment{padding: 20px; padding-top: 5px;} div.Checkout_Payment h2{font-size: 16pt; margin: 0px; margin-bottom: 14px;} div.PaymentBoxLeft div.RadioList td{padding-bottom: 15px;} div.PaymentBoxLeft,div.PaymentBoxRight{float: left; border: 1px solid #a9b8c8; font-size: 10pt; padding: 16px 15px; margin-right: 10px; margin-bottom: 10px; width: 240px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} div.PaymentBoxRight{width: 350px;} div.PaymentBoxRight h4,div.PaymentBoxRight h4{font-size: 13pt; margin: 0px; margin-bottom: 6px;} /* Order Complete */ div.Checkout_OrderComplete{padding: 20px; padding-top: 5px;} div.Checkout_OrderComplete h2{font-size: 16pt; margin: 0px; margin-bottom: 14px;} td.Discount{color: #c00;} div.ProductDetail{margin-top: 0px; height: 1%;} div.ProductDetail div.Left{width: 438px; /* 445 */ margin-right: 9px; float: left; border: 1px solid #d5d5d5; border-top: 1px solid #bfbfbf; background: #fff url(/images/productdetailbg.png) repeat-x;} #ProductDetails .button{margin-bottom: 5px;} #thumblist li{display: inline-block; list-style-type: none;} #detailsTabs{background: #FFF;} #detailsTabs section{background: #EFEFEF;} #detailsTabs ul{padding-left: 30px !important;} #detailsTabs h1{margin-top: 15px !important;} #detailsTabs h6.title{padding-top: 0 !important; margin-top: 0 !important; font-size: 17px; border-top: none;} .attributeWrap{margin-bottom: 15px;} .attributeWrap span.title{padding: 10px 0; display: block;} .attributeWrap span.title em{font-weight: bold;} .attrcolor{width: 20px; height: 20px; float: left; margin-right: 5px;} .attrcolor .attrhalfcolor{ width: 10px; height: 20px; float: right;} .CustomProductAttrBGColor a{/* width: 30px; height: 30px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px $lightgrey solid; */ } .CustomProductAttrTextOnly a{/* border: 1px $lightgrey solid; color: #000; padding: 10px 12px; display: inline-block; */ } .CustomProductAttrTextOnly a:hover,.CustomProductAttrBGColor a:hover{color: #e51937;} .AttrSelectLink{display: inline-block; padding: 8px; color: #333; background: #fff; border: 1px solid #ccc; margin-bottom: 3px;} a.AttribSelected,a.AttribSelected:hover{color: #fff; background: #e51937; border-color: #e51937;} a.AttribUnavailable{color: #bbb; border: 1px solid #ccc; opacity: 0.6;} a.AttribUnavailable:hover{color: #bbb; cursor: default;} .detailBox h4,#similarProducts h4{padding-bottom: 5px; text-transform: uppercase; color: #373434; font-weight: bold;} .detailBox:nth-last-of-type(1),#similarProducts:nth-last-of-type(1){border: none;} .detailPricing{padding: 0.9375em;} .contentPadding{padding: 10px;} .similarProd{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px #CCC solid;} .RelatedProducts{border: 1px #CCC solid; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px;} .similarProd img{padding: 12px 0;} .similarProd span.title{font-size: 14px; font-weight: bold; line-height: 16px; color: #a0a0a0; text-transform: uppercase; display: block;} div.ProductDetail div.DescriptionPadding{padding: 14px;} div.ProductDetail h1{margin: 0px; margin-bottom: 5px; font-size: 1.1em;} span.qtyLabel{float: left; line-height: 27px; margin: 0 10px 0 0;} .OrderFormMulti .AttributeData{padding-top: 5px;} #skuStock{padding-bottom: 5px;} .skuListing #description{padding-bottom: 5px;} #sku,#desc{border-left: 1px solid #E0E0E0; padding-bottom: 10px; padding-top: 10px;} .skuListing{margin: 5px 0 0; border-bottom: 1px solid #E0E0E0;} div.ProductDetail div.Description{float: left; width: 260px; padding-right: 10px;} div.ProductDetail ul{margin: 4px 0px; padding: 0px; margin-left: 0.5em; padding-left: 0.5em;} div.ProductDetail ul li{padding-bottom: 5px;} div.ProductDetail div.Right{float: right; width: 280px;} div.ProductDetail div.Links{float: right; width: 130px;} div.ProductDetail div.Links a{display: block; background-repeat: no-repeat; background-position: left center; height: 25px; line-height: 25px; padding-left: 30px; text-decoration: none; margin-bottom: 8px; color: #333; font-size: 0.9em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} div.ProductDetail div.Links a:hover{background-color: #d9e0ee;} div.ProductDetail div.Links a.Email{background-image: url(/images/icon-email.png); background-position: 4px center;} div.ProductDetail div.Links a.Print{background-image: url(/images/icon-print.png); background-position: 3px center;} div.ProductDetail div.Links a.Video{background-image: url(/images/icon-watch-video.png);} div.ProductDetail a.LearnMore{color: #898989; font-size: 0.9em; text-transform: uppercase;} div.ProductTabs{margin: 0px 3px; margin-top: 10px;} div.ProductTabs a{float: left; display: block; font-family: verdana,arial,Sans-Serif; color: #fff; background: #939598; text-decoration: none; font-size: 0.8em; /* 1.2 */ font-weight: bold; padding: 5px 8px; border-right: 1px solid #fff; border-bottom: 0px; margin-right: 0px; margin-top: 1px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;} div.ProductTabStrip{height: 6px; border-top: 1px solid #fff; background: #627fb7; margin: 0px 3px;} div.ProductTabs a.Active{background: #627fb7; position: relative; top: 1px; padding-top: 6px; margin-top: 0px;} div.ProductTabPanels{background: transparent;} div.ProductTabPanels #OrderBox,div.ProductTabPanels #DescriptionBox,div.ProductTabPanels #SpecificationsBox,div.ProductTabPanels #ResourcesBox,div.ProductTabPanels #InstructionsBox,div.ProductTabPanels #DownloadBox{margin: 0px 3px; padding: 22px 10px;} div.ProductTabPanels #DescriptionBox{padding: 10px;} /* hover */ div.ProductTabs a:hover{background: #a0a2a6;} div.ProductTabs a.Active:hover{background: #627fb7;} div.MorePhotos{text-align: center; margin-bottom: 17px;} div.MorePhotos h3{color: #000; font-size: 0.833em; margin: 3px 0px; margin-top: 8px;} div.MorePhotos img{border: 1px solid #ccc; width: 50px; height: 50px; overflow: hidden; margin: 1px;} div.MorePhotos a,div.MorePhotos a:active{outline: none;} .Hide{display: none;} div.RelatedProducts h3{font-weight: bold; margin: 0px; margin-bottom: 8px; font-size: 1em; color: #333;} div.RelatedProduct{border-bottom: 1px solid #d4d4d4; padding-bottom: 4px; margin-bottom: 10px;} div.RelatedProduct div.Image{float: left; width: 89px;} div.RelatedProduct div.Description{float: left; width: 151px; padding-left: 7px;} div.RelatedProduct div.Description a.Title{display: block; margin: 0px; margin-bottom: 2px; color: #204999; font-weight: bold; text-decoration: none;} div.RelatedProduct div.Description a.Title:hover{text-decoration: underline;} div.RelatedProduct div.Description ul{margin: 0px 0px; padding: 0px; margin-left: 0.5em; padding-left: 0.5em;} div.RelatedProduct div.Description a.LearnMore{color: #898989; font-size: 0.9em; text-transform: uppercase;} div.RelatedProducts a.SeeAll{display: block; position: relative; top: -11px; background: #fff; font-style: italic; cursor: pointer; font-size: 0.9em; font-weight: bold; padding-top: 10px;} table.ProductSkus{border-spacing: 0px; width: 100%;} table.ProductSkus tr{vertical-align: top;} table.ProductSkus th{padding: 0px 2px; text-align: left; white-space: nowrap; color: #898989; font-size: 0.9em; text-transform: uppercase; font-weight: normal;} table.ProductSkus td{padding-top: 6px;} table.ProductSkus td.StockStatus{font-size: 0.9em;} .StockMsg{font-weight: bold; color: #FF0000; text-align: right;} table.Pricing{border-spacing: 0px; margin-bottom: 10px;} table.Pricing td{padding: 0px; text-align: right; padding-left: 4px;} table td.Right,table th.Right{text-align: right;} table td.Center,table th.Center{text-align: center;} table.ProductSkus a.Title{font-weight: bold;} table.ProductSkus tr.Quantity td{font-style: italic; padding-bottom: 8px; border-bottom: 1px solid #d5d5d5;} table.ProductSkus tr.Quantity td span{padding-top: 3px; display: block;} table.ProductSkus tr.Quantity td input{width: 46px; text-align: center;} table.ProductSkus tr.LastQtyRow td{border: 0px; padding-bottom: 20px;} .ProductIcons{margin: 3px;} /*-Ratings-*/ .reviewListItem{background: #FFF; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px #CCC solid;} .reviewListItem .comment{color: #333333; font-size: 14px; line-height: 17px; padding: 10px 0 0 15px;} .reviewListItem .date{color: #9E9E9E; font-size: 12px; font-style: italic; line-height: 20px; text-align: right;} .reviewListItem .rating{float: left;} .LeaveRatingContainer{padding-bottom: 15px; padding-top: 15px;} .LeaveRatingContainer textarea{min-height: 200px;} .ratingsWrap{text-align: right; padding-top: 10px; padding-bottom: 10px;} .reviewListItem .rating{padding: 5px 5px 5px 0;} .reviewListItem .title{line-height: 35px; color: #333; font-weight: bold;} .reviewListItem .date{line-height: 35px;} .ratingsWrap a{color: #222;} .ratingsWrap a:hover{text-decoration: underline;} .name .inner{background: #E9E9E9; color: #333; padding: 12px; font-size: 14px; border-radius: 3px;} @media only screen and (max-width: 768px){.reviewListItem .date{ text-align: left;} } /** Search Suggestions **/ #SearchForm a,#SearchForm select{margin: 0px; color: inherit; width: auto;} #SearchForm a{color: #ffffff; font-size: 10px; display: block; float: left;} #SearchForm ul.search-suggestions{margin-top: 0px;} #SearchForm ul.search-suggestions li a{float: none; color: #333333; font-size: 11px; font-weight: normal;} div.search-suggestion-results{position: relative; height: 1px;} ul.search-suggestions,ul.search-suggestions li{margin: 0px; padding: 0px; list-style: none; display: block;} ul.search-suggestions{position: absolute; /* position: relative;*/ z-index: 500; margin-top: 6px; border: 1px solid #cecece; background: #ffffff; width: 198px;} ul.search-suggestions li a{color: #333333; text-decoration: none;} ul.search-suggestions li a{display: block; padding: 3px 5px; cursor: pointer; background: #fff;} ul.search-suggestions li.search-suggestions-select a{background: #eeeeee;} #search-suggestions-anchor{position: absolute; left: -999px;} ul.search-suggestions .highlight{font-weight: bold;} #SearchForm .SearchBox_Keywords_Center{position: relative; overflow: visible;} /* fixes for IE7 */ ul.search-suggestions{left: 0px; top: 0px; margin-top: -1px;} div.CartHeading{margin: 9px 0px; color: #001757; font-size: 1.2em;} div.CartHeading{font-style: italic; padding-left: 14px;} div.CartHeading h1{font-style: normal; margin: 0px; margin-bottom: 3px;} div.CheckoutProgress{width: 80%; margin: 0 auto; height: 28px; margin-top: 10px; margin-bottom: 7px; text-align: center;} div.CheckoutProgress span{/* background-image:url(/images/checkout-progress-item.png); background-position:top center; background-repeat:no-repeat; */ padding: 5px 2px; padding-right: 5px; display: inline-block; font-size: 12px; margin: 0px 5px; color: #888; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} div.CheckoutProgress span.Arrow{padding: 0px; background: transparent url(/images/checkout-progress-arrow.png) no-repeat; background-position: center center; height: 9px; width: 15px; border: 0px; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} div.CheckoutProgress span.StepNumber{color: #fff; background: transparent url(/images/checkout-progress-step-dot.png) no-repeat; background-position: 0px -12px; font-size: 9px; padding: 0px; width: 12px; height: 12px; line-height: 13px; overflow: hidden; text-align: center; display: block; float: left; margin-top: 3px;} div.CheckoutProgress span.Active{background: #ff7801 url(/images/checkout-progress-active-bg.png) repeat-x; color: #111;} div.CheckoutProgress span.Complete span.StepNumber{background-position: 0px -24px; text-indent: -9999px;} div.CheckoutProgress span.Active span.StepNumber{background-position: 0px 0px;} div.CartContainer{/* background:#fff; border:1px solid #bfbfbf; padding:10px 0px; */ } #shoppingCart{background: #FFF;} #cartWrap{border: 2px solid #E0E0E0; margin-bottom: 15px;} #prodLabels{background: #231f20; color: white; font-weight: bold; border-bottom: 1px solid #E0E0E0;} #prodLabels #item{padding-top: 10px; padding-bottom: 10px;} #prodLabels #qty,#price,#total{border-left: 1px solid #E0E0E0; padding-top: 10px; padding-bottom: 10px;} .totalBox{background: #FFF; border: 2px solid #E0E0E0; margin-bottom: 12px;} #subTotalTitle{text-align: right; padding: 12px 10px 12px 0; border-right: 1px solid #E0E0E0;} #subTotalAmount{padding: 12px 0 12px 10px;} #centerProd{padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #E8E8E8; background: #FFF;} #updateQty{padding: 10px; background: #E8E8E8;} #updateQty .button{margin: 0;} /*#updateQty .button:hover{text-decoration: underline;}*/ .cartHeading{padding: 10px; background: #F4F4F4; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; font-weight: bold;} #cartWrap,#mobileCheckoutBtn{margin: 0; padding: 0;} #productInfo a{display: block; padding-bottom: 7px; color: #222;} .comboDealLineItem{margin-top: 10px;} .skuNum{font-size: 12px; padding-bottom: 5px;} .removeBtn{background: url(/images/prodRmv_btn.png) no-repeat; border: none; padding: 0 0 0 20px; display: block; color: #B0B0B0; font-size: 12px; margin-top: 5px;} .checkoutBtn .button{margin-bottom: 5px;} .checkoutBtn .payPal{background: #FFF url(/images/paypal_checkout.png) center center no-repeat !important; border-color: #d0d0d0 !important; color: #707070 !important;} .shoppingCartWrap,.checkoutSummary{padding: 0 .5em;} .label{background-color: #F4F4F4; color: #333; display: inline-block; font-size: 0.875em; font-weight: bold; line-height: 2; margin: 10px 0; padding: 0.188em 0.625em 0.25em; position: relative; text-align: left; text-decoration: none; white-space: nowrap; font-weight: bold;} div.RecentlyViewed{padding-left: 14px; padding-top: 5px;} div.RecentlyViewed h2{color: #2e4497; font-style: italic; font-size: 1.3em;} div.RecentlyViewed ul li{padding-bottom: 12px;} div.RecentlyViewed ul li a{color: #333; text-decoration: none; font-size: 1.0em;} div.RecentlyViewed ul li a:hover{text-decoration: underline;} #AddtoCart{padding: 0;} body{color: #000; background: #fff; font-family: 'Roboto',sans-serif !important; font-size: 16px; padding: 0; margin: 0; position: relative; height: 100%; min-height: 100%; overflow: hidden;} /* fixed header/footer variable content height */ .content{position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* ios smooth scrolling */ overflow: auto; -webkit-overflow-scrolling: touch;} button,.button{color: #ffffff !important; background: #257eaa !important; transition: opacity .5s ease-out; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*&.tertiary{background: $secondary-color !important; font-weight: 400; &:hover,&:focus{ background: darken($secondary-color,10%) !important;} }*/ } button.add,.button.add{ background: #229f37 !important;} button.delete,.button.delete{ background: #cb2028 !important;} button.primary,.button.primary{ background: #e51937 !important; font-weight: 400;} button.primary:hover,button.primary:focus,.button.primary:hover,.button.primary:focus{ background: #b7142c !important;} button.secondary,.button.secondary{ background: #257eaa !important; font-weight: 400;} button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{ background: #1c5f80 !important;} /*button:hover,.button:hover,button:focus,.button:focus{opacity: 0.5;}*/ a{color: #257eaa;} a:hover,a:focus{color: inherit;} a,li,span,.button{transition: all 0.2s ease 0s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s;} ul,ol{padding-left: 2.5em;} ul.no-style,ol.no-style{ padding-left: 0;} ul.side-nav a{color: #222;} .row{max-width: 1440px !important; overflow: visible;} h1,h2,h3,h4,h5{font-family: 'Roboto',sans-serif !important; font-weight: normal; color: #373434; line-height: 1;} h1.PageHeading{border-bottom: 4px solid #e51937; color: #373434; display: inline-block; font-size: 1.625em; font-weight: 700; padding-bottom: 5px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: -1px;} h1{font-size: 20px;} h2{color: #257eaa; font-size: 2em; font-weight: 300;} h2 a{ color: #257eaa;} h2 a:hover{ color: #b7142c;} h3{color: #e51937; font-size: 1.25em; font-weight: 700; margin-top: 30px;} h3 a{ color: #e51937;} h3 a:hover{ color: #b7142c;} h4{font-size: 1.500em; font-weight: 700; margin-top: 30px;} h5{font-size: 12px;} .sectionHeading{border-bottom: 4px solid #e51937; display: inline-block; font-size: 1.625em; font-weight: 700; padding-bottom: 5px; margin-bottom: 30px; text-transform: uppercase;} .alert-box{font-weight: normal; line-height: 1.3; padding: 20px;} .alert-box.info{ background-color: #a0d3e8; border-color: #74bfdd; color: #4f4f4f;} p{color: black; line-height: 1.4; letter-spacing: normal;} img,a{border: 0px; outline: 0 !important;} .button:hover{text-decoration: none;} form{margin: 0px; padding: 0px;} fieldset{border: none !important;} fieldset legend{ background: none;} iframe{border: none;} .contentLinks{list-style-type: none; margin: 0 0 40px; padding: 0;} .contentLinks li{ display: inline-block;} .contentLinks li + li{ border-left: 1px solid #c2c2c2; margin-left: 15px; padding-left: 15px;} .contentLinks li a{ font-weight: 700;} .panel{background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #DFDFDF; margin: 5px 0;} /*.mainBackground{ background: url(/images/binding_light.png) repeat; width: 100%; padding-top: 15px; padding-bottom: 15px;}*/ table{border: none; width: 100%;} table tr.even,table tr.alt,table tr:nth-of-type(2n){ background: none;} input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{background-color: #f7f6f6; border: 1px solid #d2d2d2;} .breadcrumbs > *{font-weight: 300; font-size: 0.875em;} .breadcrumbs{background: #FFF; border: none; display: inline-block; list-style: none outside none; margin-left: 0; overflow: hidden; padding: 18px 0; margin-bottom: 5px; border-radius: 0;} .breadcrumbs a{color: #94a2a9;} div.CartUpdateMessage{background: #f0ffdf; border: 1px solid #82aa5b; padding: 10px 15px 15px; color: #456327; font-size: 12pt; margin: 10px 0 25px; text-align: center;} div.CartUpdateMessage i{ font-size: 1.875em; margin-right: 10px; position: relative; top: 4px;} div.CartUpdateMessage a{color: #456327; text-decoration: underline;} form .row .row .column,form .row .row .columns{padding: 0 0.9375em;} /**TOP-BAR *****************************/ #categoryDropdown{padding: 0;} .top-bar-section ul{width: 100%;} .top-bar-section ul li{float: none;} .contain-to-grid .top-bar{margin-bottom: 10px;} .contain-to-grid,.top-bar{background: none;} .top-bar-section .has-dropdown > a{background: #257eaa !important; color: #ffffff;} .top-bar-section .has-dropdown > a:hover{color: #bdbbbb;} .top-bar-section ul.dropdown .has-dropdown a{background: #1E1E1E !important;} /**COLOR OVERRIDES *****************************/ #slideshow img,#miscOne img,#miscTwo img{border: none;} /**END COLOR OVERRIDES*****************/ h1{font-size: 18px; color: #373434;} #topHeader{background: url(/images/topHeader-bg.jpg) repeat; width: 100%; min-height: auto; padding-top: 5px; padding-bottom: 3px; position: relative; z-index: 21;} .brand{background: url("/images/logo.png") no-repeat; background-size: 100% 100%; display: inline-block; width: 183px; height: 77px; text-indent: -9999px; margin-right: 25px; position: relative; z-index: 20;} #bottomHeader{height: 152px; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 20; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+75,bcbcbc+100 */ background: white; /* Old browsers */ /* IE9 SVG,needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,white 0%,white 75%,#bcbcbc 100%); /* FF3.6+ */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(75%,white),color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,white 0%,white 75%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,white 0%,white 75%,#bcbcbc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,white 0%,white 75%,#bcbcbc 100%); /* IE10+ */ background: linear-gradient(to bottom,white 0%,white 75%,#bcbcbc 100%); /* W3C */ } #bottomHeader #searchWrap{ position: absolute; right: 15px; top: 9px; z-index: 20;} #bottomHeader #searchWrap a{ background: #2e2e2e; color: white; display: inline-block; font-size: 1.125em; padding: 10px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #bottomHeader #searchWrap form{ display: none; position: relative; top: 10px;} #bottomHeader #searchWrap .Input{ float: left; width: 70%;} #bottomHeader #searchWrap .Input input{ margin: 0;} #bottomHeader #searchWrap .button{ float: left; width: 30%; margin: 0; -webkit-border-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} button#menuTrigger{background: #e51937 !important; font-size: 1.7em; margin: 0; padding: 12px 12px 6px;} button#menuTrigger:hover,button#menuTrigger:focus{ background: #a01126 !important; opacity: 1;} #SearchBox{margin: 0;} #search .Input{float: left;} #search .Input input{ background: #f7f6f6; border: 1px solid #d2d2d2; height: auto; margin: 0; padding: 1em;} #search .button.small{padding-bottom: 0.5em; padding-top: 0.6em;} #search input.searchBtn{background: #FFF url(/images/icon-search.png) center center no-repeat; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-left: none; text-indent: 120%; white-space: nowrap; width: 52px; height: 49px; border-radius: 0;} #searchSidebar{padding: 10px;} #searchSidebar .Input{ float: left; width: 80%;} #searchSidebar .Input input{ background: #f7f6f6; border: 1px solid #d2d2d2; height: auto; margin: 0; padding: 1em;} #searchSidebar input.searchBtn{ background: #FFF url(/images/icon-search.png) center center no-repeat; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-left: none; text-indent: 120%; white-space: nowrap; float: left; width: 20%; height: 49px; border-radius: 0;} .Error span{padding: 10px 0;} #topNav{text-align: right;} .leftMenu{border: 1px solid #dfdfdf; border-top: none; background: #FFF;} .leftMenu .title{background: #efefef; border-top: 1px solid #CCCCCC;} .leftMenu .title:hover{background: #c9c9c9;} .leftMenu ul{padding-left: 10px;} .leftMenu a{color: #222; font-weight: 600; padding: 15px 12px;} .leftMenu ul li a{padding: inherit;} .leftMenu .content{padding: 10px 5px;} .leftMenu li{list-style-type: none;} ul.leftMenu li a{display: block; padding: 10px;} #slideshowWrap{position: relative;} #slideshowWrap .overlay{ display: block; position: absolute; bottom: 0; left: 0; height: 200px; width: 100%; z-index: 10; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); /* FF3.6+ */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,white 100%); /* IE10+ */ background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 100%); /* W3C */ } #slideshow{height: 0; opacity: 0;} #slideshow.owl-carousel{ top: -1px; margin-bottom: -100px;} #slideshow.owl-carousel.owl-loaded{ height: auto !important; opacity: 1 !important;} #slideshow.owl-carousel .owl-item{ -webkit-transform: translate3d(0px,0px,0px);} #slideshow.owl-carousel .owl-item > div{ background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 756px; padding-top: 100px;} #slideshow.owl-carousel .owl-item .desc{ max-width: 1440px; padding: 0 30px; margin: 0 auto; text-align: center;} #slideshow.owl-carousel .owl-item .desc h2{ color: white; font-size: 5em; font-weight: 700; margin-top: 0; margin-bottom: 5px; text-transform: uppercase;} #slideshow.owl-carousel .owl-item .desc p{ color: white; font-size: 1.500em; font-weight: 300; line-height: 1.3;} #slideshow.owl-carousel .owl-item .desc .button{ font-size: 1.125em; font-weight: 300;} #slideshow.owl-carousel .owl-dots{ bottom: 300px; position: absolute; width: 100%;} .owl-theme .owl-dots .owl-dot span{background: white; width: 50px; height: 6px;} .owl-theme .owl-dots .owl-dot.active span{background: #257eaa;} #linksIndustries{position: relative; z-index: 10;} .quickLinks ul{list-style-type: none; margin: 0; padding: 0;} .quickLinks ul li + li{ margin-top: 5px;} .quickLinks ul a{ color: white; display: block; font-size: 1.250em; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; line-height: 1; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#247da9+0,155474+100 */ background: #247da9; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0N2RhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTU0NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left,#247da9 0%,#155474 100%); /* FF3.6+ */ background: -webkit-gradient(linear,left top,right top,color-stop(0%,#247da9),color-stop(100%,#155474)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left,#247da9 0%,#155474 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left,#247da9 0%,#155474 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left,#247da9 0%,#155474 100%); /* IE10+ */ background: linear-gradient(to right,#247da9 0%,#155474 100%); /* W3C */ } .quickLinks ul a em{ float: right;} .quickLinks ul a:hover{ background: #155474; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0N2RhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTU0NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left,#155474 0%,#155474 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,#155474),color-stop(100%,#155474)); background: -webkit-linear-gradient(left,#155474 0%,#155474 100%); background: -o-linear-gradient(left,#155474 0%,#155474 100%); background: -ms-linear-gradient(left,#155474 0%,#155474 100%); background: linear-gradient(to right,#155474 0%,#155474 100%);} .quickLinks ul a.red{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e51937+0,a51214+100 */ background: #e51937; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1MTkzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNTEyMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left,#e51937 0%,#a51214 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,#e51937 0%,#a51214 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,#e51937 0%,#a51214 100%); /* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ } .quickLinks ul a.red:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e51937+0,a51214+100 */ background: #a51214; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1MTkzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNTEyMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left,#a51214 0%,#a51214 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,#a51214 0%,#a51214 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,#a51214 0%,#a51214 100%); /* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ } .FeaturedListItem2{background-position: center center; background-repeat: no-repeat; background-size: cover; color: white; text-align: center; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .FeaturedListItem2 > div{ position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%;} .FeaturedListItem2 .coverLink{ display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;} .FeaturedListItem2 .FeaturedListItem_Link a{ color: white; font-weight: 900; text-transform: uppercase; text-shadow: 2px 2px 5px rgba(0,0,0,0.5);} .FeaturedListItem2 .button{ font-size: 0.875em; font-weight: 700; letter-spacing: normal; text-transform: uppercase; padding: 0.4em 1em; margin: 10px 0 0; z-index: 10;} #industries > .row > .large-4{padding-left: 0;} #industries .FeaturedListItem2{min-height: 157px; margin-bottom: 10px;} #industries .FeaturedListItem2:hover .button.primary{ background: #a01126;} #industries .FeaturedListItem_Link a{font-size: 1.875em;} #featuredVidProd{padding-top: 70px; padding-bottom: 70px;} #featuredVideo{background: url(/images/black-dashed.jpg) repeat; color: white; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #featuredVideo .video{ padding-right: 30px;} #featuredVideo .title{ color: #e51937; display: block; font-size: 1.5em; margin-bottom: 10px;} #featuredVideo p{ color: white;} #featuredProducts h2{background: transparent url("/images/starline.png") no-repeat scroll right bottom; color: black; font-size: 2.250em; font-weight: 300; margin-top: 0; padding-bottom: 38px;} #featuredProducts .ArticlesListItem_Link{font-size: 1.500em; font-weight: 700; margin-bottom: 10px;} #featuredProducts .owl-dots .owl-dot span{background: #e8e8e8;} #featuredProducts .owl-dots .owl-dot.active span{background: #257eaa;} #productCats .FeaturedListItem2{border-bottom: 10px solid #e51937; margin-bottom: 10px; min-height: 275px; position: relative; /*&:after{ content: " "; background: $primary-color; display: block; height: 10px; width: 100%; position: absolute; bottom: 0;}*/ } #productCats .FeaturedListItem2 > div{ padding-left: 30px; padding-right: 30px;} #productCats .FeaturedListItem2 .FeaturedListItem_Link{ font-size: 2.125em;} #productCats .FeaturedListItem2 .button{ background: #257eaa !important;} #news{padding-bottom: 50px; padding-top: 50px;} #news h2{ color: black; font-weight: 300; font-size: 2.250em; margin-bottom: 30px;} #news .ArticlesNewsListItem{ margin-bottom: 20px;} #news .ArticlesNewsListItem .ArticlesListItem_Date{ border-left: 1px solid #dfdede; border-right: 1px solid #dfdede; border-top: 1px solid #dfdede; border-bottom: 5px solid #e51937; padding: 10px; float: left; width: 25%; text-align: center; font-size: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase;} #news .ArticlesNewsListItem .ArticlesListItem_Date strong{ font-size: 28px; font-weight: bold; display: block;} #news .ArticlesNewsListItem .ArticleContentWrap{ float: left; width: 75%; padding-left: 15px;} #news .ArticlesNewsListItem .ArticlesListItem_Link{ margin-bottom: 10px;} #news .ArticlesNewsListItem .ArticlesListItem_Link a{ color: black; font-size: 1.125em; font-weight: 700;} #news .ArticlesNewsListItem .ArticlesListItem_Content p{ margin: 0;} .featuredProd{border-right: 1px solid #d2d2d2; margin-bottom: 10px;} .featuredProd .inner{ background: #FFF; border: none; padding: 0 15px; text-align: left;} .featuredProd .inner a.featuredAnchor{ display: block;} .featuredProd img{ padding: 15px; text-align: center;} .featuredProd .imageWrap{ width: 100%;} .featuredProd span.title{ color: #333; display: block; font-size: 15px; height: 55px; margin-bottom: 0; overflow: hidden; padding: 15px 0; text-transform: none; width: 100%;} .featuredProd span.price{ color: #e51937; font-size: 1.500em; font-weight: 700; text-transform: uppercase; padding-bottom: 10px;} .detailCartWrap{border-top: none; margin-top: 25px;} a.details{display: block; float: left; height: auto; padding: 15px 0; width: 70%; color: #494848; font-size: 14px; font-weight: bold; text-transform: uppercase; border-right: 1px solid #DFDFDF;} a.addCart{background: none; display: block; float: left; padding: 0; white-space: nowrap; overflow: hidden; text-indent: 0; width: auto;} a.addCart i{ background: #344046; color: #FFF; font-size: 1.500em; float: left; padding: 10px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} a.addCart span{ background: #e51937; color: #FFF; display: inline-block; float: left; font-weight: 300; padding: 15px 20px 13px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} a.addCart:hover span,a.addCart:focus span{ background: #a01126;} .addCartWrap{display: block;} a.addCartDisable span{background: #ddd; color: #666;} a.addCartDisable:hover span,a.addCartDisable:focus span{background: #ddd;} #homeWrap{padding-top: 45px; padding-bottom: 45px;} .resp-tabs-container{padding-bottom: 40px;} .resp-tabs-list{position: relative;} .resp-tabs-list li{ border: 1px solid #d2d2d2; padding: 10px 15px 8px;} .resp-tabs-list li + li{ border-left: none;} .resp-tabs-list li.resp-tab-active{ border-bottom: 1px solid white;} .resp-tabs-list h2.resp-accordion{ margin: 0; letter-spacing: normal;} /*.resp-tabs-list{position:relative;left:-15px; li{font-size:1.250em; padding:0 15px; + li{border-left:1px solid #d2d2d2;} } li.resp-tab-active{background:none; color:#333 !important;} li.resp-tab-item{background:none; color:#999;} }*/ #categories{margin-top: 40px;} #categories h2{ font-size: 1.25em; font-weight: 600;} #featuredCategories .featuredProd{border: none; min-height: 278px; position: relative;} #featuredCategories .featuredProd .inner{ background: none; padding: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; text-align: center;} #featuredCategories .featuredProd .imageWrap{ background: #1e282d; transition: all 0.2s ease 0s; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; /*&:hover img,&:focus img{ opacity:.6; }*/ } #featuredCategories .featuredProd .imageWrap img{ padding: 0; opacity: .4;} #featuredCategories .featuredProd:hover .imageWrap,#featuredCategories .featuredProd:focus .imagewrap{ background: #e51937;} #featuredCategories .featuredProd span.title{ color: white; font-size: 1.875em; font-weight: 700; text-shadow: 2px 2px 2px black;} #homeContent{margin-top: 40px;} #homeContent .ArticlesListItem{border: 1px #B4B4B4 solid; padding: 15px; margin-bottom: 15px; position: relative;} #homeContent .ArticlesListItem_Content{color: #818181; line-height: 17px; font-size: 15px;} #homeContent .ArticlesListItem_Date{float: left; font-weight: bold; padding: 25px 0 0; color: #818181;} #homeContent .ArticlesListItem_More .button{position: absolute; right: 0; bottom: 0; margin: 0;} #homeContent .ArticlesListItem_Link a{color: #2C2C2C; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; display: block; font-size: 15px;} #CartDetails{margin: 0;} #CartDetails a{ color: #000; display: inline-block; position: relative;} #CartDetails i{ font-size: 47px;} #CartDetails span{ background: #e51937; color: #FFF; display: inline-block; padding: 12px 15px 10px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #CartDetails span:after{ right: 32px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255,83,13,0); border-right-color: #e51937; border-width: 15px 24px; margin-top: -15px;} #CartDetails div{ position: absolute; top: 4px; right: -41px;} #CartDetails .button{ margin-bottom: 0;} #CartDetails:hover span,#CartDetails:focus span{ background: #a01126;} #CartDetails:hover span:after,#CartDetails:focus span:after{ border-right-color: #a01126;} .headerPhone{color: #FFF; display: inline-block; margin-right: 15px; padding-left: 0.9375em; position: relative; top: 9px; vertical-align: top;} .headerPhone a{ color: white;} .headerPhone p{ color: #FFF; display: inline-block; margin: 0;} #google_translate_element{display: inline-block; position: relative;} #google_translate_element .goog-te-gadget, #google_translate_element .goog-logo-link{ color: white;} .topLinks{display: inline-block; padding-right: 20px;} #HeaderLinks{text-align: right; padding: 0;} #HeaderLinks .button-group{ display: inline-block;} #HeaderLinks .button-group li + li{ margin-left: 3px;} #HeaderLinks a{ color: #FFF; display: inline-block; margin: 0 !important; padding: 10px 15px 9px; font-size: 0.875em; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #HeaderLinks a i{ font-size: 1.2em; margin-right: 5px; position: relative; top: 1px;} #HeaderLinks a.estore{ background: #155474;} #HeaderLinks a.owners{ background: #e51937;} #HeaderLinks .no-style a{ padding: 0;} #HeaderLinks .plain{ margin-right: 10px;} #HeaderLinks .plain a{ padding: 10px 8px 9px;} .social{display: inline-block; padding-right: 0.9375em; vertical-align: top;} .social ul{ list-style-type: none; margin: 0; padding: 0;} .social ul li{ display: inline-block;} a.newAccount{background: none; width: auto; height: auto;} a.logIn{background: none; width: auto; height: auto;} a.Logout{background: none; width: auto; height: auto;} a.favorites{background: none; width: auto; height: auto;} #headerPhone p{display: inline-block; margin: 0; padding: 10px 0;} .WelcomeMsg{color: #FFF; padding: 10px 0; display: inline-block;} .WelcomeMsg a{color: #FFF;} .WelcomeMsg a:hover{text-decoration: underline;} .WelcomeMsg span.divider{padding-left: 5px; padding-right: 5px;} .orbit-bullets{bottom: 10px; left: 10px; margin: 0; position: absolute; top: inherit; z-index: 10;} .orbit-bullets li{border: none;} #miscWrap{margin: 10px 0; padding: 0 !important;} #miscOne{margin-bottom: 10px;} .button,.button{box-shadow: none;} .orbit-prev,.orbit-next{display: none;} #homeContent h1,h1.featured{padding-bottom: 5px; border-bottom: 1px #373434 solid; text-transform: uppercase;} hr{border: 0px; background: #d4d4d4; padding: 0px; height: 1px;} a{text-decoration: none; outline: 0;} .interiorWrap{padding-top: 50px; padding-bottom: 50px;} .interiorWrap h1{ font-size: 1.5em; font-weight: 700; line-height: 1; text-transform: uppercase;} .subContent{background: #FFF; border: none; padding: 0; position: relative;} .subContent:after{ content: ''; width: 0; height: 100%; position: absolute; border: 1px solid #c2c2c2; top: 0; right: 28.5%;} .subContent .contentLeft{ height: 100%;} .subContent .sidebarWrap{ width: 356px;} .subContent .ArticlesListItem + .ArticlesListItem{ border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px;} .subContent .ArticlesListItem .ArticlesListItem_Thumbnail{ margin-bottom: 15px;} .subContent .ArticlesListItem .ArticlesListItem_Date{ border-left: 1px solid #dfdede; border-right: 1px solid #dfdede; border-top: 1px solid #dfdede; border-bottom: 5px solid #e51937; padding: 10px; text-align: center; font-size: 15px; display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase;} .subContent .ArticlesListItem .ArticlesListItem_Link{ display: inline-block; margin-bottom: 10px; width: 80%;} .subContent .ArticlesListItem .ArticlesListItem_Link a{ color: black; font-size: 1.125em; font-weight: 700;} .subContent .ArticlesListItem .ArticlesListItem_Content{ margin-top: 10px;} .subContent .ArticlesListItem .ArticlesListItem_Content p{ margin: 0;} .sidebar{padding: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+100 */ background: #f1f1f1; /* Old browsers */ /* IE9 SVG,needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,#f1f1f1 0%,white 100%); /* FF3.6+ */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f1f1f1),color-stop(100%,white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#f1f1f1 0%,white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#f1f1f1 0%,white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#f1f1f1 0%,white 100%); /* IE10+ */ background: linear-gradient(to bottom,#f1f1f1 0%,white 100%); /* W3C */ } .sidebar .subNav{ list-style-type: none; padding: 0 0 0 10px;} .sidebar .subNav a{ font-size: 0.9em; line-height: 1;} .sidebar .subNav > .active > a, .sidebar .subNav ul > .active > a{ color: #e51937; font-weight: 700;} .sidebar .subNav ul{ list-style-type: none; padding: 0;} .sidebar .subNav li{ line-height: 1.2;} .sidebar .subNav li.has-dropdown > a:before{ content: "\f105"; font-family: 'FontAwesome'; left: -10px; margin-right: -5px; position: relative;} .sidebar .quickLinks{ margin-bottom: 15px;} .sidebar .quickLinks ul a{ font-size: 1em;} #loginBox{background: #f1f1f1; border: 1px solid #d7d7d7; padding: 20px; margin-bottom: 20px;} #loginBox input[type="password"]{ background: white;} #loginBox .button{ margin: 0;} .videoMenu{font-size: 0.9em; line-height: 1; padding: 0 0 0 10px;} .videoMenu .topMenuItem:before{ content: "\f105"; font-family: 'FontAwesome'; left: -10px; margin-right: -5px; position: relative;} .videoMenu ul{ list-style-type: none; margin-left: 1.25em; padding: 0;} .testimonial{background: #efefef; font-size: 0.875em; padding: 0 30px 30px; margin-top: 55px; margin-bottom: 25px; position: relative;} .testimonial .icon{ display: block; margin: 0 auto -20px; position: relative; top: -35px; width: 76px;} .testimonial i{ background: #257eaa; border: 10px solid white; color: white; font-size: 1.500em; padding: 17px 17px 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .testimonial p{ font-family: Georgia,serif; font-style: italic;} .laserStarTV h1{background: url("/images/laserstarTV-logo.png") no-repeat; background-size: 100% 100%; border: none; display: inline-block; width: 353px; height: 38px; text-indent: -9999px; position: relative; z-index: 20;} .videoSearch{/* float: left;*/ } .videoSearch input[type="text"]{ display: inline-block; float: left; width: 80%;} .videoSearch a{ background: #e51937; color: white; display: inline-block; height: 2.05em; font-family: 'icomoon' !important; float: left; padding: 9px 5px; text-align: center; width: 20%; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .videoSearch a:before{ content: "\e606";} .viewType{float: right; text-align: right; margin-bottom: 20px;} .viewType .gridView{ font-family: 'icomoon' !important; font-size: 1.75em; position: relative; top: 2px;} .viewType .gridView:before{ content: "\e902";} .viewType .listView{ font-family: 'icomoon' !important; font-size: 1.5em;} .viewType .listView:before{ content: "\e609";} .categories{font-size: 0.9em; list-style-type: none; margin-top: 10px; padding: 0;} .laserstarTVpanel h3{background: #257eaa; color: white; font-size: 1.250em; margin: 0; padding: 15px; letter-spacing: normal;} .laserstarTVpanel > div{background: #e8e8e8; padding: 15px;} .laserstarTVpanel .fluid-width-video-wrapper{height: 75px; padding-top: 0 !important;} .html5gallery{height: auto !important; margin-bottom: 50px;} .html5gallery .html5gallery-container-0{ height: auto !important; position: relative;} .html5gallery .html5gallery-box-0{ position: relative; height: auto !important;} .html5gallery .html5gallery-elem-0{ position: relative;} .html5gallery .html5gallery-car-0{ position: relative; top: auto !important;} .html5gallery .html5gallery-title-0{ position: relative; height: auto; overflow: visible; top: auto !important;} .html5gallery .html5gallery-title-text-0{ background: none; color: black; font-size: 1em;} .html5gallery .html5gallery-title-text-0 a{ color: black;} .html5gallery .html5gallery-toolbox-0 .html5gallery-left-0{ background: url(/images/video_left.png) no-repeat; background-size: 100% 100%; display: inline-block; width: 31px; height: 117px; left: 15px;} .html5gallery .html5gallery-toolbox-0 .html5gallery-right-0{ background: url(/images/video_right.png) no-repeat; background-size: 100% 100%; display: inline-block; width: 31px; height: 117px; left: auto !important; right: 15px;} .featuredVideos h2{background: transparent url("/images/starline.png") no-repeat scroll right bottom; color: black; padding-bottom: 38px;} .featuredVideos .videoWrap{margin-bottom: 30px !important; /*a{ position: relative; height: 159px; overflow: hidden; img{ left: 0; position: absolute; top: -26px; } }*/ } .featuredVideos .videoWrap > a:first-of-type{ display: block; margin-bottom: 15px;} .featuredVideos .videoWrap .videoTitle{ font-size: 1.250em; font-weight: 600;} .featuredVideos .pager{margin-top: 20px;} .featuredVideos .pager a{ background: #e8e8e8; color: black; padding: 10px 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #ProductDetails{/*.zoomPad{border: 1px solid #d2d2d2;}*/ } #ProductDetails .productDetailWrap{ margin-bottom: 25px;} #ProductDetails h1{ text-transform: none;} #ProductDetails #ProductImages, #ProductDetails .productDetails{ margin-bottom: 20px;} #ProductDetails .viewer{ border: 1px solid #d2d2d2; width: 100%; height: 400px; margin-bottom: 25px;} #ProductDetails #thumblist{ margin-top: 10px;} #ProductDetails #thumblist a{ border: 1px solid #d2d2d2; display: block;} #ProductDetails #thumblist li + li{ margin-left: 4px;} #ProductDetails .price{ color: #e51937; font-size: 1.8em; font-weight: 600; margin-bottom: 0px;} #ProductDetails .price table{ background: none; border: none;} #ProductDetails .price table td{ color: inherit; padding: 0 !important; text-align: left;} #ProductDetails .stepper{ margin: 0;} #ProductDetails .stepper .txtQty{ height: auto !important; padding: 12px; width: 50px !important;} #ProductDetails .stepper-step{ /* display: none;*/ } #ProductDetails .ratingsWrap{ padding-bottom: 30px; padding-top: 30px; text-align: left;} #ProductDetails .RadRating{ display: inline-block;} #ProductDetails .wishlistWrap{ display: none;} #ProductDetails .RelatedProducts{ background: #f1f1f1; border: none; padding: 0;} #ProductDetails .RelatedProducts .detailBox h4,#ProductDetails .RelatedProducts #similarProducts h4{ background: #1e282d; color: white; line-height: 1; margin: 0; padding: 20px 15px 15px;} #ProductDetails .RelatedProducts #similarProducts{ position: relative;} #ProductDetails .RelatedProducts #similarProducts .owl-theme .owl-controls{ margin-top: 0; top: -5px; position: relative;} #ProductDetails .RelatedProducts #similarProducts .owl-theme .owl-controls .owl-page.active span{ border: none;} #ProductDetails .RelatedProducts #similarProducts .owl-theme .owl-controls .owl-page span{ border: 2px solid #344046; width: 10px; height: 10px;} #ProductDetails .RelatedProducts #similarProducts .owl-pagination{ text-align: center;} #ProductDetails .RelatedProducts #similarProducts .similarprev, #ProductDetails .RelatedProducts #similarProducts .similarnext{ color: #e0e0e0; font-size: 2em; position: absolute; top: 50%;} #ProductDetails .RelatedProducts #similarProducts .similarprev:hover, #ProductDetails .RelatedProducts #similarProducts .similarnext:hover{ color: #bababa;} #ProductDetails .RelatedProducts #similarProducts .similarprev{ left: 5px;} #ProductDetails .RelatedProducts #similarProducts .similarnext{ right: 5px;} #ProductDetails .RelatedProducts .similarProd{ border-bottom: 0; padding: 15px; text-align: center;} #ProductDetails .RelatedProducts .similarProd span.title{ color: #333; font-size: 0.938em; text-transform: none;} #ProductDetails #detailsTabs{ border: none;} #ProductDetails #detailsTabs,#ProductDetails #detailsTabs p{ color: #666; line-height: 1.6;} #ProductDetails .f-dropdown{ width: auto;} .OrderForm{margin-bottom: 25px;} #prodLabels{border: none;} #prodLabels #sku,#prodLabels #desc,#prodLabels #qty,#prodLabels #price,#prodLabels #total{ font-size: 0.750em; padding: 15px 15px;} #prodLabels #sku{ border: none;} #prodLabels #desc,#prodLabels #qty,#prodLabels #price,#prodLabels #total{ border-left: 1px solid #FFF;} .skuListing #skuStock,.skuListing #description{font-size: 0.875em;} .skuListing #skuImg img{max-width: 75px;} table.Pricing td{color: #e51937;} h2.ArticleDate{color: #7A7A7A; font-size: 16px;} footer{background: url(/images/footer-bg.jpg) repeat; padding-bottom: 30px;} footer .footerTopLine{ display: block; height: 30px; margin-bottom: 30px; background: #483f41; /* Old browsers */ /* IE9 SVG,needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4M2Y0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzFmMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,#483f41 0%,#231f20 100%); /* FF3.6+ */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#483f41),color-stop(100%,#231f20)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,#483f41 0%,#231f20 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#483f41 0%,#231f20 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,#483f41 0%,#231f20 100%); /* IE10+ */ background: linear-gradient(to bottom,#483f41 0%,#231f20 100%); /* W3C */ } footer .footerLinks{ float: left; width: 20%; margin-bottom: 20px; padding-right: 15px;} footer .footerLinks ul{ list-style-type: none; margin: 0; padding: 0;} footer .footerLinks ul a{ color: #a4e1ff; font-size: 0.875em;} footer .footerLinks ul a:hover{ color: #71d0ff;} footer .tv, footer .madeUSA{ margin-bottom: 20px;} footer #locations{ color: white; margin-bottom: 20px;} footer #locations i,footer #locations .fa{ background: #11384c; color: white; display: inline-block; font-size: 1.500em; padding: 8px; width: 38px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} footer #locations .locationWrap{ margin-bottom: 10px;} footer #locations .location{ display: inline-block; font-weight: 700; line-height: 1.3; margin-left: 10px; position: relative; top: 6px;} footer #locations .location em{ font-style: normal; font-weight: 300;} footer #locations .location a{ color: white;} footer .copy{ font-size: 0.750em; color: #11384c;} footer .copy a{ color: #11384c;} .footerWrap{background: #2c2c2c; border-top: 5px #e51937 solid; color: #FFF;} .footerWrap p{color: #FFF; margin: 0;} .footerWrap h1{color: #FFF; font-size: 18px; text-transform: uppercase; padding: 0 0 5px 0; border-bottom: 1px #FFF solid; margin-top: 30px;} .footerWrap .social{margin-bottom: 20px;} div.Clear,div.clear{clear: both; height: 0px; overflow: hidden;} div.Subcategories a:hover{background-color: #d8e6fa; text-decoration: none;} div.Breadcrumb{font-size: 0.9em; margin-top: 12px; margin-bottom: 0px;} div.FullRightColumn div.Breadcrumb{margin-top: 8px; margin-bottom: 28px;} div.CategoryPromotion{margin-bottom: 5px;} div.CategoryInfo,div.SearchInfo{margin-bottom: 11px;} div.CategoryInfo h1,div.SearchInfo h1{margin-bottom: 3px;} div.CategoryInfo div.Description,div.SearchInfo div.Description{font-weight: bold; width: 90%; line-height: 140%;} div.SearchInfo{padding: 3px 0; margin-bottom: 0px; padding-bottom: 4px;} div.PagingLinksTop select,div.PagingLinksBottom select{font-size: 0.9em;} div.PagingLinksTop{padding-bottom: 2px; margin: 5px 0;} div.PagingLinksBottom{padding-top: 2px; margin: 0px;} .NoWrap{white-space: nowrap;} .Block{display: block;} ul.NoBullet{list-style-type: none; margin-left: 0.0em; padding-left: 0.0em;} .table_color_subuser{border: solid 1px #a0c3dc; margin: 5px 2px 2px 2px; width: 99%; text-align: left; margin-bottom: 8px;} .table_color_subuser a{color: #ffffff;} .table_color_subuser table a{color: #000;} .table_color_subuser th{font-size: 11px; background-color: #224A9E; color: #FFF; font-family: Tahoma,Arial,Verdana; padding: 0px 2px 0px 2px; margin: 0 2px 0px 2px; border-bottom: solid 2px #a0c3dc; height: 24px; margin-top: 7px;} .table_color_subuser td{padding: 3px; border-right: solid 1px #a0c3dc; border-bottom: solid 1px #a0c3dc; color: #000; font-size: 11px; font-family: Arial,Sans-Serif;} .table_color_subuser .price{text-align: right; padding-right: 2px;} .table_color_subuser .qty{text-align: right; padding-right: 2px;} .table_color_subuser .blank{border-right: solid 1px #F4F4F4; border-bottom: solid 1px #F4F4F4;} /*My Account*/ .myAccountNav{background: #e51937; padding-bottom: 10px; padding-top: 10px;} .myAccountNav li + li{ margin-left: 15px;} .myAccountNav a{ color: white;} .myAccountNav a:hover{ color: #cccccc;} .changePass{margin: 20px auto; max-width: 400px; text-align: center;} .changePass table tr th,.changePass table tr td{ font-size: 1em;} .changePass input[type="text"],.changePass input[type="password"]{ height: auto; margin: auto; width: 100% !important;} .changePass input[type="submit"]{ color: #ffffff !important; border: none; background: #257eaa !important; padding: 0.5625em 1.125em 0.625em; transition: opacity .5s ease-out; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .changePass input[type="submit"]:hover{ background: #174f6b !important;} #accountInfo,#accountCreditAndDebitCards,#accountActivity{background: #FFF;} #accountInfo .button{margin-bottom: 0;} #accountInfo .head,#accountCreditAndDebitCards .head,#accountActivity .head{color: white; padding: 15px 10px; background: #231f20; font-size: 1.2em; margin-top: 10px; font-weight: bold; margin-bottom: 25px;} .orderSearch input[type="text"]{display: inline-block;} .helpWrap{padding-bottom: 20px;} #accountInfo h5{color: #333; font-weight: bold; font-size: 14px;} span.account{display: block; float: left; padding-right: 10px; width: 100px; height: 20px; display: inline-block;} .fieldOut{display: inline-block; line-height: 20px;} #accountActivity{margin-bottom: 25px;} .recentActivity{padding-bottom: 10px;} .dottedline{border-top: dotted 1px #adadad; padding: 0px 0px 0px 0px;} .accountSection{border-bottom: 1px solid #DFDFDF; padding: 10px; margin-bottom: 15px;} .accountRow{padding-top: 5px; padding-bottom: 5px;} .recentOrders{background: #F4F4F4; border-bottom: 1px solid #E0E0E0; font-weight: bold; padding-top: 10px; padding-bottom: 10px;} .orderWrap{padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #E0E0E0;} .orderWrap a{color: #222;} .orderWrap a:hover{text-decoration: underline;} .prodDetails a{color: #222; text-decoration: underline; line-height: 16px;} .prodDetails a:hover{text-decoration: underline;} .addressInfo{line-height: 17px;} .itemNumber{margin-bottom: 5px;} #recentOrdersBtn{margin-top: 10px;} .homepageBottomContent{padding: 10px 0;} #ownerProducts .product{border: 1px solid #dfdede; height: 100%; padding: 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #ownerProducts .product img{ margin-bottom: 15px;} #ownerProducts .product .title{ margin-bottom: 10px;} #ownerProducts > div{margin-bottom: 30px;} .paymentswrap{background: #f4f4f4; padding: 20px;} .paymentswrap .payment{ margin-top: 10px !important; margin-bottom: 10px !important;} .paymentswrap .headings{ border-bottom: 1px solid #d2d2d2; font-size: 15px; font-weight: bold; margin-bottom: 20px !important; padding-bottom: 10px;} .paymentswrap .ccending{ display: inline-block; color: #959595;} .paymentswrap .ccselect{ display: inline-block;} .paymentswrap .cc{ position: relative; top: -7px;} .cc{display: inline-block; width: 40px; height: 26px; text-indent: -9999px;} .cc.ccTypeAmex{ background: url("../images/amex.png") no-repeat scroll 0 0/100% 100%;} .cc.ccTypeDiscover{ background: url("../images/discover.png") no-repeat scroll 0 0/100% 100%;} .cc.ccTypeMasterCard{ background: url("../images/mastercard.png") no-repeat scroll 0 0/100% 100%;} .cc.ccTypeVisa{ background: url("../images/visa.png") no-repeat scroll 0 0/100% 100%;} .cc.ccTypeCreditCard{ background: url("../images/creditcard_generic.png") no-repeat scroll 0 0/100% 100%;} @media all and (max-width: 567px){.paymentswrap .ccending{ margin-bottom: 10px;} .ccdelete{ clear: both; float: none !important; width: 100%;} .ccdelete .button{ display: block; width: 100%;} } /*END My Account*/ .OrderListSelect{color: #333; font-size: 11px;} .my_order{PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f5faff; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: helvetica,Tahoma,Arial,Verdana; COLOR: #515151; FONT-SIZE: 11px; BORDER-TOP: #b5b4b4 1px dotted; PADDING-TOP: 2px; margin-top: 10px; /*border-bottom:1px solid #224a9e;*/ } .my_order .orderheader{BORDER-BOTTOM: #b5b4b4 1px dotted; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 2px; font-weight: bold;} .my_order .orderheader span{font-weight: normal;} .od_billing_address{BORDER-BOTTOM: #cccbcb 1px solid; BORDER-LEFT: #cccbcb 1px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f7f7f7; PADDING-LEFT: 2px; WIDTH: 330px; PADDING-RIGHT: 2px; FLOAT: left; BORDER-TOP: #cccbcb 1px solid; BORDER-RIGHT: #cccbcb 1px solid; PADDING-TOP: 1px;} .od_billing_address TD{BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 1px;} .od_shipping_address{BORDER-BOTTOM: #cccbcb 1px solid; BORDER-LEFT: #cccbcb 1px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f5faff; PADDING-LEFT: 2px; WIDTH: 330px; PADDING-RIGHT: 2px; FLOAT: right; BORDER-TOP: #cccbcb 1px solid; BORDER-RIGHT: #cccbcb 1px solid; PADDING-TOP: 1px;} .od_shipping_address TD{BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 1px;} /* Online Catalog */ .TopCategoryLevel{float: left; width: 145px;} .TopCategoryLevel a{color: #2562a0;} .CategoryLevel_1{font-size: 13px; font-weight: bold;} .CategoryLevel_2{font-size: 11px; font-weight: bold; padding-left: 15px;} .BottomCategoryLevel{font-size: 11px; padding-left: 30px;} /** BUTTON STYLES ***/ a.Btn,input.Btn,a.BtnDisabled,input.BtnDisabled{font-family: Lucida Sans Unicode,Lucida Grande,sans-serif; color: #fff; background: #5272cd; padding: 3px 10px; cursor: pointer; font-size: 13px; font-weight: normal; margin: 1px; border-left: 1px solid #34488e; border-right: 1px solid #34488e; border-top: 1px solid #8294d5; border-bottom: 1px solid #191e45; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} a.Btn:hover,input.Btn:hover,a.BtnDisabled:hover,input.BtnDisabled:hover{background-color: #6e90f0;} a.BtnActive,a.BtnActive:hover{background: #e9720f; border-left: 1px solid #944300; border-right: 1px solid #944300; border-top: 1px solid #e69d52; border-bottom: 1px solid #301100;} a.WideBtn,input.WideBtn{padding-left: 30px; padding-right: 30px;} a.SmallBtn,input.SmallBtn{padding: 0px 7px; padding-top: 1px; font-size: 9pt; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} a.BtnDisabled,input.BtnDisabled,a.BtnDisabled:hover,input.BtnDisabled:hover{background: #ebebeb !important; border: 1px solid #c6c6c6 !important; color: #8e8e8e !important;} input.BtnAsText{background: transparent; display: inline; border: none; width: auto; color: #214999; padding: 0px; margin: 0px; cursor: pointer; text-align: left;} input.BtnAsText:hover{text-decoration: underline;} fieldset{padding: 8px; border: 1px solid #b5dded; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} fieldset legend{color: #ec811f; font-weight: bold; font-size: 9pt;} div.NoticeMessage{background: #fff url(/images/noticebg.png) no-repeat; background-position: 8px 8px; border: 1px solid #efa43b; padding: 7px; padding-left: 30px; color: #555e6c; font-size: 10pt; margin: 8px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} div.NoticeMessage a{color: #3264b5; text-decoration: underline;} div.ErrorMessage{background: #ffdfe4; border: 1px solid #aa5b65; padding: 10px 15px 15px; color: #652740; font-size: 12pt; margin: 10px 0; text-align: center;} div.ErrorMessage i{ font-size: 1.875em; margin-right: 10px; position: relative; top: 4px;} div.ErrorMessage a{color: #aa5b65; text-decoration: underline;} td.LoginError{font-size: 8pt; color: #c00;} td.ChangePassword{font-size: 13pt; padding: 10px 0px !important; text-align: left;} input.ChangePasswordInput{border: 1px solid #a9b8c8; font-size: 9pt; padding: 5px; margin-bottom: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} input.LoginBtn,input.LoginBtnDisabled{width: 124px; height: 38px; background: url(/images/btn_login_ezl.png) no-repeat; background-position: 0px 0px; padding: 0px; margin: 0px; font-size: 16px; border: 0px; color: #fff; text-align: left; padding-left: 10px; padding-bottom: 4px;} input.LoginBtnDisabled{color: #666; background-position: 0px -38px;} /** HIDE PRINT STYLES **/ div.PrintHeader{display: none;} .tooltip{display: none; background: transparent url(/images/tooltipbg.png); font-size: 11px; height: 104px; width: 376px; padding: 25px; color: #fff; margin-left: 148px;} /* CATEGORY BROWSE */ div.Filters{width: 250px; float: left;} div.FilteredSearchResults{width: 700px; float: left; margin-left: 20px;} div.Category{float: left; width: 200px; height: 210px; margin-right: 8px; margin-bottom: 8px; padding: 10px; border: 1px solid #ccc;} /* SEARCH RESULTS - Default view */ div.SearchResults{margin: 0 0 20px;} div.SearchResults div.Result{float: left; width: 200px; height: 220px; margin-right: 11px; margin-bottom: 8px; padding: 10px; line-height: 130%; font-size: 12px;} div.SearchResults div.Price{color: #e51937; font-size: 1.500em; font-weight: 600; margin: 5px 0px 15px;} div.Result div.AddtoCart{margin-top: 4px;} #wishlists{margin-bottom: 20px;} #wishlists a{ margin: 0 0 0.5em;} #wishlists .active{ background: #ddd !important; color: #333 !important;} /* SEARCH RESULTS */ /* SEARCH RESULTS - GRID ROW */ table.ListTable{border-collapse: collapse;} table.ListTable th{background: #ddd; padding: 8px 10px; text-align: left; border-bottom: 1px solid #bbb; font-weight: normal;} tr.Row > td,tr.AltRow > td{vertical-align: top; padding: 5px; border-bottom: 1px solid #ccc;} table.ListTable td div.Description{font-size: 11px;} table.ListTable td div.ItemCode{font-size: 12px; margin: 0px;} div.MultipleSkuMesssage{color: #888; font-size: 0.688em; font-weight: bold; line-height: 12px; margin-top: 20px;} div.ResultSorting label{color: #FFF; padding: 5px 0;} div.ResultsDisplay{float: right; margin-left: 20px;} /* PRODUCT DETAIL IMAGE ZOOM STYLES */ .zoomPad{position: relative; float: left; z-index: 1; cursor: crosshair;} .zoomPad img{max-width: none !important;} .zoomPreload{-moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(/images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px; * width: 100px; * height: 49px;} .zoomPup{overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair;} .zoomOverlay{position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101;} .zoomWindow{position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110;} .zoomWrapper{position: relative; border: 1px solid #999; z-index: 110;} .zoomWrapperTitle{display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60);} .zoomWrapperImage{display: block; position: relative; overflow: hidden; z-index: 110;} .zoomWrapperImage img{border: 0px; display: block; position: absolute; z-index: 101;} .zoomIframe{z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block;} /* LOGIN PAGE */ div.LoginBox{width: 100%;} #LoginBox{margin-right: 30px;} #LoginBox table{width: 100% !important; background: none !important; margin-bottom: 0 !important;} #LoginBox table label{font-weight: bold; padding: 5px 0;} #LoginBox table td{padding: 0;} #LoginBox input{height: 40px;} .yesAccount{border-bottom: 1px solid #333; padding-bottom: 10px;} div.NewCustomerBox{float: left;} div.LoginBox > h1,div.NewCustomerBox > h1,div.FindAccount > h1{margin: 0px; font-weight: normal; font-size: 24px; margin-bottom: 8px;} div.LoginBox > label,div.NewCustomerBox > label{display: block; color: #696a6c; font-weight: normal; margin-bottom: 8px;} div.FormField label{display: block; text-transform: uppercase; font-size: 10px;} div.FormField input[type=text],div.FormField input[type=password]{border: 1px solid #888; padding: 6px;} div.LoginFailed{color: #c00; font-size: 12px;} div.ForgotPass{margin-bottom: 20px;} div.ForgotPass a{color: #333; text-decoration: none; font-weight: bold;} div.ForgotPass a:hover{text-decoration: underline;} div.forgotPW{display: none; margin-top: 10px;} div.ShowPW{display: block;} div.FindAccount{display: none;} div.FindAccount > label{display: block; font-weight: bold; margin-bottom: 8px; padding-left: 28px; background: transparent url(/images/have-acct-icon.png) no-repeat; background-position: left center; height: 21px; line-height: 21px;} div.FindAccountForm{margin-top: 10px;} div.StartingAt{float: right; text-align: right; color: #000; font-size: 11px;} div.StartingAt span{color: #f99327; font-size: 14px; font-weight: bold;} /* ADD TO LIST CONTROL*/ .dialog{position: absolute; background: #E7E7E7; height: 120px; width: 160px; left: -106px; z-index: 2; padding: 0 10px;} .add-to-list-container a{z-index: 1; position: relative;} .dialog input,.dialog select{display: block; margin: 5px 0; width: 146px;} .d-hidden{display: none;} .plv-atc{font-size: 12px; text-decoration: none; color: #003091; padding: 12px;} .a-active{background: #E7E7E7;} .plv-atc:hover{text-decoration: none;} /* END ADD TO LIST CONTROL*/ /* CATEGORY ATTRIBUTES */ div.CategoryAttributes div.Attribute{float: left; margin: 7px;} div.CategoryAttributes div.AttributeNameGroup{margin-bottom: 30px;} div.CategoryAttributes div.AttributeName h1{margin: 0px; margin-bottom: 4px; font-size: 16px;} .required{color: Red;} /**FILTER RESULTS ********************************/ #ResultSorting{border-bottom: none; font-weight: normal; text-align: left; background: none !important; margin: 0 0 20px;} #ResultSorting label{ color: #333; font-size: 0.813em; display: inline-block;} #ResultSorting select{ display: inline-block; margin: 0; width: auto;} #viewCount,#sortBy{margin: 0 15px 0 0;} #viewType{padding: 0 0.5em;} #viewType .option{ display: inline-block; text-align: center;} #viewType .option span{ display: block; font-size: 0.625em;} #viewType label{position: relative; top: -15px;} #viewType a.GridView,#viewType a.GridViewActive,#viewType a.ListView,#viewType a.ListViewActive{background: transparent url(/images/resultsView.png) no-repeat; background-position: 0 0; display: inline-block; float: none; width: 20px; height: 20px; margin: 0 5px;} #viewType a.GridView:hover{background-position: 0px 0px; opacity: .6;} #viewType a.ListView{background-position: -30px 0px;} #viewType a.ListView:hover{background-position: -30px 0px; opacity: .6;} /*#viewType a.ListView:hover{background-position:-40px -40px;} #viewType a.GridViewActive,#viewType a.GridViewActive:hover{background-position:0px -80px;} #viewType a.ListViewActive,#viewType a.ListViewActive:hover{background-position:-40px -80px;}*/ .refine-categories{padding: 0 !important;} .refine-categories > ul,.refine-categories .filter{ margin-bottom: 0;} .refine-search h3{background: #1e282d; color: white; font-size: 1.250em; margin: 0; line-height: 1; font-weight: 600; padding: 20px 15px 15px; text-transform: uppercase;} .refine-categories .button{margin: 0; border: none; box-shadow: none; border-top: 1px #CCC solid; border-bottom: 1px #CCC solid;} .refine-categories li span{background: #d8d8d8; display: block; font-size: 0.813em; font-weight: bold; padding: 15px; line-height: 1;} .refine-search ul ul li{background: none repeat scroll 0 0 #EFEFEF; list-style-type: none; padding: 10px;} .refine-search ul li ul li{border: medium none; font-size: 12px; line-height: 0.6em; list-style-type: none; padding: 0;} .refine-search ul li ul li input{margin-right: 5px; margin-bottom: 5px;} .refine-search ul ul ul{padding-top: 12px; padding-bottom: 10px; margin-left: 15px;} #AppliedFilters{margin: 0; border: none;} #AppliedFilters legend{color: #222;} #AppliedFilters span{padding: 5px 0; display: inline-block;} #AppliedFilters span.title{font-weight: bold;} .stepper{float: left; margin: 15px 0 5px;} .stepper input[type="text"]{ margin: 0;} .stepper-step{float: left; width: 35px; height: 35px; border: none !important; white-space: nowrap; overflow: hidden; text-indent: 110%; display: block; margin: 0 2px; cursor: pointer;} .stepper .up{background: #7A7A7A url(/images/plus_white.png) center center no-repeat;} .stepper .down{background: #7A7A7A url(/images/minus_white.png) center center no-repeat;} /**LIST VIEW********/ .oneRow,.AltRow{background: none; border: none; margin: 5px 0;} .ListTable{margin-bottom: 20px; width: 100%;} .ListTable > div + div{ border-top: 1px solid #d2d2d2; margin-top: 20px; padding-top: 20px;} .ListTable .stepper,.ListTable a.addCart{ clear: both; float: right;} .productImage{margin-bottom: 20px; text-align: center;} a.productTitle{display: 600; font-size: 0.938em; line-height: 1.2em; padding: 10px 0; color: #333;} #addToCartWrap,#productImage{margin: 10px 0;} table.Pricing td{padding: 10px !important; text-align: right;} table.Pricing{border-spacing: 0; width: 100%; margin-bottom: 5px;} .txtQty{width: 42px !important; height: 44px !important; padding: 12px; float: left; text-align: center; margin-right: 5px !important;} .multipleSkus{padding: 0 0 10px 0;} .itemCode{padding-bottom: 10px;} .pricing{text-align: right; padding: 10px 0; color: #ff530d; font-size: 1.5em; font-weight: 600;} /**GRID VIEW********/ #Result{border: 2px solid #DFDFDF; min-height: 300px; text-align: center;} p.qty{text-align: right;} #Result a.productTitle{font-size: 1em; line-height: 1.2em;} .GridResult{background: #FFF; border: none; min-height: 355px; margin-bottom: 30px;} .GridResult .inner{ padding: 0 15px;} /**TOP NAV ********************************/ /*Top Menu*/ ul.topmenu li:hover > ul{display: block;} ul.topmenu,ul.topmenu ul,ul.topmenu ul ul{margin: 0; padding: 0; list-style: none; background-repeat: repeat;} ul.topmenu ul,ul.topmenu ul ul{position: absolute; left: 0px; border: 0; top: 100%; clear: both; display: none; overflow: visible; z-index: 99;} ul.topmenu ul ul{left: 100%; top: 0px;} ul.topmenu{zoom: 1; list-style-type: none; font-size: 12px; float: left;} ul.topmenu li{display: block; float: left; position: relative; height: 44px; margin-top: 0px; zoom: 1;} ul.topmenu a:active,ul.topmenu a:focus{outline-style: none;} ul.topmenu a{_padding-left: 0;} ul.topmenu span{cursor: default;} ul.topmenu li a{display: block; line-height: 44px; text-decoration: none; padding: 0px 14px; text-transform: uppercase;} ul.topmenu ul li a{margin: 0; text-transform: none; display: block; zoom: 1;} ul.topmenu ul li{display: block; width: auto; float: none;} ul.topmenu li:hover{position: relative;} ul.topmenu li a:hover{color: #ffffff;} ul.topmenu ul li,ul.topmenu ul ul li,ul.topmenu ul li:hover,ul.topmenu ul ul li:hover{margin: 0; padding: 0; white-space: nowrap; width: 100%;} ul.topmenu ul,ul.topmenu a:hover ul ul,ul.topmenu a:hover a:hover ul ul{display: none;} /*-OFFCANVAS MENU --*/ a#sidebarButton img{margin: 10px 0 0 0;} #sidebar{background: none repeat scroll 0 0 #333333; box-shadow: -2px 0 8px -1px #111111 inset; height: 100%; padding: 10px 0 0;} [role="complementary"],[role="main"]{padding: 0 !important;} ul#sideMainNav{padding: 15px;} ul#sideMainNav li{list-style-type: none; border-bottom: 1px #727272 solid; padding: 5px 0;} ul#sideMainNav li a{color: #FFFFFF; font-size: 13px; font-weight: 600;} ul#sideMainNav li a:hover{color: #0889CB;} span.search{color: #FFF;} /* - Begin main menu - */ #mainMenuSidebar{/*> ul:first-of-type > li:first-of-type{a{ background:$primary-color;} .has-sub a{ background: #344046;} .has-sub .submenu-button{ background: darken($primary-color,10%);} }*/ } #mainMenuSidebar a.logIn, #mainMenuSidebar a.newAccount, #mainMenuSidebar a.favorites{ padding: 17px !important;} #mainMenuSidebar a.logIn i, #mainMenuSidebar a.newAccount i, #mainMenuSidebar a.favorites i{ color: #e51937;} #mainMenuSidebar a.estore{ background: #155474;} #mainMenuSidebar a.owners{ background: #e51937;} #mainMenuSidebar.small-screen ul ul li a{ background: #257eaa;} .pure-drawer{background-color: #111;} .pure-drawer .headerPhone{ margin: 15px 0;} .pure-drawer .headerPhone a{ color: white;} .pure-drawer .social{ padding: 17px !important;} ul.megamenu,#laserstarMenuContainer{list-style: none; padding: 0 !important; margin: 0 !important;} ul.megamenu > li,#laserstarMenuContainer > li{ display: inline-block; /*&:nth-child(3) .subNavWrap > .row > div{ &:nth-child(1), &:nth-child(2), &:nth-child(3){ height: 100px !important; } }*/ } ul.megamenu > li > a,#laserstarMenuContainer > li > a{ color: #000; display: inline-block; text-decoration: none; font-size: 1.250em; font-weight: 300; text-transform: uppercase; padding: 15px 18px; letter-spacing: -1px;} ul.megamenu > li > a:hover,#laserstarMenuContainer > li > a:hover{ color: #e51937;} ul.megamenu > li > a i,#laserstarMenuContainer > li > a i{ color: #a7a7a7; margin-left: 5px;} ul.megamenu > li:nth-child(5) > a,#laserstarMenuContainer > li:nth-child(5) > a{ padding: 0; position: relative; top: -32px;} ul.megamenu > li:nth-child(5) > a > span,#laserstarMenuContainer > li:nth-child(5) > a > span{ background: url(/images/laserstarTV-logo-v2.png) no-repeat 0 22px; background-size: contain; display: inline-block; width: 150px; height: 75px; text-indent: -9999px; padding: 15px 18px 101px; margin-left: 20px;} ul.megamenu > li:last-of-type > a,#laserstarMenuContainer > li:last-of-type > a{ padding: 0; position: relative; top: -32px;} ul.megamenu > li:last-of-type > a > span,#laserstarMenuContainer > li:last-of-type > a > span{ background: url(/images/laserstarAcademy.png) no-repeat 0 22px; background-size: contain; display: inline-block; width: 109px; height: 75px; text-indent: -9999px; padding: 15px 18px 101px; margin-left: 20px;} ul.megamenu .megamenu-panel,#laserstarMenuContainer .megamenu-panel{ border-top: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 275px; position: absolute; width: 100%; left: 0; top: 100%; clear: both; overflow: visible; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: 0.2s 0.5s; transition: 0.2s 0.5s; background-color: #fff; background-repeat: no-repeat; background-position: 98% 85px;} ul.megamenu .megamenu-panel .subNavWrap,#laserstarMenuContainer .megamenu-panel .subNavWrap{ opacity: 0; visibility: hidden; -webkit-transition: 0.2s 0.5s; transition: 0.2s 0.5s;} ul.megamenu .megamenu-panel .row,#laserstarMenuContainer .megamenu-panel .row{ margin: 0;} ul.megamenu li:hover .megamenu-panel,#laserstarMenuContainer li:hover .megamenu-panel{ opacity: 1; visibility: visible; -webkit-transition: 0.2s 0.5s; transition: 0.2s 0.5s;} ul.megamenu li:hover .megamenu-panel .subNavWrap,#laserstarMenuContainer li:hover .megamenu-panel .subNavWrap{ opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s;} ul.megamenu > li#laserPanel:hover .megamenu-panel,#laserstarMenuContainer > li#laserPanel:hover .megamenu-panel{ opacity: 0 !important; visibility: hidden !important;} ul.megamenu > li#laserPanel:hover .megamenu-panel .subNavWrap,#laserstarMenuContainer > li#laserPanel:hover .megamenu-panel .subNavWrap{ opacity: 0 !important; visibility: hidden !important;} ul.megamenu > li#laserPanel i,#laserstarMenuContainer > li#laserPanel i{ display: none;} ul.megamenu .megamenu-heading,#laserstarMenuContainer .megamenu-heading{ color: white; background: #e51937; font-size: 1.500em; font-weight: 700; line-height: 1; padding: 15px; margin: 0 -1px;} ul.megamenu .subNavWrap,#laserstarMenuContainer .subNavWrap{ padding-bottom: 30px; padding-top: 30px; width: 80%;} ul.megamenu .subNavWrap .row > div,#laserstarMenuContainer .subNavWrap .row > div{ margin-bottom: 25px;} ul.megamenu .subNavWrap .row > div > a,#laserstarMenuContainer .subNavWrap .row > div > a{ display: block; font-size: 1.25em; font-weight: 700; line-height: 1; margin-bottom: 5px;} ul.megamenu .subNavWrap .row > div ul,#laserstarMenuContainer .subNavWrap .row > div ul{ list-style-type: none; margin: 0; padding: 0;} ul.megamenu .subNavWrap .row > div ul li,#laserstarMenuContainer .subNavWrap .row > div ul li{ line-height: 1;} ul.megamenu .subNavWrap .row > div ul a,#laserstarMenuContainer .subNavWrap .row > div ul a{ color: #666; font-size: 0.875em; line-height: 1;} ul.megamenu .subNavWrap .row > div ul a:hover,#laserstarMenuContainer .subNavWrap .row > div ul a:hover{ color: #404040;} ul.megamenu .subNavWrap .row > div ul a:before,#laserstarMenuContainer .subNavWrap .row > div ul a:before{ content: "\f105"; display: inline-block; font-family: 'FontAwesome'; margin-right: 5px;} ul.megamenu .subNavWrap ul > li > ul,#laserstarMenuContainer .subNavWrap ul > li > ul{ display: none;} #laserstarMenuContainer .megamenu-heading{display: none;} #laserstarMenuContainer .subNavWrap{width: 100%;} #mainMenu{ /*> ul:first-of-type > li:first-of-type{a{background:$primary-color;} }*/ } #mainMenu a{ color: #000; display: inline-block; text-decoration: none; font-size: 1.250em; font-weight: 300; text-transform: uppercase; padding: 15px 18px 68px; letter-spacing: -1px;} #mainMenu > ul:first-of-type > li:last-of-type{ margin-left: 15px;} #mainMenu > ul:first-of-type > li:last-of-type > a{ background: url(/images/laserstarTV-logo.png) no-repeat 0 22px; background-size: contain; display: inline-block; width: 168px; height: 18px; text-indent: -9999px; padding: 15px 18px 101px;} #mainMenu ul li.megamenu{position: static;} #mainMenu ul li.megamenu .megawrapper{ right: 0;} #mainMenu ul li.megamenu .full-width{ position: absolute; top: 115px; left: 0; width: 100%;} #mainMenu ul li.megamenu .full-width div{ width: 100%;} #mainMenu ul li.megamenu .full-width div ul{ background: #257eaa; padding: 20px;} #mainMenu ul li.megamenu .full-width div ul:after,#mainMenu ul li.megamenu .full-width div ul:before{ content: ""; display: table; line-height: 0;} #mainMenu ul li.megamenu .full-width div ul:after{ clear: both;} #mainMenu ul li.megamenu .full-width div ul > li{ float: left; padding: 0 10px; width: 25%;} #mainMenu ul li.megamenu .full-width div ul > li a{ color: white; background: none; font-size: 1.125em; padding: 10px; letter-spacing: 0;} #mainMenu ul li.megamenu .full-width div ul > li a:hover,#mainMenu ul li.megamenu .full-width div ul > li a:focus{ background: #1E282D;} #mainMenu ul li.megamenu .full-width div ul > li + li{ border: none;} #mainMenu ul li.megamenu .full-width div ul > li:hover{ background: none;} #mainMenu ul li.megamenu .full-width div:after,#mainMenu ul li.megamenu .full-width div:before{ content: ""; display: table; line-height: 0;} #mainMenu ul li.megamenu .full-width div:after{ clear: both;} #mainMenu ul li.megamenu:hover ul{display: block;} #mainMenu,#mainMenu ul,#mainMenu ul ul,#mainMenu ul li{margin: 0px; list-style: none;} #mainMenu ul{display: block; padding: 0; position: relative; text-align: left; z-index: 15;} #mainMenu ul ul,#mainMenu ul li{position: relative;} #mainMenu ul ul,#mainMenu ul li,#mainMenu ul a,#mainMenu ul li:hover > ul{display: block;} #mainMenu ul li.ServicesMenu:hover > ul{display: inline;} #mainMenu ul a.disabled{cursor: default;} #mainMenu ul > li{display: inline-block; list-style-type: none; position: relative; z-index: 1;} #mainMenu ul li.HomeLink{padding: 0px !Important;} #mainMenu ul li:hover > a{color: #e51937;} #mainMenu ul ul li:hover > a{color: #ffffff;} #mainMenu ul li ul li{height: auto; line-height: inherit; width: 100%;} #mainMenu ul li ul li + li{ border-top: 1px solid #206e95;} #mainMenu ul li ul li a{color: white; text-transform: none; padding: 10px 20px; font-size: 1.2em; line-height: 1;} #mainMenu ul li ul li a:hover{background: #206e95;} #mainMenu ul li ul{display: none; background: #257eaa; line-height: normal; min-width: 200px; overflow: visible; height: auto;} #mainMenu > ul > li > ul{/* subs are aligned to the left edge */ position: absolute; top: 100%; left: 0px; border-top-width: 0px; text-align: left;} #mainMenu > ul > li > ul > li ul{/* sub's subs pop to the right */ position: absolute; top: 0px; left: 100%;} #mainMenu > ul > li > ul > li > ul{top: -1px;} #mainMenu ul li,#TopMenu ul a{display: inline-block !important;} #mainMenu .icon,#mainMenuSidebar .icon{display: none;} /* - Begin top menu styles - */ #MenuTop,#MenuTop ul,#MenuTop ul ul,#MenuTop ul li{margin: 0px; list-style: none;} #MenuTop ul{display: block; padding: 0; position: relative; text-align: left;} #MenuTop ul ul,#MenuTop ul li{position: relative;} #MenuTop ul ul,#MenuTop ul li,#MenuTop ul a,#MenuTop ul li:hover > ul{display: block;} #MenuTop ul li.ServicesMenu:hover > ul{display: inline;} #MenuTop ul a.disabled{cursor: default;} #MenuTop ul > li{display: inline-block; list-style-type: none; position: relative; z-index: 1;} #MenuTop a{color: #FFF; display: inline-block; text-decoration: none; font-size: 1em; text-transform: none; font-weight: 400; padding: 16px 10px 13px;} #MenuTop a:hover,#MenuTop a:focus{ color: #d9d9d9;} #MenuTop ul li.HomeLink{padding: 0px !Important;} #TopMenu ul li:hover{background: #257eaa;} #MenuTop ul li:hover > a{color: #ffffff;} #MenuTop ul ul li:hover > a{color: #ffffff;} #MenuTop ul li ul li{height: auto; line-height: inherit; padding: 10px 0 0 20px;} #MenuTop ul li ul li a{color: #ffffff; text-transform: none; padding: 5px 0;} #MenuTop ul li ul li a:hover{color: #ffffff;} #MenuTop ul li ul{display: none; background: #257eaa; line-height: normal; min-width: 175px; overflow: visible; padding: 5px 0 10px; height: auto;} #MenuTop > ul > li > ul{/* subs are aligned to the left edge */ position: absolute; top: 100%; left: 0px; border-top-width: 0px; text-align: left;} #MenuTop > ul > li > ul > li ul{/* sub's subs pop to the right */ position: absolute; top: 0px; left: 100%;} #MenuTop > ul > li > ul > li > ul{top: -1px;} #MenuTop ul li,#TopMenu ul a{display: inline-block !important;} /* sub-sub override */ #MenuTop > ul > li > ul > li > ul{display: block; position: relative; top: auto; left: auto;} #MenuTop > ul > li > ul > li > ul > li{text-align: left;} /* OVERLAY FOR FOUNDATION CART */ #progressOverlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; /*background: rgb(0,0,0);/* Fall-back for browsers that don't support rgba background: rgba(0,0,0,.3);*/ background: url("/images/trans_bg.png"); z-index: 99999;} #progressDisplay{position: fixed; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; width: 25px; height: 25px; background: url("/images/loader_grey.gif") no-repeat scroll 0 0 transparent; z-index: 999999;} /* END OVERLAY */ /*-ORDER DETAILS --*/ #newUser{background: #FFF;} .phoneWrap li{list-style-type: none; clear: left;} .phoneWrap li input{float: left; margin: 2px 5px 0 0; display: block;} #submitOrderBtn{margin-top: 10px;} #couponWrap{margin: 10px 0;} #international,.phoneRadio{margin-bottom: 15px;} .phoneWrap .domesticPhone,.internationalPhone{margin: 0; padding: 0;} #spanInternationalPhone .code{margin-bottom: 10px;} #Account_New h4{background: none repeat scroll 0 0 #CCCCCC; color: #333333; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding: 15px 10px;} .createBtn{padding-top: 20px; background: #FFF;} .orderHistory .detailsWrap{border: 1px solid #E0E0E0; padding-bottom: 10px; padding-top: 10px;} .historyTop{border-bottom: 1px solid #E0E0E0;} .historyBottom{padding-top: 10px;} .ErrMsg li{list-style-type: none;} #preferred li{list-style-type: none; display: inline; float: left; margin-right: 10px;} #preferred input[type="radio"]{float: left; margin: 2px 5px 0 0;} #preferred label{float: left;} #contactBtn .button{margin-top: 15px;} .GeneratedShippingMethods{padding-bottom: 15px;} /**LIST VIEW********/ .PagingLinks .previous,.PagingLinks .next{display: inline-block; font-size: .9em;} .PagingLinks .previous input,.PagingLinks .previous button,.PagingLinks .next input,.PagingLinks .next button{ background: none; border: none; color: #6b6b6b; font-size: 0.813em;} .PagingLinks .pages{display: inline-block;} .PagingLinks .pages select{ margin: 0; width: auto;} .PagingLinksTop,.PagingLinksBottom{background: #FFF; margin: 5px 0; padding-top: 10px; padding-bottom: 10px;} .noError{display: none;} /**COMBO POPUP********/ .comboPopup a{margin-bottom: 0;} .comboPopup .comboSku{padding: 15px;} .comboPopup .comboSku:nth-child(odd){ background: #f1f1f1;} .comboPopup .price{display: block; font-size: 1.1em; font-weight: 300;} .comboPopup .combo-no-thanks{margin-top: 25px;} /*-GALLERY--*/ .gallery{position: relative; margin: 10px 0; max-width: 762px;} .gallery ul li{ list-style-type: none; width: 250px;} .videoColumn{height: 250px;} /* BEGIN: Extra Responsification -- */ @media only screen and (max-width: 1300px){.subContent:after{ right: 30.5%;} } @media only screen and (max-width: 1349px){.brand{ width: 150px; height: 63px;} #bottomHeader{ height: 144px;} ul.megamenu > li > a{ font-size: 1em; padding: 15px 18px 67px;} ul.megamenu > li:last-of-type > a > span{ width: 125px; padding: 15px 18px 93px;} #mainMenu a{ font-size: 1em;} #mainMenu > ul:first-of-type > li:last-of-type a{ width: 125px; padding: 15px 18px 94px;} } @media only screen and (max-width: 1249px){#news .ArticlesNewsListItem{ width: 50%;} .footerLinksWrap, .tv, #locations, .madeUSA{ float: none; width: 100%;} .tv, .madeUSA{ text-align: left !important;} } @media only screen and (max-width: 1199px){#bottomHeader{ height: auto; padding-top: 20px; padding-bottom: 20px;} #bottomHeader ul.megamenu, #bottomHeader #mainMenu{ display: none;} #bottomHeader #searchWrap{ right: 65px; top: 9px;} #bottomHeader .pure-toggle-label{ display: inline-block !important; position: absolute; top: -2px; right: 15px; left: auto;} #bottomHeader .pure-toggle-label i{ display: inline-block; font-size: 4em; overflow: hidden; width: 45px;} #topHeader .social{ display: none;} #linksIndustries #industries, #linksIndustries .quickLinks{ float: none !important; width: 100%;} #linksIndustries #industries > .row > .large-4{ padding-left: 0.9375em;} #linksIndustries .quickLinks ul li{ float: left; padding: 0 5px; margin-top: 5px; width: 50%;} #featuredVidProd{ padding-bottom: 40px; padding-top: 40px;} .featuredVideoWrap, #featuredProducts{ float: none; width: 100%;} .featuredVideoWrap{ margin-bottom: 30px;} .subContent .sidebarWrap{ width: 320px;} } @media only screen and (max-width: 1149px){#slideshow.owl-carousel .owl-item > div{ min-height: 600px;} #slideshow.owl-carousel .owl-item .desc h2{ font-size: 3em;} #slideshow.owl-carousel .owl-dots{ bottom: 150px;} } @media only screen and (min-width: 768px) and (max-width: 1124px){.addCartWrap .txtQty{ height: 37px !important; width: 35px !important;} .addCartWrap a.addCart i{ font-size: 1.05em;} .addCartWrap a.addCart span{ font-size: 0.8em; font-weight: 300; padding: 13px 10px 11px;} } @media only screen and (max-width: 1023px){.topLinks{ display: none;} #topHeader{ padding-top: 10px; padding-bottom: 10px;} #topHeader .headerPhone{ top: auto;} #google_translate_element{ top: -1px;} #industries .FeaturedListItem_Link a, #productCats .FeaturedListItem2 .FeaturedListItem_Link{ font-size: 1.5em;} } @media only screen and (max-width: 999px){.subContent:after{ border: none;} .subContent .contentLeft{ float: none; width: 100%;} .subContent .sidebarWrap{ float: none; margin-top: 30px; width: 100%;} } @media only screen and (max-width: 949px){footer .footerLinks{ width: 50%;} footer #locations .locationWrap{ float: none; width: 100%;} } @media only screen and (max-width: 829px){#linksIndustries .quickLinks ul a{ font-size: 1em;} .PagingLinks{ clear: both; float: none !important; text-align: center;} .sortingWrap{ margin: 0 auto 10px; width: 384px;} .sortingWrap:after{ visibility: hidden; display: block; content: ""; clear: both; height: 0;} } @media only screen and (max-width: 768px){.featuredNavigation{ display: none;} } @media only screen and (max-width: 767px){#slideshow.owl-carousel .owl-item > div{ min-height: 500px; padding-top: 50px;} #slideshow.owl-carousel .owl-item .desc h2{ font-size: 2em;} #slideshow.owl-carousel .owl-item .desc p{ font-size: 1.2em;} #slideshow.owl-carousel .owl-item .desc .button{ font-size: .9em;} #featuredVideo .video{ padding-right: 0; margin-bottom: 20px;} #news .ArticlesNewsListItem{ width: 100%;} #ResultSorting{ margin: 20px 0;} #sortBy{ margin-right: 0;} .sortingWrap{ width: 100%; text-align: center;} .sortingWrap #viewCount,.sortingWrap #sortBy{ float: none !important; display: inline-block;} .GridResult{ text-align: center;} .GridResult + .GridResult{ border-left: none; border-top: 1px solid #d2d2d2; padding-top: 30px;} .GridResult .stepper{ display: inline-block; float: none; margin: 15px auto 5px;} .GridResult a.addCart{ display: inline-block; float: none;} .addCartWrap{ display: inline-block; margin: auto;} table{ overflow-x: scroll;} .subContent .ArticlesListItem .ArticlesListItem_Link{ display: block; width: 100%;} } @media only screen and (max-width: 649px){#linksIndustries .quickLinks ul li{ width: 100%;} } @media only screen and (max-width: 599px){.brand{ width: 100px; height: 42px;} #bottomHeader #searchWrap{ top: 0;} #bottomHeader .pure-toggle-label{ top: -11px;} #linksIndustries #industries{ padding-left: 1.875em;} #linksIndustries #industries > .row > .large-4{ padding-left: 0;} #linksIndustries #industries .FeaturedListItem_Link a{ font-size: 1.25em;} #linksIndustries #industries .FeaturedListItem2{ min-height: 125px;} #linksIndustries #industries .FeaturedListItem2 .button{ font-size: .7em;} #topHeader{ text-align: right;} #topHeader .headerPhone{ display: none;} #google_translate_element{ right: 15px;} #productCats .small-6{ float: none; width: 100%;} #productCats .FeaturedListItem2{ min-height: 175px;} .laserStarTV h1{ width: 275px; height: 30px;} .featuredVideos .videoWrap .videoTitle{ font-size: 1em;} footer #locations .locationWrap{ overflow: hidden;} footer #locations i,footer #locations .fa{ float: left; width: 12%;} footer #locations .location{ float: left; width: 80%; top: auto;} } @media only screen and (max-width: 399px){#slideshow.owl-carousel .owl-item > div{ min-height: 425px; padding-top: 25px;} #slideshow.owl-carousel .owl-item .desc h2{ font-size: 1.5em;} #slideshow.owl-carousel .owl-item .desc p{ font-size: 1em;} #slideshow.owl-carousel .owl-item .desc .button{ font-size: .7em; font-weight: 700;} #slideshow.owl-carousel .owl-dots{ bottom: 125px;} } @media only screen and (max-width: 374px){#industries .small-6{ float: none; width: 100%;} #linksIndustries .quickLinks ul a{ font-size: 0.9em;} #featuredProducts .ArticlesListItem .small-4,#featuredProducts .ArticlesListItem .small-8{ float: none; width: 100%;} .featuredVideos .row > div{ float: none; width: 100%;} footer .footerLinks{ width: 100%;} } #languageselector{width: auto; font-size: 12px; padding: 6px; margin-top: 6px; margin-bottom: 0; border: 1px solid rgba(255,255,255,0); border-radius: 3px;} .languageOptions{position: relative; display: inline-block; width: 160px; background: #ffffff; color: #666; padding: 8px; padding-right: 10px; border-radius: 2px; font-size: 12px; margin-top: 7px;} .languageOptions ul{list-style: none; margin: 0; padding: 0; position: absolute; top: 27px; left: 0; display: none; z-index: 9999; background: #ffffff; color: #666; width: 160px; box-shadow: 0 4px 4px rgba(0,0,0,0.2);} .languageOptions a{color: #666; display: block; padding: 4px 8px; transition: background 0.2s;} .languageOptions a:hover{background: #ddd;} .languageOptions:hover ul{display: block;} .flag-icon{background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 16px; height: 11px; top: 1px;} .flag-icon-es{background-image: url(/flags/es.png);} .flag-icon-en{background-image: url(/flags/us.png);} /* Magnific Popup CSS */ .mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80);} .mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;} .mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .mfp-align-top .mfp-container:before{display: none;} .mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width: 100%; cursor: auto;} .mfp-ajax-cur{cursor: progress;} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;} .mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;} .mfp-auto-cursor .mfp-content{cursor: auto;} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select: none; -moz-user-select: none; user-select: none;} .mfp-loading.mfp-figure{display: none;} .mfp-hide{display: none !important;} .mfp-preloader{color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;} .mfp-preloader a{ color: #CCC;} .mfp-preloader a:hover{ color: #FFF;} .mfp-s-ready .mfp-preloader{display: none;} .mfp-s-error .mfp-content{display: none;} button.mfp-close,button.mfp-arrow{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none;} button::-moz-focus-inner{padding: 0; border: 0;} .mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace;} .mfp-close:hover,.mfp-close:focus{ opacity: 1; filter: alpha(opacity=100);} .mfp-close:active{ top: 1px;} .mfp-close-btn-in .mfp-close{color: #333;} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-counter{position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px;} .mfp-arrow{position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;} .mfp-arrow:active{ margin-top: -54px;} .mfp-arrow:hover,.mfp-arrow:focus{ opacity: 1; filter: alpha(opacity=100);} .mfp-arrow:before,.mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{ content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;} .mfp-arrow:after, .mfp-arrow .mfp-a{ border-top-width: 13px; border-bottom-width: 13px; top: 8px;} .mfp-arrow:before, .mfp-arrow .mfp-b{ border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;} .mfp-arrow-left{left: 0;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a{ border-right: 17px solid #FFF; margin-left: 31px;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b{ margin-left: 25px; border-right: 27px solid #3F3F3F;} .mfp-arrow-right{right: 0;} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a{ border-left: 17px solid #FFF; margin-left: 39px;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{ border-left: 27px solid #3F3F3F;} .mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px;} .mfp-iframe-holder .mfp-content{ line-height: 0; width: 100%; max-width: 900px;} .mfp-iframe-holder .mfp-close{ top: -40px;} .mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;} .mfp-iframe-scaler iframe{ position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000;} /* Main image in popup */ img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;} /* The shadow behind the image */ .mfp-figure{line-height: 0;} .mfp-figure:after{ content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444;} .mfp-figure small{ color: #BDBDBD; display: block; font-size: 12px; line-height: 14px;} .mfp-figure figure{ margin: 0;} .mfp-figure button{ background: none !important;} .mfp-figure .button{ background: none !important;} .mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;} .mfp-title{text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px;} .mfp-image-holder .mfp-content{max-width: 100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer;} @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){/* * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder{ padding-left: 0; padding-right: 0;} .mfp-img-mobile img.mfp-img{ padding: 0;} .mfp-img-mobile .mfp-figure:after{ top: 0; bottom: 0;} .mfp-img-mobile .mfp-figure small{ display: inline; margin-left: 5px;} .mfp-img-mobile .mfp-bottom-bar{ background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mfp-img-mobile .mfp-bottom-bar:empty{ padding: 0;} .mfp-img-mobile .mfp-counter{ right: 5px; top: 3px;} .mfp-img-mobile .mfp-close{ top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0;} } @media all and (max-width: 900px){.mfp-arrow{ -webkit-transform: scale(0.75); transform: scale(0.75);} .mfp-arrow-left{ -webkit-transform-origin: 0; transform-origin: 0;} .mfp-arrow-right{ -webkit-transform-origin: 100%; transform-origin: 100%;} .mfp-container{ padding-left: 6px; padding-right: 6px;} } .mfp-ie7 .mfp-img{padding: 0;} .mfp-ie7 .mfp-bottom-bar{width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px;} .mfp-ie7 .mfp-container{padding: 0;} .mfp-ie7 .mfp-content{padding-top: 44px;} .mfp-ie7 .mfp-close{top: 0; right: 0; padding-top: 0;} .checkoutSteps .inner,.checkoutSummary .inner{background: #fff; border: 1px solid #dfdfdf; padding: 15px;} .checkoutSummary .inner{background: #fff; border: 1px solid #dfdfdf; padding: 15px 8px;} .checkoutmsg{margin: 25px 0;} #checkout{font-family: 'Open Sans',sans-serif;} .steps{text-align: center; padding: 15px 0; position: relative;} .steps ul{margin: 0;} .steps ul li{list-style-type: none; display: inline-block;} .steps ul li a{padding: 10px 15px; color: #959595; cursor: default;} .steps ul li.active a{color: #ff7200;} .steps ul li.inactive a{opacity: .5;} .steps ul li.completed a{color: #257eaa;} .steps ul li.completed span.fa-inverse{color: #ffffff;} .steps ul li a:hover,.steps ul li a:focus{background: transparent; outline: none; text-decoration: none;} .stepNumber{color: #FFF !important; font-size: 1em !important;} .stepsTitle{color: #333; text-transform: uppercase; font-size: 15px; vertical-align: middle;} .checkoutTitle{text-align: center; padding: 15px 15px; text-transform: uppercase; font-size: 16px; color: #757575; margin: 10px 0; border-top: 1px #333333 solid; border-bottom: 1px #333333 solid;} .loginBtnWrap{padding-bottom: 10px;} .loginBtnWrap .columns{padding: 0;} .loginBtnWrap .button{border-left: 1px #FFF solid !important; border-right: 1px #FFF solid !important; margin-bottom: 5px;} .forgotPasswordLink{padding-bottom: 10px; display: block; color: #257eaa;} .forgotPasswordLink:hover{color: #257eaa; text-decoration: underline;} .formWrap .inactive{opacity: .4;} .formWrap .checkbox input{float: left; display: inline-block;} .formWrap .checkbox label{line-height: 3.5em; margin-left: 10px; display: inline-block;} .invoiceme{padding-top: 10px;} .checkbox-default input.checkbox,.checkbox-default label{display: inline-block; height: auto; margin: 0; line-height: 100%;} .checkbox-default label{margin-left: 10px;} .formWrap .button{border: none;} .formWrap h4{font-weight: 700; padding: 0 0 10px 5px;} .haveAccount a{padding-top: 10px; padding-bottom: 12px; display: block; color: #2ba6cb; text-decoration: underline;} .haveAccount a:hover{color: #959595;} em.checkoutNote{padding-left: 5px;} .formWrap label{color: #333333; font-size: 13px; font-weight: 600; line-height: 16px;} .formWrap label span{color: #b7b7b7;} .formWrap input,.formWrap select{height: 3.7em; font-size: inherit; box-shadow: none; border-radius: 3px; border: 1px #b7b7b7 solid !important;} .formWrap select{padding: 12px 5px;} .formWrap select.error{margin-bottom: 0;} span.error,small.error{padding-top: .5em; padding-bottom: .5em; margin-top: -1px;} .buttonWrap{text-align: center; padding: 15px 15px; text-transform: uppercase; font-size: 16px; color: #757575; margin: 25px 0 15px 0; border-top: 1px #333333 solid; border-bottom: 1px #333333 solid;} .buttonWrap input{margin: 0 5px;} .buttonWrap .button.secondary{background: #d3d3d3; border: none; color: #333333; font-weight: 600; min-width: 150px; font-size: 14px;} .buttonWrap .button{border: none; font-weight: 600; min-width: 150px; font-size: 14px; margin-bottom: 0;} .infoWrap{padding-bottom: 35px; border-bottom: 1px #333333 solid; margin-top: 15px;} .productHeadings{border-bottom: 1px #333333 solid; padding: 5px;} .productHeadings .columns{padding: 0 !important;} .productHeadings h4{font-weight: 700;} .priceHeading{text-align: right;} .reviewInfo h4{float: left; font-weight: 700; padding-right: 10px; margin: 0 0 5px 0;} .reviewInfo p{margin: 0; font-size: 13px; color: #333333; line-height: 1.3; font-weight: 600;} .reviewInfo span{line-height: 1.3; clear: left; font-weight: 600; color: #333333;} .reviewInfo .info{display: block; float: left;} .paymentInfo p{color: #757575;} .reviewInfo a{color: #757575; text-decoration: underline; padding-top: 5px; display: block;} .shippingMethod select{margin-top: 10px; height: 3.3em; padding: 12px 5px;} .shippingMethod select.error{margin-bottom: 0;} .productWrap .row{padding: 25px 0; border-bottom: 1px #757575 dashed;} p.productTitle{font-size: 14px; font-weight: 700; color: #757575; margin: 0;} p.quantity{margin: 0; font-size: 13px;} .productPrice p{text-align: right; font-weight: 700;} .pricing .columns,.reviewPricing{padding: 0 !important;} .pricing span{font-size: 13px; color: #757575; font-weight: 300;} .total{border-top: 1px #757575 dashed; margin-top: 10px;} .total span{font-weight: 700;} .reviewPromo{margin-top: 15px;} .summary.reviewPromo{margin-top: 15px; float: left; width: 100%;} .reviewPromo input{display: block; float: left; height: 40px; padding-left: 10px; text-transform: uppercase; width: 75%;} .reviewPromo .button{background: #2ba6cb; border: none; display: block; float: left; height: 40px; vertical-align: middle; width: 50px;} .promoCodes span{text-transform: uppercase; color: #757575;} .promoCodes span a{padding-left: 5px;} .promoCodes span a span,.summaryInfo span a span{color: #FF0000;} .summary input{padding-left: 5px;} .addressSelect{margin-bottom: 15px;} .addressSelect .inner{border: 1px #757575 solid; position: relative; padding-bottom: 30px; min-height: 160px;} .addressSelected .inner{border: 2px #ff7200 solid;} .addressSelect .inner p{font-size: 14px;} .addressSelect .inner .button{position: absolute; right: 0; bottom: 0; margin: 0;} .addressSelected .inner span{position: absolute; right: 0; bottom: 0; margin: 0; background: #ff7200 url(/images/address_select.png) center center no-repeat; display: block; width: 40px; height: 40px;} ul.jsPages{text-align: right; float: right; padding-right: 5px;} .jsPages li{list-style-type: none; display: inline-block; padding: 0 2px;} .jsPages li a{font-size: 15px; padding: 3px 7px; background: #959595; color: #FFF;} .jsPages li a:hover,.jsPages li a.Active{color: #ffffff; background: #257eaa;} /*-SUMMARY-*/ .cartSummary .title{float: left; clear: left; text-transform: uppercase;} .cartSummary .price{text-align: right; float: right;} .summaryTotal{border-bottom: 1px #333333 solid; padding-bottom: 10px; margin-bottom: 10px;} .summaryTotal span{font-size: 16px; text-transform: uppercase; color: #333333;} .summaryInfo span{color: #757575; font-size: 11px; line-height: 17px; padding: 3px 0;} .summaryPromo a{text-transform: lowercase; color: #FF000 !important; font-size: 11px; padding-left: 5px;} .shipPromoNote em,.shipPromoNote em span,.shipPromoNote p{font-size: 11px !important; color: #757575 !important; line-height: 15px;} .spinnerWrap{width: 100%; position: relative; min-height: 150px;} #divSpinner{position: absolute; border-radius: 5px; background: #333; width: 100px; height: 100px; color: #FFF; z-index: 1; opacity: .5; text-align: center; margin-left: -50px; left: 50%;} .spinnerWrap span.loadingText{position: absolute; width: 100%; height: auto; bottom: 10px; text-align: center; color: #333; font-size: 14px; font-weight: 600;} @media only screen and (max-width: 768px){.buttonWrap .button,.buttonWrap .button.secondary{ width: 100%; margin-bottom: 10px;} .reviewInfo .info{ width: 100%; margin-bottom: 15px;} .steps{ padding: 10px 0 25px 0;} .steps ul li a{ padding: 5px 5px;} .stepsTitle{ bottom: 0; color: #333; float: left; font-size: 15px; left: 0; position: absolute; text-align: center; text-transform: uppercase; vertical-align: middle; width: 100%;} .steps li.inactive .stepsTitle,.steps li.completed .stepsTitle{ display: none;} .buttonWrap .button.secondary{ margin-right: 0; margin-left: 0;} } /*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2014 Hakim El Hattab,http://hakim.se */ .ladda-button{position: relative;} .ladda-button .ladda-spinner{position: absolute; z-index: 2; display: inline-block; width: 32px; height: 32px; top: 50%; margin-top: 0; opacity: 0; pointer-events: none;} .ladda-button .ladda-label{position: relative; z-index: 3;} .ladda-button .ladda-progress{position: absolute; width: 0; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.2); visibility: hidden; opacity: 0; -webkit-transition: 0.1s linear all !important; -moz-transition: 0.1s linear all !important; -ms-transition: 0.1s linear all !important; -o-transition: 0.1s linear all !important; transition: 0.1s linear all !important;} .ladda-button[data-loading] .ladda-progress{opacity: 1; visibility: visible;} .ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition: 0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important; -moz-transition: 0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important; -ms-transition: 0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important; -o-transition: 0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important; transition: 0.3s cubic-bezier(0.175,0.885,0.32,1.275) all !important;} .ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition: 0.3s ease all !important; -moz-transition: 0.3s ease all !important; -ms-transition: 0.3s ease all !important; -o-transition: 0.3s ease all !important; transition: 0.3s ease all !important;} .ladda-button[data-style=expand-right] .ladda-spinner{right: -6px;} .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right: -12px;} .ladda-button[data-style=expand-right][data-loading]{padding-right: 56px;} .ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity: 1;} .ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right: 40px;} .ladda-button[data-style=expand-left] .ladda-spinner{left: 26px;} .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left: 4px;} .ladda-button[data-style=expand-left][data-loading]{padding-left: 56px;} .ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity: 1;} .ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left: 40px;} .ladda-button[data-style=expand-up]{overflow: hidden;} .ladda-button[data-style=expand-up] .ladda-spinner{top: -32px; left: 50%; margin-left: 0;} .ladda-button[data-style=expand-up][data-loading]{padding-top: 54px;} .ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity: 1; top: 26px; margin-top: 0;} .ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top: 32px;} .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top: 4px;} .ladda-button[data-style=expand-down]{overflow: hidden;} .ladda-button[data-style=expand-down] .ladda-spinner{top: 62px; left: 50%; margin-left: 0;} .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top: 40px;} .ladda-button[data-style=expand-down][data-loading]{padding-bottom: 54px;} .ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity: 1;} .ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom: 32px;} .ladda-button[data-style=slide-left]{overflow: hidden;} .ladda-button[data-style=slide-left] .ladda-label{position: relative;} .ladda-button[data-style=slide-left] .ladda-spinner{left: 100%; margin-left: 0;} .ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity: 0; left: -100%;} .ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity: 1; left: 50%;} .ladda-button[data-style=slide-right]{overflow: hidden;} .ladda-button[data-style=slide-right] .ladda-label{position: relative;} .ladda-button[data-style=slide-right] .ladda-spinner{right: 100%; margin-left: 0; left: 16px;} .ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity: 0; left: 100%;} .ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity: 1; left: 50%;} .ladda-button[data-style=slide-up]{overflow: hidden;} .ladda-button[data-style=slide-up] .ladda-label{position: relative;} .ladda-button[data-style=slide-up] .ladda-spinner{left: 50%; margin-left: 0; margin-top: 1em;} .ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity: 0; top: -1em;} .ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity: 1; margin-top: 0;} .ladda-button[data-style=slide-down]{overflow: hidden;} .ladda-button[data-style=slide-down] .ladda-label{position: relative;} .ladda-button[data-style=slide-down] .ladda-spinner{left: 50%; margin-left: 0; margin-top: -2em;} .ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity: 0; top: 1em;} .ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity: 1; margin-top: 0;} .ladda-button[data-style=zoom-out]{overflow: hidden;} .ladda-button[data-style=zoom-out] .ladda-spinner{left: 50%; margin-left: 32px; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5);} .ladda-button[data-style=zoom-out] .ladda-label{position: relative; display: inline-block;} .ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);} .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity: 1; margin-left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .ladda-button[data-style=zoom-in]{overflow: hidden;} .ladda-button[data-style=zoom-in] .ladda-spinner{left: 50%; margin-left: -16px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2);} .ladda-button[data-style=zoom-in] .ladda-label{position: relative; display: inline-block;} .ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity: 0; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2);} .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity: 1; margin-left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .ladda-button[data-style=contract]{overflow: hidden; width: 100px;} .ladda-button[data-style=contract] .ladda-spinner{left: 50%; margin-left: 0;} .ladda-button[data-style=contract][data-loading]{border-radius: 50%; width: 52px;} .ladda-button[data-style=contract][data-loading] .ladda-label{opacity: 0;} .ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity: 1;} .ladda-button[data-style=contract-overlay]{overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 2000px transparent;} .ladda-button[data-style=contract-overlay] .ladda-spinner{left: 50%; margin-left: 0;} .ladda-button[data-style=contract-overlay][data-loading]{border-radius: 50%; width: 52px; box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.8);} .ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity: 0;} .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity: 1;} /*# sourceMappingURL=app.css.map */ /* /css/vendor/menumaker.css */ #mainMenuSidebar, #mainMenuSidebar ul, #mainMenuSidebar ul li, #mainMenuSidebar ul li a, #mainMenuSidebar #menu-button{ margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainMenuSidebar:after, #mainMenuSidebar > ul:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #mainMenuSidebar #menu-button{ display: none; } /*#mainMenuSidebar > ul > li{ float: left; }*/ #mainMenuSidebar.align-center > ul{ font-size: 0; text-align: center; } #mainMenuSidebar.align-center > ul > li{ display: inline-block; float: none; } #mainMenuSidebar.align-center ul ul{ text-align: left; } #mainMenuSidebar.align-right > ul > li{ float: right; } #mainMenuSidebar > ul > li > a{ padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #dddddd; font-weight: 700; text-transform: uppercase; } #mainMenuSidebar > ul > li:hover > a{ color: #ffffff; } #mainMenuSidebar > ul > li.has-sub > a{ padding-right: 30px; } #mainMenuSidebar > ul > li.has-sub > a:after{ position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #mainMenuSidebar > ul > li.has-sub > a:before{ position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #mainMenuSidebar > ul > li.has-sub:hover > a:before{ top: 23px; height: 0; } #mainMenuSidebar ul ul{ position: absolute; left: -9999px; } #mainMenuSidebar.align-right ul ul{ text-align: right; } #mainMenuSidebar ul ul li{ height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #mainMenuSidebar li:hover > ul{ left: auto; } #mainMenuSidebar.align-right li:hover > ul{ left: auto; right: 0; } #mainMenuSidebar li:hover > ul > li{ height: 35px; } #mainMenuSidebar ul ul ul{ margin-left: 100%; top: 0; } #mainMenuSidebar.align-right ul ul ul{ margin-left: 0; margin-right: 100%; } #mainMenuSidebar ul ul li a{ border-bottom: 1px solid rgba(150,150,150,0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background: #333333; } #mainMenuSidebar ul ul li:last-child > a, #mainMenuSidebar ul ul li.last-item > a{ border-bottom: 0; } #mainMenuSidebar ul ul li:hover > a, #mainMenuSidebar ul ul li a:hover{ color: #ffffff; } #mainMenuSidebar ul ul li.has-sub > a:after{ position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #mainMenuSidebar.align-right ul ul li.has-sub > a:after{ right: auto; left: 11px; } #mainMenuSidebar ul ul li.has-sub > a:before{ position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #mainMenuSidebar.align-right ul ul li.has-sub > a:before{ right: auto; left: 14px; } #mainMenuSidebar ul ul > li.has-sub:hover > a:before{ top: 17px; height: 0; } #mainMenuSidebar.small-screen{ width: 100%; } #mainMenuSidebar.small-screen ul{ width: 100%; display: none; } #mainMenuSidebar.small-screen > ul{ display: block !important } #mainMenuSidebar.small-screen > ul > li > ul, #mainMenuSidebar.small-screen > ul > li > ul > li{ width:100% !important } #mainMenuSidebar.small-screen > ul > li > ul#mainMenuSidebar-1001{ display:none !important } #mainMenuSidebar-5918,#mainMenuSidebar-17522{ display: none !important;} #mainMenuSidebar.small-screen.align-center > ul{ text-align: left; } #mainMenuSidebar.small-screen ul li{ width: 100%; border-top: 1px solid rgba(120,120,120,0.2); } #mainMenuSidebar.small-screen ul ul li, #mainMenuSidebar.small-screen li:hover > ul > li{ height: auto; } #mainMenuSidebar.small-screen ul li a, #mainMenuSidebar.small-screen ul ul li a{ width: 100%; border-bottom: 0; } #mainMenuSidebar.small-screen > ul > li{ float: none; } #mainMenuSidebar.small-screen ul ul li a{ padding-left: 25px; } #mainMenuSidebar.small-screen ul ul ul li a{ padding-left: 35px; } #mainMenuSidebar.small-screen ul ul li a{ color: #dddddd; background: #344046; } #mainMenuSidebar.small-screen ul ul li:hover > a, #mainMenuSidebar.small-screen ul ul li.active > a{ color: #ffffff; } #mainMenuSidebar.small-screen ul ul, #mainMenuSidebar.small-screen ul ul ul, #mainMenuSidebar.small-screen.align-right ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #mainMenuSidebar.small-screen > ul > li.has-sub > a:after, #mainMenuSidebar.small-screen > ul > li.has-sub > a:before, #mainMenuSidebar.small-screen ul ul > li.has-sub > a:after, #mainMenuSidebar.small-screen ul ul > li.has-sub > a:before{ display: none; } #mainMenuSidebar.small-screen #menu-button{ display:none /*block*/; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #mainMenuSidebar.small-screen #menu-button:after{ position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #mainMenuSidebar.small-screen #menu-button:before{ position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } #mainMenuSidebar.small-screen #menu-button.menu-opened:after{ top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mainMenuSidebar.small-screen #menu-button.menu-opened:before{ top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mainMenuSidebar.small-screen .submenu-button{ position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120,120,120,0.2); height: 46px; width: 46px; cursor: pointer; } #mainMenuSidebar.small-screen .submenu-button.submenu-opened{ background: #262626; } #mainMenuSidebar.small-screen ul ul .submenu-button, #globalnav.small-screen ul ul .submenu-button{ height: 34px; width: 34px; } #mainMenuSidebar.small-screen .submenu-button:after{ position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #mainMenuSidebar.small-screen ul ul .submenu-button:after{ top: 15px; right: 13px; } #mainMenuSidebar.small-screen .submenu-button.submenu-opened:after{ background: #ffffff; } #mainMenuSidebar.small-screen .submenu-button:before{ position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; } #mainMenuSidebar.small-screen ul ul .submenu-button:before{ top: 12px; right: 16px; } #mainMenuSidebar.small-screen .submenu-button.submenu-opened:before{ display: none; } #mainMenuSidebar.small-screen.select-list{ padding: 5px; } /* /css/AdminMenu.css */ /* ADMIN MENU */ div.AdminMenuOffset{/* push the site content down to make room for the admin menu */ height:48px;} div.AdminHeader{background:transparent url(/Admin/images/adminmenubg.png) repeat-x;color:#ffffff;height:48px;margin-bottom:8px;position:fixed;width:100%;top:0px;left:0px;min-width:940px;z-index:999;/* using background image instead (because IE doesn't look nice with the filters) -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.4);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.4);box-shadow: 0px 3px 3px rgba(0,0,0,.4);-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=180,Color='#000000')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=180,Color='#000000');*/ } body.Admin{padding-top:0px;} div.BodyWrapAdmin{padding-top:50px;} div.AdminLogo{float:left;margin-right:20px;margin-left:5px;margin-top:3px;} div.AdminLogo img{border:0px;} .adminmenu ul,.adminmenu li{padding:0px;margin:0px;list-style:none;} .adminmenu li{display:block;float:left;position:relative;} .adminmenu a{font-size:12px;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;display:block;float:left;color:#ffffff;text-decoration:none;height:39px;/* 34px total */ line-height:39px;padding:0px 10px;margin:0px;background-repeat:no-repeat;background-position:5px center;/* text-shadow:#ffffff 0px 0px 1px,#111111 0px -1px 1px;*/ -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;background:#000 url(/Admin/images/adminmenuhover.png) repeat-x;background-position:0 -50px;} .adminmenu li:hover a{color:#ffffff;text-decoration:none;background-color:#0a86ff;background-position:0 0;} .adminmenu ul li.Logoff{float:right;margin-right:10px;} /* sub menu */ .adminmenu ul ul{display:none; position:absolute;z-index:500;top:39px;left:0px;background:#000;padding-bottom:0px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding-bottom:5px;} .adminmenu ul ul li a,.adminmenu ul li:hover ul li a{background:#000;padding-right:20px;min-width:120px;} .adminmenu ul li:hover ul li a:hover{background-color:#0a86ff;} .adminmenu ul ul li{float:none;} .adminmenu ul ul a{float:none;padding:6px 25px 6px 8px;font-size:8pt;margin:0px;height:auto;line-height:normal;white-space:nowrap;text-shadow:none;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;} .adminmenu ul ul a:hover{text-decoration:none;} /* activates sub */ .adminmenu li:hover ul{display:block;} .adminmenu li a.ComingSoon{color:#666 !important;} /* Saved 71.75KB */