@charset "UTF-8"; .pri-nav:after { content: ""; display: table; clear: both; } /*! normalize.css v1.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, header, hgroup, main, nav, section, summary { display: block; } footer { display:inline-block; } /** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { background: #fff; /* 1 */ color: #000; /* 2 */ font-size: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ } /** Address `font-family` inconsistency between `textarea` and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } .nolink {pointer-events: none;cursor: default;} blockquote { margin: 1em 40px; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** 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; } /* ========================================================================== Lists ========================================================================== */ /** Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** Address Firefox 3+ 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 6+. 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. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** Re-set default cursor for disabled elements. */ button[disabled], 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. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** 1. 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 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** 1. Remove default vertical scrollbar in IE 6/7/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; } /* HTML5 Boilerplate What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } /* Remove text-shadow in selection highlight: h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden, .ls-responsive #panel-page-nav-ul { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .ls-responsive .focusable#panel-page-nav-ul:active, .visuallyhidden.focusable:focus, .ls-responsive .focusable#panel-page-nav-ul:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ .clearfix:before, .media:before, .media-small:before, .media-medium:before, .media-large:before, .grid-wrap:before, .grid-wrap-a:before, .grid-wrap-b:before, .grid-wrap-c:before, .grid-wrap-f:before, .grid-wrap-d:before, .grid-wrap-e:before, .row:before, .layout-two-up:before, .layout-three-up:before, .block-row:before, .block-layout-c:before, .home-layout:before, .home-block-panel:before, .num-layout:before, .bio-top:before, .article-list:before, .editors-list:before, .row-menu:before, .author-box:before, .editor-box:before, .card-shelf:before, .tabs:before, .bookmark-bar:before, .clearfix:after, .media:after, .media-small:after, .media-medium:after, .media-large:after, .grid-wrap:after, .grid-wrap-a:after, .grid-wrap-b:after, .grid-wrap-c:after, .grid-wrap-f:after, .grid-wrap-d:after, .grid-wrap-e:after, .row:after, .layout-two-up:after, .layout-three-up:after, .block-row:after, .block-layout-c:after, .home-layout:after, .home-block-panel:after, .num-layout:after, .bio-top:after, .article-list:after, .editors-list:after, .row-menu:after, .author-box:after, .editor-box:after, .card-shelf:after, .tabs:after, .bookmark-bar:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, .media:after, .media-small:after, .media-medium:after, .media-large:after, .grid-wrap:after, .grid-wrap-a:after, .grid-wrap-b:after, .grid-wrap-c:after, .grid-wrap-f:after, .grid-wrap-d:after, .grid-wrap-e:after, .row:after, .layout-two-up:after, .layout-three-up:after, .block-row:after, .block-layout-c:after, .home-layout:after, .home-block-panel:after, .num-layout:after, .bio-top:after, .article-list:after, .editors-list:after, .row-menu:after, .author-box:after, .editor-box:after, .card-shelf:after, .tabs:after, .bookmark-bar:after { clear: both; } /* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ .clearfix, .media, .media-small, .media-medium, .media-large, .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e, .row, .layout-two-up, .layout-three-up, .block-row, .block-layout-c, .home-layout, .home-block-panel, .num-layout, .bio-top, .article-list, .editors-list, .row-menu, .author-box, .editor-box, .card-shelf, .tabs, .bookmark-bar { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* * Symbolset * www.symbolset.com * Copyright © 2013 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSSocialRegular"; src: url('../wf/ss-social-regular/ss-social-regular.eot'); src: url('../wf/ss-social-regular/ss-social-regular.eot?#iefix') format("embedded-opentype"), url('../wf/ss-social-regular/ss-social-regular.woff') format("woff"), url('../wf/ss-social-regular/ss-social-regular.ttf') format("truetype"), url('../wf/ss-social-regular/ss-social-regular.svg#SSSocialRegular') format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-social-regular, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-social-regular:before, [class*=" ss-"].ss-social-regular:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-social-regular.right:after, [class*=" ss-"].ss-social-regular.right:after { font-family: "SSSocialRegular"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-facebook:before, .ss-facebook.right:after { content: ''; } .ss-twitter:before, .ss-twitter.right:after { content: ''; } .ss-linkedin:before, .ss-linkedin.right:after { content: ''; } .ss-googleplus:before, .ss-googleplus.right:after { content: ''; } .ss-appdotnet:before, .ss-appdotnet.right:after { content: ''; } .ss-zerply:before, .ss-zerply.right:after { content: ''; } .ss-reddit:before, .ss-reddit.right:after { content: ''; } .ss-steam:before, .ss-steam.right:after { content: ''; } .ss-tumblr:before, .ss-tumblr.right:after { content: ''; } .ss-wordpress:before, .ss-wordpress.right:after { content: ''; } .ss-blogger:before, .ss-blogger.right:after { content: ''; } .ss-posterous:before, .ss-posterous.right:after { content: ''; } .ss-quora:before, .ss-quora.right:after { content: ''; } .ss-youtube:before, .ss-youtube.right:after { content: ''; } .ss-vimeo:before, .ss-vimeo.right:after { content: ''; } .ss-vine:before, .ss-vine.right:after { content: ''; } .ss-letterboxd:before, .ss-letterboxd.right:after { content: ''; } .ss-flickr:before, .ss-flickr.right:after { content: ''; } .ss-instagram:before, .ss-instagram.right:after { content: ''; } .ss-500px:before, .ss-500px.right:after { content: ''; } .ss-etsy:before, .ss-etsy.right:after { content: ''; } .ss-pinterest:before, .ss-pinterest.right:after { content: ''; } .ss-svpply:before, .ss-svpply.right:after { content: ''; } .ss-readmill:before, .ss-readmill.right:after { content: ''; } .ss-dropbox:before, .ss-dropbox.right:after { content: ''; } .ss-pinboard:before, .ss-pinboard.right:after { content: ''; } .ss-delicious:before, .ss-delicious.right:after { content: ''; } .ss-dribbble:before, .ss-dribbble.right:after { content: ''; } .ss-behance:before, .ss-behance.right:after { content: ''; } .ss-github:before, .ss-github.right:after { content: ''; } .ss-octocat:before, .ss-octocat.right:after { content: ''; } .ss-stackoverflow:before, .ss-stackoverflow.right:after { content: ''; } .ss-paypal:before, .ss-paypal.right:after { content: ''; } .ss-kickstarter:before, .ss-kickstarter.right:after { content: ''; } .ss-foursquare:before, .ss-foursquare.right:after { content: ''; } .ss-yelp:before, .ss-yelp.right:after { content: ''; } .ss-skype:before, .ss-skype.right:after { content: ''; } .ss-rdio:before, .ss-rdio.right:after { content: ''; } .ss-spotify:before, .ss-spotify.right:after { content: ''; } .ss-lastfm:before, .ss-lastfm.right:after { content: ''; } .ss-soundcloud:before, .ss-soundcloud.right:after { content: ''; } .ss-link:before, .ss-link.right:after { content: '🔗'; } .ss-phone:before, .ss-phone.right:after { content: '📞'; } .ss-mail:before, .ss-mail.right:after { content: '✉'; } .ss-like:before, .ss-like.right:after { content: '👍'; } .ss-rss:before, .ss-rss.right:after { content: ''; } .ss-share:before, .ss-share.right:after { content: ''; } .ss-apple:before, .ss-apple.right:after { content: ''; } .ss-microsoft:before, .ss-microsoft.right:after { content: ''; } .ss-windows:before, .ss-windows.right:after { content: ''; } .ss-android:before, .ss-android.right:after { content: ''; } .ss-blackberry:before, .ss-blackberry.right:after { content: ''; } /* Legacy */ .ss-fivehundredpx:before, .ss-fivehundredpx.right:after { content: ''; } /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSStandard"; src: url('../wf/ss-standard/ss-standard.eot'); src: url('../wf/ss-standard/ss-standard.eot?#iefix') format("embedded-opentype"), url('../wf/ss-standard/ss-standard.woff') format("woff"), url('../wf/ss-standard/ss-standard.ttf') format("truetype"), url('../wf/ss-standard/ss-standard.svg#SSStandard') format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: ''; } .ss-crosshair:before, .ss-crosshair.right:after { content: '⌖'; } .ss-search:before, .ss-search.right:after { content: '🔎'; } .ss-zoomin:before, .ss-zoomin.right:after { content: ''; } .ss-zoomout:before, .ss-zoomout.right:after { content: ''; } .ss-view:before, .ss-view.right:after { content: '👀'; } .ss-attach:before, .ss-attach.right:after { content: '📎'; } .ss-link:before, .ss-link.right:after { content: '🔗'; } .ss-move:before, .ss-move.right:after { content: ''; } .ss-write:before, .ss-write.right:after { content: '✎'; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: ''; } .ss-erase:before, .ss-erase.right:after { content: '✐'; } .ss-compose:before, .ss-compose.right:after { content: '📝'; } .ss-lock:before, .ss-lock.right:after { content: '🔒'; } .ss-unlock:before, .ss-unlock.right:after { content: '🔓'; } .ss-key:before, .ss-key.right:after { content: '🔑'; } .ss-backspace:before, .ss-backspace.right:after { content: '⌫'; } .ss-ban:before, .ss-ban.right:after { content: '🚫'; } .ss-trash:before, .ss-trash.right:after { content: ''; } .ss-target:before, .ss-target.right:after { content: '◎'; } .ss-tag:before, .ss-tag.right:after { content: ''; } .ss-bookmark:before, .ss-bookmark.right:after { content: '🔖'; } .ss-flag:before, .ss-flag.right:after { content: '⚑'; } .ss-like:before, .ss-like.right:after { content: '👍'; } .ss-dislike:before, .ss-dislike.right:after { content: '👎'; } .ss-heart:before, .ss-heart.right:after { content: '♥'; } .ss-halfheart:before, .ss-halfheart.right:after { content: ''; } .ss-star:before, .ss-star.right:after { content: '⋆'; } .ss-halfstar:before, .ss-halfstar.right:after { content: ''; } .ss-sample:before, .ss-sample.right:after { content: ''; } .ss-crop:before, .ss-crop.right:after { content: ''; } .ss-layers:before, .ss-layers.right:after { content: ''; } .ss-fill:before, .ss-fill.right:after { content: ''; } .ss-stroke:before, .ss-stroke.right:after { content: ''; } .ss-phone:before, .ss-phone.right:after { content: '📞'; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: ''; } .ss-rss:before, .ss-rss.right:after { content: ''; } .ss-facetime:before, .ss-facetime.right:after { content: ''; } .ss-reply:before, .ss-reply.right:after { content: '↩'; } .ss-send:before, .ss-send.right:after { content: ''; } .ss-mail:before, .ss-mail.right:after { content: '✉'; } .ss-inbox:before, .ss-inbox.right:after { content: '📥'; } .ss-chat:before, .ss-chat.right:after { content: '💬'; } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: ''; } .ss-ellipsis:before, .ss-ellipsis.right:after { content: '…'; } .ss-user:before, .ss-user.right:after { content: '👤'; } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '👧'; } .ss-users:before, .ss-users.right:after { content: '👥'; } .ss-cart:before, .ss-cart.right:after { content: ''; } .ss-creditcard:before, .ss-creditcard.right:after { content: '💳'; } .ss-dollarsign:before, .ss-dollarsign.right:after { content: '💲'; } .ss-barchart:before, .ss-barchart.right:after { content: '📊'; } .ss-piechart:before, .ss-piechart.right:after { content: ''; } .ss-box:before, .ss-box.right:after { content: '📦'; } .ss-home:before, .ss-home.right:after { content: '⌂'; } .ss-buildings:before, .ss-buildings.right:after { content: '🏢'; } .ss-warehouse:before, .ss-warehouse.right:after { content: ''; } .ss-globe:before, .ss-globe.right:after { content: '🌎'; } .ss-navigate:before, .ss-navigate.right:after { content: ''; } .ss-compass:before, .ss-compass.right:after { content: ''; } .ss-signpost:before, .ss-signpost.right:after { content: ''; } .ss-map:before, .ss-map.right:after { content: ''; } .ss-location:before, .ss-location.right:after { content: ''; } .ss-pin:before, .ss-pin.right:after { content: '📍'; } .ss-database:before, .ss-database.right:after { content: ''; } .ss-hdd:before, .ss-hdd.right:after { content: ''; } .ss-music:before, .ss-music.right:after { content: '♫'; } .ss-mic:before, .ss-mic.right:after { content: '🎤'; } .ss-volume:before, .ss-volume.right:after { content: '🔈'; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '🔉'; } .ss-highvolume:before, .ss-highvolume.right:after { content: '🔊'; } .ss-airplay:before, .ss-airplay.right:after { content: ''; } .ss-camera:before, .ss-camera.right:after { content: '📷'; } .ss-picture:before, .ss-picture.right:after { content: '🌄'; } .ss-video:before, .ss-video.right:after { content: '📹'; } .ss-play:before, .ss-play.right:after { content: '▶'; } .ss-pause:before, .ss-pause.right:after { content: ''; } .ss-stop:before, .ss-stop.right:after { content: '■'; } .ss-record:before, .ss-record.right:after { content: '●'; } .ss-rewind:before, .ss-rewind.right:after { content: '⏪'; } .ss-fastforward:before, .ss-fastforward.right:after { content: '⏩'; } .ss-skipback:before, .ss-skipback.right:after { content: '⏮'; } .ss-skipforward:before, .ss-skipforward.right:after { content: '⏭'; } .ss-eject:before, .ss-eject.right:after { content: '⏏'; } .ss-repeat:before, .ss-repeat.right:after { content: '🔁'; } .ss-replay:before, .ss-replay.right:after { content: '↺'; } .ss-shuffle:before, .ss-shuffle.right:after { content: '🔀'; } .ss-book:before, .ss-book.right:after { content: '📕'; } .ss-openbook:before, .ss-openbook.right:after { content: '📖'; } .ss-notebook:before, .ss-notebook.right:after { content: '📓'; } .ss-newspaper:before, .ss-newspaper.right:after { content: '📰'; } .ss-grid:before, .ss-grid.right:after { content: ''; } .ss-rows:before, .ss-rows.right:after { content: ''; } .ss-columns:before, .ss-columns.right:after { content: ''; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: ''; } .ss-filter:before, .ss-filter.right:after { content: ''; } .ss-desktop:before, .ss-desktop.right:after { content: '💻'; } .ss-laptop:before, .ss-laptop.right:after { content: ''; } .ss-tablet:before, .ss-tablet.right:after { content: ''; } .ss-cell:before, .ss-cell.right:after { content: '📱'; } .ss-battery:before, .ss-battery.right:after { content: '🔋'; } .ss-highbattery:before, .ss-highbattery.right:after { content: ''; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: ''; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: ''; } .ss-emptybattery:before, .ss-emptybattery.right:after { content: ''; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '💡'; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: ''; } .ss-download:before, .ss-download.right:after { content: ''; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: ''; } .ss-upload:before, .ss-upload.right:after { content: ''; } .ss-fork:before, .ss-fork.right:after { content: ''; } .ss-merge:before, .ss-merge.right:after { content: ''; } .ss-transfer:before, .ss-transfer.right:after { content: '⇆'; } .ss-refresh:before, .ss-refresh.right:after { content: '↻'; } .ss-sync:before, .ss-sync.right:after { content: ''; } .ss-loading:before, .ss-loading.right:after { content: ''; } .ss-wifi:before, .ss-wifi.right:after { content: ''; } .ss-connection:before, .ss-connection.right:after { content: ''; } .ss-file:before, .ss-file.right:after { content: '📄'; } .ss-folder:before, .ss-folder.right:after { content: '📁'; } .ss-quote:before, .ss-quote.right:after { content: '“'; } .ss-text:before, .ss-text.right:after { content: ''; } .ss-font:before, .ss-font.right:after { content: ''; } .ss-print:before, .ss-print.right:after { content: '⎙'; } .ss-fax:before, .ss-fax.right:after { content: '📠'; } .ss-list:before, .ss-list.right:after { content: ''; } .ss-layout:before, .ss-layout.right:after { content: ''; } .ss-action:before, .ss-action.right:after { content: ''; } .ss-redirect:before, .ss-redirect.right:after { content: '↪'; } .ss-expand:before, .ss-expand.right:after { content: '⤢'; } .ss-contract:before, .ss-contract.right:after { content: ''; } .ss-help:before, .ss-help.right:after { content: '❓'; } .ss-info:before, .ss-info.right:after { content: 'ℹ'; } .ss-alert:before, .ss-alert.right:after { content: '⚠'; } .ss-caution:before, .ss-caution.right:after { content: '⛔'; } .ss-logout:before, .ss-logout.right:after { content: ''; } .ss-plus:before, .ss-plus.right:after { content: '+'; } .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } .ss-check:before, .ss-check.right:after { content: '✓'; } .ss-delete:before, .ss-delete.right:after { content: '␡'; } .ss-settings:before, .ss-settings.right:after { content: '⚙'; } .ss-dashboard:before, .ss-dashboard.right:after { content: ''; } .ss-notifications:before, .ss-notifications.right:after { content: '🔔'; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '🔕'; } .ss-clock:before, .ss-clock.right:after { content: '⏲'; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: '⏱'; } .ss-calendar:before, .ss-calendar.right:after { content: '📅'; } .ss-addcalendar:before, .ss-addcalendar.right:after { content: ''; } .ss-removecalendar:before, .ss-removecalendar.right:after { content: ''; } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: ''; } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: ''; } .ss-briefcase:before, .ss-briefcase.right:after { content: '💼'; } .ss-cloud:before, .ss-cloud.right:after { content: '☁'; } .ss-droplet:before, .ss-droplet.right:after { content: '💧'; } .ss-flask:before, .ss-flask.right:after { content: ''; } .ss-up:before, .ss-up.right:after { content: '⬆'; } .ss-upright:before, .ss-upright.right:after { content: '⬈'; } .ss-right:before, .ss-right.right:after { content: '➡'; } .ss-downright:before, .ss-downright.right:after { content: '⬊'; } .ss-down:before, .ss-down.right:after { content: '⬇'; } .ss-downleft:before, .ss-downleft.right:after { content: '⬋'; } .ss-left:before, .ss-left.right:after { content: '⬅'; } .ss-upleft:before, .ss-upleft.right:after { content: '⬉'; } .ss-navigateup:before, .ss-navigateup.right:after { content: ''; } .ss-navigateright:before, .ss-navigateright.right:after { content: '▻'; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: ''; } .ss-navigateleft:before, .ss-navigateleft.right:after { content: '◅'; } .ss-directup:before, .ss-directup.right:after { content: '▴'; } .ss-directright:before, .ss-directright.right:after { content: '▹'; } .ss-dropdown:before, .ss-dropdown.right:after { content: '▾'; } .ss-directleft:before, .ss-directleft.right:after { content: '◃'; } .ss-retweet:before, .ss-retweet.right:after { content: ''; } /* Legacy classes */ .ss-volumelow:before, .ss-volumelow.right:after { content: '🔉'; } .ss-volumehigh:before, .ss-volumehigh.right:after { content: '🔊'; } .ss-batteryhigh:before, .ss-batteryhigh.right:after { content: ''; } .ss-batterymedium:before, .ss-batterymedium.right:after { content: ''; } .ss-batterylow:before, .ss-batterylow.right:after { content: ''; } .ss-batteryempty:before, .ss-batteryempty.right:after { content: ''; } .ss-clouddownload:before, .ss-clouddownload.right:after { content: ''; } .ss-cloudupload:before, .ss-cloudupload.right:after { content: ''; } .ss-calendaradd:before, .ss-calendaradd.right:after { content: ''; } .ss-calendarremove:before, .ss-calendarremove.right:after { content: ''; } .ss-calendarcheck:before, .ss-calendarcheck.right:after { content: ''; } .ss-calendardelete:before, .ss-calendardelete.right:after { content: ''; } @font-face { font-family: "Flama"; src: url('../wf/flama/Flama-Medium.eot'); src: url('../wf/flama/Flama-Medium.eot?#iefix') format("embedded-opentype"), url('../wf/flama/Flama-Medium.woff') format("woff"), url('../wf/flama/Flama-Medium.svg#Flama') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Flama Italic"; src: url('../wf/flama/Flama-MediumItalic.eot'); src: url('../wf/flama/Flama-MediumItalic.eot?#iefix') format("embedded-opentype"), url('../wf/flama/Flama-MediumItalic.woff') format("woff"), url('../wf/flama/Flama-MediumItalic.svg#Flama') format("svg"); font-weight: normal; font-style: italic; } /** BxSlider v4.0 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2012 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0; padding: 0; overflow: hidden; *zoom: 1; } @media print { .bx-wrapper { display: none !important; } } .bx-wrapper img { display: block; max-width: 100%; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { border: 1px solid #c8c8c8; background: #fff; padding-right: 48px; } @media (min-width: 770px) { .bx-wrapper .bx-viewport { padding-right: 70px; } } .no-mq .bx-wrapper .bx-viewport { padding-right: 70px; } @media (min-width: 770px) { .photo-feature-img .bx-wrapper .bx-viewport { padding-right: 0px; } } .photo-feature-img .bx-wrapper .bx-viewport { padding-right: 0px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { position: absolute; top: 0; left: 0; z-index: 2000; min-height: 50px; width: 100%; height: 100%; background: url('../img/bx_loader.gif?1398920983') center center no-repeat white; } /* PAGER */ .bx-wrapper .bx-pager { padding-top: 20px; color: #666; text-align: center; font-weight: bold; font-size: .85em; font-family: Arial; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { display: block; margin: 0 5px; width: 10px; height: 10px; outline: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #666; text-indent: -9999px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev, .bx-wrapper .bx-next { padding: 14px 0; padding: 0.875rem 0; display: block; color: #c8c8c8; text-align: center; font-family: "SSStandard"; } .bx-wrapper .bx-prev:visited, .bx-wrapper .bx-next:visited { color: #c8c8c8; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { color: #00ac5a; text-decoration: none; } .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:focus { border: 0; outline: none; text-decoration: none; } @media (min-width: 770px) { .bx-wrapper .bx-prev, .bx-wrapper .bx-next { padding: 7px 0; padding: 0.4375rem 0; font-size: 18px; font-size: 1.125rem; } } .no-mq .bx-wrapper .bx-prev, .no-mq .bx-wrapper .bx-next { padding: 7px 0; padding: 0.4375rem 0; font-size: 18px; font-size: 1.125rem; } .bx-controls-direction { width: 50px; width: 3.125rem; padding: 14px 0; padding: 0.875rem 0; -webkit-box-shadow: 0 0 10px 5px rgba(172, 172, 172, 0.2); -moz-box-shadow: 0 0 10px 5px rgba(172, 172, 172, 0.2); box-shadow: 0 0 10px 5px rgba(172, 172, 172, 0.2); position: absolute; top: 0; right: 0; bottom: 0; border: 1px solid #c8c8c8; background: #f5f6f8; } @media (min-width: 770px) { .bx-controls-direction { width: 70px; width: 4.375rem; } } .no-mq .bx-controls-direction { width: 70px; width: 4.375rem; } .hide-bxslider-controls .bx-controls, .hide-bxslider-controls .bx-controls-direction { display: none !important; } .bx-wrapper .bx-controls-direction a.disabled { color: #eaeaea; cursor: default; } .bx-wrapper .bx-controls-direction a.disabled:hover, .bx-wrapper .bx-controls-direction a.disabled:focus { color: #eaeaea; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; margin: 0 3px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; text-indent: -9999px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; margin: 0 3px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; text-indent: -9999px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 80%; text-align: left; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; width: 100%; background: #666666 \9; background: rgba(80, 80, 80, 0.75); } .bx-wrapper .bx-caption span { display: block; padding: 10px; color: #fff; font-size: .85em; font-family: Arial; } body { -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0,50%,100% { opacity: 1; } 25%,75% { opacity: 0; } } @-moz-keyframes flash { 0,50%,100% { opacity: 1; } 25%,75% { opacity: 0; } } @-o-keyframes flash { 0,50%,100% { opacity: 1; } 25%,75% { opacity: 0; } } @keyframes flash { 0,50%,100% { opacity: 1; } 25%,75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0,100% { -webkit-transform: translateX(0); } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); } 20%,40%,60%,80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0,100% { -moz-transform: translateX(0); } 10%,30%,50%,70%,90% { -moz-transform: translateX(-10px); } 20%,40%,60%,80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0,100% { -o-transform: translateX(0); } 10%,30%,50%,70%,90% { -o-transform: translateX(-10px); } 20%,40%,60%,80% { -o-transform: translateX(10px); } } @keyframes shake { 0,100% { transform: translateX(0); } 10%,30%,50%,70%,90% { transform: translateX(-10px); } 20%,40%,60%,80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0,20%,50%,80%,100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0,20%,50%,80%,100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0,20%,50%,80%,100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0,20%,50%,80%,100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0 { -webkit-transform: scale(1); } 10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0 { -moz-transform: scale(1); } 10%,20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -moz-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0 { -o-transform: scale(1); } 10%,20% { -o-transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { -o-transform: scale(1.1) rotate(3deg); } 40%,60%,80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0 { transform: scale(1); } 10%,20% { transform: scale(0.9) rotate(-3deg); } 30%,50%,70%,90% { transform: scale(1.1) rotate(3deg); } 40%,60%,80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes wobble { 0 { -webkit-transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes wobble { 0 { -moz-transform: translateX(0); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0); } } @-o-keyframes wobble { 0 { -o-transform: translateX(0); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0); } } @keyframes wobble { 0 { transform: translateX(0); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0 { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0 { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0 { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0 { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0 { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0 { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0 { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0 { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0 { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); opacity: 1; } } @-moz-keyframes flipInX { 0 { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0); opacity: 1; } } @-o-keyframes flipInX { 0 { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0); opacity: 1; } } @keyframes flipInX { 0 { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0 { -webkit-transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0 { -moz-transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0 { -o-transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0 { transform: perspective(400px) rotateX(0); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0 { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); opacity: 1; } } @-moz-keyframes flipInY { 0 { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0); opacity: 1; } } @-o-keyframes flipInY { 0 { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0); opacity: 1; } } @keyframes flipInY { 0 { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0 { -webkit-transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0 { -moz-transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0 { -o-transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0 { transform: perspective(400px) rotateY(0); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0 { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0 { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0 { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0 { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0 { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0 { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0 { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0 { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0 { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0 { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0 { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0 { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0 { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0 { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0 { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0 { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0 { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0 { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0 { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0 { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0 { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0 { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0 { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0 { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0 { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0 { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0 { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0 { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0 { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0 { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0 { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0 { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0 { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0 { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0 { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0 { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0 { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0 { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0 { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0 { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0 { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0 { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0 { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0 { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0 { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0 { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0 { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0 { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0 { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0 { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0 { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0 { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0 { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0 { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0 { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0 { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0 { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0 { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0 { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0 { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0 { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0 { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0 { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0 { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0 { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0 { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0 { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0 { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0 { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0 { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0 { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0 { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0 { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0 { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0 { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0 { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0 { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0 { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0 { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0 { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0 { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0 { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0 { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0 { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0 { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0 { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0 { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0 { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0 { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0 { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0 { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0 { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0 { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @-moz-keyframes bounceOut { 0 { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } } @-o-keyframes bounceOut { 0 { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } } @keyframes bounceOut { 0 { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0 { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0 { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0 { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0 { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0 { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0 { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0 { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0 { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0 { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0 { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0 { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0 { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0 { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0 { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0 { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0 { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0 { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0 { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0 { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0 { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0 { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0 { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0 { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0 { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0 { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0 { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0 { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0 { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0 { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0 { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0 { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0 { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0 { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0 { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%,60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0 { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%,60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0 { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%,60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0 { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); } } @-moz-keyframes rollIn { 0 { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0) rotate(0); } } @-o-keyframes rollIn { 0 { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0) rotate(0); } } @keyframes rollIn { 0 { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0) rotate(0); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0 { opacity: 1; -webkit-transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0 { opacity: 1; -moz-transform: translateX(0) rotate(0); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0 { opacity: 1; -o-transform: translateX(0) rotate(0); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0 { opacity: 1; transform: translateX(0) rotate(0); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes lightSpeedIn { 0 { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0 { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0) skewX(0); opacity: 1; } } @-o-keyframes lightSpeedIn { 0 { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0) skewX(0); opacity: 1; } } @keyframes lightSpeedIn { 0 { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0) skewX(0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes lightSpeedOut { 0 { -webkit-transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0 { -moz-transform: translateX(0) skewX(0); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0 { -o-transform: translateX(0) skewX(0); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0 { transform: translateX(0) skewX(0); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s; } @-webkit-keyframes wiggle { 0 { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0); } 100% { -webkit-transform: skewX(0); } } @-moz-keyframes wiggle { 0 { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0); } 100% { -moz-transform: skewX(0); } } @-o-keyframes wiggle { 0 { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0); } 100% { -o-transform: skewX(0); } } @keyframes wiggle { 0 { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0); } 100% { transform: skewX(0); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s; } /*********************************************************************** * * Liquid Slider * Kevin Batdorf * * http://liquidslider.com * * GPL license * ************************************************************************/ /****************************************************** * No JavaScript * Use this to apply styles when Javascript is disabled, * and be sure to include the ".no-js" class in your html * markup. *******************************************************/ .no-js .liquid-slider { height: auto; } /****************************************************** * Preloader *******************************************************/ .ls-preloader { background: url("../js/plugins/liquidslider/img/loading.gif") #f2f2f2 no-repeat center 75px; opacity: 1; /* Do not edit below this line */ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } /****************************************************************** * Base Styles * The styles here will apply to everything. I recommend you keep * the styles in here specific to mobile defices, then use * the media queries at the bottom to define further styles for larger * screen-sizes. Think Mobile First. But be cautious of how * your site will look in older IE browsers. * * Additional media queries are at the bottom of this document ******************************************************************/ .ls-wrapper { margin: 0 auto; /* Do not edit below this line */ clear: both; overflow: auto; position: relative; } /****************************************************** * Main Container * This is the main container (minus the navigation). * Be sure to match the width with the .panel class, * or it won't work properly. Also, width only applies * if you are not using the responsive setting. * * The responsive slider will interpret the width as the * max width instead *******************************************************/ .ls-wrapper .liquid-slider { background: white; /* Do not edit below this line */ float: left; overflow: hidden; position: relative; } .ls-wrapper .panel-container { /* Do not edit below this line */ position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; /* from http://davidwalsh.name/translate3d */ } .ls-wrapper .liquid-slider .panel-container .fade { /* Do not edit below this line */ width: 100%; opacity: 0; position: absolute; top: 0; left: 0; display: block; } /****************************************************** * Panels * This is for the panels. If you are using the * responsive setting, this will act as the max-width * for the entire slider. *******************************************************/ .ls-wrapper .liquid-slider .panel { width: 1500px; /* Do not edit below this line */ display: block; float: left; } /****************************************************** * These provide a base starting point for images and * video. However, you will have to add more rules * based on the content you use. Use the @media queries * at the bottom of this file. *******************************************************/ .ls-wrapper .liquid-slider .panel img { /* width:100%; height:auto; margin:0 5px; */ } .ls-wrapper .liquid-slider .panel video { /* width:100%; height:auto; */ } /****************************************************** * This is mainly used to adjust the padding inside each * panel. If you are using the responsive setting, you * need to use the settings below as this will not apply. *******************************************************/ .ls-wrapper .liquid-slider .panel-wrapper { padding: 0; /* Do not edit below this line */ position: relative; } /***************************************************** * This will adjust styles for all navigation tabs * less of course the select box used for mobile * navigation. The .current styles will apply only to * the current tab. * * You may use this section to create navigation for * mobile devices if you set mobileNavigation: false * Be sure to edit media queries for larger devices below * I have included an example below in comments. * * .currentCrossLink refers to external crosslinking. *******************************************************/ @media print { .ls-nav { display: none !important; } } .ls-wrapper .ls-nav a { background: #d8d8d8; color: #333333; margin-right: 1px; padding: 10px 15px; outline: 0; } .ls-wrapper .ls-nav a:hover { background: #f2f2f2; color: #333333; text-shadow: none; } .ls-wrapper .ls-nav .current { background: #f2f2f2; } .currentCrossLink { font-weight: bold; } .ls-wrapper .ls-nav ul { padding: 0; /* Do not edit below this line */ clear: both; display: block; margin: auto; overflow: hidden; } .ls-wrapper .ls-nav ul li { /* Do not edit below this line */ display: inline; } .ls-wrapper .ls-nav ul li a { /* Do not edit below this line */ display: block; float: left; text-decoration: none; } /***************************************************** * Mobile Menu * This will adjust styles for selectbox styles. I have * included a simple example to create a custom select * box. *******************************************************/ .ls-wrapper .ls-nav { overflow: hidden; clear: both; } .ls-wrapper .ls-select-box { /* Delete these if you want the standard select box. Also delete the rules below */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 35px; overflow: hidden; padding: 0 20px; padding: 0 1.25rem; margin: 14px 0; margin: 0.875rem 0; } .ls-wrapper .ls-select-box select { /* If you want the standard select box, use width:100% And delete the rest of the styling here */ width: 100%; } /****************************************************** * Arrows * This section refers to both the non-graphical and * graphical navigation arrows. * * Some settings will be overwritten when using the * responsive setting. *******************************************************/ .ls-responsive .ls-nav-right { position: fixed !important; top: 50% !important; right: 0 !important; } .ls-responsive .ls-nav-left { position: fixed !important; top: 50% !important; left: 0 !important; } .off-canvas-active .ls-wrapper .ls-nav-left a, .off-canvas-active .ls-wrapper .ls-nav-right a { opacity: 0 !important; } .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right { /* Do not edit below this line */ float: left; } .ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a { /* non-graphical arrows */ height: 59px; height: 3.6875rem; width: 59px; width: 3.6875rem; line-height: 64px; line-height: 4rem; font-size: 30px; font-size: 1.875rem; margin-top: -28px; margin-top: -1.75rem; z-index: 100; display: block; padding: 0; background: #00ac5a; color: white; opacity: .3; /* Do not edit below this line */ display: block; text-align: center; text-decoration: none; } .ls-wrapper .ls-nav-left a:hover, .ls-wrapper .ls-nav-left a:focus, .ls-wrapper .ls-nav-right a:hover, .ls-wrapper .ls-nav-right a:focus { opacity: 1; } .allow-horz-scroll-arrows .ls-wrapper .ls-nav-left a, .allow-horz-scroll-arrows .ls-wrapper .ls-nav-right a { opacity: .3; } .allow-horz-scroll-arrows .ls-wrapper .ls-nav-left a:hover, .allow-horz-scroll-arrows .ls-wrapper .ls-nav-left a:focus, .allow-horz-scroll-arrows .ls-wrapper .ls-nav-right a:hover, .allow-horz-scroll-arrows .ls-wrapper .ls-nav-right a:focus { opacity: 1; } .ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow { cursor: pointer; /* Do not edit below this line */ float: left; } .ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a { /* Do not edit below this line */ display: block; } .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow { /* Do not edit below this line */ clear: both; } .ls-wrapper .ls-nav-right-arrow { width: 25px; height: 25px; background: red url(../js/plugins/liquidslider/img/arrow.png) no-repeat top right; margin-top: 50px; margin-right: 5px; /* Do not edit below this line */ position: relative; } .ls-wrapper .ls-nav-left-arrow { width: 25px; height: 25px; background: red url(../js/plugins/liquidslider/img/arrow.png) no-repeat top left; margin-top: 50px; margin-left: 5px; /* Do not edit below this line */ position: relative; } .ls-wrapper .ls-nav-left-arrow:hover { /* Left graphical arrows hover */ background: blue url(../img/arrow.png) no-repeat bottom left; } .ls-wrapper .ls-nav-left-arrow:active { /* Left graphical arrows click */ } .ls-wrapper .ls-nav-right-arrow:hover { /* Right graphical arrows hover */ background: blue url(../js/plugins/liquidslider/img/arrow.png) no-repeat bottom right; } .ls-wrapper .ls-nav-right-arrow:active { /* Right graphical arrows click */ } .arrows .liquid-slider { /* Margin between slider and arrows */ margin: 0 10px; } /****************************************************** * Responsive Styles * Here are the main responsive styles. This mostly * covers the arrows, and most of the settings can be * applied above. *******************************************************/ .ls-responsive .liquid-slider { /* Do not edit below this line */ width: 100%; margin: 0; } .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 0; } .ls-responsive .ls-nav-left { /* Left non-graphical arrows */ /* Do not edit below this line */ position: absolute; left: 0; z-index: 2; } .ls-responsive .ls-nav-left a { /* Left non-graphical arrows */ } .ls-responsive .ls-nav-left a:hover { /* Left non-graphical hover */ } .ls-responsive .ls-nav-right { /* Right non-graphical arrows */ /* Do not edit below this line */ position: absolute; right: 0; z-index: 2; } .ls-responsive .ls-nav-right a { /* Right non-graphical arrows */ } .ls-responsive .ls-nav-right a:hover { /* Right non-graphical arrows hover */ } .ls-responsive .ls-nav-left-arrow { /* Do not edit below this line */ position: absolute; left: 0; z-index: 2; } .ls-responsive .ls-nav-right-arrow { /* Do not edit below this line */ position: absolute; right: 0; z-index: 2; } @media print { .ls-nav-left, .ls-nav-right { display: none !important; } .panel-wrapper .ip-box-b { padding-top: 0 !important; } } /****************************************************************** * Larger Mobile Devices * This is for devices like the Galaxy Note or something that's * larger than an iPhone but smaller than a tablet. ******************************************************************/ @media only screen and (min-width: 481px) { .ls-wrapper .liquid-slider .panel img { /* Example */ /* width:24%; margin:2px; */ } } /****************************************************************** * Tablet & Smaller Laptops * This will include tablets and some netbooks. ******************************************************************/ .ls-wrapper .liquid-slider .panel img { /* Example */ /* width:24%; */ } @media (min-width: 620px) { .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 0; } } .no-mq .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 0; } @media print { .liquid-slider { height: auto !important; } } html { -webkit-font-smoothing: antialiased; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; z-index: 1200; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -8px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -8px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -8px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -8px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -8px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -8px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .jquery-modal.blocker { z-index: 1500 !important; } .modal { max-width: 500px; max-width: 31.25rem; padding: 21px; padding: 1.3125rem; -webkit-box-shadow: 0 0 10px black; -moz-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black; z-index: 2000 !important; display: none; width: 90%; border-radius: 8px; background: #fff; } .modal a.close-modal { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); width: 28px; width: 1.75rem; height: 28px; height: 1.75rem; font-size: 13px; font-size: 0.8125rem; top: -12.5px; top: -0.78125rem; right: -12.5px; right: -0.78125rem; line-height: 30px; line-height: 1.875rem; position: absolute; display: block; border-radius: 100%; background: #68be28; color: white; text-align: center; } .modal a.close-modal:visited { color: white; } .modal a.close-modal:focus, .modal a.close-modal:hover { background: #00ac5a; text-decoration: none; } .modal-spinner { max-height: 300px; max-height: 18.75rem; position: fixed; top: 50%; left: 50%; display: none; margin-top: -32px; margin-right: -32px; width: 64px; height: 64px; border-radius: 8px; background: url('../img/modal/spinner.gif?1398920983') #111111 no-repeat center center; } .modal-inner { max-height: 300px; max-height: 18.75rem; overflow: auto; background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%; background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%; background-repeat: no-repeat; background-color: white; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } @media screen and (min-height: 500px) { .modal-inner { max-height: 400px; max-height: 25rem; } } @media screen and (min-height: 600px) { .modal-inner { max-height: 500px; max-height: 31.25rem; } } @media screen and (min-height: 700px) { .modal-inner { max-height: 600px; max-height: 37.5rem; } } @media screen and (min-height: 800px) { .modal-inner { max-height: 700px; max-height: 43.75rem; } } @media screen and (min-height: 900px) { .modal-inner { max-height: 800px; max-height: 50rem; } } @media screen and (min-height: 1000px) { .modal-inner { max-height: 900px; max-height: 56.25rem; } } @media screen and (min-height: 1100px) { .modal-inner { max-height: 1000px; max-height: 62.5rem; } } .media .m-image, .media-small .m-image, .media-medium .m-image, .media-large .m-image { float: left; } .media .m-image-ext, .media-small .m-image-ext, .media-medium .m-image-ext, .media-large .m-image-ext { float: right; } .media .m-body, .media-small .m-body, .media-medium .m-body, .media-large .m-body { overflow: hidden; zoom: 1; font-size:19px; font-size: 1.1875rem; } @media (min-width: 320px) { .media-break-xsmall .m-image { float: left; } .media-break-xsmall .m-image-ext { float: right; } .media-break-xsmall .m-body { overflow: hidden; zoom: 1; } } .no-mq .media-break-xsmall .m-image { float: left; } .no-mq .media-break-xsmall .m-image-ext { float: right; } .no-mq .media-break-xsmall .m-body { overflow: hidden; zoom: 1; } @media (min-width: 470px) { .media-break-small .m-image { float: left; } .media-break-small .m-image-ext { float: right; } .media-break-small .m-body { overflow: hidden; zoom: 1; } } .no-mq .media-break-small .m-image { float: left; } .no-mq .media-break-small .m-image-ext { float: right; } .no-mq .media-break-small .m-body { overflow: hidden; zoom: 1; } @media (min-width: 620px) { .media-break-medium .m-image { float: left; } .media-break-medium .m-image-ext { float: right; } .media-break-medium .m-body { overflow: hidden; zoom: 1; } } .no-mq .media-break-medium .m-image { float: left; } .no-mq .media-break-medium .m-image-ext { float: right; } .no-mq .media-break-medium .m-body { overflow: hidden; zoom: 1; } @media (min-width: 770px) { .media-break-desktop .m-image { float: left; } .media-break-desktop .m-image-ext { float: right; } .media-break-desktop .m-body { overflow: hidden; zoom: 1; } } .no-mq .media-break-desktop .m-image { float: left; } .no-mq .media-break-desktop .m-image-ext { float: right; } .no-mq .media-break-desktop .m-body { overflow: hidden; zoom: 1; } .media-small .m-image { margin-right: 14px; margin-right: 0.875rem; } .media-small .m-image-ext { margin-left: 14px; margin-left: 0.875rem; } .media-medium .m-image { margin-right: 28px; margin-right: 1.75rem; } .media-medium .m-image-ext { margin-left: 28px; margin-left: 1.75rem; } .media-large .m-image { margin-right: 56px; margin-right: 3.5rem; } .media-large .m-image-ext { margin-left: 56px; margin-left: 3.5rem; } .lt-ie9 .m-body > h1, .lt-ie9 .m-body > h2, .lt-ie9 .m-body > h3, .lt-ie9 .m-body > h4, .lt-ie9 .m-body > h5, .lt-ie9 .m-body > h6, .m-body > h1, .m-body > h2, .m-body > h3, .m-body > h4, .m-body > h5, .m-body > h6 { margin-top: 0; } .lt-ie9 .m-body > h1 + p, .lt-ie9 .m-body > h2 + p, .lt-ie9 .m-body > h3 + p, .lt-ie9 .m-body > h4 + p, .lt-ie9 .m-body > h5 + p, .lt-ie9 .m-body > h6 + p, .m-body > h1 + p, .m-body > h2 + p, .m-body > h3 + p, .m-body > h4 + p, .m-body > h5 + p, .m-body > h6 + p { margin-top: 14px; margin-top: 0.875rem; } .video-player { position: relative; padding-bottom: 56.2%; } .video-player .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ie-9 .video-player, .lt-ie9 .video-player, html[data-useragent*='MSIE 10'] .video-player { padding-bottom: 52.6%; } @media print { .video-player { display: none !important; } } .multi-col-double { overflow: hidden; } @media (min-width: 770px) { .multi-col-double li { float: left; margin: 0; width: 50%; } } .no-mq .multi-col-double li { float: left; margin: 0; width: 50%; } @media (min-width: 770px) { .csscolumns .multi-col-double { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 56px; -moz-column-gap: 56px; -ms-column-gap: 56px; -o-column-gap: 56px; column-gap: 56px; } .csscolumns .multi-col-double > * { max-width: none; -webkit-column-break-inside: "avoid"; column-break-inside: "avoid"; } .csscolumns .multi-col-double li { float: none; width: auto; } } .no-mq .csscolumns .multi-col-double { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 56px; -moz-column-gap: 56px; -ms-column-gap: 56px; -o-column-gap: 56px; column-gap: 56px; } .no-mq .csscolumns .multi-col-double > * { max-width: none; -webkit-column-break-inside: "avoid"; column-break-inside: "avoid"; } .no-mq .csscolumns .multi-col-double li { float: none; width: auto; } .page-wrap { overflow: hidden; padding-top: 49px; } @media (min-width: 920px) { .page-wrap { padding-top: 0; } } .no-mq .page-wrap { padding-top: 0; } .lt-ie9 .page-wrap { overflow: visible; } .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e { display: block; } .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e { padding-right: 20px; padding-right: 1.25rem; padding-left: 20px; padding-left: 1.25rem; } @media (min-width: 770px) { .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e { padding-right: 30px; padding-right: 1.875rem; padding-left: 30px; padding-left: 1.875rem; } } .no-mq .grid-wrap, .no-mq .grid-wrap-a, .no-mq .grid-wrap-b, .no-mq .grid-wrap-c, .no-mq .grid-wrap-f, .no-mq .grid-wrap-d, .no-mq .grid-wrap-e { padding-right: 30px; padding-right: 1.875rem; padding-left: 30px; padding-left: 1.875rem; } @media (min-width: 770px) { .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e { overflow: visible; } } .no-mq .grid-wrap, .no-mq .grid-wrap-a, .no-mq .grid-wrap-b, .no-mq .grid-wrap-c, .no-mq .grid-wrap-f, .no-mq .grid-wrap-d, .no-mq .grid-wrap-e { overflow: visible; } @media (min-width: 1070px) { .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e { padding-right: 42px; padding-right: 2.625rem; padding-left: 42px; padding-left: 2.625rem; } } .no-mq .grid-wrap, .no-mq .grid-wrap-a, .no-mq .grid-wrap-b, .no-mq .grid-wrap-c, .no-mq .grid-wrap-f, .no-mq .grid-wrap-d, .no-mq .grid-wrap-e { padding-right: 42px; padding-right: 2.625rem; padding-left: 42px; padding-left: 2.625rem; } .grid-wrap-a { filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(#ffffff, #eaeaea); background-image: -moz-linear-gradient(#ffffff, #eaeaea); background-image: -o-linear-gradient(#ffffff, #eaeaea); background-image: linear-gradient(#ffffff, #eaeaea); background-size: cover; background-position: center center; } .grid-wrap-b { background: #f5f6f8; background-size: cover; background-position: center center; } .grid-wrap-c, .grid-wrap-f { border-bottom: 6px solid #00ac5a; position: relative; background-position: center; background-size: cover; padding-bottom: 58px; padding-bottom: 3.625rem; } .grid-wrap-c > .row, .grid-wrap-f > .row { position: relative; z-index: 2; } .grid-wrap-c:after, .grid-wrap-f:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 50%); background: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 50%); background: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 50%); background: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 50%); content: ""; } @media print { .grid-wrap-c, .grid-wrap-f { border-bottom: none !important; } } .grid-wrap-d { background: white; } .grid-wrap-e { background: #f5f6f8; } .grid-wrap-f { border-bottom: none; } .lt-ie9 .grid-wrap, .lt-ie9 .grid-wrap-a, .lt-ie9 .grid-wrap-b, .lt-ie9 .grid-wrap-c, .lt-ie9 .grid-wrap-f, .lt-ie9 .grid-wrap-d, .lt-ie9 .grid-wrap-e, .lt-ie9 .grid-wrap-a, .lt-ie9 .grid-wrap-b, .lt-ie9 .grid-wrap-c, .lt-ie9 .grid-wrap-f, .lt-ie9 .grid-wrap-d, .lt-ie9 .grid-wrap-e, .lt-ie9 .grid-wrap-f, .lt-ie9 [class^="grid-wrap-"] { min-width: 900px; min-width: 56.25rem; } .lt-ie9 .grid-wrap-c, .lt-ie9 .grid-wrap-f, .lt-ie9 .grid-wrap-f { background-position: center center; } .lt-ie9 .grid-wrap-c:after, .lt-ie9 .grid-wrap-f:after, .lt-ie9 .grid-wrap-f:after, .ie-9 .grid-wrap-c:after, .ie-9 .grid-wrap-f:after, .ie-9 .grid-wrap-f:after { background: url('../img/ie-bg-gradient-fallback.png?1398920983') top left repeat-x; } @media print { .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-f { padding-top: 0 !important; padding-bottom: 9px !important; padding-bottom: 0.5625rem !important; } .grid-wrap-e { padding-bottom: 0 !important; } .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e .grid-wrap-f { width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; max-width: none; min-width: 0; } } .row { max-width: 1280px; max-width: 80rem; margin-left: auto; margin-right: auto; } [class*="col-"]*:first-child { margin-top: 0; } .lt-ie9 .grid-wrap > .row, .lt-ie9 .grid-wrap-a > .row, .lt-ie9 .grid-wrap-b > .row, .lt-ie9 .grid-wrap-c > .row, .lt-ie9 .grid-wrap-f > .row, .lt-ie9 .grid-wrap-d > .row, .lt-ie9 .grid-wrap-e > .row { min-width: 900px; min-width: 56.25rem; } .layout-a { display: block; } .layout-a .row { position: relative; } @media (min-width: 770px) { .layout-a .col-1 { width: 65.01767%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-a .col-2 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-a .col-1 { width: 65.01767%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-a .col-2 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-a .col-1 { width: 65.44503%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-a .col-2 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-a .col-1 { width: 65.44503%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-a .col-2 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-a .col-1 { width: 65.44503%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } .layout-a .col-2 { width: 30.89005%; clear: right; float: right; margin-right: 0; } } @media print { .ie9 .layout-a .col-1, .ie9 .layout-a .col-2 { float: none !important; margin: 0 !important; width: 100% !important; clear: both !important; } } /*Matters Accolades*/ .layout-tab { display: block; } .layout-tab .row { position: relative; } @media (min-width: 770px) { .layout-tab .col-1 { width: 65.01767%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-tab .col-2 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-tab .col-1 { width: 65.01767%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-tab .col-2 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-tab .col-1 { width: 65.44503%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-tab .col-2 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-tab .col-1 { width: 65.44503%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-tab .col-2 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-tab .col-1 { width: 65.44503%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } .layout-tab .col-2 { width: 30.89005%; clear: right; float: right; margin-right: 0; } } @media print { .ie9 .layout-tab .col-1, .ie9 .layout-tab .col-2 { float: none !important; margin: 0 !important; width: 100% !important; clear: both !important; } } /*Matters Accolades end*/ .layout-b { display: block; } @media (min-width: 770px) { .layout-b .col-1 { width: 65.01767%; float: right; margin-left: 0; margin-right: 0; clear: none; } .layout-b .col-2 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-b .col-1 { width: 65.01767%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .layout-b .col-2 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 1070px) { .layout-b .col-1 { width: 65.44503%; float: right; margin-left: 0; margin-right: 0; clear: none; } .layout-b .col-2 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-b .col-1 { width: 65.44503%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .layout-b .col-2 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media print { .layout-b .col-1 { width: 65.44503%; clear: right; float: right; margin-right: 0; } .layout-b .col-2 { width: 30.89005%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } } .layout-c { display: block; } @media (min-width: 320px) { .layout-c .col-1 { width: 72.0339%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c .col-2 { width: 16.10169%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c .col-1 { width: 72.0339%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c .col-2 { width: 16.10169%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 470px) { .layout-c .col-1 { width: 82.06522%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c .col-2 { width: 10.32609%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c .col-1 { width: 82.06522%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c .col-2 { width: 10.32609%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 620px) { .layout-c .col-1 { width: 84.79263%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c .col-2 { width: 8.75576%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c .col-1 { width: 84.79263%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c .col-2 { width: 8.75576%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .layout-c .col-1 { width: 88.33922%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c .col-2 { width: 6.71378%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c .col-1 { width: 88.33922%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c .col-2 { width: 6.71378%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-c .col-1 { width: 91.36126%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c .col-2 { width: 4.97382%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c .col-1 { width: 91.36126%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c .col-2 { width: 4.97382%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-c .col-1 { width: 100%; clear: right; float: right; margin-right: 0; } .layout-c .col-2 { display: none; } } @media (min-width: 770px) { .layout-c-sub-a .col-3 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c-sub-a .col-4 { width: 65.01767%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c-sub-a .col-3 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c-sub-a .col-4 { width: 65.01767%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-c-sub-a .col-3 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-c-sub-a .col-4 { width: 65.44503%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-c-sub-a .col-3 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-c-sub-a .col-4 { width: 65.44503%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-c-sub-a .col-3 { display: none; } .layout-c-sub-a .col-4 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .layout-d { display: block; } @media (min-width: 770px) { .layout-d .col-1 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-d .col-2 { width: 65.01767%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-d .col-1 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-d .col-2 { width: 65.01767%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-d .col-1 { width: 22.25131%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-d .col-2 { width: 74.08377%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-d .col-1 { width: 22.25131%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-d .col-2 { width: 74.08377%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-d .col-1 { width: 22.25131%; clear: right; float: left; } .layout-d .col-2 { width: 74.08377%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } } .layout-e { display: block; } @media (min-width: 1070px) { .layout-e .col-1 { width: 65.44503%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-e .col-1 { width: 65.44503%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media print { .layout-e .col-1 { width: 65.44503%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } } .layout-f { display: block; } .layout-f .row { position: relative; } @media (min-width: 770px) { .layout-f .col-1 { width: 65.01767%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-f .col-2 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-f .col-1 { width: 65.01767%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-f .col-2 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-f .col-1 { width: 74.08377%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-f .col-2 { width: 22.25131%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-f .col-1 { width: 74.08377%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-f .col-2 { width: 22.25131%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-f .col-1 { width: 74.08377%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } .layout-f .col-2 { width: 22.25131%; clear: right; float: right; margin-right: 0; } } .layout-two-up .col-2 [class^="box-"] { margin-bottom: 0; } @media (min-width: 770px) { .layout-two-up .col-1 [class^="box-"], .layout-two-up .col-2 [class^="box-"] { margin-bottom: 0; } } .no-mq .layout-two-up .col-1 [class^="box-"], .no-mq .layout-two-up .col-2 [class^="box-"] { margin-bottom: 0; } .layout-two-up { display: block; } .layout-two-up .col-1, .layout-two-up .col-2 { width: 100%; clear: both; margin-bottom: 28px; margin-bottom: 1.75rem; } @media (min-width: 470px) { .layout-two-up .col-1, .layout-two-up .col-2 { margin: 0; } .layout-two-up .row { margin: 0 0 28px; margin: 0 0 1.75rem; } .layout-two-up .row:last-child { margin-bottom: 0; } .layout-two-up .col-1 { width: 46.19565%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .layout-two-up .col-2 { width: 46.19565%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-two-up .col-1, .no-mq .layout-two-up .col-2 { margin: 0; } .no-mq .layout-two-up .row { margin: 0 0 28px; margin: 0 0 1.75rem; } .no-mq .layout-two-up .row:last-child { margin-bottom: 0; } .no-mq .layout-two-up .col-1 { width: 46.19565%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .layout-two-up .col-2 { width: 46.19565%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 620px) { .layout-two-up .col-1 { width: 46.77419%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-two-up .col-2 { width: 46.77419%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-two-up .col-1 { width: 46.77419%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-two-up .col-2 { width: 46.77419%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .layout-two-up .col-1 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-two-up .col-2 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-two-up .col-1 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-two-up .col-2 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-two-up .col-1 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .layout-two-up .col-2 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-two-up .col-1 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .layout-two-up .col-2 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-two-up .col-1 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .layout-two-up .col-2 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .layout-two-up-reverse { display: block; } .layout-two-up-reverse .col-1, .layout-two-up-reverse .col-2 { width: 100%; clear: both; } @media (min-width: 470px) { .layout-two-up-reverse .col-1 { width: 28.26087%; float: left; margin-right: -100%; margin-left: 35.86957%; clear: none; } .layout-two-up-reverse .col-2 { width: 28.26087%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-two-up-reverse .col-1 { width: 28.26087%; float: left; margin-right: -100%; margin-left: 35.86957%; clear: none; } .no-mq .layout-two-up-reverse .col-2 { width: 28.26087%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 770px) { .layout-two-up-reverse .col-1 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } .layout-two-up-reverse .col-2 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-two-up-reverse .col-1 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .layout-two-up-reverse .col-2 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 1070px) { .layout-two-up-reverse .col-1 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } .layout-two-up-reverse .col-2 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-two-up-reverse .col-1 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .layout-two-up-reverse .col-2 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media print { .layout-two-up-reverse .col-1 { width: 48.16754%; clear: right; float: right; margin-right: 0; } .layout-two-up-reverse .col-2 { width: 48.16754%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } } .layout-two-up-inset { display: block; } .layout-two-up-inset .col-1, .layout-two-up-inset .col-2 { width: 100%; clear: both; } @media (min-width: 920px) { .layout-two-up-inset .col-1 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-two-up-inset .col-2 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-two-up-inset .col-1 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-two-up-inset .col-2 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-two-up-inset .col-1 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-two-up-inset .col-2 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-two-up-inset .col-1 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-two-up-inset .col-2 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-two-up-inset .col-1 { width: 100%; clear: right; float: right; margin-right: 0; float: none !important; } .layout-two-up-inset .col-2 { width: 100%; clear: right; float: left; float: none !important; } } .layout-two-up-reverse-inset { display: block; } .layout-two-up-reverse-inset .col-1, .layout-two-up-reverse-inset .col-2 { width: 100%; clear: both; } @media (min-width: 920px) { .layout-two-up-reverse-inset .col-1 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } .layout-two-up-reverse-inset .col-2 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-two-up-reverse-inset .col-1 { width: 47.5265%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .layout-two-up-reverse-inset .col-2 { width: 47.5265%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 1070px) { .layout-two-up-reverse-inset .col-1 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } .layout-two-up-reverse-inset .col-2 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .no-mq .layout-two-up-reverse-inset .col-1 { width: 48.16754%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .layout-two-up-reverse-inset .col-2 { width: 48.16754%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media print { .layout-two-up-reverse-inset .col-1 { width: 48.16754%; clear: right; float: right; margin-right: 0; } .layout-two-up-reverse-inset .col-2 { width: 48.16754%; clear: right; float: left; margin-left: 0; margin-right: 3.66492%; } } .layout-has-no-margin .col-1, .layout-has-no-margin .col-2 { margin-top: 0; margin-bottom: 0; } .layout-three-up { display: block; } @media (min-width: 770px) { .layout-three-up .col-1 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-three-up .col-2 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 34.98233%; clear: none; } .layout-three-up .col-3 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-three-up .col-1 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-three-up .col-2 { width: 30.03534%; float: left; margin-right: -100%; margin-left: 34.98233%; clear: none; } .no-mq .layout-three-up .col-3 { width: 30.03534%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 1070px) { .layout-three-up .col-1 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-three-up .col-2 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 34.55497%; clear: none; } .layout-three-up .col-3 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .layout-three-up .col-1 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .layout-three-up .col-2 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 34.55497%; clear: none; } .no-mq .layout-three-up .col-3 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .layout-three-up .col-1 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .layout-three-up .col-2 { width: 30.89005%; float: left; margin-right: -100%; margin-left: 34.55497%; clear: none; } .layout-three-up .col-3 { width: 30.89005%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .layout-three-up section .h1:first-child, .layout-three-up section .h2:first-child, .layout-three-up section .headings-step-down-1 h1:first-child, .headings-step-down-1 .layout-three-up section h1:first-child, .layout-three-up section .h3:first-child, .layout-three-up section .headings-step-down-1 h2:first-child, .headings-step-down-1 .layout-three-up section h2:first-child, .layout-three-up section .h4:first-child, .layout-three-up section .headings-step-down-1 h3:first-child, .headings-step-down-1 .layout-three-up section h3:first-child, .layout-three-up section .h5:first-child, .layout-three-up section .headings-step-down-1 h5:first-child, .headings-step-down-1 .layout-three-up section h5:first-child, .layout-three-up section .h6:first-child, .layout-three-up section .headings-step-down-1 h6:first-child, .headings-step-down-1 .layout-three-up section h6:first-child { margin-top: 0; } .tree, .stacked, .stacked-tree { padding-left: 14px; padding-left: 0.875rem; padding-bottom: 28px; padding-bottom: 1.75rem; position: relative; border-left: 6px solid #68be28; } .tree .h-flag, .stacked .h-flag, .stacked-tree .h-flag { left: -14px; left: -0.875rem; position: relative; max-width: 75%; } .tree, .stacked, .stacked-tree { padding-bottom: 0; clear: both; } .tree .tree-block, .tree .stacked-block, .stacked .tree-block, .stacked .stacked-block, .stacked-tree .tree-block, .stacked-tree .stacked-block { margin: 28px 0; margin: 1.75rem 0; padding-left: 14px; padding-left: 0.875rem; } .tree .tree-block:last-child, .tree .tree-block:last-child [class*="box"], .tree .stacked-block:last-child, .tree .stacked-block:last-child [class*="box"], .stacked .tree-block:last-child, .stacked .tree-block:last-child [class*="box"], .stacked .stacked-block:last-child, .stacked .stacked-block:last-child [class*="box"], .stacked-tree .tree-block:last-child, .stacked-tree .tree-block:last-child [class*="box"], .stacked-tree .stacked-block:last-child, .stacked-tree .stacked-block:last-child [class*="box"] { margin-bottom: 0; } .tree + .tree, .tree + .stacked, .tree + .stacked-tree, .stacked + .tree, .stacked + .stacked, .stacked + .stacked-tree, .stacked-tree + .tree, .stacked-tree + .stacked, .stacked-tree + .stacked-tree { padding-top: 28px; padding-top: 1.75rem; } .tree + .i-box-e, .stacked + .i-box-e, .stacked-tree + .i-box-e { margin-top: 28px; margin-top: 1.75rem; } .tree:last-child, .stacked:last-child, .stacked-tree:last-child { margin-bottom: 28px; margin-bottom: 1.75rem; } @media (min-width: 770px) { .tree:last-child, .stacked:last-child, .stacked-tree:last-child { margin-bottom: 0; } } .no-mq .tree:last-child, .no-mq .stacked:last-child, .no-mq .stacked-tree:last-child { margin-bottom: 0; } @media print { .tree, .stacked, .stacked-tree { padding-top: 0; } .tree + .tree, .tree + .stacked, .tree + .stacked-tree, .stacked + .tree, .stacked + .stacked, .stacked + .stacked-tree, .stacked-tree + .tree, .stacked-tree + .stacked, .stacked-tree + .stacked-tree { margin-top: 28px; margin-top: 1.75rem; padding-top: 0 !important; } } .stacked + .stacked, .stacked + .stacked-tree, .stacked-tree + .stacked, .stacked-tree + .stacked-tree { padding-top: 28px; padding-top: 1.75rem; } @media (min-width: 1070px) { .stacked .h-flag, .stacked-tree .h-flag { left: -7px; left: -0.4375rem; padding-left: 21px; padding-left: 1.3125rem; position: absolute; top: 0; max-width: 50%; } .stacked .stacked-header + .stacked-block, .stacked-tree .stacked-header + .stacked-block { margin-top: 0; } .stacked .stacked-block, .stacked-tree .stacked-block { padding: 0 14px; padding: 0 0.875rem; margin-top: -100px; margin-top: -6.25rem; position: relative; width: 50%; } .stacked .stacked-block:nth-child(even), .stacked-tree .stacked-block:nth-child(even) { left: 50%; } .stacked .stacked-block > [class*="box"], .stacked-tree .stacked-block > [class*="box"] { min-height: 214px; min-height: 13.375rem; } .stacked + .stacked .h-flag, .stacked + .stacked-tree .h-flag, .stacked-tree + .stacked .h-flag, .stacked-tree + .stacked-tree .h-flag { top: 28px; top: 1.75rem; } } @media print and (min-width: 1070px) { .stacked .h-flag, .stacked-tree .h-flag { position: static; padding-left: 14px; padding-left: 0.875rem; } } @media print and (min-width: 1070px) { .stacked .stacked-block:nth-child(even), .stacked-tree .stacked-block:nth-child(even) { left: 0; } } @media print and (min-width: 1070px) { .stacked .stacked-block > [class*="box"], .stacked-tree .stacked-block > [class*="box"] { min-height: 0; } } @media print and (min-width: 1070px) { .stacked .stacked-block, .stacked-tree .stacked-block { width: 100%; margin-top: 0; } } @media print and (min-width: 1070px) { .stacked + .stacked .h-flag, .stacked + .stacked-tree .h-flag, .stacked-tree + .stacked .h-flag, .stacked-tree + .stacked-tree .h-flag { position: static; } } .tree, .stacked-tree { overflow: hidden; padding-bottom: 1px; } .tree .tree-block, .tree .stacked-block, .stacked-tree .tree-block, .stacked-tree .stacked-block { padding-left: 14px; padding-left: 0.875rem; position: relative; } .tree .tree-block:after, .tree .stacked-block:after, .stacked-tree .tree-block:after, .stacked-tree .stacked-block:after { width: 1000px; width: 62.5rem; margin-left: -986px; margin-left: -61.625rem; position: absolute; top: 50%; left: 0; display: block; height: 1px; background: #c8c8c8; content: ""; zoom: 1; } @media (min-width: 770px) { .tree .tree-block, .tree .stacked-block, .stacked-tree .tree-block, .stacked-tree .stacked-block { padding-left: 58px; padding-left: 3.625rem; } .tree .tree-block:after, .tree .stacked-block:after, .stacked-tree .tree-block:after, .stacked-tree .stacked-block:after { margin-left: -942px; margin-left: -58.875rem; } } .no-mq .tree .tree-block, .no-mq .tree .stacked-block, .no-mq .stacked-tree .tree-block, .no-mq .stacked-tree .stacked-block { padding-left: 58px; padding-left: 3.625rem; } .no-mq .tree .tree-block:after, .no-mq .tree .stacked-block:after, .no-mq .stacked-tree .tree-block:after, .no-mq .stacked-tree .stacked-block:after { margin-left: -942px; margin-left: -58.875rem; } @media print { .tree .tree-block, .tree .stacked-block, .stacked-tree .tree-block, .stacked-tree .stacked-block { padding-left: 14px; padding-left: 0.875rem; } .tree .tree-block:after, .tree .stacked-block:after, .stacked-tree .tree-block:after, .stacked-tree .stacked-block:after { display: none; } } .tree .tree-block > [class*="box"], .tree .stacked-block > [class*="box"], .stacked-tree .tree-block > [class*="box"], .stacked-tree .stacked-block > [class*="box"] { margin-right: 1px; } @media (min-width: 1070px) { .stacked-tree .stacked-block { padding: 0 14px; padding: 0 0.875rem; position: relative; } .stacked-tree .stacked-block:after { margin-left: -986px; margin-left: -61.625rem; } } .no-mq .stacked-tree .stacked-block { padding: 0 14px; padding: 0 0.875rem; position: relative; } .no-mq .stacked-tree .stacked-block:after { margin-left: -986px; margin-left: -61.625rem; } .tree + .tree-view-more .tree, .tree + .tree-view-more .stacked-tree, .tree + .tree-view-more .tree, .tree + .tree-view-more .stacked-tree, .stacked-tree + .tree-view-more .tree, .stacked-tree + .tree-view-more .stacked-tree, .stacked-tree + .tree-view-more .tree, .stacked-tree + .tree-view-more .stacked-tree { padding-top: 28px; padding-top: 1.75rem; } @media (min-width: 770px) { .stacked-tree + .tree-view-more .h-flag { top: 28px; top: 1.75rem; } } .no-mq .stacked-tree + .tree-view-more .h-flag { top: 28px; top: 1.75rem; } .tree-view-more { display: none; } .tree-view-more-toggle { padding-left: 8px; padding-left: 0.5rem; margin-bottom: 0; } @media (min-width: 770px) { .tree-view-more-toggle { padding-left: 56px; padding-left: 3.5rem; } } .no-mq .tree-view-more-toggle { padding-left: 56px; padding-left: 3.5rem; } .tree-wrap { clear: both; } .tree-wrap > .tree-view-more-toggle { margin-bottom: 56px; margin-bottom: 3.5rem; padding-left: 0; } .more-tree-view { margin: 14px 0; margin: 0.875rem 0; } .more-tree-view header p { margin-bottom: 28px; margin-bottom: 1.75rem; } .more-tree-view header h2 { margin-bottom: 7px; margin-bottom: 0.4375rem; } @media (min-width: 620px) { .more-tree-view { margin-top: 0; } } .no-mq .more-tree-view { margin-top: 0; } @media (min-width: 770px) { .right-rail-element { width: 30.89005%; position: absolute; right: 0; } } .no-mq .right-rail-element { width: 30.89005%; position: absolute; right: 0; } .block-row { max-width: 1280px; max-width: 80rem; margin-left: auto; margin-right: auto; } .block-row [class^="box-"] { margin: 0; border: none; } /*Matters Accolades*/ @media (min-width: 620px) { .block-layout-tab .block-col-1-plain { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-tab .block-col-2-plain { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .block-layout-tab .block-col-1-plain { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .block-layout-tab .block-col-2-plain { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .block-layout-tab .block-col-1-plain { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-tab .block-col-2-plain { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .block-layout-tab { border: none; overflow: hidden; } @media (min-width: 620px) { .block-layout-tab .block-col-1-plain { position: relative; } } .no-mq .block-layout-tab .block-col-1-plain { position: relative; } /*Matters Accolades ends*/ @media (min-width: 620px) { .block-layout-a .block-col-1 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-a .block-col-2 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .block-layout-a .block-col-1 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .block-layout-a .block-col-2 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .block-layout-a .block-col-1 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-a .block-col-2 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .block-layout-a { border: 1px solid #c8c8c8; overflow: hidden; } @media (min-width: 620px) { .block-layout-a .block-col-1 { position: relative; } .block-layout-a .block-col-1:after { content: ""; position: absolute; display: block; background: #c8c8c8; width: 1px; right: 0; top: 0; bottom: 0; } } .no-mq .block-layout-a .block-col-1 { position: relative; } .no-mq .block-layout-a .block-col-1:after { content: ""; position: absolute; display: block; background: #c8c8c8; width: 1px; right: 0; top: 0; bottom: 0; } @media (min-width: 470px) { .block-layout-b .block-col-1 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .block-layout-b .block-col-2 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .block-layout-b .block-col-3 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .block-layout-b .block-col-1 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .no-mq .block-layout-b .block-col-2 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .block-layout-b .block-col-3 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .block-layout-b .block-col-1 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-b .block-col-2 { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; } .block-layout-b .block-col-3 { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .block-layout-b .block-col-1 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .block-layout-b .block-col-2 { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; } .no-mq .block-layout-b .block-col-3 { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .block-layout-b .block-col-1 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-b .block-col-2 { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; } .block-layout-b .block-col-3 { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .block-layout-b { border: 1px solid #c8c8c8; border-top: none; overflow: hidden; } .block-layout-b .block-col-2 { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } @media (min-width: 320px) { .block-layout-b .block-col-2 { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } } .no-mq .block-layout-b .block-col-2 { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } @media (min-width: 470px) { .block-layout-b .block-col-2 { border-bottom: none; } .block-layout-b .block-col-2, .block-layout-b .block-col-3 { border-top: 1px solid #c8c8c8; } .block-layout-b .block-col-2 { border-right: 1px solid #c8c8c8; position: relative; z-index: 5; } } .no-mq .block-layout-b .block-col-2 { border-bottom: none; } .no-mq .block-layout-b .block-col-2, .no-mq .block-layout-b .block-col-3 { border-top: 1px solid #c8c8c8; } .no-mq .block-layout-b .block-col-2 { border-right: 1px solid #c8c8c8; position: relative; z-index: 5; } @media (min-width: 770px) { .block-layout-b .block-col-1, .block-layout-b .block-col-2, .block-layout-b .block-col-3 { border: none; } .block-layout-b .block-col-1, .block-layout-b .block-col-2 { position: relative; } .block-layout-b .block-col-1:after, .block-layout-b .block-col-2:after { content: ""; position: absolute; display: block; background: #c8c8c8; width: 1px; right: 0; top: 0; bottom: 0; } } .no-mq .block-layout-b .block-col-1, .no-mq .block-layout-b .block-col-2, .no-mq .block-layout-b .block-col-3 { border: none; } .no-mq .block-layout-b .block-col-1, .no-mq .block-layout-b .block-col-2 { position: relative; } .no-mq .block-layout-b .block-col-1:after, .no-mq .block-layout-b .block-col-2:after { content: ""; position: absolute; display: block; background: #c8c8c8; width: 1px; right: 0; top: 0; bottom: 0; } @media (min-width: 470px) { .block-layout-c .block-col-1, .block-layout-c .block-col-3 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .block-layout-c .block-col-2, .block-layout-c .block-col-4 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .block-layout-c .block-col-1, .no-mq .block-layout-c .block-col-3 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .no-mq .block-layout-c .block-col-2, .no-mq .block-layout-c .block-col-4 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .block-layout-c .block-col-1 { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-c .block-col-2 { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; } .block-layout-c .block-col-3 { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; } .block-layout-c .block-col-4 { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .block-layout-c .block-col-1 { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .block-layout-c .block-col-2 { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; } .no-mq .block-layout-c .block-col-3 { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; } .no-mq .block-layout-c .block-col-4 { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .block-layout-c .block-col-1 { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .block-layout-c .block-col-2 { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; } .block-layout-c .block-col-3 { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; } .block-layout-c .block-col-4 { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .block-layout-c { border: 1px solid #c8c8c8; border-top: none; margin-bottom: 0; } @media (min-width: 470px) { .block-layout-c .block-col-1, .block-layout-c .block-col-3 { border-right: 1px solid #c8c8c8; position: relative; z-index: 20; } } .no-mq .block-layout-c .block-col-1, .no-mq .block-layout-c .block-col-3 { border-right: 1px solid #c8c8c8; position: relative; z-index: 20; } .block-layout-c { overflow: hidden; } .block-layout-c .box-b, .block-layout-c .box-b-light { background-color: transparent; } @media (min-width: 770px) { .block-layout-c .block-col-1, .block-layout-c .block-col-3 { border: none; } .block-layout-c .block-col-1, .block-layout-c .block-col-2, .block-layout-c .block-col-3 { position: relative; z-index: 1; } .block-layout-c .block-col-1:before, .block-layout-c .block-col-2:before, .block-layout-c .block-col-3:before { content: ""; position: absolute; display: block; background: #c8c8c8; width: 1px; right: 0; top: 0; bottom: 0; z-index: 20; } } .no-mq .block-layout-c .block-col-1, .no-mq .block-layout-c .block-col-3 { border: none; } .no-mq .block-layout-c .block-col-1, .no-mq .block-layout-c .block-col-2, .no-mq .block-layout-c .block-col-3 { position: relative; z-index: 1; } .no-mq .block-layout-c .block-col-1:before, .no-mq .block-layout-c .block-col-2:before, .no-mq .block-layout-c .block-col-3:before { content: ""; position: absolute; display: block; background: #c8c8c8; width: 1px; right: 0; top: 0; bottom: 0; z-index: 20; } .block-layout-d { border: 1px solid #c8c8c8; border-bottom: none; } .card-display { padding-bottom: 28px; padding-bottom: 1.75rem; } .card-shelf:after { content: ""; display: table; clear: both; } /*baseball-card*/ .card-shelf .baseball-card { border-color: #c8c8c8 !important; width: 100%; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .card-shelf .baseball-card:first-child { border-top: none; } .card-shelf .baseball-card:first-child + .baseball-card { border-top: none; } .card-shelf .baseball-card:nth-child(even) { border-right: none; } /*baseball-card-3col*/ .card-shelf .baseball-card-3col { border-color: #c8c8c8 !important; width: 100%; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .card-shelf .baseball-card-3col:first-child { border-top: none; } .card-shelf .baseball-card-3col:first-child + .baseball-card-3col { border-top: none; } .card-shelf .baseball-card-3col:nth-child(even) { border-right: none; } /*baseball-card*/ @media (min-width: 470px) { .card-shelf .baseball-card { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .card-shelf .baseball-card:nth-child(even), .card-shelf .more-cards { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .card-shelf .baseball-card { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .card-shelf .baseball-card:nth-child(even), .no-mq .card-shelf .more-cards { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .card-shelf { border: none !important; } } /*baseball-card-3col, orig 470px*/ @media (min-width: 1px) { .card-shelf .baseball-card-3col { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .card-shelf .baseball-card-3col:nth-child(even), .card-shelf .more-cards { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .card-shelf .baseball-card-3col { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .card-shelf .baseball-card-3col:nth-child(even), .no-mq .card-shelf .more-cards { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .card-shelf { border: none !important; } } /*baseball-card-3col, orig 620px*/ @media (min-width: 1px) { .card-shelf .baseball-card-3col { border: none;} /*.card-shelf .baseball-card-3col a { border-top: 1px solid #c8c8c8; }*/ .card-shelf .baseball-card-3col:first-child a, .card-shelf .baseball-card-3col:first-child + .baseball-card-3col a, .card-shelf .baseball-card-3col:first-child + .baseball-card-3col + .baseball-card-3col a { border-top: none; } .card-shelf .baseball-card-3col:nth-child(6n+1) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } /*eh*/ .card-shelf .baseball-card-3col:nth-child(6n+2) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; z-index: 10; } .card-shelf .baseball-card-3col:nth-child(6n+3) { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .card-shelf .baseball-card-3col:nth-child(6n+4) { width: 100.00000%; float: left; margin-right: 100%; margin-left: 0%; clear: left; } .card-shelf .baseball-card-3col:nth-child(6n+5) { width: 100.00000%; float: left; margin-right: 100%; margin-left: 0%; clear: left; } .card-shelf .baseball-card-3col:nth-child(6n+6) { width: 100.00000%; float: left; margin-right: 100%; margin-left: 0%; clear: left; } .card-shelf .more-cards { width: 33.33333%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } } /*baseball-card, orig*/ @media (min-width: 620px) { .card-shelf .baseball-card { border: none; } .card-shelf .baseball-card a { border-top: 1px solid #c8c8c8; } .card-shelf .baseball-card:first-child a, .card-shelf .baseball-card:first-child + .baseball-card a, .card-shelf .baseball-card:first-child + .baseball-card + .baseball-card a { border-top: none; } .card-shelf .baseball-card:nth-child(3n+1) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .card-shelf .baseball-card:nth-child(3n+2) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; z-index: 10; } .card-shelf .baseball-card:nth-child(3n+3) { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .card-shelf .more-cards { width: 33.33333%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } } .no-mq .card-shelf .baseball-card-3col { border: none; } .no-mq .card-shelf .baseball-card-3col a { border-top: 1px solid #c8c8c8; } .no-mq .card-shelf .baseball-card-3col:first-child a, .no-mq .card-shelf .baseball-card-3col:first-child + .baseball-card-3col a, .no-mq .card-shelf .baseball-card-3col:first-child + .baseball-card-3col + .baseball-card-3col a { border-top: none; } .no-mq .card-shelf .baseball-card-3col:nth-child(3n+1) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .no-mq .card-shelf .baseball-card-3col:nth-child(3n+2) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; z-index: 10; } .no-mq .card-shelf .baseball-card-3col:nth-child(3n+3) { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .card-shelf .more-cards { width: 33.33333%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } /*eh @media (min-width: 1070px) { .card-shelf .baseball-card { border: none; position: relative; outline: 1px solid #c8c8c8; } .card-shelf .baseball-card.card-is-hovered { outline: none; } .card-shelf .baseball-card a { border: none; } .card-shelf .baseball-card:nth-child(4n+1) { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: left; border: none; z-index: 6; } .card-shelf .baseball-card:nth-child(4n+2) { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border: none; z-index: 5; } .card-shelf .baseball-card:nth-child(4n+3) { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border: none; z-index: 4; } .card-shelf .baseball-card:nth-child(4n+4) { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border: none; z-index: 3; } .card-shelf .more-cards { width: 25%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } } .no-mq .card-shelf .baseball-card { border: none; position: relative; outline: 1px solid #c8c8c8; } .no-mq .card-shelf .baseball-card.card-is-hovered { outline: none; } .no-mq .card-shelf .baseball-card a { border: none; } .no-mq .card-shelf .baseball-card:nth-child(4n+1) { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: left; border: none; z-index: 6; } .no-mq .card-shelf .baseball-card:nth-child(4n+2) { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border: none; z-index: 5; } .no-mq .card-shelf .baseball-card:nth-child(4n+3) { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border: none; z-index: 4; } .no-mq .card-shelf .baseball-card:nth-child(4n+4) { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border: none; z-index: 3; } .no-mq .card-shelf .more-cards { width: 25%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } */ @media print { .card-shelf .baseball-card, .card-shelf .baseball-card:nth-child(3n+1) .baseball-card:nth-child(3n+2), .card-shelf .baseball-card:nth-child(3n+3), .card-shelf .baseball-card:nth-child(4n+1), .card-shelf .baseball-card:nth-child(4n+2), .card-shelf .baseball-card:nth-child(4n+3), .card-shelf .baseball-card:nth-child(4n+4) { margin-top: 18px !important; margin-top: 1.125rem !important; position: relative !important; float: none !important; margin-right: 0 !important; margin-left: 0 !important; padding: 18px 0 0 !important; width: 100% !important; border-bottom: none !important; border-right: none !important; border-top: 1px solid #c8c8c8 !important; border-left: none !important; } .card-shelf .baseball-card a, .card-shelf .baseball-card:nth-child(3n+1) .baseball-card:nth-child(3n+2) a, .card-shelf .baseball-card:nth-child(3n+3) a, .card-shelf .baseball-card:nth-child(4n+1) a, .card-shelf .baseball-card:nth-child(4n+2) a, .card-shelf .baseball-card:nth-child(4n+3) a, .card-shelf .baseball-card:nth-child(4n+4) a { border: none !important; } .card-shelf .baseball-card .card-front, .card-shelf .baseball-card .card-back, .card-shelf .baseball-card:nth-child(3n+1) .baseball-card:nth-child(3n+2) .card-front, .card-shelf .baseball-card:nth-child(3n+1) .baseball-card:nth-child(3n+2) .card-back, .card-shelf .baseball-card:nth-child(3n+3) .card-front, .card-shelf .baseball-card:nth-child(3n+3) .card-back, .card-shelf .baseball-card:nth-child(4n+1) .card-front, .card-shelf .baseball-card:nth-child(4n+1) .card-back, .card-shelf .baseball-card:nth-child(4n+2) .card-front, .card-shelf .baseball-card:nth-child(4n+2) .card-back, .card-shelf .baseball-card:nth-child(4n+3) .card-front, .card-shelf .baseball-card:nth-child(4n+3) .card-back, .card-shelf .baseball-card:nth-child(4n+4) .card-front, .card-shelf .baseball-card:nth-child(4n+4) .card-back { padding: 0 !important; } .card-shelf .baseball-card:first-child { margin-top: 0 !important; } .card-shelf .more-cards { display: none; } } .lt-ie9.no-mq .card-shelf .baseball-card { width: 400%; clear: right; float: left; margin-left: 0; margin-right: 0%; width: 25%; } /*baseball-card-4col begins*/ .card-shelf .baseball-card-4col { border-color: #c8c8c8 !important; width: 100%; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .card-shelf .baseball-card-4col:first-child { border-top: none; } .card-shelf .baseball-card-4col:first-child + .baseball-card-4col { border-top: none; } .card-shelf .baseball-card-4col:nth-child(even) { border-right: none; } @media (min-width: 470px) { .card-shelf .baseball-card-4col { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .card-shelf .baseball-card-4col:nth-child(even), .card-shelf .more-cards { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .card-shelf .baseball-card-4col { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .card-shelf .baseball-card-4col:nth-child(even), .no-mq .card-shelf .more-cards { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .card-shelf { border: none !important; } } @media (min-width: 620px) { .card-shelf .baseball-card-4col { border: none; } .card-shelf .baseball-card-4col a { border-top: 1px solid #c8c8c8; } .card-shelf .baseball-card-4col:first-child a, .card-shelf .baseball-card-4col:first-child + .baseball-card-4col a, .card-shelf .baseball-card-4col:first-child + .baseball-card-4col + .baseball-card-4col a { border-top: none; } .card-shelf .baseball-card-4col:nth-child(3n+1) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .card-shelf .baseball-card-4col:nth-child(3n+2) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; z-index: 10; } .card-shelf .baseball-card-4col:nth-child(3n+3) { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .card-shelf .more-cards { width: 33.33333%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } } .no-mq .card-shelf .baseball-card-4col { border: none; } .no-mq .card-shelf .baseball-card-4col a { border-top: 1px solid #c8c8c8; } .no-mq .card-shelf .baseball-card-4col:first-child a, .no-mq .card-shelf .baseball-card-4col:first-child + .baseball-card-4col a, .no-mq .card-shelf .baseball-card-4col:first-child + .baseball-card-4col + .baseball-card-4col a { border-top: none; } .no-mq .card-shelf .baseball-card-4col:nth-child(3n+1) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .no-mq .card-shelf .baseball-card-4col:nth-child(3n+2) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; z-index: 10; } .no-mq .card-shelf .baseball-card-4col:nth-child(3n+3) { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .card-shelf .more-cards { width: 33.33333%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } @media (min-width: 1070px) { .card-shelf .baseball-card-4col { border: none; position: relative; outline: 1px solid #c8c8c8; } .card-shelf .baseball-card-4col.card-is-hovered { outline: none; } .card-shelf .baseball-card-4col a { border: none; } .card-shelf .baseball-card-4col:nth-child(4n+1) { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: left; border: none; z-index: 6; } .card-shelf .baseball-card-4col:nth-child(4n+2) { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border: none; z-index: 5; } .card-shelf .baseball-card-4col:nth-child(4n+3) { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border: none; z-index: 4; } .card-shelf .baseball-card-4col:nth-child(4n+4) { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border: none; z-index: 3; } .card-shelf .more-cards { width: 25%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } } .no-mq .card-shelf .baseball-card-4col { border: none; position: relative; outline: 1px solid #c8c8c8; } .no-mq .card-shelf .baseball-card-4col.card-is-hovered { outline: none; } .no-mq .card-shelf .baseball-card-4col a { border: none; } .no-mq .card-shelf .baseball-card-4col:nth-child(4n+1) { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: left; border: none; z-index: 6; } .no-mq .card-shelf .baseball-card-4col:nth-child(4n+2) { width: 25%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border: none; z-index: 5; } .no-mq .card-shelf .baseball-card-4col:nth-child(4n+3) { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border: none; z-index: 4; } .no-mq .card-shelf .baseball-card-4col:nth-child(4n+4) { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border: none; z-index: 3; } .no-mq .card-shelf .more-cards { width: 25%; clear: right; float: left; margin-left: 0; margin-right: 0%; float: right; } @media print { .card-shelf .baseball-card-4col, .card-shelf .baseball-card-4col:nth-child(3n+1) .baseball-card-4col:nth-child(3n+2), .card-shelf .baseball-card-4col:nth-child(3n+3), .card-shelf .baseball-card-4col:nth-child(4n+1), .card-shelf .baseball-card-4col:nth-child(4n+2), .card-shelf .baseball-card-4col:nth-child(4n+3), .card-shelf .baseball-card-4col:nth-child(4n+4) { margin-top: 18px !important; margin-top: 1.125rem !important; position: relative !important; float: none !important; margin-right: 0 !important; margin-left: 0 !important; padding: 18px 0 0 !important; width: 100% !important; border-bottom: none !important; border-right: none !important; border-top: 1px solid #c8c8c8 !important; border-left: none !important; } .card-shelf .baseball-card-4col a, .card-shelf .baseball-card-4col:nth-child(3n+1) .baseball-card-4col:nth-child(3n+2) a, .card-shelf .baseball-card-4col:nth-child(3n+3) a, .card-shelf .baseball-card-4col:nth-child(4n+1) a, .card-shelf .baseball-card-4col:nth-child(4n+2) a, .card-shelf .baseball-card-4col:nth-child(4n+3) a, .card-shelf .baseball-card-4col:nth-child(4n+4) a { border: none !important; } .card-shelf .baseball-card-4col .card-front, .card-shelf .baseball-card-4col .card-back, .card-shelf .baseball-card-4col:nth-child(3n+1) .baseball-card-4col:nth-child(3n+2) .card-front, .card-shelf .baseball-card-4col:nth-child(3n+1) .baseball-card-4col:nth-child(3n+2) .card-back, .card-shelf .baseball-card-4col:nth-child(3n+3) .card-front, .card-shelf .baseball-card-4col:nth-child(3n+3) .card-back, .card-shelf .baseball-card-4col:nth-child(4n+1) .card-front, .card-shelf .baseball-card-4col:nth-child(4n+1) .card-back, .card-shelf .baseball-card-4col:nth-child(4n+2) .card-front, .card-shelf .baseball-card-4col:nth-child(4n+2) .card-back, .card-shelf .baseball-card-4col:nth-child(4n+3) .card-front, .card-shelf .baseball-card-4col:nth-child(4n+3) .card-back, .card-shelf .baseball-card-4col:nth-child(4n+4) .card-front, .card-shelf .baseball-card-4col:nth-child(4n+4) .card-back { padding: 0 !important; } .card-shelf .baseball-card-4col:first-child { margin-top: 0 !important; } .card-shelf .more-cards { display: none; } } .lt-ie9.no-mq .card-shelf .baseball-card-4col { width: 400%; clear: right; float: left; margin-left: 0; margin-right: 0%; width: 25%; } /*baseball-card-4col ends*/ .no-cards-results { padding: 56px 28px; padding: 3.5rem 1.75rem; clear: both; } .no-cards-results p { margin: 0; text-align: center; } @media (min-width: 620px) { .no-cards-results { padding: 112px 56px; padding: 7rem 3.5rem; } } .no-mq .no-cards-results { padding: 112px 56px; padding: 7rem 3.5rem; } .home-layout, .home-block-panel { max-width: 1280px; max-width: 80rem; border: 1px solid #c8c8c8; border-top: none; overflow: hidden; background: white; } [class^="hl-block-"] { height: auto; overflow: hidden; } @media (min-width: 470px) { [class^="hl-block-"] { position: relative; height: 0; } } .no-mq [class^="hl-block-"] { position: relative; height: 0; } [class^="hl-block-"] > .in { position: relative; } @media (min-width: 470px) { [class^="hl-block-"] > .in { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } } .no-mq [class^="hl-block-"] > .in { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .hl-block-1-1 { padding-bottom: 0; } @media (min-width: 320px) { .hl-block-1-1 { padding-bottom: 0; } } .no-mq .hl-block-1-1 { padding-bottom: 0; } @media (min-width: 470px) { .hl-block-1-1 { padding-bottom: 100%; } } .no-mq .hl-block-1-1 { padding-bottom: 100%; } @media (min-width: 620px) { .hl-block-1-1 { padding-bottom: 60%; } } .no-mq .hl-block-1-1 { padding-bottom: 60%; } @media (min-width: 770px) { .hl-block-1-1 { padding-bottom: 100%; } } .no-mq .hl-block-1-1 { padding-bottom: 100%; } .hl-block-2-1 { padding-bottom: 0; } @media (min-width: 320px) { .hl-block-2-1 { padding-bottom: 0; } } .no-mq .hl-block-2-1 { padding-bottom: 0; } @media (min-width: 470px) { .hl-block-2-1 { padding-bottom: 100%; } } .no-mq .hl-block-2-1 { padding-bottom: 100%; } @media (min-width: 620px) { .hl-block-2-1 { padding-bottom: 60%; } } .no-mq .hl-block-2-1 { padding-bottom: 60%; } @media (min-width: 770px) { .hl-block-2-1 { padding-bottom: 200%; } } .no-mq .hl-block-2-1 { padding-bottom: 200%; } .hl-block-1-2 { padding-bottom: 0; } @media (min-width: 320px) { .hl-block-1-2 { padding-bottom: 0; } } .no-mq .hl-block-1-2 { padding-bottom: 0; } @media (min-width: 470px) { .hl-block-1-2 { padding-bottom: 100%; } } .no-mq .hl-block-1-2 { padding-bottom: 100%; } @media (min-width: 620px) { .hl-block-1-2 { padding-bottom: 60%; } } .no-mq .hl-block-1-2 { padding-bottom: 60%; } @media (min-width: 770px) { .hl-block-1-2 { padding-bottom: 50%; } } .no-mq .hl-block-1-2 { padding-bottom: 50%; } .hl-layout-a .block-a, .hl-layout-a .block-b-a, .hl-layout-a .block-b-b, .hl-layout-a .block-b-c, .hl-layout-a .block-b-d, .hl-layout-a .block-b-e { border-top: 1px solid #c8c8c8; } .hl-layout-a .block-a { border-top: none; } @media (min-width: 470px) { .hl-layout-a .block-a, .hl-layout-a .block-b-a, .hl-layout-a .block-b-b, .hl-layout-a .block-b-c, .hl-layout-a .block-b-d, .hl-layout-a .block-b-e { border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-a .block-a:first-child, .hl-layout-a .block-b-a:first-child, .hl-layout-a .block-b-b:first-child, .hl-layout-a .block-b-c:first-child, .hl-layout-a .block-b-d:first-child, .hl-layout-a .block-b-e:first-child { border-top: none; } .hl-layout-a .block-a, .hl-layout-a .block-b-b, .hl-layout-a .block-b-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .hl-layout-a .block-b-a, .hl-layout-a .block-b-c, .hl-layout-a .block-b-e { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .hl-layout-a .block-a, .no-mq .hl-layout-a .block-b-a, .no-mq .hl-layout-a .block-b-b, .no-mq .hl-layout-a .block-b-c, .no-mq .hl-layout-a .block-b-d, .no-mq .hl-layout-a .block-b-e { border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-a .block-a:first-child, .no-mq .hl-layout-a .block-b-a:first-child, .no-mq .hl-layout-a .block-b-b:first-child, .no-mq .hl-layout-a .block-b-c:first-child, .no-mq .hl-layout-a .block-b-d:first-child, .no-mq .hl-layout-a .block-b-e:first-child { border-top: none; } .no-mq .hl-layout-a .block-a, .no-mq .hl-layout-a .block-b-b, .no-mq .hl-layout-a .block-b-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .hl-layout-a .block-b-a, .no-mq .hl-layout-a .block-b-c, .no-mq .hl-layout-a .block-b-e { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .hl-layout-a .block-a, .hl-layout-a .block-b-a, .hl-layout-a .block-b-b, .hl-layout-a .block-b-c, .hl-layout-a .block-b-d, .hl-layout-a .block-b-e { border: none; } .hl-layout-a .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-a .block-b { width: 75%; float: right; margin-left: 0; margin-right: 0; clear: none; border-right: none; } .hl-layout-a .block-b-a { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-a .block-b-b { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-a .block-b-c { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-a .block-b-d { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-a .block-b-e { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } } .no-mq .hl-layout-a .block-a, .no-mq .hl-layout-a .block-b-a, .no-mq .hl-layout-a .block-b-b, .no-mq .hl-layout-a .block-b-c, .no-mq .hl-layout-a .block-b-d, .no-mq .hl-layout-a .block-b-e { border: none; } .no-mq .hl-layout-a .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-a .block-b { width: 75%; float: right; margin-left: 0; margin-right: 0; clear: none; border-right: none; } .no-mq .hl-layout-a .block-b-a { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-a .block-b-b { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .hl-layout-a .block-b-c { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-a .block-b-d { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-a .block-b-e { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } @media print { .hl-layout-a .block-a, .hl-layout-a .block-b-a, .hl-layout-a .block-b-b, .hl-layout-a .block-b-c, .hl-layout-a .block-b-d, .hl-layout-a .block-b-e { border: none; } .hl-layout-a .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-a .block-b { width: 75%; float: right; margin-left: 0; margin-right: 0; clear: none; border-right: none; } .hl-layout-a .block-b-a { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-a .block-b-b { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-a .block-b-c { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-a .block-b-d { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-a .block-b-e { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } } .hl-layout-b .block-a, .hl-layout-b .block-a-a, .hl-layout-b .block-a-b, .hl-layout-b .block-a-c, .hl-layout-b .block-a-d, .hl-layout-b .block-b { border-top: 1px solid #c8c8c8; } .hl-layout-b .block-a, .hl-layout-b .block-a-a { border-top: none; } @media (min-width: 470px) { .hl-layout-b .block-a-a, .hl-layout-b .block-a-b, .hl-layout-b .block-a-c, .hl-layout-b .block-a-d, .hl-layout-b .block-b { border: none; } .hl-layout-b .block-a-c, .hl-layout-b .block-a-d, .hl-layout-b .block-b { border-top: 1px solid #c8c8c8; } .hl-layout-b .block-a-d { border-bottom: 1px solid #c8c8c8; } .hl-layout-b .block-a-a, .hl-layout-b .block-a-c, .hl-layout-b .block-b { border-right: 1px solid #c8c8c8; width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .hl-layout-b .block-a-b, .hl-layout-b .block-a-d { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .hl-layout-b .block-a-a, .no-mq .hl-layout-b .block-a-b, .no-mq .hl-layout-b .block-a-c, .no-mq .hl-layout-b .block-a-d, .no-mq .hl-layout-b .block-b { border: none; } .no-mq .hl-layout-b .block-a-c, .no-mq .hl-layout-b .block-a-d, .no-mq .hl-layout-b .block-b { border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-b .block-a-d { border-bottom: 1px solid #c8c8c8; } .no-mq .hl-layout-b .block-a-a, .no-mq .hl-layout-b .block-a-c, .no-mq .hl-layout-b .block-b { border-right: 1px solid #c8c8c8; width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .hl-layout-b .block-a-b, .no-mq .hl-layout-b .block-a-d { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .hl-layout-b .block-a, .hl-layout-b .block-a-a, .hl-layout-b .block-a-b, .hl-layout-b .block-a-c, .hl-layout-b .block-a-d, .hl-layout-b .block-b { border: none; } .hl-layout-b .block-a { width: 75%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-b .block-b { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border-right: none; } .hl-layout-b .block-a-a { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-b .block-a-b { width: 66.66667%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-b .block-a-c { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-b .block-a-d { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } } .no-mq .hl-layout-b .block-a, .no-mq .hl-layout-b .block-a-a, .no-mq .hl-layout-b .block-a-b, .no-mq .hl-layout-b .block-a-c, .no-mq .hl-layout-b .block-a-d, .no-mq .hl-layout-b .block-b { border: none; } .no-mq .hl-layout-b .block-a { width: 75%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-b .block-b { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border-right: none; } .no-mq .hl-layout-b .block-a-a { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-b .block-a-b { width: 66.66667%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .hl-layout-b .block-a-c { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-b .block-a-d { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } @media print { .hl-layout-b .block-a, .hl-layout-b .block-a-a, .hl-layout-b .block-a-b, .hl-layout-b .block-a-c, .hl-layout-b .block-a-d, .hl-layout-b .block-b { border: none; } .hl-layout-b .block-a { width: 75%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-b .block-b { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border-right: none; } .hl-layout-b .block-a-a { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-b .block-a-b { width: 66.66667%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-b .block-a-c { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-b .block-a-d { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } } .hl-layout-c .block-a, .hl-layout-c .block-b, .hl-layout-c .block-c, .hl-layout-c .block-d, .hl-layout-c .block-e, .hl-layout-c .block-f { border-top: 1px solid #c8c8c8; } .hl-layout-c .block-a { border-top: none; } @media (min-width: 470px) { .hl-layout-c .block-a, .hl-layout-c .block-b, .hl-layout-c .block-c, .hl-layout-c .block-d, .hl-layout-c .block-e, .hl-layout-c .block-f { border: none; border-top: 1px solid #c8c8c8; } .hl-layout-c .block-a, .hl-layout-c .block-b { border-top: none; } .hl-layout-c .block-a, .hl-layout-c .block-c, .hl-layout-c .block-e { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-b, .hl-layout-c .block-d, .hl-layout-c .block-f { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .hl-layout-c .block-a, .no-mq .hl-layout-c .block-b, .no-mq .hl-layout-c .block-c, .no-mq .hl-layout-c .block-d, .no-mq .hl-layout-c .block-e, .no-mq .hl-layout-c .block-f { border: none; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-c .block-a, .no-mq .hl-layout-c .block-b { border-top: none; } .no-mq .hl-layout-c .block-a, .no-mq .hl-layout-c .block-c, .no-mq .hl-layout-c .block-e { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-c .block-b, .no-mq .hl-layout-c .block-d, .no-mq .hl-layout-c .block-f { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .hl-layout-c .block-a, .hl-layout-c .block-b, .hl-layout-c .block-c, .hl-layout-c .block-d, .hl-layout-c .block-e, .hl-layout-c .block-f { border: none; } .hl-layout-c .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-b { width: 50%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-c { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-c .block-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-e { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-f { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } } .no-mq .hl-layout-c .block-a, .no-mq .hl-layout-c .block-b, .no-mq .hl-layout-c .block-c, .no-mq .hl-layout-c .block-d, .no-mq .hl-layout-c .block-e, .no-mq .hl-layout-c .block-f { border: none; } .no-mq .hl-layout-c .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-c .block-b { width: 50%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-c .block-c { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .hl-layout-c .block-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-c .block-e { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-c .block-f { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } @media print { .hl-layout-c .block-a, .hl-layout-c .block-b, .hl-layout-c .block-c, .hl-layout-c .block-d, .hl-layout-c .block-e, .hl-layout-c .block-f { border: none; } .hl-layout-c .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-b { width: 50%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-c { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-c .block-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-e { width: 25%; float: left; margin-right: -100%; margin-left: 50%; clear: none; border-top: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .hl-layout-c .block-f { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } } .hl-layout-d .block-a, .hl-layout-d .block-b-a, .hl-layout-d .block-b-b, .hl-layout-d .block-b-c, .hl-layout-d .block-b-d, .hl-layout-d .block-c { border-top: 1px solid #c8c8c8; } .hl-layout-d .block-a { border-top: none; } @media (min-width: 470px) { .hl-layout-d .block-a, .hl-layout-d .block-b-a, .hl-layout-d .block-b-b, .hl-layout-d .block-b-c, .hl-layout-d .block-b-d, .hl-layout-d .block-c { border: none; border-top: 1px solid #c8c8c8; } .hl-layout-d .block-a, .hl-layout-d .block-b-a { border-top: none; } .hl-layout-d .block-a, .hl-layout-d .block-b-b, .hl-layout-d .block-b-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; } .hl-layout-d .block-b-a, .hl-layout-d .block-b-c, .hl-layout-d .block-c { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .hl-layout-d .block-a, .no-mq .hl-layout-d .block-b-a, .no-mq .hl-layout-d .block-b-b, .no-mq .hl-layout-d .block-b-c, .no-mq .hl-layout-d .block-b-d, .no-mq .hl-layout-d .block-c { border: none; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-d .block-a, .no-mq .hl-layout-d .block-b-a { border-top: none; } .no-mq .hl-layout-d .block-a, .no-mq .hl-layout-d .block-b-b, .no-mq .hl-layout-d .block-b-d { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-d .block-b-a, .no-mq .hl-layout-d .block-b-c, .no-mq .hl-layout-d .block-c { border-right: none; width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .hl-layout-d .block-a, .hl-layout-d .block-b-a, .hl-layout-d .block-b-b, .hl-layout-d .block-b-c, .hl-layout-d .block-b-d, .hl-layout-d .block-c { border: none; } .hl-layout-d .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .hl-layout-d .block-b { width: 50%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .hl-layout-d .block-b-a { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .hl-layout-d .block-b-b { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } .hl-layout-d .block-b-c { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .hl-layout-d .block-b-d { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } .hl-layout-d .block-c { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .hl-layout-d .block-a, .no-mq .hl-layout-d .block-b-a, .no-mq .hl-layout-d .block-b-b, .no-mq .hl-layout-d .block-b-c, .no-mq .hl-layout-d .block-b-d, .no-mq .hl-layout-d .block-c { border: none; } .no-mq .hl-layout-d .block-a { width: 25%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .no-mq .hl-layout-d .block-b { width: 50%; float: left; margin-right: -100%; margin-left: 25%; clear: none; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-d .block-b-a { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: none; border-right: 1px solid #c8c8c8; } .no-mq .hl-layout-d .block-b-b { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } .no-mq .hl-layout-d .block-b-c { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-d .block-b-d { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; border-top: 1px solid #c8c8c8; } .no-mq .hl-layout-d .block-c { width: 25%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 620px) { .num-layout .block-1, .num-layout .block-3, .num-layout .block-5, .num-layout .block-7 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .num-layout .block-2, .num-layout .block-4, .num-layout .block-6, .num-layout .block-8 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .num-layout .block-1, .no-mq .num-layout .block-3, .no-mq .num-layout .block-5, .no-mq .num-layout .block-7 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .num-layout .block-2, .no-mq .num-layout .block-4, .no-mq .num-layout .block-6, .no-mq .num-layout .block-8 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 770px) { .num-layout .block-1, .num-layout .block-3, .num-layout .block-5, .num-layout .block-7 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .num-layout .block-2, .num-layout .block-4, .num-layout .block-6, .num-layout .block-8 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .no-mq .num-layout .block-1, .no-mq .num-layout .block-3, .no-mq .num-layout .block-5, .no-mq .num-layout .block-7 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .no-mq .num-layout .block-2, .no-mq .num-layout .block-4, .no-mq .num-layout .block-6, .no-mq .num-layout .block-8 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media print { .num-layout .block-1, .num-layout .block-3, .num-layout .block-5, .num-layout .block-7 { width: 50%; float: left; margin-right: -100%; margin-left: 0%; clear: both; } .num-layout .block-2, .num-layout .block-4, .num-layout .block-6, .num-layout .block-8 { width: 50%; float: right; margin-left: 0; margin-right: 0; clear: none; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 87.5%; } @media (min-width: 920px) { html { font-size: 100%; } } .no-mq html { font-size: 100%; } @media print { html { font-size: 100%; } } main { display: block; } html.lt-ie9 { font-size: 87.5%; } html { font-family: Arial, sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.75; } h2, .h2, .headings-step-down-1 h1, h3, .h3, .headings-step-down-1 h2, h4, .h4, .headings-step-down-1 h3, h5, .h5, .headings-step-down-1 h5, h6, .h6, .headings-step-down-1 h6, .h-standard, .headings-step-down-1 .h-standard, .intro, .intro p, .intro .p, .link-list li > a, .link-list .link-list-head { font-family: "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; } .h0, h1, .h1, .h1-small, .headings-step-down-1 .h1-small, .h-alt, .headings-step-down-1 .h-alt, [class^="home-box-"] .h1, .num-grid .h1 { font-family: "Vitesse A", "Vitesse B", "Arial Black", sans-serif; } [class^="ss-"]:before, [class*=" ss-"]:before { margin-right: .5em; vertical-align: middle; font-size: .85em; line-height: 1; } [class^="ss-"]:after, [class*=" ss-"]:after { margin-left: .5em; vertical-align: middle; font-size: .75em; } hr { margin: 28px 0; margin: 1.75rem 0; display: block; height: 1px; border: none; background: gray; background: lightgray; } pre { margin: 28px 0; margin: 1.75rem 0; } .h0 { font-size: 100px; font-size: 6.25rem; margin: 0; line-height: 1; color: #141414; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 920px) { .h0 { font-size: 100px; font-size: 6.25rem; margin: 0; } } .no-mq .h0 { font-size: 100px; font-size: 6.25rem; margin: 0; } h1, .h1 { font-size: 36px; font-size: 2.25rem; margin: 0 0 14px; margin: 0 0 0.875rem; max-width: 1080px; max-width: 67.5rem; line-height: 1; color: #141414; font-weight: bold; } @media (min-width: 620px) { h1, .h1 { font-size: 52px; font-size: 3.25rem; margin: 0 0 21px; margin: 0 0 1.3125rem; } } .no-mq h1, .no-mq .h1 { font-size: 52px; font-size: 3.25rem; margin: 0 0 21px; margin: 0 0 1.3125rem; } @media (min-width: 920px) { h1, .h1 { font-size: 54px; font-size: 3.375rem; margin: 0 0 28px; margin: 0 0 1.75rem; } } .no-mq h1, .no-mq .h1 { font-size: 54px; font-size: 3.375rem; margin: 0 0 28px; margin: 0 0 1.75rem; } @media print { h1, .h1 { font-size: 28px; font-size: 1.75rem; } } .h1-small, .headings-step-down-1 .h1-small { font-size: 42px; font-size: 2.625rem; margin: 0 0 21px; margin: 0 0 1.3125rem; font-weight: bold; } @media (min-width: 920px) { .h1-small, .headings-step-down-1 .h1-small { font-size: 49px; font-size: 3.0625rem; margin: 0 0 28px; margin: 0 0 1.75rem; } } .no-mq .h1-small { font-size: 49px; font-size: 3.0625rem; margin: 0 0 28px; margin: 0 0 1.75rem; } @media print { .h1-small, .headings-step-down-1 .h1-small { font-size: 28px; font-size: 1.75rem; } } h2, .h2, .headings-step-down-1 h1 { font-size: 30px; font-size: 1.875rem; margin: 63px 0 21px; margin: 3.9375rem 0 1.3125rem; color: #141414; font-weight: normal; line-height: 1.2; } @media (min-width: 1220px) { h2, .h2, .headings-step-down-1 h1 { font-size: 30px; font-size: 1.875rem; margin: 63px 0 21px; margin: 3.9375rem 0 1.3125rem; } } .no-mq h2, .no-mq .h2, .no-mq .headings-step-down-1 h1, .headings-step-down-1 .no-mq h1 { font-size: 30px; font-size: 1.875rem; margin: 63px 0 21px; margin: 3.9375rem 0 1.3125rem; } @media print { h2, .h2, .headings-step-down-1 h1 { font-size: 22px; font-size: 1.375rem; } } h3, .h3, .headings-step-down-1 h2 { font-size: 22px; font-size: 1.375rem; margin: 52.5px 0 17.5px; margin: 3.28125rem 0 1.09375rem; line-height: 1.5; color: #141414; font-weight: normal; } @media (min-width: 1220px) { h3, .h3, .headings-step-down-1 h2 { font-size: 22px; font-size: 1.375rem; margin: 52.5px 0 17.5px; margin: 3.28125rem 0 1.09375rem; } } .no-mq h3, .no-mq .h3, .no-mq .headings-step-down-1 h2, .headings-step-down-1 .no-mq h2 { font-size: 22px; font-size: 1.375rem; margin: 52.5px 0 17.5px; margin: 3.28125rem 0 1.09375rem; } .col-1 h3, .col-1 .h3, .col-1 .headings-step-down-1 h2, .headings-step-down-1 .col-1 h2 { clear: both; } @media print { h3, .h3, .headings-step-down-1 h2 { font-size: 18px; font-size: 1.125rem; } } h4, .h4, .headings-step-down-1 h3 { font-size: 19px; font-size: 1.1875rem; margin: 42px 0 14px; margin: 2.625rem 0 0.875rem; font-weight: normal; line-height: 1.47368; color: #141414; } @media (min-width: 1220px) { h4, .h4, .headings-step-down-1 h3 { font-size: 19px; font-size: 1.1875rem; margin: 42px 0 14px; margin: 2.625rem 0 0.875rem; } } .no-mq h4, .no-mq .h4, .no-mq .headings-step-down-1 h3, .headings-step-down-1 .no-mq h3 { font-size: 19px; font-size: 1.1875rem; margin: 42px 0 14px; margin: 2.625rem 0 0.875rem; } @media print { h4, .h4, .headings-step-down-1 h3 { font-size: 14px; font-size: 0.875rem; } } h5, .h5, .headings-step-down-1 h5 { font-size: 16px; font-size: 1rem; margin: 42px 0 10.5px; margin: 2.625rem 0 0.65625rem; color: #141414; font-weight: normal; line-height: 1.3125; } @media (min-width: 1220px) { h5, .h5, .headings-step-down-1 h5 { font-size: 17px; font-size: 1.0625rem; margin: 42px 0 10.5px; margin: 2.625rem 0 0.65625rem; } } .no-mq h5, .no-mq .h5, .no-mq .headings-step-down-1 h5, .headings-step-down-1 .no-mq h5 { font-size: 17px; font-size: 1.0625rem; margin: 42px 0 10.5px; margin: 2.625rem 0 0.65625rem; } @media print { h5, .h5, .headings-step-down-1 h5 { font-size: 12px; font-size: 0.75rem; } } h6, .h6, .headings-step-down-1 h6 { font-size: 13px; font-size: 0.8125rem; margin: 42px 0 10.5px; margin: 2.625rem 0 0.65625rem; text-transform: uppercase; letter-spacing: .2em; font-weight: normal; line-height: 1.5; color: #141414; } @media (min-width: 1220px) { h6, .h6, .headings-step-down-1 h6 { font-size: 13px; font-size: 0.8125rem; margin: 42px 0 10.5px; margin: 2.625rem 0 0.65625rem; } } .no-mq h6, .no-mq .h6, .no-mq .headings-step-down-1 h6, .headings-step-down-1 .no-mq h6 { font-size: 13px; font-size: 0.8125rem; margin: 42px 0 10.5px; margin: 2.625rem 0 0.65625rem; } @media print { h6, .h6, .headings-step-down-1 h6 { font-size: 12px; font-size: 0.75rem; } } .h-alt, .headings-step-down-1 .h-alt { font-weight: bold; } .h-standard, .headings-step-down-1 .h-standard { font-weight: normal; } .h-flag, .headings-step-down-1 .h-flag { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 8px 20px 8px 14px; padding: 0.5rem 1.25rem 0.5rem 0.875rem; background: #68be28; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #68be28), color-stop(100%, #00ac5a)); background-image: -webkit-linear-gradient(left top, #68be28, #00ac5a); background-image: -moz-linear-gradient(left top, #68be28, #00ac5a); background-image: -o-linear-gradient(left top, #68be28, #00ac5a); background-image: linear-gradient(left top, #68be28, #00ac5a); margin: 0 !important; color: white; vertical-align: top; } @media print { .h-flag, .headings-step-down-1 .h-flag { padding-left: 14px; padding-left: 0.875rem; padding-bottom: 0; padding-top: 0; background: transparent; color: black; } } .ie-9 .h-flag, .lt-ie9 .h-flag { max-height: 70px; max-height: 4.375rem; overflow: hidden; } .topzero { margin-top: 0 !important; } .topzero > *:first-child { margin-top: 0 !important; } h1 + p, h1 + ul, h1 + ol, .h1 + p, .h1 + ul, .h1 + ol, h2 + p, h2 + ul, h2 + ol, .h2 + p, .headings-step-down-1 h1 + p, .h2 + ul, .headings-step-down-1 h1 + ul, .h2 + ol, .headings-step-down-1 h1 + ol, h3 + p, h3 + ul, h3 + ol, .h3 + p, .headings-step-down-1 h2 + p, .h3 + ul, .headings-step-down-1 h2 + ul, .h3 + ol, .headings-step-down-1 h2 + ol, h4 + p, h4 + ul, h4 + ol, .h4 + p, .headings-step-down-1 h3 + p, .h4 + ul, .headings-step-down-1 h3 + ul, .h4 + ol, .headings-step-down-1 h3 + ol, h5 + p, h5 + ul, h5 + ol, .h5 + p, .headings-step-down-1 h5 + p, .h5 + ul, .headings-step-down-1 h5 + ul, .h5 + ol, .headings-step-down-1 h5 + ol, h6 + p, h6 + ul, h6 + ol, .h6 + p, .headings-step-down-1 h6 + p, .h6 + ul, .headings-step-down-1 h6 + ul, .h6 + ol, .headings-step-down-1 h6 + ol { margin-top: 0; } h1 a, .h1 a, h2 a, .h2 a, .headings-step-down-1 h1 a, h3 a, .h3 a, .headings-step-down-1 h2 a { text-decoration: none; color: #00ac5a; } h1 a:visited, .h1 a:visited, h2 a:visited, .h2 a:visited, .headings-step-down-1 h1 a:visited, h3 a:visited, .h3 a:visited, .headings-step-down-1 h2 a:visited { color: #00ac5a; } .h-flag + *, .headings-step-down-1 .h-flag + * { margin-top: 28px; margin-top: 1.75rem; } [class^="box-"] h1, [class^="box-"] .h1, [class^="box-"] h1:first-child, [class^="box-"] .h1:first-child { margin: 21px 0 0; margin: 1.3125rem 0 0; } [class^="box-"] h3, [class^="box-"] .h3, [class^="box-"] .headings-step-down-1 h2, .headings-step-down-1 [class^="box-"] h2, [class^="box-"] h3:first-child, [class^="box-"] .h3:first-child, [class^="box-"] .headings-step-down-1 h2:first-child, .headings-step-down-1 [class^="box-"] h2:first-child { margin: 11px 0 11px; margin: 0.6875rem 0 0.6875rem; line-height: 1.12; } [class^="box-"] h4, [class^="box-"] .h4, [class^="box-"] .headings-step-down-1 h3, .headings-step-down-1 [class^="box-"] h3, [class^="box-"] h4:first-child, [class^="box-"] .h4:first-child, [class^="box-"] .headings-step-down-1 h3:first-child, .headings-step-down-1 [class^="box-"] h3:first-child { margin: 11px 0 0; margin: 0.6875rem 0 0; color: #141414; } header:first-child + section > header > h1, header:first-child + section > header > .h1, header:first-child + section > header > h2, header:first-child + section > header > .h2, .headings-step-down-1 header:first-child + section > header > h1, header:first-child + section > header > h3, header:first-child + section > header > .h3, .headings-step-down-1 header:first-child + section > header > h2, header:first-child + section > header > h4, header:first-child + section > header > .h4, .headings-step-down-1 header:first-child + section > header > h3, header:first-child + section > header > h5, header:first-child + section > header > .h5, .headings-step-down-1 header:first-child + section > header > h5, header:first-child + section > header > h6, header:first-child + section > header > .h6, .headings-step-down-1 header:first-child + section > header > h6, header:first-child + section > header p, header:first-child + section > header .p, header:first-child + section > header .pullquote, header:first-child + section > header .quote-pullquote, header:first-child + section > header .large-pullquote, header:first-child + section > header .large-quote-pullquote, header:first-child + aside > header > h1, header:first-child + aside > header > .h1, header:first-child + aside > header > h2, header:first-child + aside > header > .h2, .headings-step-down-1 header:first-child + aside > header > h1, header:first-child + aside > header > h3, header:first-child + aside > header > .h3, .headings-step-down-1 header:first-child + aside > header > h2, header:first-child + aside > header > h4, header:first-child + aside > header > .h4, .headings-step-down-1 header:first-child + aside > header > h3, header:first-child + aside > header > h5, header:first-child + aside > header > .h5, .headings-step-down-1 header:first-child + aside > header > h5, header:first-child + aside > header > h6, header:first-child + aside > header > .h6, .headings-step-down-1 header:first-child + aside > header > h6, header:first-child + aside > header p, header:first-child + aside > header .p, header:first-child + aside > header .pullquote, header:first-child + aside > header .quote-pullquote, header:first-child + aside > header .large-pullquote, header:first-child + aside > header .large-quote-pullquote, header:first-child + article > header > h1, header:first-child + article > header > .h1, header:first-child + article > header > h2, header:first-child + article > header > .h2, .headings-step-down-1 header:first-child + article > header > h1, header:first-child + article > header > h3, header:first-child + article > header > .h3, .headings-step-down-1 header:first-child + article > header > h2, header:first-child + article > header > h4, header:first-child + article > header > .h4, .headings-step-down-1 header:first-child + article > header > h3, header:first-child + article > header > h5, header:first-child + article > header > .h5, .headings-step-down-1 header:first-child + article > header > h5, header:first-child + article > header > h6, header:first-child + article > header > .h6, .headings-step-down-1 header:first-child + article > header > h6, header:first-child + article > header p, header:first-child + article > header .p, header:first-child + article > header .pullquote, header:first-child + article > header .quote-pullquote, header:first-child + article > header .large-pullquote, header:first-child + article > header .large-quote-pullquote, section:first-child > header > h1, section:first-child > header > .h1, section:first-child > header > h2, section:first-child > header > .h2, .headings-step-down-1 section:first-child > header > h1, section:first-child > header > h3, section:first-child > header > .h3, .headings-step-down-1 section:first-child > header > h2, section:first-child > header > h4, section:first-child > header > .h4, .headings-step-down-1 section:first-child > header > h3, section:first-child > header > h5, section:first-child > header > .h5, .headings-step-down-1 section:first-child > header > h5, section:first-child > header > h6, section:first-child > header > .h6, .headings-step-down-1 section:first-child > header > h6, section:first-child > header p, section:first-child > header .p, section:first-child > header .pullquote, section:first-child > header .quote-pullquote, section:first-child > header .large-pullquote, section:first-child > header .large-quote-pullquote, aside:first-child > header > h1, aside:first-child > header > .h1, aside:first-child > header > h2, aside:first-child > header > .h2, .headings-step-down-1 aside:first-child > header > h1, aside:first-child > header > h3, aside:first-child > header > .h3, .headings-step-down-1 aside:first-child > header > h2, aside:first-child > header > h4, aside:first-child > header > .h4, .headings-step-down-1 aside:first-child > header > h3, aside:first-child > header > h5, aside:first-child > header > .h5, .headings-step-down-1 aside:first-child > header > h5, aside:first-child > header > h6, aside:first-child > header > .h6, .headings-step-down-1 aside:first-child > header > h6, aside:first-child > header p, aside:first-child > header .p, aside:first-child > header .pullquote, aside:first-child > header .quote-pullquote, aside:first-child > header .large-pullquote, aside:first-child > header .large-quote-pullquote, article:first-child > header > h1, article:first-child > header > .h1, article:first-child > header > h2, article:first-child > header > .h2, .headings-step-down-1 article:first-child > header > h1, article:first-child > header > h3, article:first-child > header > .h3, .headings-step-down-1 article:first-child > header > h2, article:first-child > header > h4, article:first-child > header > .h4, .headings-step-down-1 article:first-child > header > h3, article:first-child > header > h5, article:first-child > header > .h5, .headings-step-down-1 article:first-child > header > h5, article:first-child > header > h6, article:first-child > header > .h6, .headings-step-down-1 article:first-child > header > h6, article:first-child > header p, article:first-child > header .p, article:first-child > header .pullquote, article:first-child > header .quote-pullquote, article:first-child > header .large-pullquote, article:first-child > header .large-quote-pullquote { margin-top: 0; } p, .p { font-size: 16px; font-size: 1rem; margin: 28px 0; margin: 1.75rem 0; line-height: 1.75; font-weight: normal; } @media (min-width: 470px) { p, .p { font-size: 16px; font-size: 1rem; margin: 28px 0; margin: 1.75rem 0; line-height: 1.75; font-weight: normal; } } .no-mq p, .no-mq .p { font-size: 16px; font-size: 1rem; margin: 28px 0; margin: 1.75rem 0; line-height: 1.75; font-weight: normal; } @media print { p, .p { font-size: 12px; font-size: 0.75rem; margin: 18px 0; margin: 1.125rem 0; line-height: 1.5; } p a, .p a { font-size: 12px; font-size: 0.75rem; margin: 18px 0; margin: 1.125rem 0; line-height: 1.5; } } .intro, .intro p, .intro .p { font-size: 18px; font-size: 1.125rem; line-height: 1.55556; } .intro a, .intro p a, .intro .p a { color: #00ac5a; text-decoration: none; } .intro a:visited, .intro p a:visited, .intro .p a:visited { color: #00ac5a; } .intro a:focus, .intro a:hover, .intro p a:focus, .intro p a:hover, .intro .p a:focus, .intro .p a:hover { color: #68be28; } .intro:first-child, .intro p:first-child, .intro .p:first-child { margin-top: 0; } .intro:last-child, .intro p:last-child, .intro .p:last-child { margin-bottom: 0; } @media (min-width: 620px) { .intro, .intro p, .intro .p { font-size: 22px; font-size: 1.375rem; line-height: 1.5; } } .no-mq .intro, .no-mq .intro p, .no-mq .intro .p { font-size: 22px; font-size: 1.375rem; line-height: 1.5; } @media print { .intro, .intro p, .intro .p { font-size: 16px; font-size: 1rem; line-height: 1.3125; } } .intro-small > p:first-child, .intro-small > .p:first-child { margin-top: 0; } .intro-small > p:last-child, .intro-small > .p:last-child { margin-bottom: 0; } .article-date, p.article-date { color: #5e5e5e; } @media (min-width: 770px) { .article-date, p.article-date { margin-top: 42px; margin-top: 2.625rem; } } .no-mq .article-date, .no-mq p.article-date { margin-top: 42px; margin-top: 2.625rem; } @media print { .article-date, p.article-date { margin-top: 0; } } .small, .small p, .small .p { font-size: 13px; font-size: 0.8125rem; margin: 20px 0; margin: 1.25rem 0; line-height: 1.53846; } @media print { .small, .small p, .small .p { font-size: 11px; font-size: 0.6875rem; line-height: 1.27273; } } .light, .light p, .light .p { color: #5e5e5e; } [class^="box-"] .p, [class^="box-"] p { margin: 10.5px 0; margin: 0.65625rem 0; color: #5e5e5e; line-height: 1.3125; } [class^="box-"] .p:last-child, [class^="box-"] p:last-child { margin-bottom: 21px; margin-bottom: 1.3125rem; } @media print { [class^="box-"] .p, [class^="box-"] p { line-height: 1.5; } [class^="box-"] .p:last-child, [class^="box-"] p:last-child { margin-bottom: 18px; margin-bottom: 1.125rem; } } .collapsible .p, .collapsible p { color: #141414; } .collapsible .p:last-child, .collapsible p:last-child { margin-bottom: 0; } sup { font-weight: bold; margin-left: 2px; margin-left: 0.125rem; } img { display: block; max-width: 100%; } .img-wrap { position: relative; overflow: hidden; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; background: #fff; } .img-wrap:before { position: absolute; top: 47%; display: block; width: 100%; color: #c8c8c8; content: "Loading…"; text-align: center; font-size: 14px; } .img-wrap img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 0; left: 0; z-index: 2; } .ratio-1-1 { padding-bottom: 100%; } .ratio-2-1 { padding-bottom: 50%; } .ratio-4-3 { padding-bottom: 75%; } .js .img-wrap img { opacity: 0; } .js .loaded { background: #fff; } .js .loaded:before { display: none; } .js .loaded img { opacity: 1; } .img-block .h1, .img-block .h2, .img-block .headings-step-down-1 h1, .headings-step-down-1 .img-block h1, .img-block .h3, .img-block .headings-step-down-1 h2, .headings-step-down-1 .img-block h2, .img-block .h4, .img-block .headings-step-down-1 h3, .headings-step-down-1 .img-block h3, .img-block .h5, .img-block .headings-step-down-1 h5, .headings-step-down-1 .img-block h5, .img-block .h6, .img-block .headings-step-down-1 h6, .headings-step-down-1 .img-block h6 { margin: 0; } .img-block p { font-size: 15px; font-size: 0.9375rem; line-height: 1.4; } @media print { .img-block { page-break-inside: avoid; } } .img-wrap-caption .h4:first-child, .img-wrap-caption .headings-step-down-1 h3:first-child, .headings-step-down-1 .img-wrap-caption h3:first-child { margin: 0; } .img-wrap-caption .h4 + p, .img-wrap-caption .headings-step-down-1 h3 + p, .headings-step-down-1 .img-wrap-caption h3 + p { margin-top: 0; } .img-wrap-caption p { font-size: 15px; font-size: 0.9375rem; line-height: 1.4; } .img-wrap-caption p:last-child { margin-bottom: 0; } @media print { .img-wrap-caption p { font-size: 12px; font-size: 0.75rem; line-height: 1.5; } } .attribution { font-size: 13px; font-size: 0.8125rem; position: absolute; right: 0; bottom: 0; z-index: 2; padding: .75em 1em; background: black; background: rgba(0, 0, 0, 0.75); color: white; } @media print { .attribution { font-size: 8px; font-size: 0.5rem; padding: 4px 8px; padding: 0.25rem 0.5rem; color: rgba(0, 0, 0, 0.5) !important; background-color: white !important; line-height: 1; } } .bio-top .bio-img + * { margin-top: 0; } .bio-top + .quote-pullquote, .bio-top + .quote-pullquote-large { margin-top: 56px; margin-top: 3.5rem; } .bio-img { width: 90px; width: 5.625rem; margin: 0 28px 28px 0; margin: 0 1.75rem 1.75rem 0; float: left; } .bio-img + .intro { margin-top: 0; } @media (min-width: 470px) { .bio-img { width: 120px; width: 7.5rem; } } .no-mq .bio-img { width: 120px; width: 7.5rem; } @media (min-width: 620px) { .bio-img { width: 185px; width: 11.5625rem; margin: 0 42px 28px 0; margin: 0 2.625rem 1.75rem 0; } } .no-mq .bio-img { width: 185px; width: 11.5625rem; margin: 0 42px 28px 0; margin: 0 2.625rem 1.75rem 0; } @media (min-width: 1070px) { .bio-img { width: 255px; width: 15.9375rem; } } .no-mq .bio-img { width: 255px; width: 15.9375rem; } p img { margin: 28px 0; margin: 1.75rem 0; line-height: 1.75; } a { -webkit-transition: color 0.2s ease, background-color 0.2s ease; -moz-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; color: #00ac5a; text-decoration: none; } a:visited { color: #68be28; } a:hover, a:focus { color: #68be28; text-decoration: underline; } a:hover .a, a:focus .a { text-decoration: underline; } .block-link, a.block-link, a.block-link, .intro .block-link, .intro a.block-link { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: #68be28; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #68be28), color-stop(100%, #00ac5a)); background-image: -webkit-linear-gradient(left top, #68be28, #00ac5a); background-image: -moz-linear-gradient(left top, #68be28, #00ac5a); background-image: -o-linear-gradient(left top, #68be28, #00ac5a); background-image: linear-gradient(left top, #68be28, #00ac5a); padding: 0 .35em; color: white; } .block-link:visited, a.block-link:visited, .intro .block-link:visited, .intro a.block-link:visited { color: white; } a.block-link:hover, a.block-link:focus { background: #00ac5a; text-decoration: none; } ul { font-size: 16px; font-size: 1rem; margin-bottom: 28px; margin-bottom: 1.75rem; padding-left: 1em; list-style-type: none; line-height: 1.75; } ul > li { position: relative; zoom: 1; } ul > li:before { margin-top: -3px; margin-top: -0.1875rem; position: absolute; top: .85em; right: 100%; display: block; margin-right: .6em; width: 5px; height: 5px; background: #00ac5a; content: ""; } ul > li[class^="ss-"]:before, ul [class*=" ss-"]:before, ul [class^="ss-"].ss-standard:before, ul [class*=" ss-"].ss-standard:before { width: auto; height: auto; background-color: transparent; color: #00ac5a; vertical-align: baseline; } @media print { ul { font-size: 12px; font-size: 0.75rem; padding-left: 1.5em; line-height: 1.5; } ul > li { list-style: square; } ul > li:before { display: none; } } .icon-list, .link-list-small { padding-left: 1.5em; } ol { font-size: 16px; font-size: 1rem; padding-left: 1.4em; list-style-type: none; counter-reset: li; line-height: 1.75; } ol > li { position: relative; } ol > li:before { position: absolute; top: 0; right: 100%; padding-right: .5em; content: counter(li) "."; counter-increment: li; font-weight: bold; } @media print { ol { font-size: 12px; font-size: 0.75rem; padding-left: 1.5em; line-height: 1.5; } } [class^="box-"] ul, [class^="box-"] ol, [class^="box-"] ul:first-child, [class^="box-"] ol:first-child { margin: 10.5px 0; margin: 0.65625rem 0; } ol.footnotes { margin: 28px 0; margin: 1.75rem 0; font-size: 13px; font-size: 0.8125rem; line-height: 1.53846; color: #5e5e5e; } ol.footnotes > li { padding-left: 7px; padding-left: 0.4375rem; margin-bottom: 10px; margin-bottom: 0.625rem; } ol.footnotes > li:before { font-weight: normal; } @media print { ol.footnotes { font-size: 12px; font-size: 0.75rem; padding-left: 1.5em; line-height: 1.5; } } .link-list { font-size: 19px; font-size: 1.1875rem; padding-left: 0; list-style-type: none; line-height: 1.47368; } .link-list li { margin: 14px 0; margin: 0.875rem 0; position: relative; padding-left: 1em; } .link-list li:before { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 11px; font-size: 0.6875rem; position: absolute; top: 1.1em; left: 0; background-color: transparent; color: #00ac5a; content: '▻'; font-family: "SSStandard"; } .link-list p { margin: 14px 0; margin: 0.875rem 0; } .link-list li > a, .link-list .link-list-head { display: block; } .link-list li > a + span, .link-list .link-list-head + span { font-size: 17px; font-size: 1.0625rem; display: block; color: #5e5e5e; line-height: 1.58824; } .link-list .link-list-head + p, .link-list li > a + p { margin-top: 0; } .link-list span a { display: inline; font-family: Arial, sans-serif; } @media print { .link-list { font-size: 12px; font-size: 0.75rem; line-height: 1.5; } .link-list li { list-style: none; padding-left: 1.5em; } .link-list li:before { font-size: 9px; font-size: 0.5625rem; top: .7em; } .link-list li > a + span, .link-list .link-list-head + span { font-size: 12px; font-size: 0.75rem; line-height: 1.5; } } .link-list-small li:before { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 11px; font-size: 0.6875rem; position: absolute; top: .85em; left: -1.7em; background-color: transparent; color: #00ac5a; content: '▻'; font-family: "SSStandard"; } @media print { .link-list-small li { list-style: none; } } header + .link-list-small { margin-top: 0; } .article-list > article, .article-list > div { margin: 0 0 14px; margin: 0 0 0.875rem; padding: 0 14px 0 18px; padding: 0 0.875rem 0 1.125rem; position: relative; } .article-list > article:before, .article-list > div:before { position: absolute; top: 0.4em; left: 0; display: inline; background-color: transparent; color: #00ac5a; content: '▻'; font-size: .8em; font-family: "SSStandard"; } .article-list > article .h4, .article-list > article .headings-step-down-1 h3, .headings-step-down-1 .article-list > article h3, .article-list > div .h4, .article-list > div .headings-step-down-1 h3, .headings-step-down-1 .article-list > div h3 { margin: 0; } .article-list > article p, .article-list > div p { margin: 0; } .editors-list > .editors-box, .editors-list > div { margin-top: 0; } .pipe-separated li, .bullet-separated li, .bullet-separated-nav li { display: inline-block; } .pipe-separated li:before, .bullet-separated li:before, .bullet-separated-nav li:before { position: static; display: inline; margin: 0; padding: 0 1em 0 .75em; width: auto; height: auto; background: transparent; content: "|"; } .pipe-separated li:first-child:before, .bullet-separated li:first-child:before, .bullet-separated-nav li:first-child:before { display: none; } @media print { .pipe-separated, .bullet-separated, .bullet-separated-nav { display: none !important; } } .bullet-separated, .bullet-separated-nav { margin: 0; padding: 0; } .bullet-separated li, .bullet-separated-nav li { font-size: 12px; font-size: 0.75rem; vertical-align: middle; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; line-height: 2.33333; } .bullet-separated li:before, .bullet-separated-nav li:before { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; margin: 0 1em 0 .75em; padding: 0; background: #00ac5a; content: ""; vertical-align: middle; } .bullet-separated a, .bullet-separated-nav a { text-decoration: none; color: #5e5e5e; } .bullet-separated a:visited, .bullet-separated-nav a:visited { color: #5e5e5e; } .bullet-separated a:focus, .bullet-separated-nav a:focus, .bullet-separated a:hover, .bullet-separated-nav a:hover { color: #00ac5a; text-decoration: underline; } .bullet-separated-nav { padding-bottom: 14px; padding-bottom: 0.875rem; border-bottom: 5px solid #c8c8c8; } .bullet-separated-nav .current a { color: #141414; text-decoration: none; cursor: default; } .bullet-separated-nav .current a:hover, .bullet-separated-nav .current a:focus { color: #141414; text-decoration: none; } blockquote, .pullquote, .pullquote-large, .quote-pullquote, .quote-pullquote-large, .tidbit-body { padding-left: 18px; padding-left: 1.125rem; font-size: 19px; font-size: 1.1875rem; margin: 56px 0; margin: 3.5rem 0; border-left: 5px solid #c8c8c8; line-height: 1.47368; position: relative; } @media print { blockquote, .pullquote, .pullquote-large, .quote-pullquote, .quote-pullquote-large, .tidbit-body { margin: 28px 0; margin: 1.75rem 0; } } blockquote:last-child, .pullquote:last-child, .pullquote-large:last-child { margin-bottom: 28px; margin-bottom: 1.75rem; } .pullquote p, .quote-pullquote p { font-family: "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; margin: 0; } .pullquote:last-child, .quote-pullquote:last-child { margin-bottom: 28px; margin-bottom: 1.75rem; } @media print { .pullquote, .quote-pullquote { margin: 28px 0; margin: 1.75rem 0; } } .quote-pullquote, .quote-pullquote-large { margin-top: 100px; margin-top: 6.25rem; position: relative; } .quote-pullquote:before, .quote-pullquote-large:before { font-size: 72px; font-size: 4.5rem; position: absolute; bottom: 100%; left: -8px; color: #c8c8c8; content: "“"; font-weight: 700; font-family: "Vitesse A", "Vitesse B", "Arial Black", sans-serif; line-height: 0.48611; } .quote-pullquote p, .quote-pullquote-large p { font-family: "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; } @media print { .quote-pullquote, .quote-pullquote-large { margin: 56px 0 28px; margin: 3.5rem 0 1.75rem; } .quote-pullquote:before, .quote-pullquote-large:before { font-size: 58px; font-size: 3.625rem; } } .quote-pullquote-large, .pullquote-large { font-size: 25px; font-size: 1.5625rem; line-height: 1.4; } .quote-pullquote-large p, .pullquote-large p { font-size: 25px; font-size: 1.5625rem; font-family: "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4; margin: 0; } .pullquote, .pullquote-large, .quote-pullquote, .quote-pullquote-large { clear: both; } .pullquote p em, .pullquote p i, .pullquote-large p em, .pullquote-large p i, .quote-pullquote p em, .quote-pullquote p i, .quote-pullquote-large p em, .quote-pullquote-large p i { font-style: italic; font-family: "Flama Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; } .pullquote p strong, .pullquote p b, .pullquote-large p strong, .pullquote-large p b, .quote-pullquote p strong, .quote-pullquote p b, .quote-pullquote-large p strong, .quote-pullquote-large p b { font-weight: normal; font-family: "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; } .meta, .meta-no-dash { font-size: 15px; font-size: 0.9375rem; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; color: #5e5e5e; font-family: "Flama Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; line-height: 1.4; } .meta:before, .meta-no-dash:before { content: "— "; } .meta-no-dash { font-style: normal; } .meta-no-dash:before { content: ""; } .quote-italic p { font-family: "Flama Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; } .quote-italic p i, .quote-italic p em { font-style: normal; font-family: "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; } .quote-italic p b, .quote-italic p strong { font-weight: normal; font-family: "Flama Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media print { .quote-pullquote-large { margin: 56px 0 28px; margin: 3.5rem 0 1.75rem; } .quote-pullquote-large p, .pullquote-large p { font-size: 16px; font-size: 1rem; } .meta, .meta-no-dash, .meta-no-dash { font-size: 12px; font-size: 0.75rem; line-height: 1.33333; } .pullquote p, .quote-pullquote p { font-size: 12px; font-size: 0.75rem; line-height: 1.33333; } } .box-a, .box-b, .box-b-light, .box-c, .box-d, .box-d-alt, .box-d-alt-2, .box-e, .box-f { margin-top: 28px; margin-top: 1.75rem; margin-bottom: 28px; margin-bottom: 1.75rem; padding: 20px; padding: 1.25rem; display: block; border: 1px solid #c8c8c8; background: white; } @media (min-width: 770px) { [class^="box-"]:first-child, [class^="i-box-"]:first-child { margin-top: 0; } [class^="box-"]:last-child, [class^="i-box-"]:last-child { margin-bottom: 0; } } .no-mq [class^="box-"]:first-child, .no-mq [class^="i-box-"]:first-child { margin-top: 0; } .no-mq [class^="box-"]:last-child, .no-mq [class^="i-box-"]:last-child { margin-bottom: 0; } @media print { .box-f { border: none; } } .box-0 { margin: 28px 0; margin: 1.75rem 0; } .box-a { border-color: #c8c8c8; } .box-b, .box-b-light { padding-top: 26px; padding-top: 1.625rem; position: relative; border-color: #acacac; } .box-b:before, .box-b-light:before { position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #68be28; content: ""; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media print { .box-b, .box-b-light { border: none !important; padding: 0 !important; } .box-b:before, .box-b-light:before, .box-b:after, .box-b-light:after { display: none; } } .box-b-light:before { background: #c8c8c8; } .stop-1:before { background: #68be28; } .stop-2:before { background: #45b839; } .stop-3:before { background: #23b249; } .stop-4:before { background: #00ac5a; } .box-c { position: relative; padding: 0 0 0 6px; border-color: #c8c8c8; } .box-c:before { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 6px; height: auto; background-color: #68be28; content: ""; } .box-c-header { margin-bottom: 28px; margin-bottom: 1.75rem; } .box-c-body { padding: 0 20px 20px; padding: 0 1.25rem 1.25rem; } @media print { .box-c-header { padding: 20px 20px 0 20px !important; padding: 1.25rem 1.25rem 0 1.25rem !important; margin: 0 !important; } .box-c-header .h-flag { padding: 0 !important; } .box-c-body { padding: 0 20px 20px !important; padding: 0 1.25rem 1.25rem !important; } .box-c-body p:last-child { margin-bottom: 0 !important; } } .box-d, .box-d-alt, .box-d-alt-2 { overflow: hidden; padding: 0; border-color: #c8c8c8; } .box-d-alt { background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(left, #ffffff, #eaeaea); background-image: -moz-linear-gradient(left, #ffffff, #eaeaea); background-image: -o-linear-gradient(left, #ffffff, #eaeaea); background-image: linear-gradient(left, #ffffff, #eaeaea); } .box-d-alt-2 { background: #eaeaea; } .box-d-feature img { display: block; } .box-d-body { padding: 20px; padding: 1.25rem; } @media print { .box-d-body { padding: 5px 10px; padding: 0.3125rem 0.625rem; } } .box-e { padding: 0; margin: 0; border-color: #c8c8c8; } @media print { .box-e { border: none !important; } } .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; color: white !important; font-family: "Vitesse A", "Vitesse B", "Arial Black", sans-serif; } @media (min-width: 320px) { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 36px; font-size: 2.25rem; line-height: 1; } } .no-mq .box-e-header .h2, .no-mq .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq .box-e-header h1, .no-mq .box-e-header h1, .no-mq .box-e-header h2, .no-mq .box-e-header h3, .no-mq .box-e-header h4, .no-mq .box-e-header h5 { font-size: 36px; font-size: 2.25rem; line-height: 1; } @media (min-width: 470px) { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; } } .no-mq .box-e-header .h2, .no-mq .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq .box-e-header h1, .no-mq .box-e-header h1, .no-mq .box-e-header h2, .no-mq .box-e-header h3, .no-mq .box-e-header h4, .no-mq .box-e-header h5 { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; } @media (min-width: 620px) { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 25px; font-size: 1.5625rem; line-height: 1.12; } } .no-mq .box-e-header .h2, .no-mq .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq .box-e-header h1, .no-mq .box-e-header h1, .no-mq .box-e-header h2, .no-mq .box-e-header h3, .no-mq .box-e-header h4, .no-mq .box-e-header h5 { font-size: 25px; font-size: 1.5625rem; line-height: 1.12; } @media (min-width: 770px) { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; } } .no-mq .box-e-header .h2, .no-mq .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq .box-e-header h1, .no-mq .box-e-header h1, .no-mq .box-e-header h2, .no-mq .box-e-header h3, .no-mq .box-e-header h4, .no-mq .box-e-header h5 { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; } @media (min-width: 920px) { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 25px; font-size: 1.5625rem; line-height: 1.12; } } .no-mq .box-e-header .h2, .no-mq .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq .box-e-header h1, .no-mq .box-e-header h1, .no-mq .box-e-header h2, .no-mq .box-e-header h3, .no-mq .box-e-header h4, .no-mq .box-e-header h5 { font-size: 25px; font-size: 1.5625rem; line-height: 1.12; } @media (min-width: 1220px) { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 36px; font-size: 2.25rem; line-height: 1; } } .no-mq .box-e-header .h2, .no-mq .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq .box-e-header h1, .no-mq .box-e-header h1, .no-mq .box-e-header h2, .no-mq .box-e-header h3, .no-mq .box-e-header h4, .no-mq .box-e-header h5 { font-size: 36px; font-size: 2.25rem; line-height: 1; } @media print { .box-e-header .h2, .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .box-e-header h1, .box-e-header h1, .box-e-header h2, .box-e-header h3, .box-e-header h4, .box-e-header h5 { font-size: 18px; font-size: 1.125rem; line-height: 1; color: black !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } } .box-e-header a { position: relative; display: block; overflow: hidden; background-color: black; } .box-e-header a:hover, .box-e-header a:focus { background-color: green; text-decoration: none; } .box-e-header a:hover img + *, .box-e-header a:focus img + * { text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; } .box-e-header img { display: block; opacity: .47; width: 100%; } .box-e-header img + * { padding: 14px 16px; padding: 0.875rem 1rem; text-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px; position: absolute; bottom: 0; left: 0; margin: 0; color: white; } @media print { .box-e-header img { display: none; } .box-e-header img + * { position: static; } .box-e-header a { color: black; text-decoration: none; } .box-e-header h1 { padding: 0 !important; } } .box-e-body { padding: 14px 16px; padding: 0.875rem 1rem; } .box-e-body .call-to-action { margin-bottom: 0; } @media print { .box-e-body { padding: 0 !important; } } .box-e .box-e-body > *:last-child { margin-bottom: 14px; margin-bottom: 0.875rem; } .lt-ie9 .box-e-header img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=47)"; } .lt-ie9 .box-e-header .h2, .lt-ie9 .box-e-header .headings-step-down-1 h1, .headings-step-down-1 .lt-ie9 .box-e-header h1 { font-size: 25px; font-size: 1.5625rem; line-height: 1.12; } .box-f { border-color: #eaeaea; background: #f5f6f8; } .i-box-a { margin-top: 28px; margin-top: 1.75rem; margin-bottom: 28px; margin-bottom: 1.75rem; } .i-box-b { margin-top: 56px; margin-top: 3.5rem; margin-bottom: 56px; margin-bottom: 3.5rem; } .i-box-c { margin-top: 56px; margin-top: 3.5rem; margin-bottom: 28px; margin-bottom: 1.75rem; } .i-box-d { margin-top: 28px; margin-top: 1.75rem; margin-bottom: 56px; margin-bottom: 3.5rem; } .i-box-e { margin-top: 0; margin-bottom: 28px; margin-bottom: 1.75rem; } .i-box-f { margin-top: 28px; margin-top: 1.75rem; margin-bottom: 0; } .i-box-g { margin-top: 0; margin-bottom: 0; } .i-box-h { margin-top: 56px; margin-top: 3.5rem; margin-bottom: 0; } .ip-box-a { padding-top: 28px; padding-top: 1.75rem; padding-bottom: 28px; padding-bottom: 1.75rem; } .ip-box-b { padding-top: 56px; padding-top: 3.5rem; padding-bottom: 56px; padding-bottom: 3.5rem; } .ip-box-c { padding-top: 56px; padding-top: 3.5rem; padding-bottom: 28px; padding-bottom: 1.75rem; } .ip-box-d { padding-top: 28px; padding-top: 1.75rem; padding-bottom: 56px; padding-bottom: 3.5rem; } .ip-box-e { padding-top: 0; padding-bottom: 56px; padding-bottom: 3.5rem; } .ip-box-f { padding-top: 0; padding-bottom: 28px; padding-bottom: 1.75rem; } .ip-box-g { padding: 0; } [class*="block-box-"] { margin: -1px; } [class*="block-box-"] [class*="box-"] { border: none; } a.home-box-a, a.home-box-b, a.home-box-c, a.home-box-d, a.home-box-e { text-decoration: none; } @media (min-width: 320px) { [class^="home-box-"] .h0 { font-size: 52px; font-size: 3.25rem; line-height: 1; } } .no-mq [class^="home-box-"] .h0 { font-size: 52px; font-size: 3.25rem; line-height: 1; } @media (min-width: 770px) { [class^="home-box-"] .h0 { font-size: 42px; font-size: 2.625rem; line-height: 1; } } .no-mq [class^="home-box-"] .h0 { font-size: 42px; font-size: 2.625rem; line-height: 1; } @media (min-width: 1070px) { [class^="home-box-"] .h0 { font-size: 52px; font-size: 3.25rem; line-height: 1; } } .no-mq [class^="home-box-"] .h0 { font-size: 52px; font-size: 3.25rem; line-height: 1; } @media (min-width: 1220px) { [class^="home-box-"] .h0 { font-size: 100px; font-size: 6.25rem; line-height: 1; } } [class^="home-box-"] .h0 + p { font-size: 14px; font-size: 0.875rem; font-weight: bold; line-height: 1.71429; } @media (min-width: 770px) { [class^="home-box-"] .h0 + p { font-size: 14px; font-size: 0.875rem; line-height: 1.42857; } } .no-mq [class^="home-box-"] .h0 + p { font-size: 14px; font-size: 0.875rem; line-height: 1.42857; } @media (min-width: 920px) { [class^="home-box-"] .h0 + p { font-size: 16px; font-size: 1rem; line-height: 1.5; } } .no-mq [class^="home-box-"] .h0 + p { font-size: 16px; font-size: 1rem; line-height: 1.5; } [class^="home-box-"] .h1 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0; line-height: 1.1; font-size: 42px; font-size: 2.625rem; margin: 0 0 21px; margin: 0 0 1.3125rem; } @media (min-width: 770px) { [class^="home-box-"] .h1 { font-size: 25px; font-size: 1.5625rem; } } .no-mq [class^="home-box-"] .h1 { font-size: 25px; font-size: 1.5625rem; } @media (min-width: 920px) { [class^="home-box-"] .h1 { font-size: 36px; font-size: 2.25rem; } } .no-mq [class^="home-box-"] .h1 { font-size: 36px; font-size: 2.25rem; } @media (min-width: 1220px) { [class^="home-box-"] .h1 { font-size: 49px; font-size: 3.0625rem; margin: 0 0 28px; margin: 0 0 1.75rem; } } [class^="home-box-"] .h2, [class^="home-box-"] .headings-step-down-1 h1, .headings-step-down-1 [class^="home-box-"] h1 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 19px; font-size: 1.1875rem; line-height: 1.26316; margin: 0; } @media (min-width: 920px) { [class^="home-box-"] .h2, [class^="home-box-"] .headings-step-down-1 h1, .headings-step-down-1 [class^="home-box-"] h1 { font-size: 25px; font-size: 1.5625rem; line-height: 1.2; } } .no-mq [class^="home-box-"] .h2, .no-mq [class^="home-box-"] .headings-step-down-1 h1, .headings-step-down-1 .no-mq [class^="home-box-"] h1 { font-size: 25px; font-size: 1.5625rem; line-height: 1.2; } @media (min-width: 1220px) { [class^="home-box-"] .h2, [class^="home-box-"] .headings-step-down-1 h1, .headings-step-down-1 [class^="home-box-"] h1 { font-size: 36px; font-size: 2.25rem; margin: 0 0 28px; margin: 0 0 1.75rem; line-height: 1.16667; } } [class^="home-box-"] .h3, [class^="home-box-"] .headings-step-down-1 h2, .headings-step-down-1 [class^="home-box-"] h2 { margin: 0; font-size: 19px; font-size: 1.1875rem; line-height: 1.26316; } @media (min-width: 770px) { [class^="home-box-"] .h3, [class^="home-box-"] .headings-step-down-1 h2, .headings-step-down-1 [class^="home-box-"] h2 { font-size: 16px; font-size: 1rem; line-height: 1.25; } } .no-mq [class^="home-box-"] .h3, .no-mq [class^="home-box-"] .headings-step-down-1 h2, .headings-step-down-1 .no-mq [class^="home-box-"] h2 { font-size: 16px; font-size: 1rem; line-height: 1.25; } @media (min-width: 920px) { [class^="home-box-"] .h3, [class^="home-box-"] .headings-step-down-1 h2, .headings-step-down-1 [class^="home-box-"] h2 { font-size: 19px; font-size: 1.1875rem; line-height: 1.26316; } } .no-mq [class^="home-box-"] .h3, .no-mq [class^="home-box-"] .headings-step-down-1 h2, .headings-step-down-1 .no-mq [class^="home-box-"] h2 { font-size: 19px; font-size: 1.1875rem; line-height: 1.26316; } @media (min-width: 1220px) { [class^="home-box-"] .h3, [class^="home-box-"] .headings-step-down-1 h2, .headings-step-down-1 [class^="home-box-"] h2 { font-size: 25px; font-size: 1.5625rem; line-height: 1.4; } } [class^="home-box-"] p { color: #141414; } [class^="home-box-"] p.date, [class^="home-box-"] p.panel-lead { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 0 14px; margin: 0 0 0.875rem; font-size: 12px; font-size: 0.75rem; color: #5e5e5e; } @media (min-width: 920px) { [class^="home-box-"] p.date, [class^="home-box-"] p.panel-lead { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; } } .no-mq [class^="home-box-"] p.date, .no-mq [class^="home-box-"] p.panel-lead { font-size: 19px; font-size: 1.1875rem; line-height: 1.47368; } [class^="home-box-"]:hover, [class^="home-box-"]:focus { text-decoration: none; } [class^="home-box-"]:hover .h0, [class^="home-box-"]:hover .h1, [class^="home-box-"]:hover .h2, [class^="home-box-"]:hover .headings-step-down-1 h1, .headings-step-down-1 [class^="home-box-"]:hover h1, [class^="home-box-"]:hover .h3, [class^="home-box-"]:hover .headings-step-down-1 h2, .headings-step-down-1 [class^="home-box-"]:hover h2, [class^="home-box-"]:hover p, [class^="home-box-"]:focus .h0, [class^="home-box-"]:focus .h1, [class^="home-box-"]:focus .h2, [class^="home-box-"]:focus .headings-step-down-1 h1, .headings-step-down-1 [class^="home-box-"]:focus h1, [class^="home-box-"]:focus .h3, [class^="home-box-"]:focus .headings-step-down-1 h2, .headings-step-down-1 [class^="home-box-"]:focus h2, [class^="home-box-"]:focus p { color: white; background: transparent; } [class^="home-box-"]:hover p.date, [class^="home-box-"]:hover p.panel-lead, [class^="home-box-"]:focus p.date, [class^="home-box-"]:focus p.panel-lead { color: #141414; } [class^="home-box-"]:hover .home-box-bg, [class^="home-box-"]:focus .home-box-bg { opacity: 1; } @media (min-width: 770px) { .hidden-text-wrap { background: url('/a/img/hidden-text-backup.png?1398920983') repeat-x; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); background-image: linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); position: absolute; right: 0; bottom: -5px; left: 0; z-index: 2; height: 56px; } } .no-mq .hidden-text-wrap { background: url('/a/img/hidden-text-backup.png?1398920983') repeat-x; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); background-image: linear-gradient(bottom, #000000, rgba(0, 0, 0, 0)); position: absolute; right: 0; bottom: -5px; left: 0; z-index: 2; height: 56px; } @media (min-width: 770px) { .hidden-text { max-height: 300px; max-height: 18.75rem; padding: 0 21px; padding: 0 1.3125rem; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 100%; left: 0; overflow: hidden; margin-top: -84px; width: 100%; } .hidden-text p { line-height: 1.3125; color: white; } .hidden-text p:first-child { margin-top: 0; } } .no-mq .hidden-text { max-height: 300px; max-height: 18.75rem; padding: 0 21px; padding: 0 1.3125rem; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 100%; left: 0; overflow: hidden; margin-top: -84px; width: 100%; } .no-mq .hidden-text p { line-height: 1.3125; color: white; } .no-mq .hidden-text p:first-child { margin-top: 0; } .hidden-text-cta { color: #00ac5a; } .home-box-bg { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #68be28; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF68BE28', endColorstr='#FF00AC5A'); background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #68be28), color-stop(100%, #00ac5a)); background-image: -webkit-linear-gradient(left, #68be28, #00ac5a); background-image: -moz-linear-gradient(left, #68be28, #00ac5a); background-image: -o-linear-gradient(left, #68be28, #00ac5a); background-image: linear-gradient(left, #68be28, #00ac5a); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; } .lt-ie9 .home-box-bg { display: none; } .lt-ie9 [class^="home-box-"]:hover p, .lt-ie9 [class^="home-box-"]:focus p { color: #141414; } .lt-ie9 [class^="home-box-"]:hover .h0, .lt-ie9 [class^="home-box-"]:hover .h1, .lt-ie9 [class^="home-box-"]:hover .h2, .lt-ie9 [class^="home-box-"]:hover .headings-step-down-1 h1, .headings-step-down-1 .lt-ie9 [class^="home-box-"]:hover h1, .lt-ie9 [class^="home-box-"]:hover .h3, .lt-ie9 [class^="home-box-"]:hover .headings-step-down-1 h2, .headings-step-down-1 .lt-ie9 [class^="home-box-"]:hover h2, .lt-ie9 [class^="home-box-"]:hover p.date, .lt-ie9 [class^="home-box-"]:hover p.panel-lead, .lt-ie9 [class^="home-box-"]:focus .h0, .lt-ie9 [class^="home-box-"]:focus .h1, .lt-ie9 [class^="home-box-"]:focus .h2, .lt-ie9 [class^="home-box-"]:focus .headings-step-down-1 h1, .headings-step-down-1 .lt-ie9 [class^="home-box-"]:focus h1, .lt-ie9 [class^="home-box-"]:focus .h3, .lt-ie9 [class^="home-box-"]:focus .headings-step-down-1 h2, .headings-step-down-1 .lt-ie9 [class^="home-box-"]:focus h2, .lt-ie9 [class^="home-box-"]:focus p.date, .lt-ie9 [class^="home-box-"]:focus p.panel-lead { color: #68be28; } /* .home-box-img-bg { display: none; } @media (min-width: 470px) { .home-box-img-bg { display: block; position: absolute; top: 0; left: 0; z-index: 2; } } .no-mq .home-box-img-bg { display: block; position: absolute; top: 0; left: 0; z-index: 2; } */ /*tfs677*/ .home-box-img-bg { display: none; } @media (min-width: 770px) { .home-box-img-bg { display: block; position: absolute; top: 0; left: 0; z-index: 2; } } .no-mq .home-box-img-bg { display: block; position: absolute; top: 0; left: 0; z-index: 2; } .home-box-content { position: relative; z-index: 3; } @media (min-width: 770px) { [class^="box-col-"] .box-col-header { padding: 21px; padding: 1.3125rem; border-bottom: 1px solid #c8c8c8; } [class^="box-col-"] .box-col-header h1, [class^="box-col-"] .box-col-header h2, [class^="box-col-"] .box-col-header h3, [class^="box-col-"] .box-col-header h4, [class^="box-col-"] .box-col-header h5, [class^="box-col-"] .box-col-header h6, [class^="box-col-"] .box-col-header .h0, [class^="box-col-"] .box-col-header .h1, [class^="box-col-"] .box-col-header .h2, [class^="box-col-"] .box-col-header .headings-step-down-1 h1, .headings-step-down-1 [class^="box-col-"] .box-col-header h1, [class^="box-col-"] .box-col-header .h3, [class^="box-col-"] .box-col-header .headings-step-down-1 h2, .headings-step-down-1 [class^="box-col-"] .box-col-header h2, [class^="box-col-"] .box-col-header .h4, [class^="box-col-"] .box-col-header .headings-step-down-1 h3, .headings-step-down-1 [class^="box-col-"] .box-col-header h3, [class^="box-col-"] .box-col-header .h5, [class^="box-col-"] .box-col-header .headings-step-down-1 h5, .headings-step-down-1 [class^="box-col-"] .box-col-header h5, [class^="box-col-"] .box-col-header .h6, [class^="box-col-"] .box-col-header .headings-step-down-1 h6, .headings-step-down-1 [class^="box-col-"] .box-col-header h6 { margin: 0; } } .no-mq [class^="box-col-"] .box-col-header { padding: 21px; padding: 1.3125rem; border-bottom: 1px solid #c8c8c8; } .no-mq [class^="box-col-"] .box-col-header h1, .no-mq [class^="box-col-"] .box-col-header h2, .no-mq [class^="box-col-"] .box-col-header h3, .no-mq [class^="box-col-"] .box-col-header h4, .no-mq [class^="box-col-"] .box-col-header h5, .no-mq [class^="box-col-"] .box-col-header h6, .no-mq [class^="box-col-"] .box-col-header .h0, .no-mq [class^="box-col-"] .box-col-header .h1, .no-mq [class^="box-col-"] .box-col-header .h2, .no-mq [class^="box-col-"] .box-col-header .headings-step-down-1 h1, .headings-step-down-1 .no-mq [class^="box-col-"] .box-col-header h1, .no-mq [class^="box-col-"] .box-col-header .h3, .no-mq [class^="box-col-"] .box-col-header .headings-step-down-1 h2, .headings-step-down-1 .no-mq [class^="box-col-"] .box-col-header h2, .no-mq [class^="box-col-"] .box-col-header .h4, .no-mq [class^="box-col-"] .box-col-header .headings-step-down-1 h3, .headings-step-down-1 .no-mq [class^="box-col-"] .box-col-header h3, .no-mq [class^="box-col-"] .box-col-header .h5, .no-mq [class^="box-col-"] .box-col-header .headings-step-down-1 h5, .headings-step-down-1 .no-mq [class^="box-col-"] .box-col-header h5, .no-mq [class^="box-col-"] .box-col-header .h6, .no-mq [class^="box-col-"] .box-col-header .headings-step-down-1 h6, .headings-step-down-1 .no-mq [class^="box-col-"] .box-col-header h6 { margin: 0; } @media (min-width: 770px) { .box-col-body { padding: 21px; padding: 1.3125rem; } } .no-mq .box-col-body { padding: 21px; padding: 1.3125rem; } @media (min-width: 770px) { .box-layout { padding: 0; } } .no-mq .box-layout { padding: 0; } @media (min-width: 770px) { .box-layout-a { position: relative; overflow: hidden; padding: 0; } .box-layout-a > [class^="box-col-"] { float: left; width: 33.3333%; } .box-layout-a:before, .box-layout-a:after { position: absolute; top: 0; left: 33.33333%; display: block; width: 1px; height: 100%; background: #c8c8c8; content: ""; } .box-layout-a:after { left: 66.6666%; } } .no-mq .box-layout-a { position: relative; overflow: hidden; padding: 0; } .no-mq .box-layout-a > [class^="box-col-"] { float: left; width: 33.3333%; } .no-mq .box-layout-a:before, .no-mq .box-layout-a:after { position: absolute; top: 0; left: 33.33333%; display: block; width: 1px; height: 100%; background: #c8c8c8; content: ""; } .no-mq .box-layout-a:after { left: 66.6666%; } @media print { .box-layout-a > [class^="box-col-"] { float: left; width: 31.333333333%; margin-right: 2%; } } a.button, .button, a.strong-button, .strong-button, a.panel-button, .panel-button, .action-button, button, input[type="reset"], input[type="submit"], input[type="button"] { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 1em 2em; border: 1px solid #eaeaea; background: #f5f6f8; color: #00ac5a; vertical-align: middle; text-decoration: none; font-weight: bold; line-height: 1; } .button:visited, .strong-button:visited, .panel-button:visited, .action-button:visited, button:visited, input[type="reset"]:visited, input[type="submit"]:visited, input[type="button"]:visited { text-decoration: none; } /* Start Done changes for global search items spacing*/ .link-list li:first-child{ margin-top:0; padding-top:0;} .sub-result-header{ margin-bottom:20px;} .call-to-action{margin-bottom:30px;} .sub-result-footer.ppl-ViewAll{ margin-top:0px;} .sub-result-footer.ppl-ViewAll a{ margin-top:40px;} .ppl-ViewAll-BtoT { margin-top: -15px; } .right-space-ViewAll {margin-right: 25px; } @media (min-width: 1120px) { .box-layout-b { position: relative; overflow: hidden; padding: 0; } .box-layout-b > [class^="box-col-"] { float: left; width: 33.3333%; } .box-layout-b:before, .box-layout-b:after { position: absolute; top: 0; left: 33.33333%; display: block; width: 1px; height: 100%; background: #c8c8c8; content: ""; } .box-layout-b:after { left: 66.6666%; } } .no-mq .box-layout-b { position: relative; overflow: hidden; padding: 0; } .no-mq .box-layout-b > [class^="box-col-"] { float: left; width: 33.3333%; } .no-mq .box-layout-b:before, .no-mq .box-layout-b:after { position: absolute; top: 0; left: 33.33333%; display: block; width: 1px; height: 100%; background: #c8c8c8; content: ""; } .no-mq .box-layout-b:after { left: 66.6666%; } @media print { .box-layout-b > [class^="box-col-"] { float: left; width: 31.333333333%; margin-right: 2%; } } @media (min-width: 1120px) { .box-layout-b > [class^="box-col-"] .box-col-header { padding: 21px; padding: 1.3125rem; border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } [class^="box-col-"] .box-col-header h1, [class^="box-col-"] .box-col-header h2, [class^="box-col-"] .box-col-header h3, [class^="box-col-"] .box-col-header h4, [class^="box-col-"] .box-col-header h5, [class^="box-col-"] .box-col-header h6, [class^="box-col-"] .box-col-header .h0, [class^="box-col-"] .box-col-header .h1, [class^="box-col-"] .box-col-header .h2, [class^="box-col-"] .box-col-header .headings-step-down-1 h1, .headings-step-down-1 [class^="box-col-"] .box-col-header h1, [class^="box-col-"] .box-col-header .h3, [class^="box-col-"] .box-col-header .headings-step-down-1 h2, .headings-step-down-1 [class^="box-col-"] .box-col-header h2, [class^="box-col-"] .box-col-header .h4, [class^="box-col-"] .box-col-header .headings-step-down-1 h3, .headings-step-down-1 [class^="box-col-"] .box-col-header h3, [class^="box-col-"] .box-col-header .h5, [class^="box-col-"] .box-col-header .headings-step-down-1 h5, .headings-step-down-1 [class^="box-col-"] .box-col-header h5, [class^="box-col-"] .box-col-header .h6, [class^="box-col-"] .box-col-header .headings-step-down-1 h6, .headings-step-down-1 [class^="box-col-"] .box-col-header h6 { margin: 0; } } @media (min-width: 1120px) { .box-layout-b > [class^="box-col-"] .box-col-body { padding: 21px; padding: 1.3125rem; } } p.termhighlights em { font-weight:bold; } p.termhighlights, div.termhighlights { font-size:16px; color:#5e5e5e; margin:0; } .featured-latest p.termhighlights, div.termhighlights { line-height: 24px; font-size: 14px; margin-top: 8px; } div.termhighlights p { margin:0; } #globalsearchresult .featured-main a { font-family: "Vitesse A", "Vitesse B", "Arial Black", sans-serif; font-size: 1.75em; margin: 0.83em 0; text-decoration: none; font-weight:bold; } #globalsearchresult .featured-main span { display:block; font-size: 1em; } #globalsearchresult .featured-main span > a { font-size: 1.5em; text-decoration: none; } #globalsearchresult .featured-main { text-decoration: none; } #globalsearchresult .featured-main div.termhighlights { line-height:1.83em; font-size: 1em; color:#5e5e5e; } @media (min-width: 980px) { #globalsearchresult li.featuredItems { width: 50%; float: left; padding-right:10px; } #globalsearchresult li.featuredItems:first-child { width: 50%; float: left; margin: 14px 0; margin:0.875rem 0; padding-right:10px; } #globalsearchresult li.featuredItems a { text-decoration: none; } } .h-no-margin { margin: 0; } .media-small .m-body span { font-size:16px; font-size: 1rem; } .m-image-small { padding-top:6px; } .clear { clear: both; } @media (min-width: 770px) { .box-layout-half { position: relative; overflow: hidden; padding: 0; } .box-layout-half > [class^="box-col-"] { float: left; width: 50%; } .box-layout-half:before, .box-layout-half:after { position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #c8c8c8; content: ""; } .box-layout-half:after { left: 50%; } } @media print { .box-layout-half > [class^="box-col-"] { float: left; width: 49%; margin-right: 2%; } } /*Brightcove Lightbox begins*/ .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .player-block { height: 425px; position: relative; } #playerLightbox { position: absolute; top: 0; left: 0; padding: 0; margin-left:0; color: white; text-align: center; background-color: #333; border-radius: 5px; z-index:20; overflow: hidden; } .playerShow { width: 100%; height: 100%; padding: 10px; box-shadow: 10px 10px 10px 10px rgba(151, 151, 151, .7); } .playerHide { width: 0; height: 0; padding: 0; } .playerClose { display: none; position: absolute; z-index:999; top: 0px; right: 0px; margin-top: -8px; margin-right: -24px; cursor: pointer; } /*Brightcove Lightbox ends*/ li.no-before::before { display: none; } li.no-after::after { display: none; } /*Baseball-card new partners*/ .CardInfoClose { position: absolute; z-index:999; top: 5px; right: 5px; } .baseball-card.card-info-wrapper { margin-top: 20px; } .card-text-wrapper { margin: 15px 15px 15px 15px; } .h-alt.card-info-title { font-size: 1.6em; } .card-info-deptloc { margin-top: 0.2em; font-size: 1.2em; line-height: 105%; } .card-info-intro { margin-top: 10px; margin-bottom: 10px; line-height: 150%; } a.card-info-link:link { z-index: 999; margin-top:-15px; -webkit-transition: color 0.2s ease, background-color 0.2s ease; -moz-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; color: #00ac5a; text-decoration: none; } a.card-info-link:hover { margin-top:-15px; border:none; text-decoration: underline; color: #68be28; } .card-info-span:hover{ text-decoration: underline; } .card-back.line-spacing { line-height: 150%; } .card-info-content { margin-top: 10px; line-height: 150%; } /*Matters Accolades*/ .blank-row { height: 1.2em !important; } .tab-list { height: 225%; } @media (min-width: 320px) { img.tab-img { width: 270px; border:1px solid #d9d9d9;} } @media (min-width: 770px) { img.tab-img { width: 100%; width: 270px; border:1px solid #d9d9d9;} } .tab-content { margin-top: -15px;} /*subscription recruiting*/ @media (max-width: 920px) { .img-banner { margin-top: -50px; } } .iframe-holder { display: inline-block; -webkit-overflow-scrolling: touch; overflow-y: hidden; width:100%; } .iframe-holder iframe { height: 360px; width: 100%; } .iframe-holder-lgr { display: inline-block; -webkit-overflow-scrolling: touch; overflow-y: hidden; width:100%; } .iframe-holder-lgr iframe { height: 1120px; width: 100%; } /*subscription recruiting*/ /*alumni photo grid*/ .pic-grid { border: 1px solid #dddddd; padding-right: 0px; padding-left: 0px; } .img-full { width: 100%; height: 100%; } .cf { position: relative; max-height: 100%; width: 100%; margin: 0 auto; } .cf img { position:absolute; left:0; -webkit-transition: opacity 0.75s ease-in-out; -moz-transition: opacity 0.75s ease-in-out; -o-transition: opacity 0.75s ease-in-out; transition: opacity 0.75s ease-in-out; cursor: default; } .cf img.top:hover, .cf img.hover_effect { opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } /*alumni photo grid*/ /*filter counts*/ .filter-count { font-size: 75%; } .clear-all-btn { float: right; cursor: pointer; } .clear-all-btn:hover { cursor: hand; } /*filter counts*/ .pub-title { display:inline-block; } .pub-date { width: 15%; font-size: 80%; font-weight: bold; overflow: hidden; white-space: nowrap; } /*view all back link*/ a.call-to-action.back-to-prev { margin-bottom:-60px; font-weight:bold; white-space : nowrap; display: inline-block; } a.call-to-action.back-to-prev::after { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 11px; font-size: 0.6875rem; left: 0; margin-left:8px; margin-bottom:0.2em; font-weight:bold; background-color: transparent; color: #00ac5a; content: '◅'; font-family: "SSStandard"; } .back-to-prev::before { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left:0.1em; margin-right:0.4em; margin-bottom:0.4em; color: black; font-weight:bold; content: 'Back to ';} /* IE 10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .back-to-prev::before { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left:0.1em; margin-right:0.4em; margin-bottom:0.3em; color: black; font-weight:bold; content: 'Back to ';} } header.sub-result-header.move-up26 { margin-top:-26px; margin-bottom:40px; } .move-left15 { margin-left:-15px; } .move-up15 { margin-top:-15px; } .upstander img { height:100% !important; width:100% !important; padding-bottom:10%; } a.no-after::after { display: none; } div.no-before::before { display: none; } div.no-after::after { display: none; } .load-more-results { display:block; } .spacer-h50 { padding-left: 50px; } /*tfs660*/ .p2view-main { /*margin-right: 20px;*/ } .p2view-side { background-color: #e6e6e6; /*tfs660 p2 view*/ } .p2view-side-margin { margin-top: 150px; } @media screen and (min-width: 920px) and (max-width: 1070px) { .p2view-side-margin { margin-top: 180px; } } /*tfs664*/ span.no-trans { text-transform: none; } @media screen and (min-width: 751px) { .text-left { max-width: 55%; } .text-left:after { } .ss-directright:before, .ss-directright.right:after { content: '▹'; } } /*Ranjeet*/ .col-1.searchWrapper{ margin: 0 auto; float: none; width: 50%; } .searchGroupList{width: 100%; /* float: left; make it 100*/ display: inline-block; margin-bottom: 0px; margin-top: 0px;} .searchGroupWrapper{padding-top:10px; float: left; width: 100%; margin-bottom: 20px; margin-top: -50px} .searchGroupList:nth-child(2n+1){clear:left;} .col-1.searchWrapper .large-search{width:100%;} #globalsearchresult .search-results-header h1.h2{ font-size: 1rem; margin-top: 0; margin-bottom: 20px;} #headerFilters h1.p{margin-bottom:10px;} @media (min-width: 100px){ .col-1.searchWrapper{width:70%} .searchGroupList{width:100%} .jumpTo{ width:100%; float:left; } } @media (min-width: 768px){ .col-1.searchWrapper{width:50%} .searchGroupList{width:100%} .jumpTo{ width:100%; float:left; } } /* @media (min-width: 992px){ */ @media (min-width: 1070px){ .jumpTo{ width:48%; float:left; } } .searchWrapper .large-search:before{right:0; left:inherit !important;border-left:1px solid #acacac;width:4rem!important; margin-right:0; background-color:#ccc;line-height:70px!important;top:0!important;} .searchWrapper input#txtGlobalSearch{padding-right: 3.735rem;} @media (min-width:320px){ .col-1.searchWrapper{ float:left;} } @media (min-width:769px){ .col-1.searchWrapper{ float:left; margin-left:330px;} } @media (min-width:1025px){ } .col-1.searchWrapper #btnSearch{ position: absolute; top: 0; right: 0; width: 34px; height: 69px; text-indent: -9999px; padding: 30px; background:transparent; border: none; cursor:pointer; z-index:87; } .searchResults { margin-top:10px; margin-bottom:10px; } #filtercount{margin-left:15px; cursor: pointer; } #filtercount:after {font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } #filtercount:after { content: ''; color:#00ac5a; font-size:12px; padding-left:5px;cursor:pointer;} #filtercount.dropdown:after{ font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } #filtercount.dropdown:after { content: ''; color:#00ac5a; font-size:12px; padding-left:5px;cursor:pointer;} /*✖✕×*/ #filterslist span.filtername:after{ content: '✕'; color: #fff; font-size: 11px; padding-left: 5px; cursor: pointer; font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; padding-right: 3px; -webkit-font-smoothing: antialiased; } #filterslist span.filtername{ background: #acacac; padding: 3px 5px; color: #fff; margin-right: 5px; margin-bottom: 5px; font-size: 14px; display: inline-block; cursor: pointer; /* background: url(../images/sprite.png) no-repeat -36px 0; */ } .close-icon { border:1px solid transparent; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; position:absolute; right:69px; padding:0; width:30px; height:30px; top:21px; z-index:1; } .close-icon:before { content: url('/assets/img/search-cross.jpg'); display: block; text-align: center; color: black; font-weight: normal; font-size: 21px; cursor: pointer; width:30px; height:22px; cursor: pointer; } .large-search.ss-search .close-icon:before { content: url('/assets/img/large-search-cross.jpg'); } .close-icon:hover{ background:none; border:1px solid transparent; } .global-search-large.ui-autocomplete-input:not(:valid) ~ .close-icon { display: none; } .site-search #search:not(:valid) ~ button.close-icon { display: none; } .globalSearch{ position:absolute !important; right:35px !important; top:-6px !important; background:none !important;} .globalSearch:hover{border:none !important;} .clearClass{ clear:both; margin:0;} div.no-before::before { display:none; } div.no-after::after { display:none; } no-before::before { display:none; } no-after::after { display:none; } .handpointer:hover { cursor: pointer; } .disclaimer { font-style:italic; font-size:0.7em; } /* Home page tiles css */ .greenbg1 { background-color: #68bd2a; } .greenbg2 { background-color: #45b839; } .greenbg3 { background-color: #23b14a; } .greenbg4 { background-color: #01ab5b; } .tilesRow { position: relative; } @media (min-width: 768px) { .tilesRow { display: -webkit-flex; /* Safari */ -webkit-flex-wrap: wrap; /* Safari 6.1+ */ display: flex; flex-wrap: wrap; } .tilesRow .tiles { width: 25%; } } @media (min-width: 768px) and (max-width: 919px) { .tilesRow .tiles { width: 33.333%; } .tilesRow .tiles.careerTiles, .tilesRow .tiles.textOnly.first-tile { width: 50%; } } .homeWrap.home-layout { border: 0; } .home-hero .home-hero-content, .home-hero .hero-aside { width: 100%; } .home-hero .home-hero-content .innerWrap { height: 100%; display: block; padding: 20px; } @media (min-width: 768px) { .home-hero .home-hero-content .innerWrap { padding: 3.5rem 25px 3.5rem 20px; } } @media (min-width: 991px) { .home-hero .home-hero-content .innerWrap { width: 50%; } } .home-hero .home-hero-content a { background: rgba(0, 172, 90, 0.9); } .home-hero .home-hero-content a h1 { font-size: 24px; line-height: 26px; } @media (min-width: 768px) { .home-hero .home-hero-content a h1 { font-size: 2.375rem; line-height: 1; } } @media (min-width: 919px) { .home-hero .home-hero-content a:hover { background: rgba(255, 255, 255, 0.9); } .home-hero .home-hero-content a:hover h1, .home-hero .home-hero-content a:hover p { color: #01ab5b; } } @media (min-width: 768px) { .home-hero .hero-aside { display: flex; } } @media (min-width: 768px) and (max-width: 919px) { .home-hero .hero-aside .tiles { width: 50%; } } @media (min-width: 919px) { .home-hero { display: flex; } .home-hero .home-hero-content { width: 75%; border: 1px solid #fff; } .home-hero .hero-aside { width: 25%; float: right; display: block; } .home-hero .tiles { height: 50%; } .home-hero .tiles:hover { background-color: #e0e0e0; } .home-hero .tiles:hover a { color: #000; } } .tiles { text-align: center; font: 1.1875rem/1.26316 "Flama", "Helvetica Neue", Helvetica, Arial, sans-serif; background-image: url(../img/bg-pattern.png); background-repeat: repeat; border-bottom: 1px solid #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .tiles .caption { padding: 20px; display: block; text-align: left; } .tiles a { text-decoration: none; display: block; height: 100%; color: #000; } @media (max-width: 767px) { .tiles a { width: 100%;height:100%; } .tiles a .caption{ width: 100%;height:100%;display:table-cell;vertical-align:middle;padding:35px 15px; } } @media (min-width: 100px) { .tiles.connectUs { background: #23b14a; } .tiles.connectUs:hover { background: #23b14a; } } @media (min-width: 768px) { .tiles { border: 1px solid #fff; font-size: 18px; line-height: 22px; min-height: 120px;} .tiles.textImage { min-height: 240px; } .tiles.textOnly { min-height: 120px; } } @media (max-width: 918px) { .tiles { background-color: #e0e0e0; } .tiles img { display: none; } .tiles.imgOnly { text-align: center; } .tiles.imgOnly img { display: inline-block; } } @media (min-width: 919px) { .tiles.textImage { min-height: 230px; } .tiles.textOnly { min-height: 140px; } .tiles a { color: #fff; } .tiles img { padding-top: 10px; } .tiles.connectUs img { padding-top: 0; } .tiles:hover { background-color: #e0e0e0; } .tiles:hover a { color: #000; } } .tiles.careerTiles { position: relative; } .tiles.careerTiles .slideTiles { color: #fff; font-size: 15px; line-height: 18px; width: 100%; cursor: pointer; background-color: #00ac5a; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#68be28, endColorstr=#00ac5a); background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #68be28), color-stop(100%, #00ac5a)); background-image: -ms-linear-gradient(left, #68be28 0%,#00ac5a 90%,#00ac5a 100%,#00ac5a 60%); /* IE10+ */ background-image: -webkit-linear-gradient(left, #68be28, #00ac5a); background-image: -moz-linear-gradient(left, #68be28, #00ac5a); background-image: -o-linear-gradient(left, #68be28, #00ac5a); background-image: linear-gradient(left, #68be28, #00ac5a); } .tiles.careerTiles .slideTiles img { display: inline-block; } .tiles.careerTiles .slideTiles p { font-size: 1.2625rem; line-height: 1.4; margin-bottom: 16px; } .tiles.careerTiles .slideTiles .row { margin-top: .65625rem; } .tiles.careerTiles .slideTiles .imageBlock { width: 100%; float: left; margin-left: 0; text-align: center; padding: 20px; } @media (min-width:1025px){ .tiles.careerTiles .slideTiles .imageBlock{ padding: 5px; } } .tiles.careerTiles .slideTiles .contentBlock { width: 100%; float: left; margin-left: 0; margin-right: 0; display: block; text-align: left; } .tiles.careerTiles .slideTiles .contentBlock a { color: #fff; outline: 0; } .tiles.careerTiles .slideTiles .innerWrap { padding: 1.3125rem; margin: 0; } .tiles.careerTiles .slideTiles .closeBtn { width: 25px; height: 25px; position: absolute; right: 0; top: 0; text-align: center; display: none; opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #fff; color: #00ac5a; font-size: 18px !important; line-height: 22px !important; } .tiles.careerTiles .slideTiles ul { list-style: none; margin-bottom: 20px; padding-left: 19px; } .tiles.careerTiles .slideTiles ul.weil-world-links { padding-left: 0; } .tiles.careerTiles .slideTiles ul.weil-world-links li a { padding-top: 5px; border-top: 1px solid #fff; display: inline; padding-right: 5px;} @media (max-width:480px){ .tiles.careerTiles .slideTiles ul.weil-world-links li a { width:100%;display:block; } } .tiles.careerTiles .slideTiles ul.weil-world-links li:before { display: none; content: ""; } .tiles.careerTiles .slideTiles ul li:before { margin-top: 0; position: absolute; top: 0px; right: 100%; display: block; margin-right: 10px; width: auto; height: auto; background: none; content: ">"; } .tiles.careerTiles .slideTiles ul li a { font-size: 1.2625rem; line-height: 1.4; } @media (min-width: 768px) { .tiles.careerTiles .slideTiles ul li a { font-size: 18px; line-height: 30px; } } @media (min-width: 919px) { .tiles.careerTiles .slideTiles ul li a { font-size: 15px; line-height: 23px; } } @media (min-width: 768px) { .tiles.careerTiles .slideTiles { font-size: 18px; line-height: 22px; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .tiles.careerTiles .slideTiles p { font-size: 18px; line-height: 22px; } .tiles.careerTiles .slideTiles .row { min-width: 0; max-width: none; width: 200%; } .tiles.careerTiles .slideTiles .imageBlock { width: 40%; clear: none; } .tiles.careerTiles .slideTiles .imageBlock img{ max-width:170px; } .tiles.careerTiles .slideTiles .contentBlock { width: 60%; float: right; clear: none; opacity: 0; height: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .tiles.careerTiles .slideTiles.focus { z-index: 10; width: 201%; float: right; margin-left: 0; margin-right: 0; clear: none; height: 100%; height: 176%; } .tiles.careerTiles .slideTiles.focus .innerWrap { -webkit-animation-duration: .4s; -webkit-animation-name: panelFade; -webkit-animation-iteration-count: 1; -moz-animation-duration: .4s; -moz-animation-name: panelFade; -moz-animation-iteration-count: 1; -ms-animation-duration: .4s; -ms-animation-name: panelFade; -ms-animation-iteration-count: 1; animation-duration: .4s; animation-name: panelFade; animation-iteration-count: 1; } .tiles.careerTiles .slideTiles.focus .row { width: 100%; } .tiles.careerTiles .slideTiles.focus .imageBlock { padding-right: 21px; padding-right: 1.3125rem; } .tiles.careerTiles .slideTiles.focus .contentBlock { padding-left: 1.3125rem; opacity: 1; } .tiles.careerTiles .slideTiles.focus .closeBtn { display: block; opacity: 1; } } @media (min-width: 768px) and (max-width: 1199px) { .tiles.careerTiles .slideTiles.focus .imageBlock { width: 39%; padding: 10px; } .tiles.careerTiles .slideTiles.focus .contentBlock { width: 61%; } } @media (min-width: 919px) { .tiles.careerTiles .slideTiles { font-size: 16px; line-height: 20px; left: auto; right: 0; } .tiles.careerTiles .slideTiles p { font-size: 16px; line-height: 18px; margin-top: 0;} } @media (min-width: 1025px) { .tiles.careerTiles .slideTiles:hover { z-index: 10; width: 201%; float: right; margin-left: 0; margin-right: 0; clear: none; height: 100%; } .tiles.careerTiles .slideTiles:hover .innerWrap { -webkit-animation-duration: .4s; -webkit-animation-name: panelFade; -webkit-animation-iteration-count: 1; -moz-animation-duration: .4s; -moz-animation-name: panelFade; -moz-animation-iteration-count: 1; -ms-animation-duration: .4s; -ms-animation-name: panelFade; -ms-animation-iteration-count: 1; animation-duration: .4s; animation-name: panelFade; animation-iteration-count: 1; } .tiles.careerTiles .slideTiles:hover .row { width: 100%; } .tiles.careerTiles .slideTiles:hover .imageBlock { padding-right: 21px; padding-right: 1.3125rem; } .tiles.careerTiles .slideTiles:hover .contentBlock { padding-left: 1.3125rem; opacity: 1; } } /* Home page tiles css */ @media (min-width: 920px) { .homeTiles{margin-top:3px;} .utility-nav { width: 15%!important; } .utility-nav li { width: 100%!important; } } @media (min-width: 1220px){ .utility-nav { width: 12.75%!important; } } .row{ /* max-width:68em; */ } @media (min-width: 1070px) { .grid-wrap, .grid-wrap-a, .grid-wrap-b, .grid-wrap-c, .grid-wrap-f, .grid-wrap-d, .grid-wrap-e { padding-right: 6.625rem; padding-left: 6.625rem; } .overwrite-grid-wrap .grid-wrap { padding-right: 2.625rem ; padding-left: 2.625rem; } } /* @media (min-width: 1300px) and (max-width:1500px){ html{zoom: 0.80;-moz-transform: scale(0.80); -moz-transform-origin: center top;} } */