@charset "UTF-8";/*! normalize.css v2.1.2 | 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 `[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: "“" "”" "‘" "’";} /** * 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;} /*! * Font Awesome 4.5.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/font-awesome/fonts//fontawesome-webfont.eot?v=4.5.0"); src: url("/fonts/font-awesome/fonts//fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("/fonts/font-awesome/fonts//fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("/fonts/font-awesome/fonts//fontawesome-webfont.woff?v=4.5.0") format("woff"),url("/fonts/font-awesome/fonts//fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("/fonts/font-awesome/fonts//fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal;} .fa{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* makes the font 33% larger relative to the icon container */ .fa-lg{ font-size: 1.3333333333em; 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.2857142857em; text-align: center;} .fa-ul{ padding-left: 0; margin-left: 2.1428571429em; list-style-type: none;} .fa-ul > li{ position: relative;} .fa-li{ position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center;} .fa-li.fa-lg{ left: -1.8571428571em;} .fa-border{ padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em;} .fa-pull-left{ float: left;} .fa-pull-right{ float: right;} .fa.fa-pull-left{ margin-right: 0.3em;} .fa.fa-pull-right{ margin-left: 0.3em;} /* Deprecated as of 4.4.0 */ .pull-right{ float: right;} .pull-left{ float: left;} .fa.pull-left{ margin-right: 0.3em;} .fa.pull-right{ margin-left: 0.3em;} .fa-spin{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;} .fa-pulse{ -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8);} @-webkit-keyframes fa-spin{ 0%{  -webkit-transform: rotate(0deg);  transform: rotate(0deg);}  100%{  -webkit-transform: rotate(359deg);  transform: rotate(359deg);} } @keyframes fa-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); -ms-transform: rotate(90deg); transform: rotate(90deg);} .fa-rotate-180{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .fa-rotate-270{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} .fa-flip-horizontal{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1);} .fa-flip-vertical{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1);} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{ filter: none;} .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: "\f000";} .fa-music:before{ content: "\f001";} .fa-search:before{ content: "\f002";} .fa-envelope-o:before{ content: "\f003";} .fa-heart:before{ content: "\f004";} .fa-star:before{ content: "\f005";} .fa-star-o:before{ content: "\f006";} .fa-user:before{ content: "\f007";} .fa-film:before{ content: "\f008";} .fa-th-large:before{ content: "\f009";} .fa-th:before{ content: "\f00a";} .fa-th-list:before{ content: "\f00b";} .fa-check:before{ content: "\f00c";} .fa-remove:before,.fa-close:before,.fa-times:before{ content: "\f00d";} .fa-search-plus:before{ content: "\f00e";} .fa-search-minus:before{ content: "\f010";} .fa-power-off:before{ content: "\f011";} .fa-signal:before{ content: "\f012";} .fa-gear:before,.fa-cog:before{ content: "\f013";} .fa-trash-o:before{ content: "\f014";} .fa-home:before{ content: "\f015";} .fa-file-o:before{ content: "\f016";} .fa-clock-o:before{ content: "\f017";} .fa-road:before{ content: "\f018";} .fa-download:before{ content: "\f019";} .fa-arrow-circle-o-down:before{ content: "\f01a";} .fa-arrow-circle-o-up:before{ content: "\f01b";} .fa-inbox:before{ content: "\f01c";} .fa-play-circle-o:before{ content: "\f01d";} .fa-rotate-right:before,.fa-repeat:before{ content: "\f01e";} .fa-refresh:before{ content: "\f021";} .fa-list-alt:before{ content: "\f022";} .fa-lock:before{ content: "\f023";} .fa-flag:before{ content: "\f024";} .fa-headphones:before{ content: "\f025";} .fa-volume-off:before{ content: "\f026";} .fa-volume-down:before{ content: "\f027";} .fa-volume-up:before{ content: "\f028";} .fa-qrcode:before{ content: "\f029";} .fa-barcode:before{ content: "\f02a";} .fa-tag:before{ content: "\f02b";} .fa-tags:before{ content: "\f02c";} .fa-book:before{ content: "\f02d";} .fa-bookmark:before{ content: "\f02e";} .fa-print:before{ content: "\f02f";} .fa-camera:before{ content: "\f030";} .fa-font:before{ content: "\f031";} .fa-bold:before{ content: "\f032";} .fa-italic:before{ content: "\f033";} .fa-text-height:before{ content: "\f034";} .fa-text-width:before{ content: "\f035";} .fa-align-left:before{ content: "\f036";} .fa-align-center:before{ content: "\f037";} .fa-align-right:before{ content: "\f038";} .fa-align-justify:before{ content: "\f039";} .fa-list:before{ content: "\f03a";} .fa-dedent:before,.fa-outdent:before{ content: "\f03b";} .fa-indent:before{ content: "\f03c";} .fa-video-camera:before{ content: "\f03d";} .fa-photo:before,.fa-image:before,.fa-picture-o:before{ content: "\f03e";} .fa-pencil:before{ content: "\f040";} .fa-map-marker:before{ content: "\f041";} .fa-adjust:before{ content: "\f042";} .fa-tint:before{ content: "\f043";} .fa-edit:before,.fa-pencil-square-o:before{ content: "\f044";} .fa-share-square-o:before{ content: "\f045";} .fa-check-square-o:before{ content: "\f046";} .fa-arrows:before{ content: "\f047";} .fa-step-backward:before{ content: "\f048";} .fa-fast-backward:before{ content: "\f049";} .fa-backward:before{ content: "\f04a";} .fa-play:before{ content: "\f04b";} .fa-pause:before{ content: "\f04c";} .fa-stop:before{ content: "\f04d";} .fa-forward:before{ content: "\f04e";} .fa-fast-forward:before{ content: "\f050";} .fa-step-forward:before{ content: "\f051";} .fa-eject:before{ content: "\f052";} .fa-chevron-left:before{ content: "\f053";} .fa-chevron-right:before{ content: "\f054";} .fa-plus-circle:before{ content: "\f055";} .fa-minus-circle:before{ content: "\f056";} .fa-times-circle:before{ content: "\f057";} .fa-check-circle:before{ content: "\f058";} .fa-question-circle:before{ content: "\f059";} .fa-info-circle:before{ content: "\f05a";} .fa-crosshairs:before{ content: "\f05b";} .fa-times-circle-o:before{ content: "\f05c";} .fa-check-circle-o:before{ content: "\f05d";} .fa-ban:before{ content: "\f05e";} .fa-arrow-left:before{ content: "\f060";} .fa-arrow-right:before{ content: "\f061";} .fa-arrow-up:before{ content: "\f062";} .fa-arrow-down:before{ content: "\f063";} .fa-mail-forward:before,.fa-share:before{ content: "\f064";} .fa-expand:before{ content: "\f065";} .fa-compress:before{ content: "\f066";} .fa-plus:before{ content: "\f067";} .fa-minus:before{ content: "\f068";} .fa-asterisk:before{ content: "\f069";} .fa-exclamation-circle:before{ content: "\f06a";} .fa-gift:before{ content: "\f06b";} .fa-leaf:before{ content: "\f06c";} .fa-fire:before{ content: "\f06d";} .fa-eye:before{ content: "\f06e";} .fa-eye-slash:before{ content: "\f070";} .fa-warning:before,.fa-exclamation-triangle:before{ content: "\f071";} .fa-plane:before{ content: "\f072";} .fa-calendar:before{ content: "\f073";} .fa-random:before{ content: "\f074";} .fa-comment:before{ content: "\f075";} .fa-magnet:before{ content: "\f076";} .fa-chevron-up:before{ content: "\f077";} .fa-chevron-down:before{ content: "\f078";} .fa-retweet:before{ content: "\f079";} .fa-shopping-cart:before{ content: "\f07a";} .fa-folder:before{ content: "\f07b";} .fa-folder-open:before{ content: "\f07c";} .fa-arrows-v:before{ content: "\f07d";} .fa-arrows-h:before{ content: "\f07e";} .fa-bar-chart-o:before,.fa-bar-chart:before{ content: "\f080";} .fa-twitter-square:before{ content: "\f081";} .fa-facebook-square:before{ content: "\f082";} .fa-camera-retro:before{ content: "\f083";} .fa-key:before{ content: "\f084";} .fa-gears:before,.fa-cogs:before{ content: "\f085";} .fa-comments:before{ content: "\f086";} .fa-thumbs-o-up:before{ content: "\f087";} .fa-thumbs-o-down:before{ content: "\f088";} .fa-star-half:before{ content: "\f089";} .fa-heart-o:before{ content: "\f08a";} .fa-sign-out:before{ content: "\f08b";} .fa-linkedin-square:before{ content: "\f08c";} .fa-thumb-tack:before{ content: "\f08d";} .fa-external-link:before{ content: "\f08e";} .fa-sign-in:before{ content: "\f090";} .fa-trophy:before{ content: "\f091";} .fa-github-square:before{ content: "\f092";} .fa-upload:before{ content: "\f093";} .fa-lemon-o:before{ content: "\f094";} .fa-phone:before{ content: "\f095";} .fa-square-o:before{ content: "\f096";} .fa-bookmark-o:before{ content: "\f097";} .fa-phone-square:before{ content: "\f098";} .fa-twitter:before{ content: "\f099";} .fa-facebook-f:before,.fa-facebook:before{ content: "\f09a";} .fa-github:before{ content: "\f09b";} .fa-unlock:before{ content: "\f09c";} .fa-credit-card:before{ content: "\f09d";} .fa-feed:before,.fa-rss:before{ content: "\f09e";} .fa-hdd-o:before{ content: "\f0a0";} .fa-bullhorn:before{ content: "\f0a1";} .fa-bell:before{ content: "\f0f3";} .fa-certificate:before{ content: "\f0a3";} .fa-hand-o-right:before{ content: "\f0a4";} .fa-hand-o-left:before{ content: "\f0a5";} .fa-hand-o-up:before{ content: "\f0a6";} .fa-hand-o-down:before{ content: "\f0a7";} .fa-arrow-circle-left:before{ content: "\f0a8";} .fa-arrow-circle-right:before{ content: "\f0a9";} .fa-arrow-circle-up:before{ content: "\f0aa";} .fa-arrow-circle-down:before{ content: "\f0ab";} .fa-globe:before{ content: "\f0ac";} .fa-wrench:before{ content: "\f0ad";} .fa-tasks:before{ content: "\f0ae";} .fa-filter:before{ content: "\f0b0";} .fa-briefcase:before{ content: "\f0b1";} .fa-arrows-alt:before{ content: "\f0b2";} .fa-group:before,.fa-users:before{ content: "\f0c0";} .fa-chain:before,.fa-link:before{ content: "\f0c1";} .fa-cloud:before{ content: "\f0c2";} .fa-flask:before{ content: "\f0c3";} .fa-cut:before,.fa-scissors:before{ content: "\f0c4";} .fa-copy:before,.fa-files-o:before{ content: "\f0c5";} .fa-paperclip:before{ content: "\f0c6";} .fa-save:before,.fa-floppy-o:before{ content: "\f0c7";} .fa-square:before{ content: "\f0c8";} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{ content: "\f0c9";} .fa-list-ul:before{ content: "\f0ca";} .fa-list-ol:before{ content: "\f0cb";} .fa-strikethrough:before{ content: "\f0cc";} .fa-underline:before{ content: "\f0cd";} .fa-table:before{ content: "\f0ce";} .fa-magic:before{ content: "\f0d0";} .fa-truck:before{ content: "\f0d1";} .fa-pinterest:before{ content: "\f0d2";} .fa-pinterest-square:before{ content: "\f0d3";} .fa-google-plus-square:before{ content: "\f0d4";} .fa-google-plus:before{ content: "\f0d5";} .fa-money:before{ content: "\f0d6";} .fa-caret-down:before{ content: "\f0d7";} .fa-caret-up:before{ content: "\f0d8";} .fa-caret-left:before{ content: "\f0d9";} .fa-caret-right:before{ content: "\f0da";} .fa-columns:before{ content: "\f0db";} .fa-unsorted:before,.fa-sort:before{ content: "\f0dc";} .fa-sort-down:before,.fa-sort-desc:before{ content: "\f0dd";} .fa-sort-up:before,.fa-sort-asc:before{ content: "\f0de";} .fa-envelope:before{ content: "\f0e0";} .fa-linkedin:before{ content: "\f0e1";} .fa-rotate-left:before,.fa-undo:before{ content: "\f0e2";} .fa-legal:before,.fa-gavel:before{ content: "\f0e3";} .fa-dashboard:before,.fa-tachometer:before{ content: "\f0e4";} .fa-comment-o:before{ content: "\f0e5";} .fa-comments-o:before{ content: "\f0e6";} .fa-flash:before,.fa-bolt:before{ content: "\f0e7";} .fa-sitemap:before{ content: "\f0e8";} .fa-umbrella:before{ content: "\f0e9";} .fa-paste:before,.fa-clipboard:before{ content: "\f0ea";} .fa-lightbulb-o:before{ content: "\f0eb";} .fa-exchange:before{ content: "\f0ec";} .fa-cloud-download:before{ content: "\f0ed";} .fa-cloud-upload:before{ content: "\f0ee";} .fa-user-md:before{ content: "\f0f0";} .fa-stethoscope:before{ content: "\f0f1";} .fa-suitcase:before{ content: "\f0f2";} .fa-bell-o:before{ content: "\f0a2";} .fa-coffee:before{ content: "\f0f4";} .fa-cutlery:before{ content: "\f0f5";} .fa-file-text-o:before{ content: "\f0f6";} .fa-building-o:before{ content: "\f0f7";} .fa-hospital-o:before{ content: "\f0f8";} .fa-ambulance:before{ content: "\f0f9";} .fa-medkit:before{ content: "\f0fa";} .fa-fighter-jet:before{ content: "\f0fb";} .fa-beer:before{ content: "\f0fc";} .fa-h-square:before{ content: "\f0fd";} .fa-plus-square:before{ content: "\f0fe";} .fa-angle-double-left:before{ content: "\f100";} .fa-angle-double-right:before{ content: "\f101";} .fa-angle-double-up:before{ content: "\f102";} .fa-angle-double-down:before{ content: "\f103";} .fa-angle-left:before{ content: "\f104";} .fa-angle-right:before{ content: "\f105";} .fa-angle-up:before{ content: "\f106";} .fa-angle-down:before{ content: "\f107";} .fa-desktop:before{ content: "\f108";} .fa-laptop:before{ content: "\f109";} .fa-tablet:before{ content: "\f10a";} .fa-mobile-phone:before,.fa-mobile:before{ content: "\f10b";} .fa-circle-o:before{ content: "\f10c";} .fa-quote-left:before{ content: "\f10d";} .fa-quote-right:before{ content: "\f10e";} .fa-spinner:before{ content: "\f110";} .fa-circle:before{ content: "\f111";} .fa-mail-reply:before,.fa-reply:before{ content: "\f112";} .fa-github-alt:before{ content: "\f113";} .fa-folder-o:before{ content: "\f114";} .fa-folder-open-o:before{ content: "\f115";} .fa-smile-o:before{ content: "\f118";} .fa-frown-o:before{ content: "\f119";} .fa-meh-o:before{ content: "\f11a";} .fa-gamepad:before{ content: "\f11b";} .fa-keyboard-o:before{ content: "\f11c";} .fa-flag-o:before{ content: "\f11d";} .fa-flag-checkered:before{ content: "\f11e";} .fa-terminal:before{ content: "\f120";} .fa-code:before{ content: "\f121";} .fa-mail-reply-all:before,.fa-reply-all:before{ content: "\f122";} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{ content: "\f123";} .fa-location-arrow:before{ content: "\f124";} .fa-crop:before{ content: "\f125";} .fa-code-fork:before{ content: "\f126";} .fa-unlink:before,.fa-chain-broken:before{ content: "\f127";} .fa-question:before{ content: "\f128";} .fa-info:before{ content: "\f129";} .fa-exclamation:before{ content: "\f12a";} .fa-superscript:before{ content: "\f12b";} .fa-subscript:before{ content: "\f12c";} .fa-eraser:before{ content: "\f12d";} .fa-puzzle-piece:before{ content: "\f12e";} .fa-microphone:before{ content: "\f130";} .fa-microphone-slash:before{ content: "\f131";} .fa-shield:before{ content: "\f132";} .fa-calendar-o:before{ content: "\f133";} .fa-fire-extinguisher:before{ content: "\f134";} .fa-rocket:before{ content: "\f135";} .fa-maxcdn:before{ content: "\f136";} .fa-chevron-circle-left:before{ content: "\f137";} .fa-chevron-circle-right:before{ content: "\f138";} .fa-chevron-circle-up:before{ content: "\f139";} .fa-chevron-circle-down:before{ content: "\f13a";} .fa-html5:before{ content: "\f13b";} .fa-css3:before{ content: "\f13c";} .fa-anchor:before{ content: "\f13d";} .fa-unlock-alt:before{ content: "\f13e";} .fa-bullseye:before{ content: "\f140";} .fa-ellipsis-h:before{ content: "\f141";} .fa-ellipsis-v:before{ content: "\f142";} .fa-rss-square:before{ content: "\f143";} .fa-play-circle:before{ content: "\f144";} .fa-ticket:before{ content: "\f145";} .fa-minus-square:before{ content: "\f146";} .fa-minus-square-o:before{ content: "\f147";} .fa-level-up:before{ content: "\f148";} .fa-level-down:before{ content: "\f149";} .fa-check-square:before{ content: "\f14a";} .fa-pencil-square:before{ content: "\f14b";} .fa-external-link-square:before{ content: "\f14c";} .fa-share-square:before{ content: "\f14d";} .fa-compass:before{ content: "\f14e";} .fa-toggle-down:before,.fa-caret-square-o-down:before{ content: "\f150";} .fa-toggle-up:before,.fa-caret-square-o-up:before{ content: "\f151";} .fa-toggle-right:before,.fa-caret-square-o-right:before{ content: "\f152";} .fa-euro:before,.fa-eur:before{ content: "\f153";} .fa-gbp:before{ content: "\f154";} .fa-dollar:before,.fa-usd:before{ content: "\f155";} .fa-rupee:before,.fa-inr:before{ content: "\f156";} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{ content: "\f157";} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{ content: "\f158";} .fa-won:before,.fa-krw:before{ content: "\f159";} .fa-bitcoin:before,.fa-btc:before{ content: "\f15a";} .fa-file:before{ content: "\f15b";} .fa-file-text:before{ content: "\f15c";} .fa-sort-alpha-asc:before{ content: "\f15d";} .fa-sort-alpha-desc:before{ content: "\f15e";} .fa-sort-amount-asc:before{ content: "\f160";} .fa-sort-amount-desc:before{ content: "\f161";} .fa-sort-numeric-asc:before{ content: "\f162";} .fa-sort-numeric-desc:before{ content: "\f163";} .fa-thumbs-up:before{ content: "\f164";} .fa-thumbs-down:before{ content: "\f165";} .fa-youtube-square:before{ content: "\f166";} .fa-youtube:before{ content: "\f167";} .fa-xing:before{ content: "\f168";} .fa-xing-square:before{ content: "\f169";} .fa-youtube-play:before{ content: "\f16a";} .fa-dropbox:before{ content: "\f16b";} .fa-stack-overflow:before{ content: "\f16c";} .fa-instagram:before{ content: "\f16d";} .fa-flickr:before{ content: "\f16e";} .fa-adn:before{ content: "\f170";} .fa-bitbucket:before{ content: "\f171";} .fa-bitbucket-square:before{ content: "\f172";} .fa-tumblr:before{ content: "\f173";} .fa-tumblr-square:before{ content: "\f174";} .fa-long-arrow-down:before{ content: "\f175";} .fa-long-arrow-up:before{ content: "\f176";} .fa-long-arrow-left:before{ content: "\f177";} .fa-long-arrow-right:before{ content: "\f178";} .fa-apple:before{ content: "\f179";} .fa-windows:before{ content: "\f17a";} .fa-android:before{ content: "\f17b";} .fa-linux:before{ content: "\f17c";} .fa-dribbble:before{ content: "\f17d";} .fa-skype:before{ content: "\f17e";} .fa-foursquare:before{ content: "\f180";} .fa-trello:before{ content: "\f181";} .fa-female:before{ content: "\f182";} .fa-male:before{ content: "\f183";} .fa-gittip:before,.fa-gratipay:before{ content: "\f184";} .fa-sun-o:before{ content: "\f185";} .fa-moon-o:before{ content: "\f186";} .fa-archive:before{ content: "\f187";} .fa-bug:before{ content: "\f188";} .fa-vk:before{ content: "\f189";} .fa-weibo:before{ content: "\f18a";} .fa-renren:before{ content: "\f18b";} .fa-pagelines:before{ content: "\f18c";} .fa-stack-exchange:before{ content: "\f18d";} .fa-arrow-circle-o-right:before{ content: "\f18e";} .fa-arrow-circle-o-left:before{ content: "\f190";} .fa-toggle-left:before,.fa-caret-square-o-left:before{ content: "\f191";} .fa-dot-circle-o:before{ content: "\f192";} .fa-wheelchair:before{ content: "\f193";} .fa-vimeo-square:before{ content: "\f194";} .fa-turkish-lira:before,.fa-try:before{ content: "\f195";} .fa-plus-square-o:before{ content: "\f196";} .fa-space-shuttle:before{ content: "\f197";} .fa-slack:before{ content: "\f198";} .fa-envelope-square:before{ content: "\f199";} .fa-wordpress:before{ content: "\f19a";} .fa-openid:before{ content: "\f19b";} .fa-institution:before,.fa-bank:before,.fa-university:before{ content: "\f19c";} .fa-mortar-board:before,.fa-graduation-cap:before{ content: "\f19d";} .fa-yahoo:before{ content: "\f19e";} .fa-google:before{ content: "\f1a0";} .fa-reddit:before{ content: "\f1a1";} .fa-reddit-square:before{ content: "\f1a2";} .fa-stumbleupon-circle:before{ content: "\f1a3";} .fa-stumbleupon:before{ content: "\f1a4";} .fa-delicious:before{ content: "\f1a5";} .fa-digg:before{ content: "\f1a6";} .fa-pied-piper:before{ content: "\f1a7";} .fa-pied-piper-alt:before{ content: "\f1a8";} .fa-drupal:before{ content: "\f1a9";} .fa-joomla:before{ content: "\f1aa";} .fa-language:before{ content: "\f1ab";} .fa-fax:before{ content: "\f1ac";} .fa-building:before{ content: "\f1ad";} .fa-child:before{ content: "\f1ae";} .fa-paw:before{ content: "\f1b0";} .fa-spoon:before{ content: "\f1b1";} .fa-cube:before{ content: "\f1b2";} .fa-cubes:before{ content: "\f1b3";} .fa-behance:before{ content: "\f1b4";} .fa-behance-square:before{ content: "\f1b5";} .fa-steam:before{ content: "\f1b6";} .fa-steam-square:before{ content: "\f1b7";} .fa-recycle:before{ content: "\f1b8";} .fa-automobile:before,.fa-car:before{ content: "\f1b9";} .fa-cab:before,.fa-taxi:before{ content: "\f1ba";} .fa-tree:before{ content: "\f1bb";} .fa-spotify:before{ content: "\f1bc";} .fa-deviantart:before{ content: "\f1bd";} .fa-soundcloud:before{ content: "\f1be";} .fa-database:before{ content: "\f1c0";} .fa-file-pdf-o:before{ content: "\f1c1";} .fa-file-word-o:before{ content: "\f1c2";} .fa-file-excel-o:before{ content: "\f1c3";} .fa-file-powerpoint-o:before{ content: "\f1c4";} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{ content: "\f1c5";} .fa-file-zip-o:before,.fa-file-archive-o:before{ content: "\f1c6";} .fa-file-sound-o:before,.fa-file-audio-o:before{ content: "\f1c7";} .fa-file-movie-o:before,.fa-file-video-o:before{ content: "\f1c8";} .fa-file-code-o:before{ content: "\f1c9";} .fa-vine:before{ content: "\f1ca";} .fa-codepen:before{ content: "\f1cb";} .fa-jsfiddle:before{ content: "\f1cc";} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{ content: "\f1cd";} .fa-circle-o-notch:before{ content: "\f1ce";} .fa-ra:before,.fa-rebel:before{ content: "\f1d0";} .fa-ge:before,.fa-empire:before{ content: "\f1d1";} .fa-git-square:before{ content: "\f1d2";} .fa-git:before{ content: "\f1d3";} .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{ content: "\f1d4";} .fa-tencent-weibo:before{ content: "\f1d5";} .fa-qq:before{ content: "\f1d6";} .fa-wechat:before,.fa-weixin:before{ content: "\f1d7";} .fa-send:before,.fa-paper-plane:before{ content: "\f1d8";} .fa-send-o:before,.fa-paper-plane-o:before{ content: "\f1d9";} .fa-history:before{ content: "\f1da";} .fa-circle-thin:before{ content: "\f1db";} .fa-header:before{ content: "\f1dc";} .fa-paragraph:before{ content: "\f1dd";} .fa-sliders:before{ content: "\f1de";} .fa-share-alt:before{ content: "\f1e0";} .fa-share-alt-square:before{ content: "\f1e1";} .fa-bomb:before{ content: "\f1e2";} .fa-soccer-ball-o:before,.fa-futbol-o:before{ content: "\f1e3";} .fa-tty:before{ content: "\f1e4";} .fa-binoculars:before{ content: "\f1e5";} .fa-plug:before{ content: "\f1e6";} .fa-slideshare:before{ content: "\f1e7";} .fa-twitch:before{ content: "\f1e8";} .fa-yelp:before{ content: "\f1e9";} .fa-newspaper-o:before{ content: "\f1ea";} .fa-wifi:before{ content: "\f1eb";} .fa-calculator:before{ content: "\f1ec";} .fa-paypal:before{ content: "\f1ed";} .fa-google-wallet:before{ content: "\f1ee";} .fa-cc-visa:before{ content: "\f1f0";} .fa-cc-mastercard:before{ content: "\f1f1";} .fa-cc-discover:before{ content: "\f1f2";} .fa-cc-amex:before{ content: "\f1f3";} .fa-cc-paypal:before{ content: "\f1f4";} .fa-cc-stripe:before{ content: "\f1f5";} .fa-bell-slash:before{ content: "\f1f6";} .fa-bell-slash-o:before{ content: "\f1f7";} .fa-trash:before{ content: "\f1f8";} .fa-copyright:before{ content: "\f1f9";} .fa-at:before{ content: "\f1fa";} .fa-eyedropper:before{ content: "\f1fb";} .fa-paint-brush:before{ content: "\f1fc";} .fa-birthday-cake:before{ content: "\f1fd";} .fa-area-chart:before{ content: "\f1fe";} .fa-pie-chart:before{ content: "\f200";} .fa-line-chart:before{ content: "\f201";} .fa-lastfm:before{ content: "\f202";} .fa-lastfm-square:before{ content: "\f203";} .fa-toggle-off:before{ content: "\f204";} .fa-toggle-on:before{ content: "\f205";} .fa-bicycle:before{ content: "\f206";} .fa-bus:before{ content: "\f207";} .fa-ioxhost:before{ content: "\f208";} .fa-angellist:before{ content: "\f209";} .fa-cc:before{ content: "\f20a";} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{ content: "\f20b";} .fa-meanpath:before{ content: "\f20c";} .fa-buysellads:before{ content: "\f20d";} .fa-connectdevelop:before{ content: "\f20e";} .fa-dashcube:before{ content: "\f210";} .fa-forumbee:before{ content: "\f211";} .fa-leanpub:before{ content: "\f212";} .fa-sellsy:before{ content: "\f213";} .fa-shirtsinbulk:before{ content: "\f214";} .fa-simplybuilt:before{ content: "\f215";} .fa-skyatlas:before{ content: "\f216";} .fa-cart-plus:before{ content: "\f217";} .fa-cart-arrow-down:before{ content: "\f218";} .fa-diamond:before{ content: "\f219";} .fa-ship:before{ content: "\f21a";} .fa-user-secret:before{ content: "\f21b";} .fa-motorcycle:before{ content: "\f21c";} .fa-street-view:before{ content: "\f21d";} .fa-heartbeat:before{ content: "\f21e";} .fa-venus:before{ content: "\f221";} .fa-mars:before{ content: "\f222";} .fa-mercury:before{ content: "\f223";} .fa-intersex:before,.fa-transgender:before{ content: "\f224";} .fa-transgender-alt:before{ content: "\f225";} .fa-venus-double:before{ content: "\f226";} .fa-mars-double:before{ content: "\f227";} .fa-venus-mars:before{ content: "\f228";} .fa-mars-stroke:before{ content: "\f229";} .fa-mars-stroke-v:before{ content: "\f22a";} .fa-mars-stroke-h:before{ content: "\f22b";} .fa-neuter:before{ content: "\f22c";} .fa-genderless:before{ content: "\f22d";} .fa-facebook-official:before{ content: "\f230";} .fa-pinterest-p:before{ content: "\f231";} .fa-whatsapp:before{ content: "\f232";} .fa-server:before{ content: "\f233";} .fa-user-plus:before{ content: "\f234";} .fa-user-times:before{ content: "\f235";} .fa-hotel:before,.fa-bed:before{ content: "\f236";} .fa-viacoin:before{ content: "\f237";} .fa-train:before{ content: "\f238";} .fa-subway:before{ content: "\f239";} .fa-medium:before{ content: "\f23a";} .fa-yc:before,.fa-y-combinator:before{ content: "\f23b";} .fa-optin-monster:before{ content: "\f23c";} .fa-opencart:before{ content: "\f23d";} .fa-expeditedssl:before{ content: "\f23e";} .fa-battery-4:before,.fa-battery-full:before{ content: "\f240";} .fa-battery-3:before,.fa-battery-three-quarters:before{ content: "\f241";} .fa-battery-2:before,.fa-battery-half:before{ content: "\f242";} .fa-battery-1:before,.fa-battery-quarter:before{ content: "\f243";} .fa-battery-0:before,.fa-battery-empty:before{ content: "\f244";} .fa-mouse-pointer:before{ content: "\f245";} .fa-i-cursor:before{ content: "\f246";} .fa-object-group:before{ content: "\f247";} .fa-object-ungroup:before{ content: "\f248";} .fa-sticky-note:before{ content: "\f249";} .fa-sticky-note-o:before{ content: "\f24a";} .fa-cc-jcb:before{ content: "\f24b";} .fa-cc-diners-club:before{ content: "\f24c";} .fa-clone:before{ content: "\f24d";} .fa-balance-scale:before{ content: "\f24e";} .fa-hourglass-o:before{ content: "\f250";} .fa-hourglass-1:before,.fa-hourglass-start:before{ content: "\f251";} .fa-hourglass-2:before,.fa-hourglass-half:before{ content: "\f252";} .fa-hourglass-3:before,.fa-hourglass-end:before{ content: "\f253";} .fa-hourglass:before{ content: "\f254";} .fa-hand-grab-o:before,.fa-hand-rock-o:before{ content: "\f255";} .fa-hand-stop-o:before,.fa-hand-paper-o:before{ content: "\f256";} .fa-hand-scissors-o:before{ content: "\f257";} .fa-hand-lizard-o:before{ content: "\f258";} .fa-hand-spock-o:before{ content: "\f259";} .fa-hand-pointer-o:before{ content: "\f25a";} .fa-hand-peace-o:before{ content: "\f25b";} .fa-trademark:before{ content: "\f25c";} .fa-registered:before{ content: "\f25d";} .fa-creative-commons:before{ content: "\f25e";} .fa-gg:before{ content: "\f260";} .fa-gg-circle:before{ content: "\f261";} .fa-tripadvisor:before{ content: "\f262";} .fa-odnoklassniki:before{ content: "\f263";} .fa-odnoklassniki-square:before{ content: "\f264";} .fa-get-pocket:before{ content: "\f265";} .fa-wikipedia-w:before{ content: "\f266";} .fa-safari:before{ content: "\f267";} .fa-chrome:before{ content: "\f268";} .fa-firefox:before{ content: "\f269";} .fa-opera:before{ content: "\f26a";} .fa-internet-explorer:before{ content: "\f26b";} .fa-tv:before,.fa-television:before{ content: "\f26c";} .fa-contao:before{ content: "\f26d";} .fa-500px:before{ content: "\f26e";} .fa-amazon:before{ content: "\f270";} .fa-calendar-plus-o:before{ content: "\f271";} .fa-calendar-minus-o:before{ content: "\f272";} .fa-calendar-times-o:before{ content: "\f273";} .fa-calendar-check-o:before{ content: "\f274";} .fa-industry:before{ content: "\f275";} .fa-map-pin:before{ content: "\f276";} .fa-map-signs:before{ content: "\f277";} .fa-map-o:before{ content: "\f278";} .fa-map:before{ content: "\f279";} .fa-commenting:before{ content: "\f27a";} .fa-commenting-o:before{ content: "\f27b";} .fa-houzz:before{ content: "\f27c";} .fa-vimeo:before{ content: "\f27d";} .fa-black-tie:before{ content: "\f27e";} .fa-fonticons:before{ content: "\f280";} .fa-reddit-alien:before{ content: "\f281";} .fa-edge:before{ content: "\f282";} .fa-credit-card-alt:before{ content: "\f283";} .fa-codiepie:before{ content: "\f284";} .fa-modx:before{ content: "\f285";} .fa-fort-awesome:before{ content: "\f286";} .fa-usb:before{ content: "\f287";} .fa-product-hunt:before{ content: "\f288";} .fa-mixcloud:before{ content: "\f289";} .fa-scribd:before{ content: "\f28a";} .fa-pause-circle:before{ content: "\f28b";} .fa-pause-circle-o:before{ content: "\f28c";} .fa-stop-circle:before{ content: "\f28d";} .fa-stop-circle-o:before{ content: "\f28e";} .fa-shopping-bag:before{ content: "\f290";} .fa-shopping-basket:before{ content: "\f291";} .fa-hashtag:before{ content: "\f292";} .fa-bluetooth:before{ content: "\f293";} .fa-bluetooth-b:before{ content: "\f294";} .fa-percent:before{ content: "\f295";} 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: "Source Sans Pro",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.3333333333%;}  .small-2{  position: relative;  width: 16.6666666667%;}  .small-3{  position: relative;  width: 25%;}  .small-4{  position: relative;  width: 33.3333333333%;}  .small-5{  position: relative;  width: 41.6666666667%;}  .small-6{  position: relative;  width: 50%;}  .small-7{  position: relative;  width: 58.3333333333%;}  .small-8{  position: relative;  width: 66.6666666667%;}  .small-9{  position: relative;  width: 75%;}  .small-10{  position: relative;  width: 83.3333333333%;}  .small-11{  position: relative;  width: 91.6666666667%;}  .small-12{  position: relative;  width: 100%;}  .small-offset-0{  position: relative;  margin-left: 0%;}  .small-offset-1{  position: relative;  margin-left: 8.3333333333%;}  .small-offset-2{  position: relative;  margin-left: 16.6666666667%;}  .small-offset-3{  position: relative;  margin-left: 25%;}  .small-offset-4{  position: relative;  margin-left: 33.3333333333%;}  .small-offset-5{  position: relative;  margin-left: 41.6666666667%;}  .small-offset-6{  position: relative;  margin-left: 50%;}  .small-offset-7{  position: relative;  margin-left: 58.3333333333%;}  .small-offset-8{  position: relative;  margin-left: 66.6666666667%;}  .small-offset-9{  position: relative;  margin-left: 75%;}  .small-offset-10{  position: relative;  margin-left: 83.3333333333%;}  [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.3333333333%;}  .large-2{  position: relative;  width: 16.6666666667%;}  .large-3{  position: relative;  width: 25%;}  .large-4{  position: relative;  width: 33.3333333333%;}  .large-5{  position: relative;  width: 41.6666666667%;}  .large-6{  position: relative;  width: 50%;}  .large-7{  position: relative;  width: 58.3333333333%;}  .large-8{  position: relative;  width: 66.6666666667%;}  .large-9{  position: relative;  width: 75%;}  .large-10{  position: relative;  width: 83.3333333333%;}  .large-11{  position: relative;  width: 91.6666666667%;}  .large-12{  position: relative;  width: 100%;}  .row .large-offset-0{  position: relative;  margin-left: 0%;}  .row .large-offset-1{  position: relative;  margin-left: 8.3333333333%;}  .row .large-offset-2{  position: relative;  margin-left: 16.6666666667%;}  .row .large-offset-3{  position: relative;  margin-left: 25%;}  .row .large-offset-4{  position: relative;  margin-left: 33.3333333333%;}  .row .large-offset-5{  position: relative;  margin-left: 41.6666666667%;}  .row .large-offset-6{  position: relative;  margin-left: 50%;}  .row .large-offset-7{  position: relative;  margin-left: 58.3333333333%;}  .row .large-offset-8{  position: relative;  margin-left: 66.6666666667%;}  .row .large-offset-9{  position: relative;  margin-left: 75%;}  .row .large-offset-10{  position: relative;  margin-left: 83.3333333333%;}  .row .large-offset-11{  position: relative;  margin-left: 91.6666666667%;}  .push-1{  position: relative;  left: 8.3333333333%;  right: auto;}  .pull-1{  position: relative;  right: 8.3333333333%;  left: auto;}  .push-2{  position: relative;  left: 16.6666666667%;  right: auto;}  .pull-2{  position: relative;  right: 16.6666666667%;  left: auto;}  .push-3{  position: relative;  left: 25%;  right: auto;}  .pull-3{  position: relative;  right: 25%;  left: auto;}  .push-4{  position: relative;  left: 33.3333333333%;  right: auto;}  .pull-4{  position: relative;  right: 33.3333333333%;  left: auto;}  .push-5{  position: relative;  left: 41.6666666667%;  right: auto;}  .pull-5{  position: relative;  right: 41.6666666667%;  left: auto;}  .push-6{  position: relative;  left: 50%;  right: auto;}  .pull-6{  position: relative;  right: 50%;  left: auto;}  .push-7{  position: relative;  left: 58.3333333333%;  right: auto;}  .pull-7{  position: relative;  right: 58.3333333333%;  left: auto;}  .push-8{  position: relative;  left: 66.6666666667%;  right: auto;}  .pull-8{  position: relative;  right: 66.6666666667%;  left: auto;}  .push-9{  position: relative;  left: 75%;  right: auto;}  .pull-9{  position: relative;  right: 75%;  left: auto;}  .push-10{  position: relative;  left: 83.3333333333%;  right: auto;}  .pull-10{  position: relative;  right: 83.3333333333%;  left: auto;}  .push-11{  position: relative;  left: 91.6666666667%;  right: auto;}  .pull-11{  position: relative;  right: 91.6666666667%;  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;}  .qtyTitle{  text-align: center;  display: block;}  .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.3333333333%;  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.6666666667%;  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.2857142857%;  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.1111111111%;  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.0909090909%;  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.3333333333%;  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.3333333333%;  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.6666666667%;  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.2857142857%;  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.1111111111%;  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.0909090909%;  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.3333333333%;  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: #2ba6cb; text-decoration: none; line-height: inherit;} a:hover,a:focus{ color: #2795b6;} 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: "Source Sans Pro",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: "— ";} 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: 1px; 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: #2ba6cb; border-color: #2284a1; color: #fff;} button:hover,button:focus,.button:hover,.button:focus{ background-color: #2284a1;} button:hover,button:focus,.button:hover,.button:focus{ color: #fff;} button.secondary,.button.secondary{ background-color: #e9e9e9; border-color: #d0d0d0; color: #333;} button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{ background-color: #d0d0d0;} button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{ color: #333;} 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: #2ba6cb; border-color: #2284a1; 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: #2284a1;} 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: #2ba6cb;} button.disabled.secondary,button[disabled].secondary,.button.disabled.secondary,.button[disabled].secondary{ background-color: #e9e9e9; border-color: #d0d0d0; color: #333; 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: #d0d0d0;} 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: #333;} 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: #e9e9e9;} 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: 5px;  border-radius: 5px;}  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: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;} .postfix.button.radius{ -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .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: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;} 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: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} /* 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: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;} .input-group.radius > *:last-child,.input-group.radius > *:last-child *{ -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .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 #48A1E9; -moz-box-shadow: 0 0 5px #48A1E9; box-shadow: 0 0 5px #48A1E9; border-color: #48A1E9;} 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: #48A1E9; 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; color: #c60f13;} [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; color: #c60f13;} .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: #48A1E9;} .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; color: #c60f13;} .error span.error-message{ display: block;} input.error,textarea.error{ border-color: #c60f13; background-color: rgba(198,15,19,0.1);} input.error:focus,textarea.error:focus{ background: #fafafa; border-color: #48A1E9;} .error select{ border-color: #c60f13; background-color: rgba(198,15,19,0.1);} .error select:focus{ background: #fafafa; border-color: #48A1E9;} 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: "×"; 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: #48A1E9;} 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;} /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid{ width: 100%; background: #111;} .contain-to-grid .top-bar{ margin-bottom: 1.875em;} .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: 1.875em;} .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: 0.5em; padding-bottom: 0.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: #000; 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: #000;} .top-bar-section ul li > a.button{ background: #2ba6cb; font-size: 0.8125em; padding-right: 15px; padding-left: 15px;} .top-bar-section ul li > a.button:hover{ background: #2284a1;} .top-bar-section ul li > a.button.secondary{ background: #e9e9e9;} .top-bar-section ul li > a.button.secondary:hover{ background: #d0d0d0;} .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: 940px !important; visibility: hidden;} .js-generated{ display: block;} @media only screen and (min-width: 940px){ .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: 1.875em;}  .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: "»";  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: rgba(0,0,0,0); 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: #2ba6cb; border-color: #2284a1; 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: 5px; border-radius: 5px;} .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: #e9e9e9; border-color: #d0d0d0; color: #505050;} /* 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: #f6f6f6; border-color: gainsboro; -webkit-border-radius: 5px; border-radius: 5px;} .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: #2ba6cb;} .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;} /* Inline Lists */ .inline-list{ margin: 0 auto 1.0625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden;} .inline-list > li{ list-style: none; float: left; margin-left: 1.375em; display: block;} .inline-list > li > *{ display: block;} /* 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: #2ba6cb;} .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 #196177; color: #2ba6cb;} .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: 5px; border-radius: 5px;} .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: #2ba6cb !important; border-bottom: dotted 1px #196177 !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;} } /* Thumbnails - BRS Custom */ a.slide-active img{ border: 1px solid #000; display: inline-block;} /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;} .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .slick-list:focus{ outline: none;} .slick-loading .slick-list{ background: #fff url("ajax-loader.gif") center center no-repeat;} .slick-list.dragging{ cursor: pointer; cursor: hand;} .slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .slick-track{ position: relative; left: 0; top: 0; display: block; zoom: 1;} .slick-track:before,.slick-track:after{ content: ""; display: table;} .slick-track:after{ clear: both;} .slick-loading .slick-track{ visibility: hidden;} .slick-slide{ float: left; height: 100%; min-height: 1px; display: none;} .slick-slide img{ display: block;} .slick-slide.slick-loading img{ display: none;} .slick-slide.dragging img{ pointer-events: none;} .slick-initialized .slick-slide{ display: block;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;} /* Icons */ @font-face{ font-family: "slick"; src: url("fonts/slick.eot"); src: url("fonts/slick.eot?#iefix") format("embedded-opentype"),url("fonts/slick.woff") format("woff"),url("fonts/slick.ttf") format("truetype"),url("fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal;} /* Arrows */ .slick-prev,.slick-next{ position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ outline: none; background: transparent; color: transparent;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity: 1;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity: 0.25;} .slick-prev:before,.slick-next:before{ font-family: "slick"; font-size: 20px; line-height: 1; color: black; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev{ left: -25px;} .slick-prev:before{ content: "←";} .slick-next{ right: -25px;} .slick-next:before{ content: "→";} /* Dots */ .slick-slider{ margin-bottom: 30px;} .slick-dots{ position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;} .slick-dots li{ position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button{ border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .slick-dots li button:hover,.slick-dots li button:focus{ outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;} .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{ opacity: 0.75;} @font-face{ font-family: "icomoon"; src: url("/fonts/icomoon.eot?u04d59"); src: url("/fonts/icomoon.eot?u04d59#iefix") format("embedded-opentype"),url("/fonts/icomoon.ttf?u04d59") format("truetype"),url("/fonts/icomoon.woff?u04d59") format("woff"),url("/fonts/icomoon.svg?u04d59#icomoon") format("svg"); font-weight: normal; font-style: normal;} [class^=icon-],[class*=" icon-"]{ font-family: "icomoon"; 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-sync:before{ content: "\e901";} .icon-archive:before{ content: "\e610";} .icon-calendar:before{ content: "\e611";} .icon-credit-card:before{ content: "\e612";} .icon-ebill:before{ content: "\e613";} .icon-key:before{ content: "\e614";} .icon-leaf:before{ content: "\e615";} .icon-lock:before{ content: "\e616";} .icon-login:before{ content: "\e617";} .icon-log-out:before{ content: "\e618";} .icon-magnifying-glass:before{ content: "\e619";} .icon-megaphone:before{ content: "\e61a";} .icon-minus:before{ content: "\e61b";} .icon-plus:before{ content: "\e61c";} .icon-shopping-cart:before{ content: "\e61d";} .icon-swap:before{ content: "\e61e";} .icon-user:before{ content: "\e61f";} .icon-v-card:before{ content: "\e620";} .icon-home:before{ content: "\e900";} .icon-refresh:before{ content: "\f021";} *{ font-family: "Arial";} #searchWrap{ margin-left: -0.9375em; margin-right: -0.9375em; padding: 20px;} #searchWrap > div{ display: flex; align-items: center; justify-content: center; max-width: 700px; margin: auto;} #searchWrap h3{ color: white; margin: 0;} #searchWrap #search{ color: rgb(0,0,0); border-right: 0; height: 55px; margin: 0; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0;} #searchWrap #search::-webkit-input-placeholder{/* Chrome/Opera/Safari */  color: black;} #searchWrap #search::-moz-placeholder{/* Firefox 19+ */  color: black;} #searchWrap #search:-ms-input-placeholder{/* IE 10+ */  color: black;} #searchWrap #search:-moz-placeholder{/* Firefox 18- */  color: black;} #searchWrap #search::placeholder{/* Chrome,Firefox,Opera,Safari 10.1+ */  color: black; opacity: 1;/* Firefox */ } #searchWrap #search::-ms-input-placeholder{/* Microsoft Edge */  color: black;} #searchWrap .button{ background: #1b6099; border: 2px solid #1b6099; border-left: 0; margin: 0; position: relative; box-shadow: none; height: 55px; -webkit-border-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #searchWrap .button:hover,#searchWrap .button:focus,#searchWrap .button:active{ background: #1f6dae; border-color: #2284a1;} .searchError{ background: #c00; color: white; display: block; margin-left: -0.9375em; margin-right: -0.9375em; padding: 10px; text-align: center;} #res{ margin: 0px; padding-left: 0px;} #res li{ list-style-type: none;} #res li:hover,#res li.highligt,#res div:hover,#res div.highligt{ background: #110D3B; color: #FFF; cursor: pointer;} #searchfield{ display: block; width: 100%; text-align: center; margin-bottom: 5px;} #searchfield form{ display: inline-block; background: #eeefed; padding: 0; margin: 0; padding: 5px; border-radius: 3px; margin: 5px 0 0 0;} #searchfield form .biginput{ width: 600px; height: 40px; padding: 0 10px 0 10px; border: 1px solid #c8c8c8; border-radius: 3px; color: #000; font-weight: normal; font-size: 1.5em; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; width: 600px; margin: 0 auto;} #searchfield form .biginput:focus,input:focus{ color: #000; border: 2px solid #005499; outline: none;} .autocomplete-suggestions{ background: #fff; border: 2px solid #ccc; border-radius: 5px; cursor: default; max-width: 700px; margin: -18px auto 0; display: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);} .autocomplete-suggestions #res{ max-height: 192px; overflow: auto;} .autocomplete-suggestion{ padding: 5px 10px; font-size: 1.1em; white-space: nowrap; overflow: hidden;} .autocomplete-selected{ background: #f0f0f0;} .autocomplete-suggestions strong{ font-weight: normal; color: #3399ff;} .visually-hidden{ position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6,IE7 */  clip: rect(1px,1px,1px,1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;} body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visually-hidden button{ display: none !important;} #hint{ position: absolute; left: 777px; z-index: 10; background-color: #fff; text-transform: capitalize;} #search{ z-index: 11; background-color: #fff; position: relative; text-transform: capitalize;} .button{ cursor: pointer;} .info{ margin: 0 auto;} h1{ text-align: center;} .invisible{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .hidden{ display: none;} /* needed for old browsers */ dialog{ display: block; border: 0;} /* removes scroll when modal is opened */ .no-scroll{ overflow: hidden;} /* overlay covers everything */ .simple-modal-overlay,.simple-animated-modal-overlay,.simple-animatedtransform-modal-overlay{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.8; z-index: 666; cursor: pointer;} .simple-modal-overlay[data-background-click=disabled],.simple-animated-modal-overlay[data-background-click=disabled],.simple-animatedtransform-modal-overlay[data-background-click=disabled],.simple-left-modal-overlay[data-background-click=disabled]{ cursor: auto;} .simple-animated-modal-overlay,.simple-animatedtransform-modal-overlay{ animation: fadewhite ease 0.5s 1 normal;} @keyframes fadewhite{ 0%{  opacity: 0;}  100%{  opacity: 0.8;} } /* modal */ .simple-modal,.simple-animated-modal,.simple-animatedtransform-modal{ position: fixed; left: 15%; width: 70%; top: 5vh; max-height: 90vh; /*  If you have problems with vh units  top: 5%; max-height: 90%; */  border: 2px solid #000; background: #fff; z-index: 667; padding: 0; right: auto; overflow: auto;} .simple-modal-close,.simple-animated-modal-close,.simple-animatedtransform-modal-close{ background: none; color: #175283; border-radius: 1em; border: 0; font: inherit; padding: 0.25em 0.5em; cursor: pointer; margin: 0; position: absolute; right: 20px; top: 13px; box-shadow: none;} .simple-modal-close:focus,.simple-modal-close:hover,.simple-modal-close:active{ outline: 1px dotted #fff;} .simple-modal-close:hover,.simple-modal-close:active{ background: #4d287f;} .simple-animated-modal{ -webkit-animation: apparition ease 0.5s 1 normal; animation: apparition ease 0.5s 1 normal;} .simple-animatedtransform-modal{ -webkit-animation: pop ease 0.5s 1 normal; animation: pop ease 0.5s 1 normal;} @-webkit-keyframes apparition{ 0%{  opacity: 0;  max-height: 0;  width: 0;  left: 50%;}  100%{  opacity: 1;  max-height: 100%;  width: 70%;  left: 15%;} } @keyframes apparition{ 0%{  opacity: 0;  max-height: 0;  width: 0;  left: 50%;}  100%{  opacity: 1;  max-height: 100%;  width: 70%;  left: 15%;} } @-webkit-keyframes pop{ 0%{  opacity: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  -webkit-transform: scale(0);  transform: scale(0);}  100%{  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  -webkit-transform: scale(1);  transform: scale(1);  max-height: 100%;  width: 70%;  left: 15%;} } @keyframes pop{ 0%{  opacity: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  -webkit-transform: scale(0);  transform: scale(0);}  100%{  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  -webkit-transform: scale(1);  transform: scale(1);  max-height: 100%;  width: 70%;  left: 15%;} } #modal-title:not(.contentHeader){ background: #175283; color: white; font-size: 2em; margin-top: 0; margin-bottom: 0; padding: 0.5em 2em 0.5em 0.7em;} #modal-title{ color: white; font-size: 2em; margin-top: 0; margin-bottom: 0; padding: 0.5em 2em 0.5em 0.7em;} #js-modal-content{ padding: 2em;} /* another modal styling example */ /* tooltip modal for its easy button */ .simple-left-modal-overlay{ position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.8); opacity: 0.8; z-index: 666; cursor: pointer;} .simple-left-modal{ left: auto; right: 0; top: 0; bottom: 0; height: 100%; z-index: 667; position: fixed; width: 40em; max-width: 100%; padding: 0 1em 1em 1em; font-size: 1em; border: 0; overflow: auto; background-color: #aaa;/* fallback IE9 */  background-image: -webkit-linear-gradient(top,#128197 3em,#f7f7f7 3em); background-image: linear-gradient(to bottom,#128197 3em,#f7f7f7 3em); background-attachment: local;} .simple-left-modal-close{ position: absolute; top: 0.5em; right: 0; background: transparent; color: #fff; border: 0; cursor: pointer;} .simple-left-modal-title{ color: #fff; font-size: 1.5em;} /* it can be easily adapted in media-queries for tablets/mobile */ /* tablets */ @media (max-width: 55.625em){ .simple-modal, .simple-animated-modal{  left: 5%;  top: 5%;  height: 90%;  width: 90%;} } /* mobile */ @media (max-width: 44.375em){ .simple-modal, .simple-animated-modal{  left: 1%;  top: 1%;  width: 98%;  height: 98%;} } @media all and (max-width: 599px){ .simple-animatedtransform-modal{  left: 5%;  width: 90%;}  #js-modal-content{  padding: 1em;}  #modal-title{  font-size: 1.2em;}  .simple-animatedtransform-modal-close{  padding: 0;  right: 5px;  top: 2px;}  .submitPayment{  font-size: 18px;} } fieldset{ border: none; padding: 0; margin: 0;} .alert-box--required{ 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: #ff6c3c; border-color: #ff4609; color: #fff;} 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{ font-size: 1.025em; font-weight: bold;} .dd-container{ width: 100% !important;} .dd-container .dd-select{ background: white !important; border: 2px solid #ccc;} .dd-container .dd-select,.dd-container .dd-options{ width: 100% !important;} .dd-container .dd-option-image{ max-width: 20px !important;} .dd-container .dd-option-text{ margin-top: 0; font-weight: 600;} .dd-container .dd-selected label{ margin-top: 0; font-weight: 600;} .dd-container .dd-desc{ color: #777 !important; font-size: 70% !important;} .dd-container .dd-options{ height: auto !important; max-height: 350px; overflow-y: scroll !important;} .noError{ display: none;} .Error span{ padding: 10px 0;} html,body{ font-family: "Source Sans Pro",sans-serif !important;} .row{ max-width: 1280px;} h1,h2,h3,h4,h5,h6{ font-family: "Source Sans Pro",sans-serif !important;} h1.pageHeading,.pageHeading{ font-size: 36px; font-weight: 300; color: #333333; text-transform: none;} .sr-only{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0;} a{ color: #175283;} header{ width: 100%; background: #FFFFFF; padding: 20px 0;} header a.icon{ color: black; padding-left: 10px; font-size: 18px; font-weight: 300;} header a.icon span{ padding-right: 3px; display: inline-block;} header a .icon .cartCount{ color: #616161;} .headerLinks{ text-align: right;} .headerInfo{ padding: 5px 0 10px; line-height: 20px;} .headerInfo a{ color: #000;} .headerInfo a:hover{ color: #9A6969;} .headerInfoMobile{ text-align: center; padding: 12px 0 0 0; line-height: 20px;} .headerInfoMobile a{ color: #000;} .headerInfoMobile a:hover{ color: #9A6969;} .slider .row{ display: flex;} .slider .row .columns{ background: #E8EBF0; display: flex; align-items: center;} @media all and (max-width: 1023px){ .slider .row{  flex-direction: column;}  .slider .row .columns{  width: 100%;} } .slider .text{ padding: 50px;} .slider .text h1,.slider .text h2{ font-size: 1.8em; line-height: 1.2;} .slider .text ul,.slider .text ol{ color: #48525B; font-style: italic; padding-left: 2em;} .slider .text p{ color: #48525B;} @media all and (max-width: 1023px){ .slider .text{  padding-top: 0;} } @media all and (max-width: 767px){ .slider .text{  padding: 0 5% 5%;}  .slider .text h1,.slider .text h2{  font-size: 1.3em;} } .signupError{ margin-bottom: 10px; font-size: 22px; color: red; font-weight: normal;} .amountError{ margin-bottom: 10px; font-size: 22px; color: red; font-weight: normal;} .MaintenanceMsg{ background: #f7f7f7; border: 1px solid #e6e5e5; border-radius: 4px; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 20px; padding: 5px 10px; text-align: right;} .MaintenanceMsgWrap{ margin: 0 5px !important;} .mobileNav.myAccountNav{ background: #560505;} .mobileNav.myAccountNav ul{ padding: 0; margin: 0; background: #560505;} .mobileNav.myAccountNav li{ list-style-type: none; text-align: center; border: 1px #9A6969 solid; padding: 15px 0;} .mobileNav.myAccountNav a{ display: block;} .mobileNav.myAccountNav a span.icon{ font-size: 55px; display: block; color: #9A6969;} .mobileNav.myAccountNav a span.linkName{ display: block; color: #FFF; line-height: 19px; font-size: 15px; padding-top: 5px;} .headerImage{ background-image: url("/images/bridge_image.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 280px; width: 100%;} .imageWrap{ position: relative; margin-bottom: 25px; width: 1280px; height: 280px; margin: 0 auto;} .row.spacer{ height: 40px;} .columns.transactionInfo{ margin-bottom: 10px;} .loginToView{ background: #ededed; border: 1px solid #c8c8c8; display: block; font-size: 17px; font-weight: 600; padding: 15px 10px; text-align: center; text-decoration: none !important; margin-bottom: 12px;} .loginToView:hover{ background: #ddd;} .billPresentLnkClass{ background: #ededed; border: 1px solid #c8c8c8; display: block; font-size: 17px; font-weight: 600; padding: 15px 10px; text-align: center; text-decoration: none !important; margin-bottom: 12px;} .billPresentLnkClass:hover{ background: #ddd;} .imageOverlay{ background: rgba(0,0,0,0.6); height: 100%; padding: 25px;} .imageOverlay h1{ color: #FFFFFF; font-size: 35px; line-height: 38px; font-weight: 700;} .imageOverlay p{ color: #FFFFFF; font-size: 20px; font-weight: 400;} .customerLink,.transactionLink{ margin: 0;} .customerLink a,.transactionLink a{ background: #560505; font-size: 17px; font-weight: 400; text-transform: uppercase; color: #FFFFFF; line-height: 25px; padding: 10px 10px 10px 15px; margin: 0; border-bottom: 1px #FFFFFF solid; display: block; transition: background-color 300ms ease-out 0s;} .customerLink a:hover,.customerLink a:focus,.customerLink a:active,.transactionLink a:hover,.transactionLink a:focus,.transactionLink a:active{ background: #c5cfd8; color: #560505;} .customerLink a.light,.transactionLink a.light{ background: #c5cfd8; color: #560505;} .customerLink a.light:hover,.transactionLink a.light:hover{ background: #560505; color: white;} /*------ACCORDION---------*/ .accordion{ border: none; background: none;} .js-accordion{ list-style-type: none;} .js-accordion button{ box-shadow: none; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid white; background: #102230; display: block; font-size: 17px; font-weight: 400; text-transform: uppercase; color: #FFFFFF; line-height: 25px; padding: 10px 10px 10px 15px; text-align: left; position: relative; width: 100%;} .js-accordion button:hover,.js-accordion button:focus{ background: #c5cfd8; color: #560505;} .js-accordion .js-accordion__header .toggleIcon{ display: none;} .js-accordion .js-accordion__header[aria-selected=false]{ background: #102230; color: white; margin: 0;} .js-accordion .js-accordion__header[aria-selected=false]:hover,.js-accordion .js-accordion__header[aria-selected=false]:focus{ background: #c5cfd8; color: #560505;} .js-accordion .js-accordion__header[aria-selected=true]{ background: #c5cfd8; color: #560505; margin: 0;} .js-accordion .js-accordion__header[aria-selected=true]:hover,.js-accordion .js-accordion__header[aria-selected=true]:focus{ background: #c5cfd8; color: #560505;} .js-accordion .accordionSub{ background: #E7E9EA; padding: 10px 0;} .js-accordion .accordionSub ul{ margin: 0; padding-left: 20px;} .js-accordion .accordionSub ul li{ list-style-type: none;} .js-accordion .accordionSub ul a{ color: #222; line-height: 29px; display: block; font-size: 16px; font-weight: 300;} .js-accordion__panel[aria-hidden=true]{ display: none;} .js-accordion__panel[role=tabpanel] .js-accordion__header{ display: none;} button.js-accordion__header{ display: block !important;} .animated-accordion__panel{ display: block; overflow: hidden; opacity: 1; transition: visibility 0s ease,max-height 0.5s ease,opacity 1s ease; max-height: 100em; /* magic number for max-height = enough height */  visibility: visible; margin: 0; padding: 0;} /* This is the hidden state */ [aria-hidden=true].animated-accordion__panel{ display: block; max-height: 0; opacity: 0; visibility: hidden; margin: 0; padding: 0;} .js-accordion__header:after{ font-family: "icomoon"; position: absolute; right: 15px; padding-right: 5px;} .js-accordion__header[aria-expanded=true]:after{ content: "\e61b";} .js-accordion__header[aria-expanded=false]:after{ content: "\e61c";} /*.js-accordion__header[aria-selected="true"]:after{ content: " (selected)";} .js-accordion__header[aria-selected="false"]:after{ content: " (unselected)";}*/ .accordionContent{ display: none;} .accordionContent.light{ background: #FFFFFF; border-left: 1px solid #e8ebf0; border-right: 1px solid #e8ebf0; border-bottom: 1px solid #e8ebf0; margin-top: -1px;} .accordionContent.open{ display: inherit;} h2.accordionToggle{ background: #cccfd4; font-size: 17px; font-weight: 400; text-transform: uppercase; color: #333; line-height: 25px; padding: 10px 10px 10px 15px; position: relative; margin: 0; border-bottom: 1px #FFFFFF solid; transition: background-color 300ms ease-out 0s;} h2.accordionToggle:hover{ cursor: pointer;} h2.accordionToggle span.toggleIcon{ float: right; display: inline-block; cursor: pointer; color: #6c6c6c; font-size: 15px;} h2.accordionToggle.light{ color: #333;} h2.accordionToggle.light.alt{ background: #e8ebf0;} .searchResult{ background: #e8ebf0; color: #000; margin-top: 1px; padding: 5px 0;} .searchResult.alt{ background: white;} .searchResult.thin{ height: 40px;} .searchResult.eBill{ line-height: 17px; padding: 5px 0; height: 100%;} .searchResult.eBill .button{ margin-top: 0; margin-bottom: 0;} .searchMore{ margin-top: 10px;} .searchMore label{ padding-bottom: 5px;} .searchMore select{ margin-top: 5px;} .searchResult.electronicBill a{ margin: -5px 0 0 0;} .searchResult.electronicBill .button{ margin-top: -5px; margin-bottom: 0;} span.right{ position: absolute; display: inline-block; right: 0px;} span.bold{ font-weight: bold;} .eBillNote{ background: #f2f2f2; border: 1px solid #ddd; font-size: 14px !important; font-weight: 600 !important; line-height: 18px; margin-bottom: 12px !important; margin-top: -10px !important; padding: 10px !important;} label.amountDue{ color: #333; font-weight: 600; padding-bottom: 10px;} span.amountDue{ color: #333; font-weight: 600; padding-bottom: 5px; font-size: 16px;} span.paymentHeaderAutogeneratedIcon{ color: #405270; font-size: 20px; padding-right: 7px; font-weight: bolder !important; min-width: 24px !important; display: inline-block;} span.paymentHeaderDate{ display: inline-block; width: 100px; font-weight: bold;} span.right{ position: absolute; display: inline-block; right: 0px;} span.paymentHeaderAmount{ display: inline-block; position: absolute; right: 50px; font-weight: bold;} .paymentHistoryItems{ margin-top: 28px;} .paymentHistoryItems .accordionContent label{ display: inline-block; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;} .leftSidebar{ /*h2.accordionToggle{   background: $blue;   font-size: 17px;   font-weight: 400;   text-transform: uppercase;   color: #fff;   line-height: 25px;   padding: 10px 10px 10px 15px;   position: relative;   margin: 0;   border-bottom: 1px $white solid;   transition: background-color 300ms ease-out 0s;   &:hover{     cursor: pointer;     background: $lightblue !important;   }    span.toggleIcon{     float: right;     display: inline-block;     cursor: pointer;     color: #fff;     font-size: 15px;   }    &.light{     color: #333;     &.alt{       background: #e8ebf0;     }    }  }  .accordionContent{   background: $lightgray;   padding: 10px 0;   display: none;   ul{     margin-bottom: 0;     padding-left: 20px;   }    ul li{     list-style-type: none;   }    ul li a{     color: #222;//$darkgray;     line-height: 29px;     display: block;     font-size: 16px;     font-weight: 300;   }  }*/ } .leftSidebar h1.pageHeading,.leftSidebar .pageHeading{ color: #333333;} .rightContent h1.pageHeading,.rightContent .pageHeading{ color: #333333;} .rightContent p{ color: #333333; font-weight: 300; font-size: 16px; margin: 0; padding: 0;} .rightContent a{ color: #175283; text-decoration: underline;} .transactionContainer .optionsWrapper table{ border: none; margin-top: 1.25em;} .transactionContainer .optionsWrapper table label{ display: inline-block;} .transactionContainer .optionsWrapper table tr td{ padding: 0;} .cartTableHeader .button{ margin: 0 !important;} .cartTableHeader .button{ margin: 0 !important;} .cartHeader{ background: #560505; color: #fff; margin-bottom: 1em; padding: 5px 0;} .cartTitleTotal,.cartTotal{ text-align: right;} .totalWrap .totalTitle{ text-align: right;} .totalWrap .total{ text-align: right; margin-top: 10px; border-top: 1px #000 solid;} .totalWrap .total span{ font-weight: bold;} .cartCentered{ text-align: center;} .schedPayment input[type=checkbox]{ margin-bottom: 0px !important;} .enhancedSecurity{ display: inline-block; float: left; margin-right: 5px;} .accountMenu{ margin-top: 20px;} .accountMenu ul{ margin: 0; padding: 0;} .accountMenu ul li{ list-style-type: none;} .accountMenu ul li a{ display: block; color: #FFFFFF; font-size: 15px; background: #560505; font-size: 15px; font-weight: 400; text-transform: uppercase; line-height: 40px; padding: 5px 10px 5px 10px; margin: 0; border-bottom: 1px #FFFFFF solid;} .accountMenu ul li a:hover{ background: #9A6969;} .accountMenu ul li a:hover span.icon{ color: #560505;} .accountMenu ul li a:hover span.fa{ color: #560505;} .accountMenu ul li a.active{ background: #9A6969;} .accountMenu ul li a.active span.icon{ color: #560505;} .accountMenu ul li a.active span.fa{ color: #560505;} .accountMenu ul li a span.title{ display: inline-block; float: left; position: relative; width: 80%;} .accountMenu ul li a span.icon{ padding: 0 15px 0 10px; color: #9A6969; font-size: 40px; float: left; display: inline-block; text-align: center; width: 20%;} .accountMenu ul li a span.fa{ padding: 0 15px 0 10px; color: #9A6969; font-size: 40px; float: left; display: inline-block; text-align: center; width: 20%;} .clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .cartDetails .productWrap{ margin-bottom: 1em;} .cartDetails input[type=text]{ height: 40px; margin: auto; text-align: center;} .cartDetails #description a{ display: block;} .cartDetails .cartActions{ position: relative; top: 25px;} .confirmationDetails .itemWrap{ line-height: 1; border-bottom: 1px #c6c6c6 solid;} .confirmationDetails .itemWrap > div{ margin-bottom: 10px;} .confirmationDetails .contentDetail{ line-height: 1;} .confirmationDetails .contentDetail > div{ margin-bottom: 10px !important;} .confirmationDetails .contentDetail select{ background-color: #fff; border: 1px solid #cccccc; border-radius: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset; box-sizing: border-box; color: rgba(0,0,0,0.75); display: block; font-family: inherit; font-size: 0.875em; height: 2.3125em; margin: 0 0 1em; padding: 0.5em; transition: box-shadow 0.45s ease 0s,border-color 0.45s ease-in-out 0s; width: 100%;} .dd-option-selected{ background: #175283 !important;} .dd-option-selected .label,.dd-option-selected .dd-desc{ color: white !important;} .dd-option{ -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important;} .dd-option:hover,.dd-option:focus{ background: #175283 !important;} .dd-option:hover .label,.dd-option:hover .dd-desc,.dd-option:focus .label,.dd-option:focus .dd-desc{ color: white !important;} h1.search{ font-size: 70px; font-weight: 300; color: #404d57; margin-bottom: 5px;} .customerSearchControl select{ background: #ECEDEE !important; color: #616161 !important; height: 70px !important; line-height: 70px !important; border: none !important; box-shadow: none; padding-left: 12px !important; font-size: 22px !important; font-weight: 300;} .showReminders{ float: right; position: relative; top: 16px;} .showReminders label{ display: inline-block;} .showReminders input[type=checkbox]{ margin-left: 5px;} .button{ font-family: "Source Sans Pro",sans-serif !important; background: #175283; font-size: 21px; color: #FFFFFF !important; font-weight: 300; padding: 8px 30px; border: none; text-decoration: none !important; border-radius: 5px; -webkit-box-shadow: 0px 3px 0px 0px rgb(17,34,48); -moz-box-shadow: 0px 3px 0px 0px rgb(17,34,48); box-shadow: 0px 3px 0px 0px rgb(17,34,48); margin: 10px 0 10px 5px;} .button.purple{ background: #981D97; color: white;} .button.purple:hover,.button.purple:focus,.button.purple:active{ background: #c325c2; color: white;} .button.secondary{ background: #d4d4d4; font-size: 21px; color: #333333 !important; font-weight: 300; -webkit-box-shadow: 0px 3px 0px 0px rgb(172,172,172); -moz-box-shadow: 0px 3px 0px 0px rgb(172,172,172); box-shadow: 0px 3px 0px 0px rgb(172,172,172);} .button.secondary:hover,.button.secondary:focus,.button.secondary:active{ background: #e1e1e1; color: #333333 !important;} .button.delete{ background: #E30026; font-size: 16px; padding: 4px 25px; -webkit-box-shadow: 0px 3px 0px 0px rgb(177,8,37); -moz-box-shadow: 0px 3px 0px 0px rgb(177,8,37); box-shadow: 0px 3px 0px 0px rgb(177,8,37);} .button.delete:hover,.button.delete:focus,.button.delete:active{ background: #fd002a;} .button.change{ background: #175283; font-size: 16px; padding: 4px 25px; -webkit-box-shadow: 0px 3px 0px 0px rgb(17,34,48); -moz-box-shadow: 0px 3px 0px 0px rgb(17,34,48); box-shadow: 0px 3px 0px 0px rgb(17,34,48);} .button.change:hover,.button.change:focus,.button.change:active{ background: #1b6099;} input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email]{ height: 45px; border-radius: 5px; border-width: 2px;} input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=email]:focus{ border-color: #48A1E9;} input[type=text].error,input[type=password].error,input[type=text].serror,input[type=password].serror{ border-color: #cc0000 !important;} input.error{ border-color: #cc0000 !important; -webkit-box-shadow: 0 0 5px #cc0000 !important; -moz-box-shadow: 0 0 5px #cc0000 !important; box-shadow: 0 0 5px #cc0000 !important;} select{ height: 45px; border-radius: 5px; border: 1px #CCC solid; box-shadow: none;} select.error,select.serror{ border-color: #E30026;} select:focus{ border-color: #48A1E9;} label,.label{ font-size: 18px; font-weight: 300; color: #560505; cursor: default; line-height: 19px;} .infoLabel{ margin-top: 15px; margin-bottom: 15px;} #creditCard{ margin-top: 20px;} #checkingAccount .radioOption span,#creditCard .radioOption span{ display: inline-block;} #checkingAccount .radioOption label,#creditCard .radioOption label{ display: inline-block; font-weight: bold;} .contentHeader,.searchHeader{ background: #560505; color: #FFFFFF; padding: 15px; line-height: 40px;} .contentHeader span,.searchHeader span{ display: inline-block; font-size: 1.4em;} .contentHeader h1,.contentHeader h2,.searchHeader h1,.searchHeader h2{ color: white; font-size: 1.4em; font-weight: 400; margin: 0;} .contentHeader a,.searchHeader a{ margin-right: 20px;} .contentHeader.thin,.searchHeader.thin{ min-height: 35px; line-height: 35xp;} .contentHeader .button,.searchHeader .button{ margin: 6px 0 0 0;} .contentDetail{ background: #e8ebf0; padding: 15px; line-height: 32px; font-size: 1.2em;} .contentDetail .alertOptions{ background: none; border: none; text-align: center; width: 100%;} .contentDetail .alertOptions td{ padding-left: 0; padding-right: 0;} .contentDetail .alertOptions input[type=radio]{ margin: 0 !important;} .contentDetail .alertOptions label{ color: black; padding-left: 0; text-indent: 0;} .contentDetail .label{ font-weight: bold;} .contentDetail.light{ background: #FFFFFF;} .contentDetail.compact{ padding-top: 5px; padding-bottom: 0px;} .submitPayment{ font-size: 18px; margin: 0 0 12px 0;} .feeWarningModal p{ font-size: 18px; margin-bottom: 10px; line-height: 22px;} .feeWarningModal .feeWrap{ background: #CCC; border: 1px solid #b7b7b7; margin: 0 0 10px; padding: 16px;} .feeWarningModal .feeWrap .warningTitle{ font-weight: 700;} .feeWarningConfirmation{ background: #dedede; border: 1px solid #b7b7b7; margin-top: 15px; padding: 16px; font-size: 18px; text-align: center;} .scheduledDate{ font-size: 1.4em; font-weight: 300; margin-bottom: 15px; margin-top: 15px;} .contentPanel{ margin-bottom: 12px;} .productWrap{ line-height: 1;} .productWrap > div{ margin-bottom: 10px;} #SideBarMessageContainer{ width: 100%; background: #aa6a6b; border: 2px solid #e4c9ce; text-transform: uppercase; color: white; line-height: 60px; height: 60px; text-align: center;} #SideBarMessageContainer a{ color: white;} .ChkLabel{ margin-top: 10px;} input[type=checkbox],input[type=radio]{ /*float: left;*/  margin-right: 7px !important; padding: 0; margin-top: 2px; display: inline-block;} .billingInfoContent label{ color: black; line-height: 1; margin-top: 10px;} .billingInfoContent .errorMessage{ font-size: 13px !important; color: red; line-height: 15px !important; display: block; margin-top: 5px;} .billingInfoContent input[type=text]{ margin-bottom: 0 !important;} .schedPaymentWrapper{ background: #f5f9ff; border-top: 1px solid #c9cdd3; border-bottom: 1px solid #c9cdd3; padding-top: 0.5em; padding-bottom: 0.5em; margin-top: 20px;} .schedPaymentWrapper .schedPayment small{ position: relative; top: -10px;} .LoginContentPanel,.SecurityQuestionsPanel{ max-width: 500px; margin: 0px auto;} #EBPEnrollModal .large-6.small-12.columns span + span{ display: inline-block; word-break: break-all;} .reveal-modal{ padding: 0px !important;} .reveal-modal.small{ margin-left: -23%; width: 45%;} div.clear{ clear: both;} a.btnEBPEnroll{ color: #496E34 !important; font-size: 14px !important;} #AutomatedPayments .WizardSecondaryTitle{ display: block; width: 100%; text-align: left;} #AutomatedPayments .WizardSubPanel{ padding: 10px 20px;} #AutomatedPayments select.PaymentMethodDropdown{ display: inline-block; max-width: 250px;} #AutomatedPayments span.verified-icon{ display: inline-block; padding: 5px;} a.btnAPEnroll{ color: #1a57ba !important; font-size: 18px !important;} .productWrap #description span.icon{ font-size: 20px; padding-right: 3px; position: relative; top: 4px;} span#checkmarkIcon{ font-size: 30px;} i#checkmark-icon{ color: #11e725;} span.headerIcon{ font-size: 25px !important;} ul.errorMessageList{ list-style: none;} ul.errorMessageList li{ color: red;} #verified-icon{ color: #358753; font-family: "Source Sans Pro",sans-serif !important;} #verified-icon i{ padding: 5px;} span.verified-icon{ color: #11e725; font-size: 30px;} #SuccessMessage{ background-color: #43AC6A; color: white; text-align: center; border-radius: 3px;} #ErrorMessage{ background-color: red; color: white; text-align: center; border-radius: 3px;} #PleaseUpdate{ background-color: goldenrod; color: white; text-align: center; border-radius: 3px;} label.infoLabel{ font-size: 16px; text-align: center; font-weight: bold; display: inline-block; color: #560505;} .confirmBank{ border: 1px #102230 solid; padding: 15px; margin-bottom: 10px;} .confirmBank .title{ font-size: 20px; line-height: 25px; display: block; margin-bottom: 10px;} .confirmBank p{ color: #000;} .confirmBank .accountName{ text-transform: uppercase; font-weight: bold;} .confirmBank .confirmation{ margin: 15px 0 20px;} .confirmBank .confirmation input{ float: left; max-width: 250px; margin-right: 10px;} .confirmBank .confirmation .button{ margin: 0;} #paymentOptionsModal{ margin-top: 15px;} #paymentOptionsModal .transaction{ display: block; font-weight: 700; font-size: 20px; line-height: normal;} #paymentOptionsModal .paymentSettings{ padding: 10px 0; border-top: 1px #bababa solid;} #paymentOptionsModal span{ display: inline-block; line-height: 45px; margin-right: 10px; min-width: 85px;} #paymentOptionsModal .accountWrap{ margin-top: 10px;} #paymentOptionsModal .accountWrap span{ float: left;} #paymentOptionsModal .accountWrap input{ margin: 0;} #paymentOptionsModal .accountWrap select{ margin: 0;} #paymentOptionsModal .amountWrap{ margin-top: 10px;} #paymentOptionsModal .amountWrap span{ float: left;} #paymentOptionsModal .amountWrap input{ margin: 0;} #paymentOptionsModal .amountWrap select{ margin: 0;} #paymentOptionsModal .dates{ display: inline-block;} #paymentOptionsModal .dates ul{ margin: 0; padding: 0; display: inline-block;} #paymentOptionsModal .dates ul li{ display: inline-block; list-style-type: none; position: relative; top: 5px;} #paymentOptionsModal .dates ul li input{ margin-bottom: 0;} #paymentOptionsModal .endDate{ margin-right: 15px;} #paymentOptionsModal .options{ display: inline-block; position: relative; top: 12px;} #paymentOptionsModal input{ width: 50px; display: inline-block; margin-right: 10px;} #paymentOptionsModal input[type=radio]{ float: left; width: unset;} #paymentOptionsModal label{ float: left; margin-right: 10px; font-size: 18px !important; color: #222 !important; font-weight: 500 !important;} #paymentOptionsModal .datepicker{ width: 100px; font-size: 17px; margin: 10px 0;} #paymentOptionsModal select{ width: 210px; float: left;} #paymentOptionsModal .radioWrap span{ display: inline-block; height: 15px; line-height: unset; margin-right: 2px; min-width: 15px;} #paymentOptionsModal span.optOut label{ float: none; display: inline-block;} #paymentOptionsModal span.optOut input{ width: 10px;} #paymentOptionsModal .close-reveal-modal{ line-height: normal; position: relative; right: unset; top: unset;} .automatedPaymentPlanWrap .contentPanel .contentHeader{ padding: 0 10px 0 0;} .automatedPaymentPlanWrap .contentPanel .contentHeader span{ display: inline-block; font-size: 18px; margin-left: 10px; margin-top: 5px;} .automatedPaymentPlanWrap .contentPanel .status{ font-size: 16px; font-weight: 600; line-height: 50px; margin-right: 10px;} .automatedPaymentPlanWrap .contentPanel .status .fa{ margin-right: 5px;} .automatedPaymentPlanWrap .contentPanel .status.active{ color: #11e725;} .automatedPaymentPlanWrap .contentPanel .status.expired{ color: #ef1e1e;} .automatedPaymentPlanWrap .contentPanel .status.pending{ color: #eda304;} .automatedPaymentPlanWrap .contentPanel span{ display: inline-block; padding-right: 5px;} .automatedPaymentPlanWrap .contentPanel .button.delete{ font-size: 16px; padding: 3px 15px; margin-top: 9px !important;} .automatedPaymentPlanWrap .emailNotifications{ font-weight: 600; margin-top: 5px;} .automatedPaymentPlanWrap .emailNotifications input{ /*float: left;*/  margin-right: 5px; position: relative; top: 1px;} .automatedPaymentPlanWrap .emailNotifications label{ display: inline-block; font-size: 19px !important; font-weight: 600 !important; color: #222;} .autopayHeader{ font-size: smaller;} .ModalWizardSubtitle{ font-size: 15px;} .WizardStepTitle{ text-align: center; font-weight: bold;} .WizardSecondaryTitle{ font-size: 16px; text-align: center; font-weight: bold; color: #560505;} .WizardSubPanel{ border: solid 1px #000; padding: 5px; font-size: 15px;} .WizardTerms{ font-size: 15px; width: 100%; height: 260px; overflow: auto; background-color: #FFF; border: solid 1px #000; white-space: normal;} .WizardAcceptCheckbox{ font-size: 14px;} #footerArea{ border-top: 1px #333333 solid; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; padding-top: 20px;} #footerArea .ads-security{ display: flex;} #footerArea .ads-security .ad{ padding-right: 20px;} #footerArea p{ padding: 0; margin-bottom: 0 !important; line-height: 22px;} #footerArea p.copyright{ padding-top: 10px;} #footerArea a{ color: #333;} #footerArea a:hover{ color: #9A6969;} @media all and (max-width: 1200px){ #footerArea .ads-security{  margin-top: 20px;} } @media all and (max-width: 767px){ #footerArea .ads-security{  flex-direction: column;}  #footerArea .ads-security .ad{  padding-right: 0;  margin-bottom: 20px;} } @media print{ div.columns{  float: left !important;  padding-left: 0.9375em !important;  padding-right: 0.9375em !important;} } @media only screen and (max-width: 1234px){ .billingInfoContent label{  font-size: 14px !important;} } @media only screen and (max-width: 999px){ .cartScreens .large-7,.cartScreens .large-5{  float: none;  width: 100%;}  .cartScreens .small-5{  float: left;  width: 41.6667% !important;} } @media only screen and (max-width: 899px){ .accountMenu ul li a span.icon{  font-size: 25px;  position: relative;  top: 7px;} } @media only screen and (max-width: 767px){ header{  line-height: 65px !important;}  header a.icon .linkName{  position: absolute !important;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden !important;  clip: rect(0,0,0,0) !important;  border: 0;}  header span.icon{  font-size: 25px;}  .MaintenanceMsgWrap{  padding-left: 10px;  padding-right: 10px;}  .MaintenanceMsgWrap .MaintenanceMsg{  margin-top: -10px;  text-align: center;}  .contentHeader span,.searchHeader span{  font-size: 15px;  margin-top: 0;  margin-left: 10px;}  .cartTitleTotal,.cartTotal{  text-align: left;}  .cartCentered{  text-align: left;}  span.cartTitle{  background: #175283;  color: #FFF;  padding-left: 5px;  margin-bottom: 5px;  margin-top: 10px;}  span.cartTitle.price{  margin-bottom: 5px;}  .cartQty{  position: relative;  top: 10px;  text-align: center;}  .cartQty input[type=text]{  margin-top: -10px !important;}  .cartDetails #description{  font-weight: bold;}  .cartDetails input[type=text]{  margin: 0 auto;}  .cartDetails .transAmount{  position: relative;  top: 10px;}  .cartDetails .transAmount span{  display: inline-block !important;  margin-left: 5px;  position: absolute;  right: 0;  top: 0;}  .cartDetails .transAmount input[type=text]{  position: relative;  top: -10px;}  .cartTotal{  text-align: right;}  .cartTotal span{  font-size: 0.8em;}  .cartCount{  position: relative;  top: -6px;  color: #616161;}  .confirmationDetails span.cartTitle{  background: none;  color: black;  padding: 0;  font-size: 12px;}  #PaymentTypeDisplay{  margin-bottom: 15px;}  .cartDetails .cartActions{  top: auto;}  .qty{  text-align: left !important;}  .reveal-modal.small{  margin-left: -45%;  margin-top: -5% !important;  width: 90%;}  .searchResult.eBill{  line-height: 22px;  padding: 7px 0;  height: 100%;}  .searchResult.eBill .button{  margin-top: 7px;  margin-bottom: 7px;  margin-left: 0;}  .searchResult.eBill span{  display: inline-block;  font-weight: 600;  padding-right: 5px;  float: left;}  .searchResult{  font-size: 12px;}  .searchHeader{  font-size: 13px;}  .contentDetail{  line-height: 25px !important;  padding: 10px !important;}  .confirmationDetails .contentDetail > div{  margin-bottom: 3px !important;}  .confirmationNumber{  font-size: 13px;  line-height: 18px;  margin-bottom: 5px;}  .confirmationNote p{  font-size: 13px;  line-height: 17px;} } .totalDue{ font-size: 18px; font-weight: bold; line-height: 20px; display: block; padding: 8px 5px; text-align: right; background: #ccc; margin-bottom: 5px;} .totalDue .textLabel{ float: left; text-align: left; padding-right: 10px;} .originalDue{ font-size: 18px; line-height: 20px; display: block; padding: 8px 5px; text-align: right; border-bottom: 1px solid #ccc; color: #333;} .originalDue .textLabel{ float: left; text-align: left; padding-right: 10px;} .interestDue{ font-size: 18px; line-height: 20px; display: block; padding: 8px 5px; text-align: right; border-bottom: 1px solid #ccc; color: #616161; font-weight: 300; color: #333;} .interestDue .textLabel{ float: left; text-align: left; padding-right: 10px;} .feeDue{ font-size: 18px; line-height: 20px; display: block; padding: 8px 5px; margin-bottom: 0; text-align: right; border-bottom: 1px solid #ccc; color: #333;} .feeDue .textLabel{ float: left; text-align: left; padding-right: 10px;} .amountDueNote{ font-size: 15px; line-height: 17px; display: block; padding: 0 0 5px 0; text-align: left; margin-bottom: 10px;} .pad-right-5{ padding-right: 5px;} /* max-width 640px,mobile-only styles,use when QAing mobile issues */ @media only screen and (max-width: 1023px){ .alertOptionsWrap{  clear: both;  width: 100%;} } @media only screen and (max-width: 599px){ .button, .button.secondary{  font-size: 16px;}  h1.search{  font-size: 45px;}  .paymentReminderContent .small-6{  float: none !important;  line-height: 1;  text-align: left !important;  width: 100%;}  .paymentReminderContent .row{  margin-bottom: 15px !important;} } @media only screen and (max-width: 499px){ span.paymentHeaderAmount{  display: block;  right: auto;  position: relative;}  h2.accordionToggle span.toggleIcon{  float: none;  position: absolute;  top: 12px;  right: 15px;}  .paymentHeaderCustomer{  display: inline-block;  width: 185px;} } @media only screen and (max-width: 449px){ .contentDetail .button.right{  float: none !important;} } @media only screen and (max-width: 374px){ header span.icon{  font-size: 20px;}  .showReminders{  float: none;  top: auto;} } .verifiedAccountIcon{ color: green;} .verifiedAccount{ font-family: "Source Sans Pro",sans-serif !important; font-size: 1.1em !important; color: #00b300; margin-left: 10px;} .spAmoutnToPay{ min-width: 30px;} .SearchOr{ font-weight: bold;} input.pw{ text-security: disc; -webkit-text-security: disc; -moz-text-security: disc; font-family: password;} /* Use the css below to change the password input symbol */ @font-face{ font-family: "password"; font-style: normal; font-weight: 400; src: url(/fonts/password.ttf);} .recaptchaRefNum{ margin: auto; font-size: 42px; color: darkgray; font-weight: bold; text-align: center; padding: 10px 10px;} .recaptchaContent{ color: black;} .recaptchaPhone{ margin: auto; font-size: 42px; color: #ff0000; font-weight: bold; text-align: center; padding: 10px 10px;} .recaptchaMessageModal{ width: 900px;} .recaptchaNewCode{ font-size: 12px;} .recaptchaNewCodeIcon{ color: green;} .venmoMessage{ border: #175283 6px solid; padding: 21px; font-size: large; color: #175283; font-weight: bold; float: left; max-width: 500px; margin-bottom: 5px;} .trowLabel{ font-size: 12px; font-weight: bold;} .trowValue{ font-size: 12px;} .Calendar th,.Calendar td{ padding: 0;} .scheduledPaymentDate{ background-color: Gray;} .inactiveMonthDay{ background-color: Silver;} .activeMonthDay{ background-color: White;} .selectedDay{ background-color: Navy;} /*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2016 Hakim El Hattab,http://hakim.se */ /************************************* * CONFIG */ /************************************* * MIXINS */ /************************************* * BUTTON BASE */ .ladda-button{ position: relative;} /* Spinner animation */ .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;} /* Button label */ .ladda-button .ladda-label{ position: relative; z-index: 3;} /* Progress bar */ .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;} /************************************* * EASING */ .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;} /************************************* * EXPAND LEFT */ .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;} /************************************* * EXPAND RIGHT */ .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;} /************************************* * EXPAND UP */ .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;} /************************************* * EXPAND DOWN */ .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;} /************************************* * SLIDE LEFT */ .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%;} /************************************* * SLIDE RIGHT */ .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%;} /************************************* * SLIDE UP */ .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;} /************************************* * SLIDE DOWN */ .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;} /************************************* * ZOOM-OUT */ .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;} /************************************* * ZOOM-IN */ .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;} /************************************* * CONTRACT */ .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;} /************************************* * OVERLAY */ .ladda-button[data-style=contract-overlay]{ overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0);} .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; /*outline: 10000px solid rgba( 0,0,0,0.5 );*/  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;} /*! * Ladda including the default theme. */ /*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2016 Hakim El Hattab,http://hakim.se */ /************************************* * CONFIG */ /************************************* * MIXINS */ /************************************* * BUTTON BASE */ .ladda-button{ position: relative;} /* Spinner animation */ .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;} /* Button label */ .ladda-button .ladda-label{ position: relative; z-index: 3;} /* Progress bar */ .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;} /************************************* * EASING */ .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;} /************************************* * EXPAND LEFT */ .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;} /************************************* * EXPAND RIGHT */ .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;} /************************************* * EXPAND UP */ .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;} /************************************* * EXPAND DOWN */ .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;} /************************************* * SLIDE LEFT */ .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%;} /************************************* * SLIDE RIGHT */ .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%;} /************************************* * SLIDE UP */ .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;} /************************************* * SLIDE DOWN */ .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;} /************************************* * ZOOM-OUT */ .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;} /************************************* * ZOOM-IN */ .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;} /************************************* * CONTRACT */ .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;} /************************************* * OVERLAY */ .ladda-button[data-style=contract-overlay]{ overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0);} .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; /*outline: 10000px solid rgba( 0,0,0,0.5 );*/  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;} /************************************* * CONFIG */ /************************************* * BUTTON THEME */ .ladda-button{ border: 0; cursor: pointer; color: #fff; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0);} .ladda-button[data-color=green]{ background: #2aca76;} .ladda-button[data-color=green]:hover{ background-color: #38d683;} .ladda-button[data-color=blue]{ background: #53b5e6;} .ladda-button[data-color=blue]:hover{ background-color: #69bfe9;} .ladda-button[data-color=red]{ background: #ea8557;} .ladda-button[data-color=red]:hover{ background-color: #ed956e;} .ladda-button[data-color=purple]{ background: #9973C2;} .ladda-button[data-color=purple]:hover{ background-color: #a685ca;} .ladda-button[data-color=mint]{ background: #16a085;} .ladda-button[data-color=mint]:hover{ background-color: #19b698;} .ladda-button[disabled],.ladda-button[data-loading]{ border-color: rgba(0,0,0,0.07);} .ladda-button[disabled],.ladda-button[disabled]:hover,.ladda-button[data-loading],.ladda-button[data-loading]:hover{ cursor: default; background-color: #999;} .ladda-button[data-size=xs]{ padding: 4px 8px;} .ladda-button[data-size=xs] .ladda-label{ font-size: 0.7em;} .ladda-button[data-size=s]{ padding: 6px 10px;} .ladda-button[data-size=s] .ladda-label{ font-size: 0.9em;} .ladda-button[data-size=l] .ladda-label{ font-size: 1.2em;} .ladda-button[data-size=xl] .ladda-label{ font-size: 1.5em;}