/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ /* TODO will need to remove settings on HTML since we can't namespace it. TODO with the prefix, should I group by selector or property for weight savings? */ html{ color:#000; background:#FFF; } /* TODO remove settings on BODY since we can't namespace it. */ /* TODO test putting a class on HEAD. - Fails on FF. */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } /* TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit... */ address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } /* TODO Figure out where this list-style rule is best set. Hedger has a request to investigate. */ li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } /* to preserve line-height and selector appearance */ sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } /*to enable resizing for IE*/ input, textarea, select { *font-size:100%; } /*because legend doesn't inherit in IE */ legend { color:#000; } /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; /* for IE */ *font:x-small; /* for IE in quirks mode */ } /** * Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea { font:99% arial,helvetica,clean,sans-serif; } /** * To help tables remember to inherit */ table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.1.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} /* ================================================================== */ /* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */ /* ================================================================== */ @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .grid-5:before, .mobile-grid-5:before, .tablet-grid-5:before, .grid-10:before, .mobile-grid-10:before, .tablet-grid-10:before, .grid-15:before, .mobile-grid-15:before, .tablet-grid-15:before, .grid-20:before, .mobile-grid-20:before, .tablet-grid-20:before, .grid-25:before, .mobile-grid-25:before, .tablet-grid-25:before, .grid-30:before, .mobile-grid-30:before, .tablet-grid-30:before, .grid-35:before, .mobile-grid-35:before, .tablet-grid-35:before, .grid-40:before, .mobile-grid-40:before, .tablet-grid-40:before, .grid-45:before, .mobile-grid-45:before, .tablet-grid-45:before, .grid-50:before, .mobile-grid-50:before, .tablet-grid-50:before, .grid-55:before, .mobile-grid-55:before, .tablet-grid-55:before, .grid-60:before, .mobile-grid-60:before, .tablet-grid-60:before, .grid-65:before, .mobile-grid-65:before, .tablet-grid-65:before, .grid-70:before, .mobile-grid-70:before, .tablet-grid-70:before, .grid-75:before, .mobile-grid-75:before, .tablet-grid-75:before, .grid-80:before, .mobile-grid-80:before, .tablet-grid-80:before, .grid-85:before, .mobile-grid-85:before, .tablet-grid-85:before, .grid-90:before, .mobile-grid-90:before, .tablet-grid-90:before, .grid-95:before, .mobile-grid-95:before, .tablet-grid-95:before, .grid-100:before, .mobile-grid-100:before, .tablet-grid-100:before, .grid-33:before, .mobile-grid-33:before, .tablet-grid-33:before, .grid-66:before, .mobile-grid-66:before, .tablet-grid-66:before, .clearfix:before, .grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .grid-5:after, .mobile-grid-5:after, .tablet-grid-5:after, .grid-10:after, .mobile-grid-10:after, .tablet-grid-10:after, .grid-15:after, .mobile-grid-15:after, .tablet-grid-15:after, .grid-20:after, .mobile-grid-20:after, .tablet-grid-20:after, .grid-25:after, .mobile-grid-25:after, .tablet-grid-25:after, .grid-30:after, .mobile-grid-30:after, .tablet-grid-30:after, .grid-35:after, .mobile-grid-35:after, .tablet-grid-35:after, .grid-40:after, .mobile-grid-40:after, .tablet-grid-40:after, .grid-45:after, .mobile-grid-45:after, .tablet-grid-45:after, .grid-50:after, .mobile-grid-50:after, .tablet-grid-50:after, .grid-55:after, .mobile-grid-55:after, .tablet-grid-55:after, .grid-60:after, .mobile-grid-60:after, .tablet-grid-60:after, .grid-65:after, .mobile-grid-65:after, .tablet-grid-65:after, .grid-70:after, .mobile-grid-70:after, .tablet-grid-70:after, .grid-75:after, .mobile-grid-75:after, .tablet-grid-75:after, .grid-80:after, .mobile-grid-80:after, .tablet-grid-80:after, .grid-85:after, .mobile-grid-85:after, .tablet-grid-85:after, .grid-90:after, .mobile-grid-90:after, .tablet-grid-90:after, .grid-95:after, .mobile-grid-95:after, .tablet-grid-95:after, .grid-100:after, .mobile-grid-100:after, .tablet-grid-100:after, .grid-33:after, .mobile-grid-33:after, .tablet-grid-33:after, .grid-66:after, .mobile-grid-66:after, .tablet-grid-66:after, .clearfix:after { clear: both; } .grid-container { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 10px; padding-right: 10px; } .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } .grid-parent { padding-left: 0; padding-right: 0; } @media screen and (max-width: 767px) { .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; } .mobile-pull-5 { left: -5%; } .mobile-grid-10 { float: left; width: 10%; } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; } .mobile-pull-10 { left: -10%; } .mobile-grid-15 { float: left; width: 15%; } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; } .mobile-pull-15 { left: -15%; } .mobile-grid-20 { float: left; width: 20%; } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; } .mobile-pull-20 { left: -20%; } .mobile-grid-25 { float: left; width: 25%; } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; } .mobile-pull-25 { left: -25%; } .mobile-grid-30 { float: left; width: 30%; } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; } .mobile-pull-30 { left: -30%; } .mobile-grid-35 { float: left; width: 35%; } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; } .mobile-pull-35 { left: -35%; } .mobile-grid-40 { float: left; width: 40%; } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; } .mobile-pull-40 { left: -40%; } .mobile-grid-45 { float: left; width: 45%; } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; } .mobile-pull-45 { left: -45%; } .mobile-grid-50 { float: left; width: 50%; } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; } .mobile-pull-50 { left: -50%; } .mobile-grid-55 { float: left; width: 55%; } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; } .mobile-pull-55 { left: -55%; } .mobile-grid-60 { float: left; width: 60%; } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; } .mobile-pull-60 { left: -60%; } .mobile-grid-65 { float: left; width: 65%; } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; } .mobile-pull-65 { left: -65%; } .mobile-grid-70 { float: left; width: 70%; } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; } .mobile-pull-70 { left: -70%; } .mobile-grid-75 { float: left; width: 75%; } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; } .mobile-pull-75 { left: -75%; } .mobile-grid-80 { float: left; width: 80%; } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; } .mobile-pull-80 { left: -80%; } .mobile-grid-85 { float: left; width: 85%; } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; } .mobile-pull-85 { left: -85%; } .mobile-grid-90 { float: left; width: 90%; } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; } .mobile-pull-90 { left: -90%; } .mobile-grid-95 { float: left; width: 95%; } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; } .mobile-pull-95 { left: -95%; } .mobile-grid-33 { float: left; width: 33.33333%; } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; } .mobile-pull-33 { left: -33.33333%; } .mobile-grid-66 { float: left; width: 66.66667%; } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; } .mobile-pull-66 { left: -66.66667%; } .mobile-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .hide-on-tablet { display: none !important; } .tablet-grid-5 { float: left; width: 5%; } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; } .tablet-pull-5 { left: -5%; } .tablet-grid-10 { float: left; width: 10%; } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; } .tablet-pull-10 { left: -10%; } .tablet-grid-15 { float: left; width: 15%; } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; } .tablet-pull-15 { left: -15%; } .tablet-grid-20 { float: left; width: 20%; } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; } .tablet-pull-20 { left: -20%; } .tablet-grid-25 { float: left; width: 25%; } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; } .tablet-pull-25 { left: -25%; } .tablet-grid-30 { float: left; width: 30%; } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; } .tablet-pull-30 { left: -30%; } .tablet-grid-35 { float: left; width: 35%; } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; } .tablet-pull-35 { left: -35%; } .tablet-grid-40 { float: left; width: 40%; } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; } .tablet-pull-40 { left: -40%; } .tablet-grid-45 { float: left; width: 45%; } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; } .tablet-pull-45 { left: -45%; } .tablet-grid-50 { float: left; width: 50%; } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; } .tablet-pull-50 { left: -50%; } .tablet-grid-55 { float: left; width: 55%; } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; } .tablet-pull-55 { left: -55%; } .tablet-grid-60 { float: left; width: 60%; } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; } .tablet-pull-60 { left: -60%; } .tablet-grid-65 { float: left; width: 65%; } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; } .tablet-pull-65 { left: -65%; } .tablet-grid-70 { float: left; width: 70%; } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; } .tablet-pull-70 { left: -70%; } .tablet-grid-75 { float: left; width: 75%; } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; } .tablet-pull-75 { left: -75%; } .tablet-grid-80 { float: left; width: 80%; } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; } .tablet-pull-80 { left: -80%; } .tablet-grid-85 { float: left; width: 85%; } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; } .tablet-pull-85 { left: -85%; } .tablet-grid-90 { float: left; width: 90%; } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; } .tablet-pull-90 { left: -90%; } .tablet-grid-95 { float: left; width: 95%; } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; } .tablet-pull-95 { left: -95%; } .tablet-grid-33 { float: left; width: 33.33333%; } .tablet-prefix-33 { margin-left: 33.33333%; } .tablet-suffix-33 { margin-right: 33.33333%; } .tablet-push-33 { left: 33.33333%; } .tablet-pull-33 { left: -33.33333%; } .tablet-grid-66 { float: left; width: 66.66667%; } .tablet-prefix-66 { margin-left: 66.66667%; } .tablet-suffix-66 { margin-right: 66.66667%; } .tablet-push-66 { left: 66.66667%; } .tablet-pull-66 { left: -66.66667%; } .tablet-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 1025px) { .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; } .pull-5 { left: -5%; } .grid-10 { float: left; width: 10%; } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; } .pull-10 { left: -10%; } .grid-15 { float: left; width: 15%; } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; } .pull-15 { left: -15%; } .grid-20 { float: left; width: 20%; } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; } .pull-20 { left: -20%; } .grid-25 { float: left; width: 25%; } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; } .pull-25 { left: -25%; } .grid-30 { float: left; width: 30%; } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; } .pull-30 { left: -30%; } .grid-35 { float: left; width: 35%; } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; } .pull-35 { left: -35%; } .grid-40 { float: left; width: 40%; } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; } .pull-40 { left: -40%; } .grid-45 { float: left; width: 45%; } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; } .pull-45 { left: -45%; } .grid-50 { float: left; width: 50%; } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; } .pull-50 { left: -50%; } .grid-55 { float: left; width: 55%; } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; } .pull-55 { left: -55%; } .grid-60 { float: left; width: 60%; } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; } .pull-60 { left: -60%; } .grid-65 { float: left; width: 65%; } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; } .pull-65 { left: -65%; } .grid-70 { float: left; width: 70%; } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; } .pull-70 { left: -70%; } .grid-75 { float: left; width: 75%; } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; } .pull-75 { left: -75%; } .grid-80 { float: left; width: 80%; } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; } .pull-80 { left: -80%; } .grid-85 { float: left; width: 85%; } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; } .pull-85 { left: -85%; } .grid-90 { float: left; width: 90%; } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; } .pull-90 { left: -90%; } .grid-95 { float: left; width: 95%; } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; } .pull-95 { left: -95%; } .grid-33 { float: left; width: 33.33333%; } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; } .pull-33 { left: -33.33333%; } .grid-66 { float: left; width: 66.66667%; } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; } .pull-66 { left: -66.66667%; } .grid-100 { clear: both; width: 100%; } } /** * Font * * Sets font family and size as percentage for wrapper element. * * Font size can not be set directly for body element, * since fonts.css sets correct base font size for * body element. * * By default, the editor uses DIV as a wrapper element and * pageContentWrapper as its id attribute. Specify your own * element name, class name and id if needed using config * parameters base_templates_wrapper_element, * base_templates_wrapper_class and base_templates_wrapper_id. * * Size conversions: * * 10 px = 77 % * 11 px = 85 % * 12 px = 93 % * 13 px = 100 % * * See http://developer.yahoo.com/yui/3/cssfonts/ for full * list of percentages and corresponding font sizes. */ body, select, input, textarea { /* Set your base font here, to apply evenly */ font-family: arial,helvetica,clean,sans-serif; } .tplPage{ /* * Set your base font size adjustment here * unless font size control is in use and it * is configured to use some other container. */ /* 0.93em = 12px */ /* font-size: 0.93em; */ color: #444; } /** * Default margins and formatting * */ h1, h2, h3, h4, h5, h6, .tplPage p { /* bottom margin based on font size */ margin: 0 0 1em 0; } /* bolded elements */ h1,h2,h3,h4,h5,h6,strong { font-weight: bold; } em { font-style: italic; } blockquote,ul,ol,dl { /* margins for blockquotes and lists */ margin: 1em; } p,fieldset,table { /* so things don't run into each other */ margin-bottom: 1em; } /** * Headings * */ h1 { /* 18 / 12 = 1.5 */ font-size: 1.5em; clear: both; } h2 { /* 16 / 12 = 1.33 */ font-size: 1.33em; } h3 { /* 14 / 12 = 1.166 */ font-size: 1.16em; } h1.sup, h2.sup, h3.sup, h4.sup, h5.sup, h6.sup{ /* Leave some bottom-margin */ margin-bottom: 0.1em; } h1.sub, h2.sub, h3.sub, h4.sub, h5.sub, h6.sub{ /* Eat 90 % of the top margin */ margin-top: -0.9em; } /** * Lists * */ ol,ul,dl { /* left margins for lists */ margin-left: 2em; } ol li { /*giving OL's LIs generated numbers*/ list-style: decimal outside; } ul li { /*giving UL's LIs generated disc markers*/ list-style: disc outside; } dl dd { /*giving UL's LIs generated numbers*/ margin-left: 1em; } /** * Tables * */ th { /* distinguishing table headers from data cells */ font-weight: bold; text-align: center; } caption { /* coordinated marking to match cell's padding */ margin-bottom: .5em; /* centered so it doesn't blend in to other content */ text-align: center; } tr.headingRow td{ font-weight: bold; border-bottom: 2px solid #eee; background-color: #f1f1f1; } tr.oddRow td{ background-color: #fff; } tr.evenRow td{ background-color: #f9f9f9; } /** * Links * */ a, a:active, a:visited { color: #607890; } a:hover { color: #036; } a:focus, a:active{ outline: none; } a.bulletLink, a.pdfLink, a.pptLink, a.txtLink, a.docLink, a.imageLink, a.xlsLink{ display:inline; padding:2px 0 2px 22px; line-height: 22px; text-decoration:none; background-image:url(/_sys_/images/link-symbols.png); background-repeat:no-repeat; } a.bulletLink{ padding-left:10px; line-height:16px; background-position: -5px 0; } a.pdfLink{ background-position: left -100px; } a.pptLink{ background-position: left -200px; } a.txtLink{ background-position: left -300px; } a.docLink{ background-position: left -400px; } a.imageLink{ background-position: left -500px; } a.xlsLink{ background-position: left -600px; } /** * Text formatting * */ p.ingress{ /* 14 / 12 = 1.16 */ font-size: 1.16em; line-height: 1.5em; } span.notice{ background-color:#CC0000; color:#FFF; padding:1px; } /** * Misc * */ object{ /* remove outline from active - e.g. flash - objects (FF) */ outline: none; } /** * Page break */ hr.tplPageBreak{ height: 4px; border: 0; background: transparent url(/_sys_/images/pageBreak.png) repeat left top; margin: 0; margin-left: -5px; margin-right: -5px; } .grid-container hr.tplPageBreak{ display: none; } /** * Images * */ img.mceFloatLeft{ float: left; clear: left; margin: 0 1em 1em 0; max-width: 250px; } img.mceFloatRight{ float: right; clear: right; margin: 0 0 1em 1em; max-width: 250px; } /** * Templates * */ /* clear-fix element */ .tdlClearer{ clear: both; float: none; height: 0; line-height: 0; font-size: 0; } div.tdlHWrap, div.tdlHWrapFirst, div.tdlHWrapLast{ /* make horizontally aligned columns float left */ float:left; } /** * Templates: page templates * */ .tplPage{ /* page template width */ width: 100%; } table.tplPage{ /* TODO: tarkista ja aseta oikea leveys */ width: 766px; } /* One-column-template */ /* main col for one col template */ .tplOneCol .tplMainColWrapper{ padding: 0; } /* Two-columns-template */ .tplTwoCols{ } /* Two-columns-with-heading-template */ .tplHeadTwoCols .tplHeadColWrapper{ padding: 10px; } .tplHeadTwoCols td.tplHeadCol{ /* give a default height for head col */ height: 150px; /* apply visual aids for head col */ border-bottom: 1px solid #eee; } /* Templates with two horizontally aligned columns */ /* * Column wrapper, define padding and width here: * (width-border) + padding left + padding right + border = full column width */ .tplH2Cols .tplMainColWrapper{ /* width: 479px; padding: 10px; border-right: 1px solid #eee !important; 512 */ width: 70%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 0 0; } table.tplH2Cols .tplMainColWrapper{ width: 532px; padding: 10px; } /* * Column wrapper, define padding and width here: * width + padding left + padding right + border - negative margin = full column width */ .tplH2Cols .tplSubColWrapper{ width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 10px; } table.tplH2Cols .tplSubColWrapper{ width: 234px; padding: 10px; } /** * Templates: columns * */ .tplCols{ width: 100%; } .tplCols .tdlHWrapFirst, .tplCols .tdlHWrap, .tplCols .tdlHWrapLast{ padding: 2%; background-color: #f9f9f9; } .tpl2ColsEqual .tdlColumnWrapper{ /* (100% - 4 * 2%) / 2 = 46% */ width: 46%; } .tpl3ColsEqual .tdlColumnWrapper{ /* (100% - 6 * 2%) / 3 = 29.333333% */ width: 29.333333%; } .tpl4ColsEqual .tdlColumnWrapper{ /* (100% - 8 * 2%) / 4 = 21% */ width: 21%; } /** * Templates: lifts * */ /* Floating templates */ .tplFloat, .floatRight{ float: right; clear: right; margin-right: 0; margin-left: 1em; } div.floatLeft, table.floatLeft{ float: left; clear: left; margin-right: 1em; margin-left: 0; } div.floatSide, table.floatSide{ float: left; margin-right: 1em; margin-left: 0; } /* Float lift */ .tplFloatLift{ border:1px solid #CCC; background-color:#F1F1F1; border-collapse:collapse; margin-bottom: 1em; margin-top: 0; } .tplFloatLiftContent{ /* total width = 230 (inner width) + 10 (lft padding) + 10 (rgt padding) = 250 */ width:230px; padding:10px; } /* Block lift */ .tplBlockLift{ width:100%; clear:both; border:1px solid #CCC; background-color:#F1F1F1; margin:1em 0 1em 0; border-collapse:collapse; } .tplBlockLiftContent { padding:10px; } /* Image caption */ table.tplImageCaption{ border-spacing: 0; margin-bottom: 1em; margin-top: 0; /* specify border with !important to override editor's visual aids */ border: 0 !important; } .tplImageCaption td.tplImage{ /* cell must have an exact width */ width: 250px; } .tplImageCaption caption.tplCaption{ /* 0.85 = 12 px when using fonts.css */ font-size: 0.85em; padding-top: 5px; caption-side: bottom; } .tplImageCaption .tplCaption *{ /* no margin for child elements */ margin: 0; } /* Article page */ #tinymce .tplArticlePage { padding: 20px; } html, body { font-family: "proxima-nova",sans-serif; background: #fff none; height: 100%; } h2 { color: #afcc3d; font-size: 24px; } a { text-decoration: none; } .grid-container { margin-left: auto; margin-right: auto; max-width: 1000px; padding-left: 10px; padding-right: 10px; } .zfse_envDevelopment { display: none !important; } .clearer{ float: none; clear: both; font-size: 0; line-height: 0; } /* main page carousel */ .carousel-grid { padding: 0 !important; } #carousel { width: 100%; height: 100%; margin-top: -20px; } #carousel .cycle-pager { text-align: center; display: block; font-size: 40px; line-height: 20px; } #carousel .cycle-pager span{ cursor: pointer; display: inline-block; width: 10px; height: 10px; text-indent: -999em; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 0px 4px #949494; /* border color */ margin-right: 13px; } #carousel .cycle-pager .cycle-pager-active{ cursor: auto; box-shadow: 0 0 0px 4px #afcc3d; /* border color */ } #carousel .cycle-next, #carousel .cycle-prev { cursor: pointer; } #carousel .cycle-next i, #carousel .cycle-prev i { font-size: 55px; color: #fff; } #carousel .cyclePrevNext { max-width: 1000px; } #carousel .cycle-prev { position: relative; float: left; margin-top: -22%; z-index: 500; } #carousel .cycle-next { position: relative; margin-top: -22%; float: right; z-index: 500; } #carousel .wrapper { position: absolute; width: 90%; bottom: 0px; z-index: 600; margin: 0 auto; text-align: center; padding-left: 30px; } #carousel .wrapper h2 { font-family: Arial; color: #ffffff; font-size: 45px; font-weight: 400; text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.83); } #carousel ul { margin-left: 0px; margin-right: 0px; } #carousel .articles_articleList { position: relative; z-index: 190; } .carouselBgContainer { position: absolute; width: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: 450px; z-index: 180; background-color: #afcc3d; } .carouselFadesContainer { position: absolute; width: 100%; position: absolute; top: 80px; left: 0px; width: 100%; height: 370px; z-index: 200; } div.carouselFadeLeft { position: absolute; left: 0; top: 0px; height: 457px; margin-top: 0px; width: 20%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmY2MzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(175,204,61,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(175,204,61,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcc3d', endColorstr='#00ffffff',GradientType=1 ); z-index: 199; } div.carouselFadeRight { position: absolute; right: 0; top: 0px; height: 457px; margin-top: 0px; width: 20%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmNjM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(175,204,61,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(175,204,61,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(175,204,61,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(175,204,61,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(175,204,61,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(175,204,61,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#afcc3d',GradientType=1 ); z-index: 199; } #carousel-navi { width: 100px; margin: auto; margin-top: 9px; } .headerWrap { background-color: rgba(0, 0, 0, 0.8); display: inline-block; width: 100%; height: 80px; } .headerWrapperMain { position: absolute; top: 0px; left: 0px; z-index: 500; } .header { display: inline-block; width: 100%; margin: 0; } /* Logo */ #logoContainer { width: 150px; display: inline; float: left; } #logoContainer p.first { font-family: "mentone"; color: #ffffff; font-size: 30px; font-weight: 400; font-style: italic; margin-top: 10px; margin-bottom: 0px; } #logoContainer p.second { font-family: "mentone"; color: #afcc3d; font-size: 14px; margin-bottom: 16px; } /* Main menu */ div#topMenu { width: 70%; display: inline-block; float: right; } div#topMenuMobile { width: 20%; display: inline-block; float: right; margin-top: 10px; } div#topMenu ul, div#topMenu li{ display: block; margin: 0; padding: 0; } div#topMenu li a.zfse_navSelectedOpen { background: url('/_sys_/images/caret_down.png') no-repeat center top; display: none; } div#topMenu ul{ margin: 0 auto; text-align:right; overflow:hidden; } div#topMenu ul ul{ margin: 0 auto; } div#topMenu li{ display:inline-block; float:none; } div#topMenu li a, div#topMenu li a:link{ font-family: Arial; color: #ffffff; display:block; color: #949494; text-decoration:none; padding: 32px 12px; } div#topMenu li a:visited{ color: #ffffff; text-decoration: none; } div#topMenu li a:hover, div#topMenu li a:active, div#topMenu li a:visited:hover, div#topMenu li a.zfse_navSelectedOpen{ color: #ffffff; background-color: #9fc312; text-decoration:none; } /* lifts */ .liftWrapper { background-color: #afcc3d; } #lifts { margin-top: 17px; } #lifts .first { padding-left: 0px; padding-right: 20px; } #lifts .last { padding-left: 20px; padding-right: 0px; } #lifts img { width: 100%; } #lifts h2, #lifts h2 a { width: 100%; /*background-color: #afcc3d;*/ color: #fff; text-align: center; padding: 13px 0; margin: 0; } #lifts p { padding-top: 10px; background-color: #fff; } div.widelift { margin-top: 28px; padding-top: 25px; padding-left: 22px; padding-bottom: 28px; background-color: #afcc3d; } div.widelift h2, div.widelift h2 a { color: #fff; font-size: 26px; font-weight: 700; color: #fff; } div.widelift h2 a { text-decoration: none; } div.widelift p { color: #fff; } div.widelift p a { text-decoration: none; color: #fff; } #social { margin-top: 9px; padding: 0; } #social div { padding: 0; } #social .caption { color: #afcc3d; font-size: 18px; font-weight: 400; display: inline-block; vertical-align: top; line-height: 40px; } #social #socialIcons .addthis_toolbox { float: right; margin-right: 0px; } #news { margin-top: 36px; } #news .newsMore { margin: 10px 0; margin-left: 15px !important; padding: 0; } #news .articles_list { display: table; } #news .articles_list div { padding-left: 0px; padding-right: 0px; } #news .newsImageWrapper, #news .newsContentWrapper { display: table-cell; vertical-align: top; } #news .newsContentWrapper { padding: 0 10px !important; } #news h2 { margin: 0; } #news h3 { margin: 0px 0px 5px 0px; } #news .newsDate { color: #afcc3d; font-size: 1.16em; } #news hr, #events hr, #blogs hr { margin-top: 8px; margin-bottom: 20px; color: #afcc3d; background-color: #afcc3d; height: 2px; border-width: 0; } #news p { margin: 5px 0; } #events { margin: 15px 0; padding: 10px; background-color: #f7f7f7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #events .articles_list { margin: 10px 0; padding-left: 10px; padding-right: 10px; } #events h2 { color: #afcc3d; margin: 0; } #events h3 a { text-decoration: none; color: #404040; } #events ul li { list-style-type: none; padding-left: 0px; margin: 0; } #events .articles_date { color: #afcc3d; padding: 5px 0; } #events p.eventDate { color: #afcc3d; } #events hr { margin-bottom: 8px; } #events .eventsMore, #news .newsMore { margin-left: 0px; color: #404040; } #events .eventsMore a, #news .newsMore a { color: #404040; } /* Events contentpage */ table.events_details{ background: #eeeeee; border: 1px solid #e0e0e0; color: #2c2c2c; width: 100%; margin-bottom: 1em; } table.events_details th{ text-align: left; width: 100px; white-space: nowrap; } table.events_details th, table.events_details td{ padding: 5px 10px 5px 10px; } select.events_seasonSelect{ background: #eeeeee; border: 1px solid #e0e0e0; color: #2c2c2c; width: 100%; padding: 5px; } #frameAndLocation { margin-top: 21px; } #frameAndLocation img { width: 100%; } #frame{ height: 520px; padding-left: 0; } #location { padding-left: 20px; padding-right: 0; height: 500px; } #location { padding-left: 20px; } #location h3 { color: #afcc3d; background-color: #f8f8f8; padding-top: 22px; padding-left: 20px; padding-bottom: 17px; margin-bottom: 0px; font-size: 1.5em; } #footer { color: #fff; background-color: #9fc312; margin-top: 26px; padding-top: 24px; margin-bottom: 0; } #footer h2 { color: #fff; font-size: 18px; } #footer a { color: #fff; } #footer ul li { list-style-type: none; } #footer ul { margin: 0; } /* Content page */ .contentWrapper { margin-top: 30px; } .contentWrapper .contentContainer img { max-width: 100%; } .contentWrapper .contentContainer h1 { font-size: 1.88em; } .contentWrapper h1.mainheader { font-size: 30px; margin-bottom: 0; } .contentWrapper hr.sidebarhr { color: #ffc833; background-color: #afcc3d; height: 2px; border-width: 0; } .contentWrapper .menu a { font-size: 16px; color: #404040; } .contentWrapper .menu ul li { list-style-image: url('/_sys_/images/caret_right.png'); margin-left: 10px; } .contentWrapper .menu ul li.zfse_navSelectedOpen, .contentWrapper .menu ul li:hover { list-style-image: url('/_sys_/images/caret_right_green.png'); } .contentWrapper .menu a.zfse_navSelectedOpen, .contentWrapper .menu a:hover { color: #afcc3d; } .breadcrumbContainer { margin-top: 30px; background-color: rgba(255, 255, 255, 0.5); height: 20px; margin-top: 25px; padding-top: 7px; } .breadcrumbContainer .breadcrumbs, .breadcrumbContainer .breadcrumbs a { color: #afcc3d; } .breadcrumbContainer .someicons .addthis_toolbox { float: right; margin-right: 0px; } /* unvisited link */ a:link { color: #000; } /* visited link */ a:visited { color: #000; } /* mouse over link */ a:hover { color: #000; } /* selected link */ a:active { color: #000; } div.fb_formWrap, div.fb_formWrap form{ width:100%; } table.fielset{ width:470px; border-collapse:collapse; } td.fb_title_large h2, td.fb_title_avg h2{ margin:0; } td.fb_title_avg h2{ font-size:0.9em; color:#000; } td.fb_title_small h2{ font-size:0.9em; font-weight: normal; color: #000; } td.fb_label{ width:115px; } td.fb_labelTextarea{ vertical-align:top; } td.fb_field, td.fb_checkBox, td.fb_label, td.fb_labelTextarea, td.fb_title_large, td.fb_title_avg, div.fb_formWrap p{ padding: 5px 0; border-top: 1px solid #e8ead9; } td.fb_radio{ padding: 5px 0; } input.fb_textField, textarea.fb_textArea, select.fb_select, input.fb_textFieldSmall, input.fb_textFieldTiny{ width:350px; background: #f9faf6; border: 1px solid #c7cab2; } input.fb_textFieldSmall{ width:65px; float: left; } input.fb_textFieldTiny{ width:20px; text-align: right; margin: 0 0 5px; } div.fb_fieldTitle3{ float: left; text-align:right; padding:0 10px; width:89px; } div.fb_fieldTitle4{ float: left; text-align:right; padding:0 10px 0 0px; width:89px; } div.fb_fieldTitleDisabled{ color: #acacac; } input.fb_fieldDisabled{ background: #ededed; color: #909090; } input.fb_checkBox{ margin: 0 13px 0 0; } input.fb_submitBut{ } input.fb_resetBut{ } .rpt_dayTable{ border: 0; margin: 0 0 5px; } .rpt_dayTable td{ width: 20px; text-align: center; } div.fb_markedField { color: #ce1220; display:inline; } div.fb_warning, div.fb_thanks{ color: #fff; padding: 10px; margin: 0 0 20px 0; } div.fb_warning{ background: #ce1220; } div.fb_thanks{ background: #a1b942; } input.mapSearch_textField{ width: 170px; } select.mapSearch_select{ width: 235px; } .Gallery_TitleWrapper{ margin: 10px 0 20px; /* set title margins here */ } .Gallery_TitleContainer{ border: 1px solid #C0CEDA; /* set background- and border color here */ background: #DBEAF3; padding: 5px 10px; } .Gallery_ImageContainer, a.Gallery_ImageLink{ width: 100px; /* set thumbnail size here */ height: 100px; } .Gallery_Title{ margin: 0; } .Gallery_ImageWrapper{ float: left; margin: 0 9px 10px 0; } .Gallery_ImageContainer{ position: relative; } a.Gallery_ImageLink{ display: block; position: absolute; top: 0; left: 0; } a.Gallery_ImageLink:hover{ background: url(/images/selectedHover.png) no-repeat right bottom; } a.Gallery_ImageLink span{ display: none; } /** classic */ .Gallery_Classic_ImagesWrapper{ height: 470px; width: 560px; } .Gallery_Classic_ImagesContainer{ margin: 0 auto; width: 550px; } .classic_galleryHeader{ padding: 0 0 10px; } .classic_galleryPrev{ float: left; } .classic_galleryPrev a{ display: block; padding: 6px 0 6px 30px; background: url(/images/gallery_butPrev.png) no-repeat left 50%; } .classic_galleryNext{ float: right; } .classic_galleryNext a{ display: block; padding: 6px 30px 6px 0; background: url(/images/gallery_butNext.png) no-repeat right 50%; } .classic_galleryClearer{ clear: both; } .classic_galleryImage{ clear: both; height: 430px; position: relative; } .classic_galleryFooter{ font-style: italic; } @media screen and (max-width: 400px) { .mobileMenuIcon { background-color: transparent; text-align: center; height: 44px; cursor: pointer; float: right; margin-right: 0px; } .mobileMenuIcon .menuIcon { /* padding: 12px;*/ padding: 5px 10px; } .mobileMenuIcon span { font-size: 30px; } .mobileMenuIcon i.active { background-color: transparent !important; } #topMenuMobile select { width: 50px; height:50px; opacity:0; overflow: hidden; position: absolute; z-index:999; right: 18%; background: #fff; /* margin-top: 5px;*/ } img { max-width: 100% !important; height: auto; } .headerWrapperMain { position: static; display: inline-block; width: 100%; margin: 0; } div#topMenuMobile { position: absolute; right: 0px; z-index: 200; margin: 20px 10px 0 0; width: 100%; } #topMenuMobile { width: 100%; display: inline-block; margin-top: 20px; } #topMenuMobile .mobileMenuContent, .mobileSubMenu .mobileSubMenuContent { display: none; position: absolute; width: 100%; top: 60px; right: -10px; margin-right: 0px; background-color: #fff; min-width: 100px; z-index: 800; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } #topMenuMobile .mobileMenuContent .zfse_navLevel1, .mobileSubMenu .mobileSubMenuContent .zfse_navLevel1 { display: block; } #topMenuMobile .mobileMenuContent li.zfse_navLevel1.hidden div.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent li.zfse_navLevel1.hidden div.zfse_navLevel2 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel2 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel2.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel2.visible { display: block; } #topMenuMobile .mobileMenuContent div.zfse_navLevel3, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel3 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel3.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel3.visible { display: block; } #topMenuMobile .mobileMenuContent div.zfse_navLevel4, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel4 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel4.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel4.visible { display: block; } #topMenuMobile .mobileMenuContent a.zfse_navLevel1 , .mobileSubMenu .mobileSubMenuContent a.zfse_navLevel1 { font-size: 18px !important; } #topMenuMobile .mobileMenuContent a.zfse_navLevel2 , .mobileSubMenu .mobileSubMenuContent a.zfse_navLevel2 { font-size: 16px !important; } #topMenuMobile .mobileMenuContent a.zfse_navLevel3 , .mobileSubMenu .mobileSubMenuContent a.zfse_navLevel3 { font-size: 14px !important; } #topMenuMobile .mobileMenuContent .zfse_navItem a, .mobileSubMenu .mobileSubMenuContent .zfse_navItem a { font-size: 18px; line-height: 18px; max-width: 85%; color: #404040; display: block; } #topMenuMobile .mobileMenuContent ul, .mobileSubMenu .mobileSubMenuContent ul { margin: 5px 0; } #topMenuMobile .mobileMenuContent span.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent span.zfse_navLevel2, #topMenuMobile .mobileMenuContent span.zfse_navLevel3, .mobileSubMenu .mobileSubMenuContent span.zfse_navLevel3 { display: block; max-width: 85%; } #topMenuMobile .mobileMenuContent ul.zfse_navLevel1, .mobileSubMenu .mobileSubMenuContent ul.zfse_navLevel1 { margin: 5px 0 20px; } #topMenuMobile .mobileMenuContent ul li, .mobileSubMenu .mobileSubMenuContent ul li { list-style-image: url('/_sys_/images/caret_right.png'); list-style: none; width: 100%; position: relative; padding: 20px 0 0 15px; box-sizing: border-box; } #topMenuMobile .mobileMenuContent ul li:after, .mobileSubMenu .mobileSubMenuContent ul li:after { content: "+"; position: absolute; color: #afcc3d; font-weight: bold; font-size: 24px; right: 15px; top: 14px; } #topMenuMobile .mobileMenuContent ul li.zfse_navEmpty:after, .mobileSubMenu .mobileSubMenuContent ul li.zfse_navEmpty:after { display: none !important; } #topMenuMobile .mobileMenuContent ul li.active:after, .mobileSubMenu .mobileSubMenuContent ul li.active:after { content: "-"; position: absolute; right: 17px; top: 14px; color: #404040; font-weight: bold; font-size: 24px; } .subMenuIcon { cursor: pointer; } .mobileSubMenu .mobileSubMenuContent { position: relative; left: -10px; top: 0px; width: 200px; } .mobileMenuIcon span { color: #fff; } #carousel { margin-top: -23px; } .carouselBgContainer { background-color: transparent; z-index: 0; } .carousel-grid { padding: 0; margin: 0; } .carouselFadesContainer { top: 80px; } #carouselContainer { margin: 0 !important; padding: 0 !important; } #carousel .wrapper { width: 100%; padding: 0; bottom: 10px; } #carousel .wrapper h2 { font-size: 16px; max-width: 100%; } #carousel ul { margin-left: 0; margin-right: 0; } #carousel .cyclePrevNext { display: none; } div.carouselFadeLeft, div.carouselFadeRight{ display: none; width: 10%; } div.carouselFadeLeft { background: -moz-linear-gradient(left, rgba(175,204,61,1) 0%, rgba(175,204,61,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,1)), color-stop(100%,rgba(175,204,61,0))); background: -webkit-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: -o-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: linear-gradient(to right, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcc3d', endColorstr='#00afcc3d',GradientType=1 ); } div.carouselFadeRight { background: -moz-linear-gradient(left, rgba(175,204,61,0) 0%, rgba(175,204,61,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,0)), color-stop(100%,rgba(175,204,61,1))); background: -webkit-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: -o-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: linear-gradient(to right, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afcc3d', endColorstr='#afcc3d',GradientType=1 ); } #carousel .carousel-image { width: 100% !important; height: auto; } #lifts .first, #lifts .last, #lifts .lift { padding-left: 0; padding-right: 0; } #news .articles_list { display: block; } #news .articles_list div { padding-left: 0px; padding-right: 0px; } #news .newsImageWrapper, #news .newsContentWrapper { display: block; } #news .newsImageWrapper { width: 100%; } #news .newsImageWrapper img { width: 100%; height: auto; } #events { padding: 10px 0; } div.widelift { margin-top: 28px; padding: 10px; background-color: #afcc3d; } #social .caption { line-height: 20px; } #social #socialIcons .addthis_toolbox { float: left; } .wideLiftWrapper #socialIcons { margin-top: 10px; } #frame{ height: 1000px; } #frameAndLocation #location { width: 100%; padding-left: 0px; padding-right: 10px; } /* Content page */ .mobileSubNavContainer { margin: 25px 20px 10px 15px; height: 27px; background-color: rgba(205, 205, 205, 0.2); color: #000; padding: 4px 10px 0px 5px; } .mobileSubNavContainer .mobileSubMenu i { font-size: 20px; } .breadcrumbContainer { margin: 10px 0 20px 0; margin-top: 10px !important; } .contentWrapper { margin-top: 0px; } } @media screen and (max-width: 767px) { .mobileMenuIcon { background-color: transparent; text-align: center; height: 44px; cursor: pointer; float: right; margin-right: 0px; } .mobileMenuIcon .menuIcon { /* padding: 12px;*/ padding: 5px 10px; } .mobileMenuIcon span { font-size: 30px; } .mobileMenuIcon i.active { background-color: transparent !important; } #topMenuMobile select { width: 50px; height:50px; opacity:0; overflow: hidden; position: absolute; z-index:999; right: 18%; background: #fff; /* margin-top: 5px;*/ } img { max-width: 100% !important; height: auto; } .headerWrapperMain { position: static; display: inline-block; width: 100%; margin: 0; } div#topMenuMobile { position: absolute; right: 0px; z-index: 200; margin: 20px 10px 0 0; width: 100%; } #topMenuMobile { width: 100%; display: inline-block; margin-top: 20px; } #topMenuMobile .mobileMenuContent, .mobileSubMenu .mobileSubMenuContent { display: none; position: absolute; width: 100%; top: 60px; right: -10px; margin-right: 0px; background-color: #fff; min-width: 100px; z-index: 800; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } #topMenuMobile .mobileMenuContent .zfse_navLevel1, .mobileSubMenu .mobileSubMenuContent .zfse_navLevel1 { display: block; } #topMenuMobile .mobileMenuContent li.zfse_navLevel1.hidden div.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent li.zfse_navLevel1.hidden div.zfse_navLevel2 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel2 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel2.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel2.visible { display: block; } #topMenuMobile .mobileMenuContent div.zfse_navLevel3, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel3 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel3.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel3.visible { display: block; } #topMenuMobile .mobileMenuContent div.zfse_navLevel4, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel4 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel4.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel4.visible { display: block; } #topMenuMobile .mobileMenuContent a.zfse_navLevel1 , .mobileSubMenu .mobileSubMenuContent a.zfse_navLevel1 { font-size: 18px !important; } #topMenuMobile .mobileMenuContent a.zfse_navLevel2 , .mobileSubMenu .mobileSubMenuContent a.zfse_navLevel2 { font-size: 16px !important; } #topMenuMobile .mobileMenuContent a.zfse_navLevel3 , .mobileSubMenu .mobileSubMenuContent a.zfse_navLevel3 { font-size: 14px !important; } #topMenuMobile .mobileMenuContent .zfse_navItem a, .mobileSubMenu .mobileSubMenuContent .zfse_navItem a { font-size: 18px; line-height: 18px; max-width: 85%; color: #404040; display: block; } #topMenuMobile .mobileMenuContent ul, .mobileSubMenu .mobileSubMenuContent ul { margin: 5px 0; } #topMenuMobile .mobileMenuContent span.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent span.zfse_navLevel2, #topMenuMobile .mobileMenuContent span.zfse_navLevel3, .mobileSubMenu .mobileSubMenuContent span.zfse_navLevel3 { display: block; max-width: 85%; } #topMenuMobile .mobileMenuContent ul.zfse_navLevel1, .mobileSubMenu .mobileSubMenuContent ul.zfse_navLevel1 { margin: 5px 0 20px; } #topMenuMobile .mobileMenuContent ul li, .mobileSubMenu .mobileSubMenuContent ul li { list-style-image: url('/_sys_/images/caret_right.png'); list-style: none; width: 100%; position: relative; padding: 20px 0 0 15px; box-sizing: border-box; } #topMenuMobile .mobileMenuContent ul li:after, .mobileSubMenu .mobileSubMenuContent ul li:after { content: "+"; position: absolute; color: #afcc3d; font-weight: bold; font-size: 24px; right: 15px; top: 14px; } #topMenuMobile .mobileMenuContent ul li.zfse_navEmpty:after, .mobileSubMenu .mobileSubMenuContent ul li.zfse_navEmpty:after { display: none !important; } #topMenuMobile .mobileMenuContent ul li.active:after, .mobileSubMenu .mobileSubMenuContent ul li.active:after { content: "-"; position: absolute; right: 17px; top: 14px; color: #404040; font-weight: bold; font-size: 24px; } .subMenuIcon { cursor: pointer; } .mobileSubMenu .mobileSubMenuContent { position: relative; left: -10px; top: 0px; width: 200px; } .mobileMenuIcon span { color: #fff; } #carousel { margin-top: -23px; } .carouselBgContainer { background-color: transparent; z-index: 0; } .carousel-grid { padding: 0; margin: 0; } .carouselFadesContainer { top: 80px; } #carouselContainer { margin: 0 !important; padding: 0 !important; } #carousel .wrapper { width: 100%; padding: 0; bottom: 10px; } #carousel .wrapper h2 { font-size: 16px; max-width: 100%; } #carousel ul { margin-left: 0; margin-right: 0; } #carousel .cyclePrevNext { display: none; } div.carouselFadeLeft, div.carouselFadeRight{ display: none; width: 10%; } div.carouselFadeLeft { background: -moz-linear-gradient(left, rgba(175,204,61,1) 0%, rgba(175,204,61,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,1)), color-stop(100%,rgba(175,204,61,0))); background: -webkit-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: -o-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: linear-gradient(to right, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcc3d', endColorstr='#00afcc3d',GradientType=1 ); } div.carouselFadeRight { background: -moz-linear-gradient(left, rgba(175,204,61,0) 0%, rgba(175,204,61,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,0)), color-stop(100%,rgba(175,204,61,1))); background: -webkit-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: -o-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: linear-gradient(to right, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afcc3d', endColorstr='#afcc3d',GradientType=1 ); } #carousel .carousel-image { width: 100% !important; height: auto; } #lifts .first, #lifts .last, #lifts .lift { padding-left: 0; padding-right: 0; } #news .articles_list { display: block; } #news .articles_list div { padding-left: 0px; padding-right: 0px; } #news .newsImageWrapper, #news .newsContentWrapper { display: block; } #news .newsImageWrapper { width: 100%; } #news .newsImageWrapper img { width: 100%; height: auto; } #events { padding: 10px 0; } div.widelift { margin-top: 28px; padding: 10px; background-color: #afcc3d; } #social .caption { line-height: 20px; } #social #socialIcons .addthis_toolbox { float: left; } .wideLiftWrapper #socialIcons { margin-top: 10px; } #frame{ height: 1000px; } #frameAndLocation #location { width: 100%; padding-left: 0px; padding-right: 10px; } /* Content page */ .mobileSubNavContainer { margin: 25px 20px 10px 15px; height: 27px; background-color: rgba(205, 205, 205, 0.2); color: #000; padding: 4px 10px 0px 5px; } .mobileSubNavContainer .mobileSubMenu i { font-size: 20px; } .breadcrumbContainer { margin: 10px 0 20px 0; margin-top: 10px !important; } .contentWrapper { margin-top: 0px; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .mobileMenuIcon { background-color: transparent; text-align: center; height: 44px; cursor: pointer; float: right; margin-right: 0px; } .mobileMenuIcon .menuIcon { /* padding: 12px;*/ padding: 5px 10px; } .mobileMenuIcon span { font-size: 30px; } .mobileMenuIcon i.active { background-color: transparent !important; } #topMenuMobile select { width: 50px; height:50px; opacity:0; overflow: hidden; position: absolute; z-index:999; right: 18%; background: #fff; /* margin-top: 5px;*/ } h2 { color: #afcc3d; font-size: 20px; } .tablet-grid-100 { width: 100%; } div#topMenuMobile { margin-top: 20px; } #topMenuMobile .mobileMenuContent, .mobileSubMenu .mobileSubMenuContent { display: none; position: absolute; top: 60px; width: 50%; right: 0px; background-color: #fff; min-width: 100px; z-index: 800; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); } #topMenuMobile .mobileMenuContent .zfse_navItem a, .mobileSubMenu .mobileSubMenuContent .zfse_navItem a { font-size: 16px; line-height: 30px; color: #404040; } #topMenuMobile .mobileMenuContent .zfse_navLevel1, .mobileSubMenu .mobileSubMenuContent .zfse_navLevel1 { display: block; } #topMenuMobile .mobileMenuContent li.zfse_navLevel1.hidden div.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent li.zfse_navLevel1.hidden div.zfse_navLevel2 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel2 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel2.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel2.visible { display: block; } #topMenuMobile .mobileMenuContent div.zfse_navLevel3, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel3 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel3.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel3.visible { display: block; } #topMenuMobile .mobileMenuContent div.zfse_navLevel4, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel4 { display: none; } #topMenuMobile .mobileMenuContent div.zfse_navLevel4.visible, .mobileSubMenu .mobileSubMenuContent div.zfse_navLevel4.visible { display: block; } #topMenuMobile .mobileMenuContent ul, .mobileSubMenu .mobileSubMenuContent ul { margin: 5px 0; } #topMenuMobile .mobileMenuContent span.zfse_navLevel2, .mobileSubMenu .mobileSubMenuContent span.zfse_navLevel2, #topMenuMobile .mobileMenuContent span.zfse_navLevel3, .mobileSubMenu .mobileSubMenuContent span.zfse_navLevel3 { display: block; max-width: 85%; } #topMenuMobile .mobileMenuContent ul.zfse_navLevel1, .mobileSubMenu .mobileSubMenuContent ul.zfse_navLevel1 { margin: 5px 0 20px; } #topMenuMobile .mobileMenuContent ul li:after, .mobileSubMenu .mobileSubMenuContent ul li:after { content: "+"; position: absolute; color: #afcc3d; font-weight: bold; font-size: 24px; right: 15px; top: 2px; } #topMenuMobile .mobileMenuContent ul li.zfse_navEmpty:after, .mobileSubMenu .mobileSubMenuContent ul li.zfse_navEmpty:after { display: none !important; } #topMenuMobile .mobileMenuContent ul li.active:after, .mobileSubMenu .mobileSubMenuContent ul li.active:after { content: "-"; position: absolute; right: 15px; top: 2px; color: #404040; font-weight: bold; font-size: 24px; } #topMenuMobile .mobileMenuContent ul li, .mobileSubMenu .mobileSubMenuContent ul li { list-style-image: url('/_sys_/images/caret_right.png'); list-style: none; width: 100%; position: relative; padding: 20px 0 0 15px; box-sizing: border-box; } .subMenuIcon { cursor: pointer; } .mobileSubMenu .mobileSubMenuContent { position: relative; left: -10px; top: 0px; width: 200px; } .mobileMenuIcon span { color: #fff; } .carousel-grid { padding: 0; margin: 0; } #carouselContainer { margin: 0 !important; padding: 0 !important; } .carouselFadesContainer { top: 0px; } .carouselBgContainer { background-color: transparent; } div.carouselFadeLeft, div.carouselFadeRight{ width: 20%; } div.carouselFadeLeft { background: -moz-linear-gradient(left, rgba(175,204,61,1) 0%, rgba(175,204,61,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,1)), color-stop(100%,rgba(175,204,61,0))); background: -webkit-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: -o-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); background: linear-gradient(to right, rgba(175,204,61,1) 0%,rgba(175,204,61,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcc3d', endColorstr='#00afcc3d',GradientType=1 ); } div.carouselFadeRight { background: -moz-linear-gradient(left, rgba(175,204,61,0) 0%, rgba(175,204,61,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(175,204,61,0)), color-stop(100%,rgba(175,204,61,1))); background: -webkit-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: -o-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: -ms-linear-gradient(left, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); background: linear-gradient(to right, rgba(175,204,61,0) 0%,rgba(175,204,61,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afcc3d', endColorstr='#afcc3d',GradientType=1 ); } #carousel { margin-top: 0; padding: 0 !important; } #carousel ul { margin: 0; } #carousel .wrapper { width: 100%; padding: 0; } #carousel .wrapper .content { padding: 0 10%; } #carousel .wrapper h2 { font-size: 36px; } #carouselContainer { width: 100%; height: auto; margin: 0; padding: 0 ; } #carousel .carousel-image { width: 100%; } #carousel .cycle-pager { margin-top: 20px; } .wideLiftWrapper img { max-width: 230px; } #news .newsImageWrapper img { max-width: 200px; } #news .articles_list div { margin: 15px 0; } #frameAndLocation #location { width: 100%; padding-left: 0px; padding-right: 10px; } /* Content page */ .mobileSubNavContainer { margin: 25px 20px 10px 15px; height: 27px; background-color: rgba(205, 205, 205, 0.2); color: #000; padding: 4px 10px 0px 5px; } .mobileSubNavContainer .mobileSubMenu i { font-size: 20px; } .breadcrumbContainer { margin: 70px 0 40px 0; } .contentWrapper { margin-top: 0px; } } @media screen and (min-width: 1025px) { }