/*! * 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('../../files/css/fontawesome/font/fontawesome-webfont.eot?v=4.1.0');src:url('../../files/css/fontawesome/font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../../files/css/fontawesome/font/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../../files/css/fontawesome/font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../../files/css/fontawesome/font/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"} @font-face { font-family: 'hdnfont'; src: url('../../files/css/hdnfont/fonts/hdnfont.eot?7bu4i'); src: url('../../files/css/hdnfont/fonts/hdnfont.eot?7bu4i#iefix') format('embedded-opentype'), url('../../files/css/hdnfont/fonts/hdnfont.ttf?7bu4i') format('truetype'), url('../../files/css/hdnfont/fonts/hdnfont.woff?7bu4i') format('woff'), url('../../files/css/hdnfont/fonts/hdnfont.svg?7bu4i#hdnfont') format('svg'); font-weight: normal; font-style: normal; } [class^="hdnico-"], [class*=" hdnico-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'hdnfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hdnico-home:before { content: "\e600"; } .hdnico-home2:before { content: "\e601"; } .hdnico-pencil:before { content: "\e60d"; } .hdnico-pen:before { content: "\e60f"; } .hdnico-pencil3:before { content: "\e610"; } .hdnico-pencil4:before { content: "\e612"; } .hdnico-color-sampler:before { content: "\e627"; } .hdnico-snow2:before { content: "\e637"; } .hdnico-umbrella:before { content: "\e63f"; } .hdnico-umbrella2:before { content: "\e640"; } .hdnico-sun-small:before { content: "\e646"; } .hdnico-sun:before { content: "\e647"; } .hdnico-cloud-upload:before { content: "\e64b"; } .hdnico-cloud-download:before { content: "\e64c"; } .hdnico-shield-alert:before { content: "\e669"; } .hdnico-trash2:before { content: "\e681"; } .hdnico-hearts:before { content: "\e68b"; } .hdnico-heart:before { content: "\e68c"; } .hdnico-star:before { content: "\e68d"; } .hdnico-at-sign:before { content: "\e695"; } .hdnico-envelope:before { content: "\e696"; } .hdnico-envelope-open:before { content: "\e697"; } .hdnico-paperclip:before { content: "\e698"; } .hdnico-paper-plane:before { content: "\e699"; } .hdnico-inbox2:before { content: "\e69d"; } .hdnico-hdd-down:before { content: "\e6ac"; } .hdnico-hdd-up:before { content: "\e6ad"; } .hdnico-scissors:before { content: "\e6c7"; } .hdnico-clipboard-empty:before { content: "\e6c9"; } .hdnico-clipboard-pencil:before { content: "\e6ca"; } .hdnico-register:before { content: "\e6d1"; } .hdnico-enter:before { content: "\e6d2"; } .hdnico-reading:before { content: "\e6d6"; } .hdnico-document:before { content: "\e6d8"; } .hdnico-document2:before { content: "\e6d9"; } .hdnico-trophy:before { content: "\e6e2"; } .hdnico-film:before { content: "\e6fb"; } .hdnico-surveillance:before { content: "\e6fd"; } .hdnico-camera:before { content: "\e6ff"; } .hdnico-camera-play:before { content: "\e701"; } .hdnico-camera2:before { content: "\e704"; } .hdnico-shutter:before { content: "\e708"; } .hdnico-book:before { content: "\e712"; } .hdnico-audio-book:before { content: "\e713"; } .hdnico-book2:before { content: "\e714"; } .hdnico-bookmark:before { content: "\e715"; } .hdnico-bookmark2:before { content: "\e716"; } .hdnico-label:before { content: "\e717"; } .hdnico-users:before { content: "\e722"; } .hdnico-users2:before { content: "\e723"; } .hdnico-users-plus:before { content: "\e724"; } .hdnico-group-work:before { content: "\e726"; } .hdnico-woman:before { content: "\e727"; } .hdnico-man:before { content: "\e728"; } .hdnico-woman2:before { content: "\e731"; } .hdnico-man2:before { content: "\e732"; } .hdnico-man-woman:before { content: "\e733"; } .hdnico-height:before { content: "\e734"; } .hdnico-hanger:before { content: "\e742"; } .hdnico-barcode:before { content: "\e747"; } .hdnico-cart:before { content: "\e74d"; } .hdnico-cart-empty:before { content: "\e74e"; } .hdnico-cart-full:before { content: "\e74f"; } .hdnico-cart-plus:before { content: "\e750"; } .hdnico-cart-add:before { content: "\e752"; } .hdnico-cart-remove:before { content: "\e753"; } .hdnico-tag:before { content: "\e755"; } .hdnico-tags:before { content: "\e756"; } .hdnico-cash-euro:before { content: "\e75b"; } .hdnico-bag-euro:before { content: "\e75f"; } .hdnico-coin-euro:before { content: "\e763"; } .hdnico-calculator2:before { content: "\e767"; } .hdnico-telephone:before { content: "\e76a"; } .hdnico-phone-wave:before { content: "\e76c"; } .hdnico-map-marker:before { content: "\e77a"; } .hdnico-calendar-31:before { content: "\e788"; } .hdnico-calendar-full:before { content: "\e789"; } .hdnico-calendar-insert:before { content: "\e78a"; } .hdnico-calendar-text:before { content: "\e78b"; } .hdnico-mouse:before { content: "\e78d"; } .hdnico-keyboard:before { content: "\e791"; } .hdnico-keyboard-up:before { content: "\e792"; } .hdnico-keyboard-down:before { content: "\e793"; } .hdnico-escape:before { content: "\e796"; } .hdnico-enter2:before { content: "\e797"; } .hdnico-screen:before { content: "\e798"; } .hdnico-signal:before { content: "\e79a"; } .hdnico-signal-80:before { content: "\e79c"; } .hdnico-flash-memory:before { content: "\e7a3"; } .hdnico-phone:before { content: "\e7a5"; } .hdnico-smartphone:before { content: "\e7a6"; } .hdnico-tablet2:before { content: "\e7ac"; } .hdnico-laptop:before { content: "\e7ad"; } .hdnico-laptop-phone:before { content: "\e7ae"; } .hdnico-desktop:before { content: "\e7af"; } .hdnico-launch:before { content: "\e7b0"; } .hdnico-remote-control:before { content: "\e7b7"; } .hdnico-power-switch:before { content: "\e7b8"; } .hdnico-power:before { content: "\e7b9"; } .hdnico-lamp:before { content: "\e7bc"; } .hdnico-battery-mid1:before { content: "\e7c8"; } .hdnico-battery-mid2:before { content: "\e7c9"; } .hdnico-battery-mid3:before { content: "\e7ca"; } .hdnico-bubble:before { content: "\e7d6"; } .hdnico-bubbles:before { content: "\e7d7"; } .hdnico-bubble-alert:before { content: "\e7d9"; } .hdnico-bubble-question:before { content: "\e7da"; } .hdnico-bubble-text:before { content: "\e7db"; } .hdnico-phone-bubble:before { content: "\e7e4"; } .hdnico-thermometer:before { content: "\e7f0"; } .hdnico-microscope:before { content: "\e7f1"; } .hdnico-brain:before { content: "\e7f2"; } .hdnico-beaker:before { content: "\e7f3"; } .hdnico-skull:before { content: "\e7f4"; } .hdnico-pie-chart:before { content: "\e7f8"; } .hdnico-graph:before { content: "\e7fa"; } .hdnico-chart-growth:before { content: "\e7fb"; } .hdnico-cake:before { content: "\e7fe"; } .hdnico-gift:before { content: "\e7ff"; } .hdnico-crown:before { content: "\e804"; } .hdnico-diamond2:before { content: "\e807"; } .hdnico-teacup:before { content: "\e80b"; } .hdnico-glass:before { content: "\e80d"; } .hdnico-glass-cocktail:before { content: "\e80f"; } .hdnico-bus:before { content: "\e84d"; } .hdnico-bus2:before { content: "\e84e"; } .hdnico-car2:before { content: "\e84f"; } .hdnico-train:before { content: "\e85a"; } .hdnico-ship:before { content: "\e85b"; } .hdnico-sad:before { content: "\e88d"; } .hdnico-wink:before { content: "\e88e"; } .hdnico-dream:before { content: "\e88f"; } .hdnico-volume-high:before { content: "\e8b0"; } .hdnico-volume-medium:before { content: "\e8b1"; } .hdnico-lan:before { content: "\e8b5"; } .hdnico-lan2:before { content: "\e8b6"; } .hdnico-wifi:before { content: "\e8b7"; } .hdnico-refresh:before { content: "\e8d3"; } .hdnico-sync:before { content: "\e8da"; } .hdnico-clock3:before { content: "\e8e8"; } .hdnico-watch:before { content: "\e8e9"; } .hdnico-download:before { content: "\e8f3"; } .hdnico-upload:before { content: "\e8f4"; } .hdnico-download2:before { content: "\e8f5"; } .hdnico-upload2:before { content: "\e8f6"; } .hdnico-enter-up:before { content: "\e8f7"; } .hdnico-enter-down:before { content: "\e8f8"; } .hdnico-enter-left:before { content: "\e8f9"; } .hdnico-enter-right:before { content: "\e8fa"; } .hdnico-enter-down2:before { content: "\e900"; } .hdnico-exit-up2:before { content: "\e905"; } .hdnico-code:before { content: "\e90b"; } .hdnico-link2:before { content: "\e917"; } .hdnico-thumbs-up:before { content: "\e919"; } .hdnico-thumbs-up3:before { content: "\e91d"; } .hdnico-thumbs-down3:before { content: "\e91e"; } .hdnico-share2:before { content: "\e920"; } .hdnico-magnifier:before { content: "\e922"; } .hdnico-zoom-in:before { content: "\e925"; } .hdnico-menu:before { content: "\e92b"; } .hdnico-list3:before { content: "\e92e"; } .hdnico-exclamation:before { content: "\e932"; } .hdnico-question:before { content: "\e933"; } .hdnico-check:before { content: "\e934"; } .hdnico-cross2:before { content: "\e935"; } .hdnico-plus:before { content: "\e936"; } .hdnico-minus:before { content: "\e937"; } .hdnico-chevron-left:before { content: "\e93b"; } .hdnico-chevron-right:before { content: "\e93c"; } .hdnico-expand:before { content: "\e94a"; } .hdnico-contract:before { content: "\e94b"; } .hdnico-move:before { content: "\e94e"; } .hdnico-warning:before { content: "\e955"; } .hdnico-notification-circle:before { content: "\e956"; } .hdnico-question-circle:before { content: "\e957"; } .hdnico-arrow-left-circle:before { content: "\e960"; } .hdnico-arrow-right-circle:before { content: "\e961"; } .hdnico-chevron-up-circle:before { content: "\e962"; } .hdnico-chevron-down-circle:before { content: "\e963"; } .hdnico-layers:before { content: "\e977"; } .hdnico-chevron-up-square:before { content: "\e995"; } .hdnico-chevron-down-square:before { content: "\e996"; } .hdnico-chevron-left-square:before { content: "\e997"; } .hdnico-chevron-right-square:before { content: "\e998"; } .hdnico-pencil-line:before { content: "\e9be"; } .hdnico-hand2:before { content: "\e9cf"; } .hdnico-ellipsis:before { content: "\e9e9"; } @font-face { font-family: 'iconfontcustom'; src:url('../../files/css/iconfontcustom/fonts/iconfontcustom.eot?jzaet'); src:url('../../files/css/iconfontcustom/fonts/iconfontcustom.eot?#iefixjzaet') format('embedded-opentype'), url('../../files/css/iconfontcustom/fonts/iconfontcustom.woff?jzaet') format('woff'), url('../../files/css/iconfontcustom/fonts/iconfontcustom.ttf?jzaet') format('truetype'), url('../../files/css/iconfontcustom/fonts/iconfontcustom.svg?jzaet#iconfontcustom') format('svg'); font-weight: normal; font-style: normal; } [class^="ifc-"], [class*=" ifc-"] { font-family: 'iconfontcustom'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ifc-zoom_out:before { content: "\e600"; } .ifc-zoom_in:before { content: "\e601"; } .ifc-zip:before { content: "\e602"; } .ifc-xls:before { content: "\e608"; } .ifc-xlarge_icons:before { content: "\e609"; } .ifc-workstation:before { content: "\e60a"; } .ifc-workflow:before { content: "\e60b"; } .ifc-word:before { content: "\e60f"; } .ifc-windows_client:before { content: "\e616"; } .ifc-wifi_logo:before { content: "\e619"; } .ifc-wifi_direct:before { content: "\e61a"; } .ifc-wifi:before { content: "\e61b"; } .ifc-whole_hand:before { content: "\e61c"; } .ifc-week_view:before { content: "\e625"; } .ifc-wedding_rings:before { content: "\e626"; } .ifc-wedding_photo:before { content: "\e627"; } .ifc-wedding_day:before { content: "\e628"; } .ifc-web_shield:before { content: "\e62b"; } .ifc-web_camera:before { content: "\e62c"; } .ifc-waypoint_map:before { content: "\e62d"; } .ifc-waxing_gibbous:before { content: "\e62e"; } .ifc-waxing_crescent:before { content: "\e62f"; } .ifc-wav:before { content: "\e630"; } .ifc-water:before { content: "\e636"; } .ifc-watch:before { content: "\e637"; } .ifc-washing_machine:before { content: "\e638"; } .ifc-warning_shield:before { content: "\e639"; } .ifc-waning_gibbous:before { content: "\e63b"; } .ifc-waning_crescent:before { content: "\e63c"; } .ifc-wallet:before { content: "\e63e"; } .ifc-wacom_tablet:before { content: "\e644"; } .ifc-vpn:before { content: "\e645"; } .ifc-volleyball:before { content: "\e648"; } .ifc-voip_gateway:before { content: "\e649"; } .ifc-vkontakte:before { content: "\e64c"; } .ifc-visa:before { content: "\e64e"; } .ifc-virtual_mashine:before { content: "\e64f"; } .ifc-virtual_machine:before { content: "\e650"; } .ifc-video_camera:before { content: "\e655"; } .ifc-vector:before { content: "\e659"; } .ifc-variable:before { content: "\e65a"; } .ifc-user_male4:before { content: "\e65e"; } .ifc-user_male3:before { content: "\e65f"; } .ifc-user_male2:before { content: "\e660"; } .ifc-user_male:before { content: "\e661"; } .ifc-user_female4:before { content: "\e662"; } .ifc-user_female3:before { content: "\e663"; } .ifc-user_female2:before { content: "\e664"; } .ifc-user_female:before { content: "\e665"; } .ifc-USD:before { content: "\e666"; } .ifc-uppercase:before { content: "\e667"; } .ifc-upload2_filled:before { content: "\e668"; } .ifc-upload2:before { content: "\e669"; } .ifc-upload_filled:before { content: "\e66a"; } .ifc-upload:before { content: "\e66b"; } .ifc-update:before { content: "\e66c"; } .ifc-up4:before { content: "\e66d"; } .ifc-up3:before { content: "\e66e"; } .ifc-up2:before { content: "\e66f"; } .ifc-up_right:before { content: "\e670"; } .ifc-up_left:before { content: "\e671"; } .ifc-up:before { content: "\e672"; } .ifc-unlock:before { content: "\e673"; } .ifc-unicast:before { content: "\e675"; } .ifc-undo:before { content: "\e676"; } .ifc-underline:before { content: "\e679"; } .ifc-umbrella_filled:before { content: "\e67a"; } .ifc-umbrella:before { content: "\e67b"; } .ifc-type:before { content: "\e67c"; } .ifc-txt:before { content: "\e67d"; } .ifc-two_smartphones:before { content: "\e67e"; } .ifc-twitter:before { content: "\e681"; } .ifc-tv_show:before { content: "\e682"; } .ifc-tv:before { content: "\e683"; } .ifc-tumbler:before { content: "\e685"; } .ifc-ttf:before { content: "\e687"; } .ifc-trophy:before { content: "\e68a"; } .ifc-treasury_map:before { content: "\e695"; } .ifc-trash2:before { content: "\e696"; } .ifc-trash:before { content: "\e697"; } .ifc-transistor:before { content: "\e698"; } .ifc-torah:before { content: "\e6a3"; } .ifc-toolbox:before { content: "\e6a6"; } .ifc-tones:before { content: "\e6a9"; } .ifc-today:before { content: "\e6ad"; } .ifc-left-sidezone-12:before { content: "\e6af"; } .ifc-left-sidezone-11:before { content: "\e6b0"; } .ifc-left-sidezone-10:before { content: "\e6b1"; } .ifc-left-sidezone-9:before { content: "\e6b2"; } .ifc-left-sidezone-8:before { content: "\e6b3"; } .ifc-left-sidezone-7:before { content: "\e6b4"; } .ifc-left-sidezone-6:before { content: "\e6b5"; } .ifc-left-sidezone-5:before { content: "\e6b6"; } .ifc-left-sidezone-4:before { content: "\e6b7"; } .ifc-left-sidezone-3:before { content: "\e6b8"; } .ifc-left-sidezone-2:before { content: "\e6b9"; } .ifc-left-sidezone-1:before { content: "\e6ba"; } .ifc-left-sidezone_utc:before { content: "\e6bb"; } .ifc-left-sidezone_12:before { content: "\e6bc"; } .ifc-left-sidezone_11:before { content: "\e6bd"; } .ifc-left-sidezone_10:before { content: "\e6be"; } .ifc-timezone_9:before { content: "\e6bf"; } .ifc-timezone_8:before { content: "\e6c0"; } .ifc-timezone_7:before { content: "\e6c1"; } .ifc-timezone_6:before { content: "\e6c2"; } .ifc-timezone_5:before { content: "\e6c3"; } .ifc-timezone_4:before { content: "\e6c4"; } .ifc-timezone_3:before { content: "\e6c5"; } .ifc-timezone_2:before { content: "\e6c6"; } .ifc-timezone_1:before { content: "\e6c7"; } .ifc-timezone:before { content: "\e6c8"; } .ifc-timer:before { content: "\e6c9"; } .ifc-tif:before { content: "\e6cb"; } .ifc-thumb_up:before { content: "\e6cd"; } .ifc-thumb_down:before { content: "\e6ce"; } .ifc-this_way_up:before { content: "\e6d2"; } .ifc-text_color:before { content: "\e6d5"; } .ifc-temperature:before { content: "\e6db"; } .ifc-tea:before { content: "\e6de"; } .ifc-tar:before { content: "\e6e1"; } .ifc-talk:before { content: "\e6e6"; } .ifc-tails:before { content: "\e6e7"; } .ifc-table:before { content: "\e6ea"; } .ifc-switch_camera_filled:before { content: "\e6f2"; } .ifc-switch_camera:before { content: "\e6f3"; } .ifc-switch:before { content: "\e6f4"; } .ifc-swipe_up:before { content: "\e6f6"; } .ifc-swipe_right:before { content: "\e6f7"; } .ifc-swipe_left:before { content: "\e6f8"; } .ifc-swipe_down:before { content: "\e6f9"; } .ifc-swimming:before { content: "\e6fa"; } .ifc-surface:before { content: "\e6ff"; } .ifc-sun:before { content: "\e700"; } .ifc-summer:before { content: "\e701"; } .ifc-student:before { content: "\e705"; } .ifc-strikethrough:before { content: "\e708"; } .ifc-storm:before { content: "\e70b"; } .ifc-stopwatch:before { content: "\e70c"; } .ifc-stepper_motor:before { content: "\e70f"; } .ifc-stack_of_photos:before { content: "\e717"; } .ifc-stack:before { content: "\e718"; } .ifc-ssd:before { content: "\e719"; } .ifc-speedometer:before { content: "\e722"; } .ifc-speech_bubble:before { content: "\e724"; } .ifc-south_direction:before { content: "\e729"; } .ifc-smartphone_tablet:before { content: "\e733"; } .ifc-small_lens:before { content: "\e735"; } .ifc-small_icons:before { content: "\e736"; } .ifc-slr_small_lens:before { content: "\e739"; } .ifc-slr_large_lens:before { content: "\e73b"; } .ifc-slr_camera2_filled:before { content: "\e73c"; } .ifc-slr_camera2:before { content: "\e73d"; } .ifc-slr_camera_body:before { content: "\e740"; } .ifc-slr_camera:before { content: "\e741"; } .ifc-slr_back_side:before { content: "\e743"; } .ifc-sling_here:before { content: "\e744"; } .ifc-sleet:before { content: "\e745"; } .ifc-slave:before { content: "\e749"; } .ifc-skype:before { content: "\e74a"; } .ifc-skip_to_start:before { content: "\e74c"; } .ifc-shuffle:before { content: "\e752"; } .ifc-shopping_cart_loaded:before { content: "\e759"; } .ifc-shopping_cart_empty:before { content: "\e75a"; } .ifc-shopping_basket:before { content: "\e75b"; } .ifc-shop:before { content: "\e75c"; } .ifc-shield:before { content: "\e761"; } .ifc-shared:before { content: "\e766"; } .ifc-settings3:before { content: "\e767"; } .ifc-settings2:before { content: "\e769"; } .ifc-settings:before { content: "\e76b"; } .ifc-server:before { content: "\e76c"; } .ifc-sent:before { content: "\e76d"; } .ifc-sensor:before { content: "\e76e"; } .ifc-sell:before { content: "\e76f"; } .ifc-SEK:before { content: "\e771"; } .ifc-security_ssl:before { content: "\e772"; } .ifc-security_checked:before { content: "\e773"; } .ifc-security_aes:before { content: "\e774"; } .ifc-search:before { content: "\e775"; } .ifc-sea_waves:before { content: "\e777"; } .ifc-scrolling:before { content: "\e77a"; } .ifc-screwdriver:before { content: "\e77b"; } .ifc-scales_of_Balance:before { content: "\e783"; } .ifc-sale:before { content: "\e78c"; } .ifc-sagittarius:before { content: "\e78f"; } .ifc-safari:before { content: "\e791"; } .ifc-sad:before { content: "\e792"; } .ifc-running_rabbit:before { content: "\e793"; } .ifc-running:before { content: "\e794"; } .ifc-run_command:before { content: "\e795"; } .ifc-rugby:before { content: "\e796"; } .ifc-rucksach:before { content: "\e797"; } .ifc-rss:before { content: "\e798"; } .ifc-router:before { content: "\e79a"; } .ifc-rotation_cw:before { content: "\e79b"; } .ifc-rotation_ccw:before { content: "\e79c"; } .ifc-rotate_to_portrait:before { content: "\e79d"; } .ifc-rotate_to_landscape:before { content: "\e79e"; } .ifc-rotate_camera:before { content: "\e7a0"; } .ifc-rook:before { content: "\e7a2"; } .ifc-right3:before { content: "\e7ab"; } .ifc-right2:before { content: "\e7ac"; } .ifc-right_click:before { content: "\e7af"; } .ifc-right:before { content: "\e7b0"; } .ifc-rfid_tag:before { content: "\e7b2"; } .ifc-rfid_signal:before { content: "\e7b3"; } .ifc-rfid_sensor:before { content: "\e7b4"; } .ifc-rewind:before { content: "\e7b5"; } .ifc-resize:before { content: "\e7ba"; } .ifc-replay:before { content: "\e7bc"; } .ifc-repeat:before { content: "\e7bd"; } .ifc-rename:before { content: "\e7be"; } .ifc-remove_user:before { content: "\e7bf"; } .ifc-remove_image:before { content: "\e7c1"; } .ifc-remote_working:before { content: "\e7c2"; } .ifc-reload:before { content: "\e7c3"; } .ifc-relay:before { content: "\e7c4"; } .ifc-register_editor:before { content: "\e7c6"; } .ifc-redo:before { content: "\e7c8"; } .ifc-red_hat:before { content: "\e7c9"; } .ifc-recycle_sign_filled:before { content: "\e7cb"; } .ifc-recycle_sign:before { content: "\e7cc"; } .ifc-read_message:before { content: "\e7ce"; } .ifc-rar:before { content: "\e7d0"; } .ifc-radio_tower:before { content: "\e7d3"; } .ifc-radar_plot:before { content: "\e7d6"; } .ifc-rack:before { content: "\e7d7"; } .ifc-quote:before { content: "\e7d9"; } .ifc-puzzle:before { content: "\e7e1"; } .ifc-put_out:before { content: "\e7e2"; } .ifc-put_in_motion:before { content: "\e7e3"; } .ifc-put_in:before { content: "\e7e4"; } .ifc-publisher:before { content: "\e7e7"; } .ifc-psd:before { content: "\e7ea"; } .ifc-processor:before { content: "\e7ec"; } .ifc-private2:before { content: "\e7ed"; } .ifc-print:before { content: "\e7ef"; } .ifc-price_tag_usd:before { content: "\e7f0"; } .ifc-price_tag_pound:before { content: "\e7f1"; } .ifc-price_tag_euro:before { content: "\e7f2"; } .ifc-price_tag:before { content: "\e7f3"; } .ifc-pressure:before { content: "\e7f5"; } .ifc-presentation:before { content: "\e7f7"; } .ifc-power_point:before { content: "\e7fa"; } .ifc-positive_dynamic:before { content: "\e7fd"; } .ifc-portrait_mode:before { content: "\e7fe"; } .ifc-popular_topic:before { content: "\e7ff"; } .ifc-polyline:before { content: "\e800"; } .ifc-polygone:before { content: "\e801"; } .ifc-polygon:before { content: "\e802"; } .ifc-poll_topic:before { content: "\e803"; } .ifc-png:before { content: "\e806"; } .ifc-plus:before { content: "\e807"; } .ifc-plugin:before { content: "\e809"; } .ifc-pliers:before { content: "\e80a"; } .ifc-play:before { content: "\e80b"; } .ifc-plasmid:before { content: "\e80c"; } .ifc-piston:before { content: "\e811"; } .ifc-pinterest:before { content: "\e813"; } .ifc-pinch:before { content: "\e815"; } .ifc-pin:before { content: "\e818"; } .ifc-pill:before { content: "\e819"; } .ifc-pie_chart:before { content: "\e81b"; } .ifc-picture:before { content: "\e81d"; } .ifc-pickup:before { content: "\e81e"; } .ifc-photo:before { content: "\e821"; } .ifc-phone2:before { content: "\e823"; } .ifc-phone1:before { content: "\e824"; } .ifc-perforator:before { content: "\e825"; } .ifc-pencil_sharpener:before { content: "\e826"; } .ifc-pen:before { content: "\e827"; } .ifc-pdf:before { content: "\e82a"; } .ifc-pawn:before { content: "\e82b"; } .ifc-pause:before { content: "\e82c"; } .ifc-password:before { content: "\e82e"; } .ifc-passenger:before { content: "\e82f"; } .ifc-paper_clip:before { content: "\e834"; } .ifc-paper_clamp:before { content: "\e835"; } .ifc-panorama:before { content: "\e837"; } .ifc-paint_bucket:before { content: "\e839"; } .ifc-paint_basket:before { content: "\e83a"; } .ifc-pain_brush:before { content: "\e83b"; } .ifc-overhead_crane:before { content: "\e83e"; } .ifc-outlook:before { content: "\e83f"; } .ifc-outline:before { content: "\e840"; } .ifc-outgoing_data:before { content: "\e841"; } .ifc-otf:before { content: "\e842"; } .ifc-osm:before { content: "\e843"; } .ifc-origami:before { content: "\e844"; } .ifc-opera:before { content: "\e845"; } .ifc-opened_folder:before { content: "\e847"; } .ifc-open_in_browser:before { content: "\e848"; } .ifc-online:before { content: "\e849"; } .ifc-one_note:before { content: "\e84a"; } .ifc-one_finger:before { content: "\e84b"; } .ifc-old_time_camera:before { content: "\e84d"; } .ifc-ogg:before { content: "\e84e"; } .ifc-office_lamp:before { content: "\e84f"; } .ifc-numerical_sorting_21:before { content: "\e853"; } .ifc-north_direction:before { content: "\e856"; } .ifc-night_vision:before { content: "\e85b"; } .ifc-new_moon:before { content: "\e85f"; } .ifc-neutral_decision:before { content: "\e860"; } .ifc-negative_dynamic:before { content: "\e862"; } .ifc-near_me:before { content: "\e865"; } .ifc-nas:before { content: "\e866"; } .ifc-mute:before { content: "\e86a"; } .ifc-musical:before { content: "\e86c"; } .ifc-music_video:before { content: "\e86d"; } .ifc-music_record:before { content: "\e86e"; } .ifc-music:before { content: "\e870"; } .ifc-multiple_smartphones:before { content: "\e873"; } .ifc-multiple_inputs:before { content: "\e874"; } .ifc-multiple_devices:before { content: "\e875"; } .ifc-multiple_cameras:before { content: "\e876"; } .ifc-multicast:before { content: "\e877"; } .ifc-mpg:before { content: "\e878"; } .ifc-mp3:before { content: "\e879"; } .ifc-movie:before { content: "\e87a"; } .ifc-moved_topic:before { content: "\e87b"; } .ifc-move_by_trolley:before { content: "\e87c"; } .ifc-mov:before { content: "\e87d"; } .ifc-mouse_trap:before { content: "\e87f"; } .ifc-mouse:before { content: "\e880"; } .ifc-month_view:before { content: "\e888"; } .ifc-money_box:before { content: "\e889"; } .ifc-money_bag:before { content: "\e88a"; } .ifc-money:before { content: "\e88b"; } .ifc-mobile_home:before { content: "\e88d"; } .ifc-minus:before { content: "\e891"; } .ifc-mind_map:before { content: "\e892"; } .ifc-micro2:before { content: "\e899"; } .ifc-micro:before { content: "\e89a"; } .ifc-message:before { content: "\e89c"; } .ifc-mess_tin:before { content: "\e89d"; } .ifc-menu:before { content: "\e89e"; } .ifc-memory_module:before { content: "\e8a0"; } .ifc-megaphone2:before { content: "\e8a2"; } .ifc-megaphone:before { content: "\e8a4"; } .ifc-medium_volume:before { content: "\e8a6"; } .ifc-medium_icons:before { content: "\e8a7"; } .ifc-medium_battery:before { content: "\e8a8"; } .ifc-math:before { content: "\e8ab"; } .ifc-matches:before { content: "\e8ac"; } .ifc-mastercard:before { content: "\e8ad"; } .ifc-map_marker:before { content: "\e8b3"; } .ifc-map_editing:before { content: "\e8b4"; } .ifc-map:before { content: "\e8b5"; } .ifc-male:before { content: "\e8b7"; } .ifc-magnet:before { content: "\e8b9"; } .ifc-mac_client:before { content: "\e8bb"; } .ifc-luggage_trolley:before { content: "\e8bd"; } .ifc-lowercase:before { content: "\e8be"; } .ifc-low_volume:before { content: "\e8bf"; } .ifc-low_battery:before { content: "\e8c0"; } .ifc-lol:before { content: "\e8c2"; } .ifc-log_cabine:before { content: "\e8c3"; } .ifc-lock_portrait:before { content: "\e8c4"; } .ifc-lock_landscape:before { content: "\e8c5"; } .ifc-lock:before { content: "\e8c7"; } .ifc-livingroom:before { content: "\e8c8"; } .ifc-little_snow:before { content: "\e8c9"; } .ifc-little_rain:before { content: "\e8ca"; } .ifc-literature:before { content: "\e8cb"; } .ifc-list:before { content: "\e8cd"; } .ifc-linux_client:before { content: "\e8ce"; } .ifc-linkedin:before { content: "\e8cf"; } .ifc-link:before { content: "\e8d1"; } .ifc-line_width:before { content: "\e8d2"; } .ifc-line_chart:before { content: "\e8d3"; } .ifc-line:before { content: "\e8d4"; } .ifc-like:before { content: "\e8d5"; } .ifc-lift_cart_here:before { content: "\e8d7"; } .ifc-libra:before { content: "\e8d8"; } .ifc-left3:before { content: "\e8dc"; } .ifc-left2:before { content: "\e8dd"; } .ifc-left_click:before { content: "\e8e0"; } .ifc-left:before { content: "\e8e1"; } .ifc-lcd:before { content: "\e8e4"; } .ifc-layers:before { content: "\e8e5"; } .ifc-last_quarter:before { content: "\e8e7"; } .ifc-laser_beam:before { content: "\e8e8"; } .ifc-large_lens:before { content: "\e8ea"; } .ifc-large_icons:before { content: "\e8eb"; } .ifc-laptop:before { content: "\e8ec"; } .ifc-lantern:before { content: "\e8ed"; } .ifc-lamp:before { content: "\e8f0"; } .ifc-knight:before { content: "\e8f3"; } .ifc-knife:before { content: "\e8f4"; } .ifc-kmz:before { content: "\e8f5"; } .ifc-kml:before { content: "\e8f6"; } .ifc-king:before { content: "\e8f9"; } .ifc-keyboard:before { content: "\e8fa"; } .ifc-key:before { content: "\e8fc"; } .ifc-keep_dry:before { content: "\e8fe"; } .ifc-jpg:before { content: "\e902"; } .ifc-joystick:before { content: "\e904"; } .ifc-jingle_bell:before { content: "\e906"; } .ifc-jcb:before { content: "\e907"; } .ifc-java_coffee_cup_logo:before { content: "\e909"; } .ifc-iphone:before { content: "\e90f"; } .ifc-ipad:before { content: "\e910"; } .ifc-ip_address:before { content: "\e911"; } .ifc-invisible:before { content: "\e912"; } .ifc-internet_explorer:before { content: "\e913"; } .ifc-internal:before { content: "\e914"; } .ifc-integrated_webcam:before { content: "\e916"; } .ifc-integrated_circuit:before { content: "\e917"; } .ifc-instagram:before { content: "\e918"; } .ifc-infrared_beam_sensor:before { content: "\e919"; } .ifc-infrared_beam_sending:before { content: "\e91a"; } .ifc-infrared:before { content: "\e91b"; } .ifc-informatics:before { content: "\e91c"; } .ifc-info:before { content: "\e91e"; } .ifc-increase_font:before { content: "\e91f"; } .ifc-incoming_data:before { content: "\e920"; } .ifc-incendiary_grenade:before { content: "\e921"; } .ifc-inbox:before { content: "\e922"; } .ifc-in_love:before { content: "\e923"; } .ifc-import:before { content: "\e924"; } .ifc-idea:before { content: "\e926"; } .ifc-icq:before { content: "\e927"; } .ifc-hydroelectric:before { content: "\e928"; } .ifc-humidity:before { content: "\e929"; } .ifc-humburger:before { content: "\e92a"; } .ifc-human_footprints:before { content: "\e92b"; } .ifc-hub:before { content: "\e92c"; } .ifc-html:before { content: "\e92d"; } .ifc-hot_dog:before { content: "\e92e"; } .ifc-hot_chocolate:before { content: "\e92f"; } .ifc-horseshoe:before { content: "\e930"; } .ifc-home:before { content: "\e936"; } .ifc-history:before { content: "\e938"; } .ifc-high_volume:before { content: "\e939"; } .ifc-high_battery:before { content: "\e93a"; } .ifc-hex_burner:before { content: "\e93b"; } .ifc-herald_trumpet:before { content: "\e93c"; } .ifc-help2:before { content: "\e93e"; } .ifc-help:before { content: "\e940"; } .ifc-helicopter:before { content: "\e942"; } .ifc-heat_map:before { content: "\e944"; } .ifc-heart_monitor:before { content: "\e946"; } .ifc-headset:before { content: "\e949"; } .ifc-headphones:before { content: "\e94a"; } .ifc-handle_with_care:before { content: "\e952"; } .ifc-hand_planting:before { content: "\e953"; } .ifc-hand_palm_scan:before { content: "\e954"; } .ifc-hand:before { content: "\e956"; } .ifc-hammer:before { content: "\e957"; } .ifc-group:before { content: "\e95f"; } .ifc-grass:before { content: "\e963"; } .ifc-gpx:before { content: "\e965"; } .ifc-gps_receiving:before { content: "\e966"; } .ifc-gps_disconnected:before { content: "\e967"; } .ifc-google_plus:before { content: "\e969"; } .ifc-good_decision:before { content: "\e96a"; } .ifc-gis:before { content: "\e96e"; } .ifc-gift:before { content: "\e970"; } .ifc-gif:before { content: "\e971"; } .ifc-geocaching:before { content: "\e977"; } .ifc-geo_fence:before { content: "\e978"; } .ifc-generic_text:before { content: "\e979"; } .ifc-generic_sorting2:before { content: "\e97a"; } .ifc-generic_sorting:before { content: "\e97b"; } .ifc-genealogy:before { content: "\e97c"; } .ifc-genderqueer:before { content: "\e97d"; } .ifc-GBP:before { content: "\e981"; } .ifc-gas2:before { content: "\e983"; } .ifc-gantt_chart:before { content: "\e989"; } .ifc-gallery:before { content: "\e98b"; } .ifc-gaiters:before { content: "\e98c"; } .ifc-fully_charged_battery:before { content: "\e98d"; } .ifc-full_moon:before { content: "\e98e"; } .ifc-fridge:before { content: "\e990"; } .ifc-french_fries:before { content: "\e992"; } .ifc-four_fingers:before { content: "\e995"; } .ifc-forward2:before { content: "\e996"; } .ifc-forward:before { content: "\e997"; } .ifc-fork_truck:before { content: "\e999"; } .ifc-fork:before { content: "\e99a"; } .ifc-football2:before { content: "\e99c"; } .ifc-football:before { content: "\e99d"; } .ifc-food:before { content: "\e99e"; } .ifc-folder:before { content: "\e9a0"; } .ifc-fog_night:before { content: "\e9a1"; } .ifc-fog_day:before { content: "\e9a2"; } .ifc-flv:before { content: "\e9a3"; } .ifc-flow_chart:before { content: "\e9a5"; } .ifc-flip_vertical:before { content: "\e9a7"; } .ifc-flip_horizontal:before { content: "\e9a8"; } .ifc-flip_flops:before { content: "\e9a9"; } .ifc-flash_light:before { content: "\e9ab"; } .ifc-flag2:before { content: "\e9ad"; } .ifc-flag:before { content: "\e9af"; } .ifc-first_quarter:before { content: "\e9b1"; } .ifc-firefox:before { content: "\e9b5"; } .ifc-find_user:before { content: "\e9ba"; } .ifc-filter:before { content: "\e9bb"; } .ifc-film_reel:before { content: "\e9bd"; } .ifc-filled_box:before { content: "\e9be"; } .ifc-fb2:before { content: "\e9c1"; } .ifc-fast_forward:before { content: "\e9c2"; } .ifc-fantasy:before { content: "\e9c4"; } .ifc-facebook:before { content: "\e9c8"; } .ifc-external_link:before { content: "\e9ca"; } .ifc-external:before { content: "\e9cb"; } .ifc-export:before { content: "\e9cc"; } .ifc-expensive:before { content: "\e9ce"; } .ifc-expand:before { content: "\e9cf"; } .ifc-exit:before { content: "\e9d0"; } .ifc-exe:before { content: "\e9d1"; } .ifc-excel:before { content: "\e9d2"; } .ifc-EUR:before { content: "\e9d3"; } .ifc-error:before { content: "\e9d4"; } .ifc-eraser:before { content: "\e9d6"; } .ifc-epub:before { content: "\e9d7"; } .ifc-eps:before { content: "\e9d8"; } .ifc-enter:before { content: "\e9d9"; } .ifc-engineering:before { content: "\e9da"; } .ifc-end:before { content: "\e9de"; } .ifc-email:before { content: "\e9e0"; } .ifc-ellipse:before { content: "\e9e1"; } .ifc-electronics:before { content: "\e9e2"; } .ifc-eggs:before { content: "\e9e6"; } .ifc-edit_user:before { content: "\e9e7"; } .ifc-edit_image:before { content: "\e9e9"; } .ifc-edit:before { content: "\e9ea"; } .ifc-east_direction:before { content: "\e9eb"; } .ifc-earth_element:before { content: "\e9ec"; } .ifc-dribbble:before { content: "\e9f1"; } .ifc-drafting_compass:before { content: "\e9f3"; } .ifc-downpour:before { content: "\e9f4"; } .ifc-download2_filled:before { content: "\e9f5"; } .ifc-download2:before { content: "\e9f6"; } .ifc-download_filled:before { content: "\e9f7"; } .ifc-download:before { content: "\e9f8"; } .ifc-down4:before { content: "\e9f9"; } .ifc-down2:before { content: "\e9fa"; } .ifc-down_right:before { content: "\e9fb"; } .ifc-down_left:before { content: "\e9fc"; } .ifc-down:before { content: "\e9fd"; } .ifc-double_tap:before { content: "\e9fe"; } .ifc-donut_chart:before { content: "\e9ff"; } .ifc-domain:before { content: "\ea00"; } .ifc-documentary:before { content: "\ea04"; } .ifc-document:before { content: "\ea06"; } .ifc-doctor_suitecase:before { content: "\ea07"; } .ifc-doctor:before { content: "\ea08"; } .ifc-doc:before { content: "\ea09"; } .ifc-do_not_tilt:before { content: "\ea0a"; } .ifc-do_not_stack:before { content: "\ea0b"; } .ifc-do_not_expose_to_sunlight:before { content: "\ea0c"; } .ifc-do_not_drop:before { content: "\ea0d"; } .ifc-dna_helix:before { content: "\ea0e"; } .ifc-directions:before { content: "\ea14"; } .ifc-diamonds:before { content: "\ea18"; } .ifc-dharmacakra:before { content: "\ea19"; } .ifc-design:before { content: "\ea1e"; } .ifc-delete_sign:before { content: "\ea21"; } .ifc-delete_shield:before { content: "\ea22"; } .ifc-delete_message:before { content: "\ea23"; } .ifc-define_location:before { content: "\ea25"; } .ifc-decrease_font:before { content: "\ea26"; } .ifc-day_view:before { content: "\ea2a"; } .ifc-date_to:before { content: "\ea2b"; } .ifc-date_from:before { content: "\ea2c"; } .ifc-database_protection:before { content: "\ea2e"; } .ifc-database_encryption:before { content: "\ea2f"; } .ifc-database_backup:before { content: "\ea30"; } .ifc-database:before { content: "\ea31"; } .ifc-data_in_both_directions:before { content: "\ea32"; } .ifc-cymbals:before { content: "\ea33"; } .ifc-cut:before { content: "\ea35"; } .ifc-currency:before { content: "\ea36"; } .ifc-csv:before { content: "\ea37"; } .ifc-css:before { content: "\ea38"; } .ifc-crystal_ball:before { content: "\ea3a"; } .ifc-crop:before { content: "\ea40"; } .ifc-creek:before { content: "\ea43"; } .ifc-coral:before { content: "\ea4b"; } .ifc-copy_link:before { content: "\ea4c"; } .ifc-copy:before { content: "\ea4d"; } .ifc-control_panel:before { content: "\ea53"; } .ifc-content:before { content: "\ea54"; } .ifc-contacts:before { content: "\ea55"; } .ifc-contact_card:before { content: "\ea56"; } .ifc-construction_worker:before { content: "\ea57"; } .ifc-console:before { content: "\ea58"; } .ifc-connected_no_data:before { content: "\ea59"; } .ifc-compost_heap:before { content: "\ea5d"; } .ifc-compass2:before { content: "\ea5e"; } .ifc-compas:before { content: "\ea5f"; } .ifc-command_line:before { content: "\ea61"; } .ifc-combo_chart:before { content: "\ea64"; } .ifc-comb:before { content: "\ea65"; } .ifc-color_dropper:before { content: "\ea66"; } .ifc-collect:before { content: "\ea67"; } .ifc-collapse:before { content: "\ea68"; } .ifc-coffee:before { content: "\ea6c"; } .ifc-code:before { content: "\ea6d"; } .ifc-coctail:before { content: "\ea6e"; } .ifc-clouds:before { content: "\ea73"; } .ifc-cloud_storage:before { content: "\ea74"; } .ifc-close_up_mode:before { content: "\ea76"; } .ifc-close:before { content: "\ea77"; } .ifc-clock:before { content: "\ea78"; } .ifc-clipperboard:before { content: "\ea7a"; } .ifc-clear_shopping_cart:before { content: "\ea7f"; } .ifc-circuit:before { content: "\ea82"; } .ifc-chrome:before { content: "\ea83"; } .ifc-christmas_star:before { content: "\ea85"; } .ifc-christmas_gift:before { content: "\ea8e"; } .ifc-chisel_tip_marker:before { content: "\ea95"; } .ifc-child_new_post:before { content: "\ea98"; } .ifc-checkmark:before { content: "\ea9f"; } .ifc-checked_user:before { content: "\eaa0"; } .ifc-cheap:before { content: "\eaa1"; } .ifc-charge_battery:before { content: "\eaa2"; } .ifc-change_user:before { content: "\eaa3"; } .ifc-centre_of_gravity:before { content: "\eaa7"; } .ifc-center_direction:before { content: "\eaa8"; } .ifc-cash_receiving:before { content: "\eaab"; } .ifc-carabiner:before { content: "\eab2"; } .ifc-car_battery:before { content: "\eab3"; } .ifc-capacitor:before { content: "\eab5"; } .ifc-cannon:before { content: "\eab6"; } .ifc-cancel:before { content: "\eab9"; } .ifc-camping_tent:before { content: "\eaba"; } .ifc-camera_identification:before { content: "\eabe"; } .ifc-camera_addon_identification:before { content: "\eabf"; } .ifc-camera_addon:before { content: "\eac0"; } .ifc-camcoder_pro:before { content: "\eac2"; } .ifc-camcoder:before { content: "\eac4"; } .ifc-calendar:before { content: "\eac5"; } .ifc-CAD:before { content: "\eac6"; } .ifc-cable_release:before { content: "\eac7"; } .ifc-business:before { content: "\eac9"; } .ifc-bus:before { content: "\eaca"; } .ifc-bungalow:before { content: "\eacb"; } .ifc-bunch_ingredients:before { content: "\eacc"; } .ifc-broadcasting:before { content: "\ead3"; } .ifc-briefcase:before { content: "\ead5"; } .ifc-brandenburg_gate:before { content: "\ead8"; } .ifc-brain_filled:before { content: "\ead9"; } .ifc-brain:before { content: "\eada"; } .ifc-box2:before { content: "\eadc"; } .ifc-box:before { content: "\eadd"; } .ifc-border_color:before { content: "\eadf"; } .ifc-bookmark:before { content: "\eae2"; } .ifc-blur:before { content: "\eae6"; } .ifc-bluetooth2:before { content: "\eae8"; } .ifc-bluetooth:before { content: "\eae9"; } .ifc-birthday_cake:before { content: "\eaea"; } .ifc-birthday:before { content: "\eaeb"; } .ifc-biotech:before { content: "\eaec"; } .ifc-barbers_scissors:before { content: "\eb01"; } .ifc-bar_chart:before { content: "\eb05"; } .ifc-banknotes:before { content: "\eb06"; } .ifc-bandage:before { content: "\eb07"; } .ifc-ball_point_pen:before { content: "\eb08"; } .ifc-bad_decision:before { content: "\eb09"; } .ifc-background_color:before { content: "\eb0a"; } .ifc-back:before { content: "\eb0c"; } .ifc-avi:before { content: "\eb11"; } .ifc-average:before { content: "\eb12"; } .ifc-audio_wave2:before { content: "\eb15"; } .ifc-audio_wave:before { content: "\eb16"; } .ifc-asc:before { content: "\eb19"; } .ifc-armchair:before { content: "\eb1a"; } .ifc-area_chart:before { content: "\eb1c"; } .ifc-archive:before { content: "\eb1e"; } .ifc-aquarius:before { content: "\eb1f"; } .ifc-application_shield:before { content: "\eb20"; } .ifc-apartment:before { content: "\eb21"; } .ifc-antiseptic_cream:before { content: "\eb23"; } .ifc-android_os:before { content: "\eb27"; } .ifc-ancore:before { content: "\eb28"; } .ifc-anchor:before { content: "\eb29"; } .ifc-ammo_tin:before { content: "\eb2a"; } .ifc-amex:before { content: "\eb2b"; } .ifc-ambulance:before { content: "\eb2c"; } .ifc-alphabetical_sorting_za:before { content: "\eb2d"; } .ifc-alphabetical_sorting_az:before { content: "\eb2e"; } .ifc-align_right:before { content: "\eb2f"; } .ifc-align_left:before { content: "\eb30"; } .ifc-align_justify:before { content: "\eb31"; } .ifc-align_center:before { content: "\eb32"; } .ifc-alarm_clock:before { content: "\eb33"; } .ifc-airplane_take_off:before { content: "\eb34"; } .ifc-airplane:before { content: "\eb37"; } .ifc-ai:before { content: "\eb39"; } .ifc-age:before { content: "\eb3a"; } .ifc-adventures:before { content: "\eb3b"; } .ifc-adobe_photoshop:before { content: "\eb3c"; } .ifc-adobe_indesign:before { content: "\eb3d"; } .ifc-adobe_illustrator:before { content: "\eb3e"; } .ifc-adobe_flash:before { content: "\eb3f"; } .ifc-adobe_fireworks:before { content: "\eb40"; } .ifc-adobe_dreamweaver:before { content: "\eb41"; } .ifc-adobe_bridge:before { content: "\eb42"; } .ifc-administrative_tools:before { content: "\eb43"; } .ifc-add_user:before { content: "\eb44"; } .ifc-add_image:before { content: "\eb46"; } .ifc-add_database:before { content: "\eb47"; } .ifc-zip2:before { content: "\eb49"; } .ifc-f_tap:before { content: "\eb4a"; } .ifc-f_swipe_up:before { content: "\eb4b"; } .ifc-f_swipe_right:before { content: "\eb4c"; } .ifc-f_swipe_left:before { content: "\eb4d"; } .ifc-f_swipe_down:before { content: "\eb4e"; } .ifc-f_double_tap:before { content: "\eb4f"; } .ifc-data-icon:before { content: attr(data-icon); } /** * Name: default.css * * The default color scheme for the template * */ /* ========================================================================== #Typography ========================================================================== */ body { background-color: #fff; color: #818181; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #818181; } abbr[title] { border-bottom: 1px dotted #cdcdcd; } blockquote span { color: #999999; } hr { border: solid #e9e9e9; } code { border: 1px solid #cdcdcd; background-color: #e9e9e9; color: #d14; } pre { border: 1px solid #cdcdcd; background-color: #e9e9e9; } .hr { border-top: 1px solid #e9e9e9; } .text-highlight { color: #289ccb; } .mute{ color: #aaa; } /* #Links ========================================================================== */ a, a:visited { color: #289ccb; } a:active { background: transparent; /* 1 */ } a:hover, a:focus { color: #0f5066; } /* #Tables ========================================================================== */ table { background-color: transparent; } table th, table td { border-top: 1px solid #cdcdcd; } table th { background-color: #289ccb; color: #fff; } /* #Forms ========================================================================== */ label span { color: #ff0000; } input, textarea, select { border: 1px solid #cdcdcd; background: #fff; color: #818181; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus { border-color: #289ccb; } select:focus { outline: thin dotted #cdcdcd; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } /* #Misc ========================================================================== */ .javascript-required { background-color: #f00; color: #fff; } /* ========================================================================== #Accordions & Toggles ========================================================================== */ /* Accordion & Toggles */ .accordion-item-toggle, .toggle-item-toggle { border-bottom: 1px solid #cdcdcd; } a.accordion-item-toggle, a.toggle-item-toggle { color: #818181; } a.accordion-item-toggle:hover, a.toggle-item-toggle:hover { color: #289ccb; } .accordion-item-toggle:after, .toggle-item-toggle:after { background-color: #289ccb; color: #fff; } /* ========================================================================== #Alerts ========================================================================== */ .alert { border: 1px solid #cdcdcd; } .alert.info { background-color: #94cee4; color: #fff; } .alert.success { background-color: #289ccb; color: #fff; } .alert.error { background-color: #ff0030; color: #fff; } .alert.warning { background-color: #ff7992; color: #fff; } /* ========================================================================== #Back to top ========================================================================== */ #back-to-top { background-color: #747474; color: #fafafa; } #back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); } #back-to-top:hover i { color: #fff; } /* ========================================================================== #Buttons ========================================================================== */ .btn { border: 1px solid #cdcdcd; background-color: #fff; color: #818181; } a.btn { color: #818181; } .btn:hover { border-color: #289ccb; background-color: #289ccb; color: #fff; } /* Colors Button */ .btn-blue { border-color: #289ccb; background-color: #289ccb; color: #fff; } a.btn-blue { color: #fff; } .btn-blue:hover { border-color: #0f5066; background-color: #0f5066; } /* ========================================================================== #Callout Boxes ========================================================================== */ .callout-box { background-color: #333; } .callout-box.bg-img { color: #fff; } .callout-box.bg-pattern { color: #fff; } .callout-box.bordered { border: 1px solid #efefef; background-color: #f5f5f5; } /* ========================================================================== #Custom Lists ========================================================================== */ ul.check li:before, ul.fill-circle li:before { color: #289ccb; } /* ========================================================================== #Dividers ========================================================================== */ .divider.single-line { border-top: 1px solid #e9e9e9; } .divider.double-line { border-top: 4px double #e9e9e9; } .divider.single-dotted { background: url(../../files/images/bg-single-dotted.gif) repeat-x top left ; } .divider.double-dotted { background: url(../../files/images/bg-double-dotted.gif) repeat-x top left; } /* ========================================================================== #Fullwidth Section ========================================================================== */ .fullwidth-section { color: #fff; background-color: #289ccb; } .fullwidth-section-overlay { background-color: #289ccb; } .fullwidth-section .callout-box { background-color: transparent; } .fullwidth-section .callout-box .btn { margin-top: 40px; } /* Overwite element color in fullwidth-section */ .fullwidth-section .btn { color: #289ccb; } .fullwidth-section a, .fullwidth-section ul.check li:before, .fullwidth-section ul.fill-circle li:before, .fullwidth-section .btn:hover, .fullwidth-section .btn-blue { color: #fff; } .fullwidth-section .accordion-item-toggle, .fullwidth-section .toggle-item-toggle, .fullwidth-section .btn { border-color: #fff; } .fullwidth-section .headline:before { border-color: #fff; } .fullwidth-section .headline:after { border-color: #fff; } .fullwidth-section .headline h1 { background-color: transparent; } /* Full width section backgrounds */ #bg-1 { border-top: 1px solid #e9e9e9; background-color: #f0f0f0; color: #818181; } #bg-1 .btn { border-color: #818181; background-color: transparent; color: #818181; } #bg-1 .btn:hover { background-color: #fff; } #bg-2 { background-image: url(../../_content/backgrounds/1920x1200-1.jpg); } #bg-3 { background-image: url(../../_content/backgrounds/1920x1000-1.jpg); } #bg-3 i:hover { color: #289ccb; } #bg-4 { background-color: #d1eaf4; color: #818181; } #bg-4 a { color: #818181; } #bg-5 { background: url(../../_content/backgrounds/1920x1000-2.jpg); } #bg-6 { background-color: #d5d5d5; } #bg-7 { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background-color: #e9e9e9; color: #818181; } #bg-10 { background-image: url(../../_content/backgrounds/1920x1200-2.jpg); } #bg-11 { background-color: #d6eef7; color: #0f5066; } #bg-12 { background-image: url(../../_content/backgrounds/1920x1000-3.jpg); } #bg-13 { background-image: url(../../_content/backgrounds/1920x1200-3.jpg); } /* ========================================================================== #Google Maps ========================================================================== */ .google-map { border: 1px solid #cdcdcd; } .contact { border: 1px solid #cdcdcd; background-color: #fff; } .contact:before { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 35px solid #fff; } .contact:after { border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 35px solid #cdcdcd; } /* ========================================================================== #Headlines ========================================================================== */ .headline:before, .headline:after { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } .headline h1 { background-color: #fff; } .title-error { color: #289ccb; } /* ========================================================================== #Icon Boxes ========================================================================== */ /* Icon Box 1 ========================================================================== */ .icon-box-1 > i { color: #289ccb; } /* Icon Box 2 ========================================================================== */ .icon-box-2 > i { color: #289ccb; } .icon-box-2 h3 small { color: #289ccb; } /* ========================================================================== #Milestones ========================================================================== */ .milestone .milestone-content { color: #222222; } .milestone .milestone-description { color: #289ccb; } /* ========================================================================== #Our Process ========================================================================== */ .process-builder:before { border-top: 1px solid #cdcdcd; } .process-builder li i, .process-builder li h1 { border: 1px solid #d7d7d7; outline: 10px solid #fff; background-color: #fff; } .process-builder li:hover i, .process-builder li:hover h1 { background-color: #289ccb; color: #fff; } /* ========================================================================== #Pricing Tables ========================================================================== */ .pricing-table { border: 1px solid #cdcdcd; } .pricing-table-header { background-color: #289ccb; color: #fff; } .pricing-table:hover .pricing-table-header { background-color: #0f5066; } /* ========================================================================== #ProgressBars ========================================================================== */ .progress-bar { background-color: #cdcdcd; } .progress-bar .progress-bar-outer { background-color: #289ccb; } /* ========================================================================== #SocialMedia ========================================================================== */ a.social-icon { color: #289ccb; } a.facebook-icon:hover { color: #0e59a0 !important; } a.twitter-icon:hover { color: #0f5066 !important; } a.dribble-icon:hover { color: #ea73a0 !important; } a.pinterest-icon:hover { color: #d73532 !important; } a.googleplus-icon:hover { color: #282927 !important; } a.tumblr-icon:hover { color: #586980 !important; } a.instagram-icon:hover { color: #82685a !important; } a.rss-icon:hover { color: #f79638 !important; } a.linkedin-icon:hover { color: #018faf !important; } a.skype-icon:hover { color: #00b0f6 !important; } a.flickr-icon:hover { color: #0061db !important; } a.vimeo-icon:hover { color: #63879c !important; } a.github-icon:hover { color: #3b3b3b !important; } a.youtube-icon:hover { color: #cc181e !important; } a.windows-icon:hover { color: #6dc2e9 !important; } a.dropbox-icon:hover { color: #007ee5 !important; } a.xing-icon:hover { color: #026566 !important; } a.adn-icon:hover { color: #1ea076 !important; } a.android-icon:hover { color: #98cb02 !important; } a.apple-icon:hover { color: #000000 !important; } a.behance-icon:hover { color: #2d9ad2 !important; } a.bitbucket-icon:hover { color: #214f81 !important; } a.bitcoin-icon:hover { color: #f7931b !important; } a.codepan-icon:hover { color: #000000 !important; } a.css3-icon:hover { color: #3289ce !important; } a.delicious-icon:hover { color: #3399fe !important; } a.deviantart-icon:hover { color: #c8da30 !important; } a.digg-icon:hover { color: #0080c2 !important; } a.drupal-icon:hover { color: #0077b9 !important; } a.empire-icon:hover { color: #000000 !important; } a.foursquare-icon:hover { color: #daecb0 !important; } a.git-icon:hover { color: #f34f29 !important; } a.gitti-icon:hover { color: #634c3e !important; } a.hacker-news-icon:hover { color: #f18642 !important; } a.html5-icon:hover { color: #e54c1f !important; } a.joomla-icon:hover { color: #016fb9 !important; } a.jsfiddle-icon:hover { color: #4679a4 !important; } a.linux-icon:hover { color: #fece0e !important; } a.maxcdn-icon:hover { color: #f36f20 !important; } a.openid-icon:hover { color: #fe6101 !important; } a.pagelines-icon:hover { color: #3783e3 !important; } a.pied-piper-icon:hover { color: #0c7b48 !important; } a.qq-icon:hover { color: #23286c !important; } a.rebel-icon:hover { color: #000000 !important; } a.reddit-icon:hover { color: #cee3f8 !important; } a.renren-icon:hover { color: #0d81e4 !important; } a.share-icon:hover { color: #252525 !important; } a.slack-icon:hover { color: #453744 !important; } a.soundcloud-icon:hover { color: #fe4e00 !important; } a.spotify-icon:hover { color: #80bb41 !important; } a.stack-exchange-icon:hover { color: #265a93 !important; } a.stackoverflow-icon:hover { color: #fea501 !important; } a.steam-icon:hover { color: #191919 !important; } a.stumbleupon-icon:hover { color: #f04f23 !important; } a.tencent-weibo-icon:hover { color: #0063a7 !important; } a.trello-icon:hover { color: #226784 !important; } a.vine-icon:hover { color: #00b081 !important; } a.vk-icon:hover { color: #50769d !important; } a.wechat-icon:hover { color: #a4dc31 !important; } a.weibo-icon:hover { color: #d82828 !important; } a.wordpress-icon:hover { color: #454442 !important; } a.yahoo-icon:hover { color: #4b04a8 !important; } /* ========================================================================== #Styled Tables ========================================================================== */ .table-bordered { border: 1px solid #cdcdcd; } .table-bordered th, .table-bordered td { border-left: 1px solid #cdcdcd; } @media (max-width: 480px) { tr { border-top: 1px solid #555; } } /* ========================================================================== #Tabs ========================================================================== */ /* Horizontal tabs */ .tabs-container .tabs-menu { border-bottom: 1px solid #cdcdcd; } .tabs-container .tabs-menu li a { border-left: 1px solid #fff; background-color: #0f5066; color: #fff; } .tabs-container .tabs-menu li.active a, .tabs-container .tabs-menu li a:hover { background-color: #289ccb; } .tabs-container .tabs { border: 1px solid #cdcdcd; } /* Vertical tabs */ .vertical-tabs-container .tabs-menu { border-right: 1px solid #cdcdcd; } .vertical-tabs-container .tabs-menu li a { border-bottom: 1px solid #fff; background-color: #0f5066; color: #fff; } .vertical-tabs-container .tabs-menu li.active a, .vertical-tabs-container .tabs-menu li a:hover { border-right-color: #fff; background-color: #289ccb; } .vertical-tabs-container .tab-content { border: 1px solid #cdcdcd; } @media (max-width: 767px) { .tabs-container .tabs-menu li a { border: 1px solid #cdcdcd; } .tabs-container .tabs-menu li:first-child a { border: 1px solid #cdcdcd; } .tabs-container .tabs-menu li:first-child a { border-top: 1px solid #e7e7e7; } .tabs-container .tabs-menu li.active a { background-color: #289ccb; } .vertical-tabs-container .tabs-menu li.active a { border-bottom-color: #333; } } /* ========================================================================== #Timeline ========================================================================== */ .separator:before { border-left: 2px solid #289ccb; } .separator:after { border: 1px solid #289ccb; background-color: #289ccb; } .timeline li:hover .separator:after { background-color: #fff; } @media (max-width: 767px) { .timeline li { border-bottom: 1px solid #289ccb; } } /* ========================================================================== #WordPress Widgets ========================================================================== */ /* WordPress Widget Defaults */ .widget-title span { background-color: #fff; } .widget-title:before { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } /* Search Widget */ #searchsubmit { background: url(../../files/images/bg-search.png) no-repeat center center; } /* Recent Entries Widget */ .widget_recent_entries ul li a { color: #818181; } .widget_recent_entries ul li .post-author { color: #289ccb; } /* Pages Widget */ .widget_pages ul li a { color: #818181; } .widget_pages ul li a:hover { color: #289ccb; } /* Archive Widget */ .widget_archive ul li a { color: #818181; } .widget_archive ul li a:hover { color: #289ccb; } /* Categories Widget */ .widget_categories ul li a { color: #818181; } .widget_categories ul li a:hover { color: #289ccb; } /* Meta Widget */ .widget_meta ul li a { color: #818181; } .widget_meta ul li a:hover { color: #289ccb; } /* Tag Cloud Widget */ .widget_tag_cloud a { border: 1px solid #cdcdcd; color: #818181; } .widget_tag_cloud a:hover { border-color: #289ccb; background-color: #289ccb; color: #fff; } /* Calendar Widget */ .widget_nav_menu .menu li a { color: #818181; } .widget_nav_menu .menu li a:hover { color: #289ccb; } /* Custom - Contact Info Widget */ .ewf_widget_contact_info ul li a { color: #818181; } /* Custom - Navigation Widget */ .ewf_widget_navigation li { border-bottom: 1px solid #d7d7d7; } .ewf_widget_navigation li a { color: #818181; } .ewf_widget_navigation li a:hover { color: #289ccb; } /* Custom - Social Media Widget */ .ewf_widget_social_media a.social-icon { background-color: #e9e9e9; color: #289ccb; } /* ========================================================================== #WordPress Comments ========================================================================== */ .comments-title:before { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } .commentlist .vcard img.photo { border: 10px solid #289ccb; } .commentlist .vcard cite.fn a.url { color: #818181; } .commentlist .comment-meta a { color: #818181; } /* ========================================================================== #WordPress Comment Form ========================================================================== */ /* Blog Post Comment Form */ .section-heading:before { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } /* ========================================================================== #General Layout ========================================================================== */ #wrap { background-color: #fff; } /* #Header Top ========================================================================== */ #header-top { background-color: #289dcc; color: #fff; } #header-top a { color: #fff; } #header-top .widget-title span { background-color: #289dcc; } #header-top .widget-title:before, #header-top .widget_tag_cloud a { border-color: #fff; } #header-top .widget_tag_cloud a:hover, #header-top #newsletter-subscribe-form input[type="submit"]:hover { background-color: #0f5066; } #header-top .ewf_widget_social_media .social-icon { background-color: transparent; } /* #Header ========================================================================== */ @media (min-width: 1024px) { #header.stuck { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); background: none repeat scroll 0 0 #fff; } } /* Menu Skin */ .sf-menu a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #818181; } .sf-menu > li > a, .sf-menu > li.dropdown > a { color: #818181; } .sf-menu > li.current > a, .sf-menu li.sfHover > a, .sf-menu a:hover, .sf-menu li.sfHover a:hover { color: #289ccb; } .sf-menu li.dropdown ul { border: 1px solid rgba(0, 0, 0, 0.1); background-color: #e9e9e9; } .sf-menu > li.dropdown > ul { border-top: 3px solid #289ccb; } .sf-menu > li.dropdown > ul li a:hover { background-color: #289ccb; color: #fff; } /* mega menu dropdown */ .sf-mega { border: 1px solid rgba(0, 0, 0, 0.1); border-top: 3px solid #289ccb; background-color: #e9e9e9; } .sf-mega-section { border-right: 1px solid rgba(0, 0, 0, 0.1); } /* arrows */ /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { border-color: transparent; border-left-color: rgba(0 ,0, 0, 0.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); } /* Mobile Menu */ #mobile-menu { border-bottom: 1px solid #e9e9e9; background-color: #289ccb; } #mobile-menu .sf-mega { background-color: #289ccb; } #mobile-menu li a { border-top: 1px solid #e9e9e9; color: #fff; } #mobile-menu .mobile-menu-submenu-arrow { border-left: 1px solid #efefef; color: #fff; } #mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #0f5066; } /* #Content ========================================================================== */ /* Page Header */ #page-header { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background-color: #e9e9e9; } /* #Footer ========================================================================== */ #footer { background-color: #4b4b4b; color: #c4c4c4; } #footer a { color: #c4c4c4; } #footer .widget-title span { background-color: #4b4b4b; } #footer .widget-title:before, #footer .widget_tag_cloud a { border-color: #c4c4c4; } #footer .ewf_widget_social_media .social-icon { background-color: #289ccb; color: #fff; } #footer-bottom { background-color: #222; color: #6e6e6e; } #footer-bottom a { color: #6e6e6e; } #footer-bottom .widget-title span { background-color: #222; } #footer-bottom .widget-title:before, #footer-bottom .widget_tag_cloud a { border-color: #6e6e6e; } /* ========================================================================== #Page Styles ========================================================================== */ /* #About ========================================================================== */ .team-member h4 { color: #289ccb; } .team-member-thumb { border: 10px solid transparent; } .team-member-overlay { border: 10px solid #289ccb; } /* #Portfolio ========================================================================== */ /* Portfolio Item */ .portfolio-item-description { background-color: #289ccb; color: #fff; } .portfolio-item-description a { color: #fff; } .portfolio-item-actions { background-color: #289ccb; color: #fff; } .portfolio-item-description + .portfolio-item-actions { border-left: 1px solid #fff; } .portfolio-item-actions a { color: #fff; } .portfolio-item-actions:hover { background-color: #0f5066; } /* Portfolio Pagination */ .pagination a { background-color: #e9e9e9; color: #818181; } .pagination li.current a, .pagination li a:hover { background-color: #289ccb; color: #fff; } /* Portfolio filter */ .portfolio-filter ul li a { background-color: #e9e9e9; color: #818181; } .portfolio-filter ul li.active a, .portfolio-filter ul li a:hover { background-color: #289ccb; color: #fff; } /* #Blog ========================================================================== */ /* Blog Post */ .blog-post-info img { border: 10px solid #289ccb; } /* #Contact ========================================================================== */ /* Contact Form */ label.validation-error { color: #b55454; } input.validation-error, textarea.validation-error, select.validation-error { border: 1px solid #e9e9e9; } /* ========================================================================== #Responsive ========================================================================== */ /* #Mobile (Portrait and Landscape ) ========================================================================== */ @media (max-width: 767px) { body { background-color: #fff; } #wrap { border-top: 5px solid #289ccb; } } /* ========================================================================== #RESET AND LAYOUT ========================================================================== */ .portfolio-item-slider { border: 1px solid #cdcdcd; } /* #LOADER ========================================================================== */ .bx-wrapper .bx-loading { background: url(../../files/js/bxslider/images/bx_loader.gif) center center no-repeat #fff; } /* #PAGER ========================================================================== */ .bx-wrapper .bx-pager { color: #666; } .bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #818181; background: transparent; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #818181; } .fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a { border-color: #fff; } .fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a:hover, .fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; } /* #DIRECTION CONTROLS (NEXT / PREV ========================================================================== */ .bx-wrapper .bx-prev { left: 30px; background: url(../../files/images/prev-2.png) no-repeat center center; } .bx-wrapper .bx-next { right: 30px; background: url(../../files/images/next-2.png) no-repeat center center; } /* #AUTO CONTROLS (START / STOP) ========================================================================== */ .bx-wrapper .bx-controls-auto .bx-start { background: url(../../files/js/bxslider/images/controls.png) -86px -11px no-repeat; } .bx-wrapper .bx-controls-auto .bx-stop { background: url(../../files/js/bxslider/images/controls.png) -86px -44px no-repeat; } /* #IMAGE CAPTIONS ========================================================================== */ .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); } .bx-wrapper .bx-caption span { color: #fff; } /* #SLIDE TEXT ========================================================================== */ .slidetext { background-color: rgba(0, 0, 0, 0.5); color: #aeb0b3; } .slidetext h2, .slidetext h3 { color: #ffffff; } .slidetext a, .slidetext h2 a, .slidetext h3 a { color: #ffffff; } .caption.text { background-color: rgba(255, 255, 255, 0.7); } .caption.text i { color: #259fc8; } .caption.text.alt { background-color: rgba(95, 178, 173, 0.7); color: #fff; } .caption.text.alt-2 { background-color: rgba(40, 156, 203, 0.7); color: #fff; } .caption.text.alt i, .caption.text.alt-2 i { color: #fff; } .caption.title { color: #434343; } .caption.title.alt { color: #fff; } .caption.text-3 { background-color: rgba(255, 255, 255, 0.7); color: #434343; } .caption .btn { border-color: #fff; background-color: transparent; color: #fff; } .caption .btn-blue { border-color: #289ccb; background-color: #289ccb; } .caption .btn:hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .tp-bullets.simplebullets.round .bullet { border: 1px solid #289ccb; background: #fff; } .tp-bullets.simplebullets.round .bullet.selected { background: #289ccb; } .tp-leftarrow.default { background: url(../../files/images/prev.png) no-repeat center center; } .tp-rightarrow.default { background: url(../../files/images/next.png) no-repeat center center; } .vimeo-centered { display: flex; flex-direction: column; align-items: center; } @font-face { font-family: 'hdnicons'; src: url('../../files/css/_hdnicons/fonts/hdnicons.eot?5h1mjy'); src: url('../../files/css/_hdnicons/fonts/hdnicons.eot?5h1mjy#iefix') format('embedded-opentype'), url('../../files/css/_hdnicons/fonts/hdnicons.ttf?5h1mjy') format('truetype'), url('../../files/css/_hdnicons/fonts/hdnicons.woff?5h1mjy') format('woff'), url('../../files/css/_hdnicons/fonts/hdnicons.svg?5h1mjy#hdnicons') format('svg'); font-weight: normal; font-style: normal; } [class^="hdnico-"], [class*=" hdnico-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'hdnicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hdnico-glass:before { content: "\f000"; } .hdnico-music:before { content: "\f001"; } .hdnico-search:before { content: "\f002"; } .hdnico-envelope-o:before { content: "\f003"; } .hdnico-heart:before { content: "\f004"; } .hdnico-star-o:before { content: "\f006"; } .hdnico-user:before { content: "\f007"; } .hdnico-th:before { content: "\f00a"; } .hdnico-check:before { content: "\f00c"; } .hdnico-close:before { content: "\f00d"; } .hdnico-search-plus:before { content: "\f00e"; } .hdnico-search-minus:before { content: "\f010"; } .hdnico-power-off:before { content: "\f011"; } .hdnico-signal:before { content: "\f012"; } .hdnico-cog:before { content: "\f013"; } .hdnico-trash-o:before { content: "\f014"; } .hdnico-home:before { content: "\f015"; } .hdnico-file-o:before { content: "\f016"; } .hdnico-clock-o:before { content: "\f017"; } .hdnico-download:before { content: "\f019"; } .hdnico-arrow-circle-o-down:before { content: "\f01a"; } .hdnico-arrow-circle-o-up:before { content: "\f01b"; } .hdnico-repeat:before { content: "\f01e"; } .hdnico-refresh:before { content: "\f021"; } .hdnico-list-alt:before { content: "\f022"; } .hdnico-volume-up:before { content: "\f028"; } .hdnico-barcode:before { content: "\f02a"; } .hdnico-tag:before { content: "\f02b"; } .hdnico-tags:before { content: "\f02c"; } .hdnico-book:before { content: "\f02d"; } .hdnico-print:before { content: "\f02f"; } .hdnico-camera:before { content: "\f030"; } .hdnico-pencil:before { content: "\f040"; } .hdnico-map-marker:before { content: "\f041"; } .hdnico-edit:before { content: "\f044"; } .hdnico-share-square-o:before { content: "\f045"; } .hdnico-check-square-o:before { content: "\f046"; } .hdnico-arrows:before { content: "\f047"; } .hdnico-chevron-left:before { content: "\f053"; } .hdnico-chevron-right:before { content: "\f054"; } .hdnico-arrow-left:before { content: "\f060"; } .hdnico-arrow-right:before { content: "\f061"; } .hdnico-arrow-up:before { content: "\f062"; } .hdnico-arrow-down:before { content: "\f063"; } .hdnico-leaf:before { content: "\f06c"; } .hdnico-eye:before { content: "\f06e"; } .hdnico-chevron-up:before { content: "\f077"; } .hdnico-chevron-down:before { content: "\f078"; } .hdnico-twitter-square:before { content: "\f081"; } .hdnico-facebook-square:before { content: "\f082"; } .hdnico-camera-retro:before { content: "\f083"; } .hdnico-cogs:before { content: "\f085"; } .hdnico-comments:before { content: "\f086"; } .hdnico-heart-o:before { content: "\f08a"; } .hdnico-external-link:before { content: "\f08e"; } .hdnico-phone:before { content: "\f095"; } .hdnico-bookmark-o:before { content: "\f097"; } .hdnico-phone-square:before { content: "\f098"; } .hdnico-twitter:before { content: "\f099"; } .hdnico-facebook:before { content: "\f09a"; } .hdnico-credit-card:before { content: "\f09d"; } .hdnico-hdd-o:before { content: "\f0a0"; } .hdnico-arrow-circle-left:before { content: "\f0a8"; } .hdnico-arrow-circle-right:before { content: "\f0a9"; } .hdnico-arrow-circle-up:before { content: "\f0aa"; } .hdnico-arrow-circle-down:before { content: "\f0ab"; } .hdnico-globe:before { content: "\f0ac"; } .hdnico-arrows-alt:before { content: "\f0b2"; } .hdnico-group:before { content: "\f0c0"; } .hdnico-copy:before { content: "\f0c5"; } .hdnico-paperclip:before { content: "\f0c6"; } .hdnico-pinterest:before { content: "\f0d2"; } .hdnico-pinterest-square:before { content: "\f0d3"; } .hdnico-google-plus-square:before { content: "\f0d4"; } .hdnico-google-plus:before { content: "\f0d5"; } .hdnico-envelope:before { content: "\f0e0"; } .hdnico-rotate-left:before { content: "\f0e2"; } .hdnico-comment-o:before { content: "\f0e5"; } .hdnico-comments-o:before { content: "\f0e6"; } .hdnico-suitcase:before { content: "\f0f2"; } .hdnico-coffee:before { content: "\f0f4"; } .hdnico-cutlery:before { content: "\f0f5"; } .hdnico-file-text-o:before { content: "\f0f6"; } .hdnico-medkit:before { content: "\f0fa"; } .hdnico-angle-double-left:before { content: "\f100"; } .hdnico-angle-double-right:before { content: "\f101"; } .hdnico-angle-double-up:before { content: "\f102"; } .hdnico-angle-double-down:before { content: "\f103"; } .hdnico-angle-left:before { content: "\f104"; } .hdnico-angle-right:before { content: "\f105"; } .hdnico-angle-up:before { content: "\f106"; } .hdnico-angle-down:before { content: "\f107"; } .hdnico-desktop:before { content: "\f108"; } .hdnico-laptop:before { content: "\f109"; } .hdnico-tablet:before { content: "\f10a"; } .hdnico-mobile:before { content: "\f10b"; } .hdnico-quote-left:before { content: "\f10d"; } .hdnico-quote-right:before { content: "\f10e"; } .hdnico-smile-o:before { content: "\f118"; } .hdnico-frown-o:before { content: "\f119"; } .hdnico-code-fork:before { content: "\f126"; } .hdnico-question:before { content: "\f128"; } .hdnico-info:before { content: "\f129"; } .hdnico-exclamation:before { content: "\f12a"; } .hdnico-chevron-circle-left:before { content: "\f137"; } .hdnico-chevron-circle-right:before { content: "\f138"; } .hdnico-chevron-circle-up:before { content: "\f139"; } .hdnico-chevron-circle-down:before { content: "\f13a"; } .hdnico-bullseye:before { content: "\f140"; } .hdnico-rss-square:before { content: "\f143"; } .hdnico-play-circle:before { content: "\f144"; } .hdnico-check-square:before { content: "\f14a"; } .hdnico-pencil-square:before { content: "\f14b"; } .hdnico-external-link-square:before { content: "\f14c"; } .hdnico-eur:before { content: "\f153"; } .hdnico-youtube-square:before { content: "\f166"; } .hdnico-youtube:before { content: "\f167"; } .hdnico-xing:before { content: "\f168"; } .hdnico-xing-square:before { content: "\f169"; } .hdnico-dropbox:before { content: "\f16b"; } .hdnico-apple:before { content: "\f179"; } .hdnico-skype:before { content: "\f17e"; } .hdnico-moon-o:before { content: "\f186"; } .hdnico-stack-exchange:before { content: "\f18d"; } .hdnico-arrow-circle-o-right:before { content: "\f18e"; } .hdnico-dot-circle-o:before { content: "\f192"; } .hdnico-vimeo-square:before { content: "\f194"; } .hdnico-envelope-square:before { content: "\f199"; } .hdnico-building:before { content: "\f1ad"; } .hdnico-file-pdf-o:before { content: "\f1c1"; } .hdnico-file-audio-o:before { content: "\f1c7"; } .hdnico-paper-plane:before { content: "\f1d8"; } .hdnico-paper-plane-o:before { content: "\f1d9"; } .hdnico-share-alt:before { content: "\f1e0"; } .hdnico-wifi:before { content: "\f1eb"; } .hdnico-angellist:before { content: "\f209"; } .hdnico-street-view:before { content: "\f21d"; } .hdnico-heartbeat:before { content: "\f21e"; } .hdnico-venus:before { content: "\f221"; } .hdnico-mars:before { content: "\f222"; } .hdnico-venus-double:before { content: "\f226"; } .hdnico-venus-mars:before { content: "\f228"; } .hdnico-facebook-official:before { content: "\f230"; } .hdnico-pinterest-p:before { content: "\f231"; } .hdnico-whatsapp:before { content: "\f232"; } .hdnico-train:before { content: "\f238"; } .hdnico-battery-2:before { content: "\f242"; } .hdnico-sticky-note:before { content: "\f249"; } .hdnico-sticky-note-o:before { content: "\f24a"; } .hdnico-clone:before { content: "\f24d"; } .hdnico-hourglass-o:before { content: "\f250"; } .hdnico-hourglass-2:before { content: "\f252"; } .hdnico-hourglass-3:before { content: "\f253"; } .hdnico-hand-paper-o:before { content: "\f256"; } .hdnico-hand-scissors-o:before { content: "\f257"; } .hdnico-hand-lizard-o:before { content: "\f258"; } .hdnico-hand-spock-o:before { content: "\f259"; } .hdnico-hand-pointer-o:before { content: "\f25a"; } .hdnico-hand-peace-o:before { content: "\f25b"; } .hdnico-trademark:before { content: "\f25c"; } .hdnico-gg-circle:before { content: "\f261"; } .hdnico-tripadvisor:before { content: "\f262"; } .hdnico-chrome:before { content: "\f268"; } .hdnico-internet-explorer:before { content: "\f26b"; } .hdnico-television:before { content: "\f26c"; } .hdnico-amazon:before { content: "\f270"; } .hdnico-calendar-check-o:before { content: "\f274"; } .hdnico-map-o:before { content: "\f278"; } .hdnico-commenting-o:before { content: "\f27b"; } .hdnico-vimeo:before { content: "\f27d"; } .hdnico-edge:before { content: "\f282"; } .hdnico-modx:before { content: "\f285"; } .hdnico-usb:before { content: "\f287"; } .hdnico-mixcloud:before { content: "\f289"; } .hdnico-shopping-bag:before { content: "\f290"; } .hdnico-hashtag:before { content: "\f292"; } .hdnico-bluetooth-b:before { content: "\f294"; } .hdnico-percent:before { content: "\f295"; } .hdnico-wheelchair-alt:before { content: "\f29b"; } .hdnico-question-circle-o:before { content: "\f29c"; } .hdnico-blind:before { content: "\f29d"; } .hdnico-assistive-listening-systems:before { content: "\f2a2"; } .hdnico-low-vision:before { content: "\f2a8"; } .hdnico-snapchat:before { content: "\f2ab"; } .hdnico-snapchat-ghost:before { content: "\f2ac"; } .hdnico-snapchat-square:before { content: "\f2ad"; } /** * Name: base.css * * T.O.C * * #CssReset * #Typography * #Links * #Lists * #Images * #Tables * #Forms * #Misc */ /* ========================================================================== #CssReset ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** * 1. Always force vertical scroll * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. * 3. For animations */ html { font-size: 100%; overflow-y: scroll; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; overflow-x: hidden; /* 3 */ } /* ========================================================================== #Typography ========================================================================== */ /** * 1. For animations */ body { overflow-x: hidden; /* 1 */ background-color: #fff; color: #616161; font: 16px 'Open Sans', Arial, sans-serif; line-height: 24px; } body { font-family: 'Muli', sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #818181; font-weight: inherit; } h1 { margin-bottom: 14px; font-size: 36px; line-height: 48px; } h2 { margin-bottom: 10px; font-size: 30px; line-height: 42px; } h3 { margin-bottom: 8px; font-size: 24px; line-height: 36px; } h4 { margin-bottom: 4px; font-size: 18px; line-height: 28px; } h5 { font-size: 16px; line-height: 26px; } h6 { font-size: 14px; line-height: 24px; } p { margin-bottom: 20px; } em { font-style: italic; } strong { font-weight: 600; } small { font-size: 90%; } sub { vertical-align: sub; font-size: 75%; } sup { vertical-align: super; font-size: 75%; } abbr[title] { border-bottom: 1px dotted #cdcdcd; cursor: help; } address { display: block; margin-bottom: 20px; } blockquote {} blockquote p { font-style: italic; } blockquote span { display: block; margin-top: 5px; color: #999999; } blockquote span:before { content: "\2013 \00A0"; } hr { height: 0; border: solid #e9e9e9; border-width: 1px 0 0 0; margin: 30px 0; } code, pre { -webkit-border-radius: 3px; border-radius: 3px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 1px 4px; border: 1px solid #cdcdcd; background-color: #e9e9e9; color: #d14; } pre { overflow-x: auto; display: block; padding: 20px; border: 1px solid #cdcdcd; margin-bottom: 20px; white-space: pre-wrap; background-color: #e9e9e9; } /* Typography Helper Classes */ /** *
acts like an
*/ .hr { border-top: 1px solid #e9e9e9; margin: 30px 0; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-highlight { color: #48719b; } .text-uppercase { text-transform: uppercase; } .mute{ color: #aaa; } p.last, h1.last, h2.last, h3.last, h4.last, h5.last, address.last { margin-bottom: 0; } /* #Links ========================================================================== */ a, a:visited { color: #48719b; text-decoration: none; } /** * 1. Remove the gray background color from active links in IE 10. */ a:active { background: transparent; /* 1 */ } a:hover, a:focus { outline: 0; text-decoration: none; color: #0f5066; } /* #Lists ========================================================================== */ ul, ol { margin-bottom: 20px; list-style-position: inside; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; margin-left: 30px; } li {} ul { list-style-type: disc; } ol { list-style-type: decimal; } /* List Helper Classes */ ul.last, ol.last { margin-bottom: 0; } /* #Images ========================================================================== */ img { border: none; } /* Images Helper Classes */ .img-align-left { float: left; margin: 5px 10px 0 0; } .img-align-right { float: right; margin: 5px 0 0 10px; } /* #Tables ========================================================================== */ table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; background-color: transparent; } caption { margin: 20px 0; text-align: center; } table th, table td { padding: 15px 8px; border-top: 1px solid #cdcdcd; text-align: center; vertical-align: top; } table th { border-top: none; background-color: #48719b; background-color: #273a51; color: #fff; font-size: 16px; } table thead th { vertical-align: bottom; } table td a, table td a:visited { color: #273a51; } table td.today, table td.today a { /* background-color: #273a51; */ background-color: inherit; color:#fff; } /* #Forms ========================================================================== */ form {} fieldset {} form p {} label { display: block; margin-bottom: 5px; } label span { color: #ff0000; } select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } /* * 1. stop safari from overwriting input styles */ input, textarea, select { -webkit-appearance: none; /* 1 */ display: block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px 10px; border: 1px solid #cdcdcd; margin-bottom: 10px; background: #fff; color: #818181; /* font: 14px/24px 'Open Sans', Arial, sans-serif; */ font: 14px/24px Muli, sans-serif; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus { border-color: #48719b; outline: 0; } select { height: 35px; } select:focus { outline: thin dotted #cdcdcd; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } textarea { min-height: 100px; overflow: auto; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } /* #Misc ========================================================================== */ .javascript-required { padding: 15px 0; background-color: #f00; color: #fff; text-align:center; font-weight: bold; } h2 { color: #273a51; } h3 { color: #a1b926; } .portfolio-item-slider li { list-style-type: none; } /** * Name: boxed.css * * This file contains an alternative styling to make the layout boxed. * The boxed version also comes with a few background options that you can choose from. * */ /* ========================================================================== #General Layout ========================================================================== */ /** * You can choose an alternative background */ body { background: #fff url(../../files/images/bg-body12.png) repeat top left; /* background: #fff url(../../files/images/bg-body2.png) repeat top left; background: #fff url(../../files/images/bg-body3.png) repeat top left; background: #fff url(../../files/images/bg-body4.png) repeat top left; background: #fff url(../../files/images/bg-body5.png) repeat top left; background: #fff url(../../files/images/bg-body6.png) repeat top left; background: #fff url(../../files/images/bg-body7.png) repeat top left; background: #fff url(../../files/images/bg-body8.png) repeat top left; background: #fff url(../../files/images/bg-body9.png) repeat top left; background: #fff url(../../files/images/bg-body10.png) repeat top left; background: #fff url(../../files/images/bg-body11.png) repeat top left; background: #fff url(../../files/images/bg-body12.png) repeat top left; background: #fff url(../../files/images/bg-body13.png) repeat top left; background: #fff url(../../files/images/bg-body14.png) repeat top left; background: #fff url(../../files/images/bg-body15.png) repeat top left; background: #fff url(../../files/images/bg-body16.png) repeat top left; background: #fff url(../../files/images/bg-body17.png) repeat top left; background: #fff url(../../files/images/bg-body18.png) repeat top left; background: #fff url(../../files/images/bg-body19.png) repeat top left; background: #fff url(../../files/images/bg-body20.png) repeat top left; */ } #wrap { max-width: 1140px; margin: 0 auto; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } #header { max-width: 1140px; } /* ========================================================================== #Responsive ========================================================================== */ @media (min-width: 1400px) { #wrap { max-width: 1370px; } #header { max-width: 1370px; } } @media (max-width: 1279px) { #wrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /** * Name: elements.css * * T.O.C * * #Accordions & Toggles * #Alerts * #Animations * #Back to top * #Buttons * #Callout Boxes * #Custom Lists * #Dividers * #Fullwidth Section * #Google Maps * #Headlines * #Icon Boxes * #Milestones * #Our Process * #Pie charts * #Pricing Tables * #ProgressBars * #SocialMedia * #Styled Tables * #Tabs * #Testimonials * #Timeline * #WordPress Widgets * #WordPress Comments * #WordPress Comment Form */ /* ========================================================================== #Accordions & Toggles ========================================================================== */ /* Accordion & Toggles */ .accordion, .toggle { margin-bottom: 30px; } .accordion-item, .toggle-item { border-bottom: 1px solid #273a51;} .accordion-item-toggle, .toggle-item-toggle { position: relative; display: block; padding: 15px 20px 15px 45px; /*border-bottom: 1px solid #cdcdcd; font-weight: 600;*/ } a.accordion-item-toggle, a.toggle-item-toggle { color: #48719b; font-size: 19px; } a.accordion-item-toggle:hover, a.toggle-item-toggle:hover { color: #273a51; } .accordion-item-toggle:after, .toggle-item-toggle:after { position: absolute; top: 15px; left: 10px; width: 24px; background-color: #48719B; color: #fff; font-size: 18px; text-align: center; content: "+"; } .accordion-item-toggle.active:after, .toggle-item-toggle.active:after { content: "-"; } .accordion-item-toggle:hover, .accordion-item-toggle.active, .toggle-item-toggle:hover, .toggle-item-toggle.active { text-decoration: none; } .accordion-item-toggle.active, .toggle-item-toggle.active { border-bottom: none; } .accordion-item-content, .toggle-item-content { display: none; padding: 15px 20px 15px 45px; } /* * 1. Clearfix hack */ .accordion-item-content:after, .toggle-item-content:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } /* ========================================================================== #Alerts ========================================================================== */ .alert { padding: 13px 15px; border: 1px solid #cdcdcd; margin-bottom: 30px; font-size: 18px; text-align: center; } .alert i { position: relative; top: 1px; margin-right: 7px; font-size: 20px; } .alert.info { background-color: #94cee4; color: #fff; } .alert.success { background-color: #48719B; color: #fff; } .alert.error { background-color: #ff0030; color: #fff; } .alert.warning { background-color: #ff7992; color: #fff; } /* ========================================================================== #Animations ========================================================================== */ .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden; } .animate.visible { visibility: visible; } .animate.hidden { visibility: hidden; } /* ========================================================================== #Back to top ========================================================================== */ #back-to-top { position: fixed; z-index: 1000; right: -40px; bottom: 20px; width: 40px; height: 40px; background-color: #92b648; color: #fafafa; font-size: 30px; text-align: center; opacity: 0.7; cursor: pointer; border-radius: 3px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #back-to-top i { font-size: 37px; line-height: 37px; font-weight: normal; vertical-align: top; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } /*#back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); }*/ #back-to-top:hover { background-color: #92b648; opacity: 1; } #back-to-top:hover i { color: #fff; } #back-to-top.visible { right: 40px; } #back-to-top.gone { right: -40px; } /* ========================================================================== #Buttons ========================================================================== */ .btn { display: inline-block; padding: 10px 25px; border: 1px solid #cdcdcd; margin: 0 5px 20px 0; background-color: #fff; color: #818181; line-height: 18px; text-decoration: none !important; vertical-align: middle; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } a.btn { color: #818181; } .btn:focus { outline: 0; } .btn-large { padding: 17px 45px; font-size: 18px; } .btn i, .btn-large i { float: left; margin: 2px 8px 0 -4px; font-size: 16px; line-height: 16px; } .btn:hover, .btn.active { border-color: #48719B; background-color: #48719B; color: #fff; } /* Colors Button */ .btn-blue { border-color: #48719B; background-color: #48719B; color: #fff; } a.btn-blue { color: #fff; } .btn-blue:hover { border-color: #0f5066; background-color: #0f5066; } /* ========================================================================== #Callout Boxes ========================================================================== */ .callout-box { padding: 30px 0; margin-bottom: 50px; background-color: #333; } .callout-box p { margin-bottom: 0; } /** * Callout box with one background image * * 1. background-image must be supplied using inline css as it is different for every .callout-box * */ .callout-box.bg-img { background-repeat: no-repeat; /* 1 */ background-position: center center; -webkit-background-size: cover; background-size: cover; color: #fff; } /** * Callout box with repeating background image * * 1. background-image must be supplied using inline css as it is different for every .callout-box * */ .callout-box.bg-pattern { background: repeat top left; /* 1 */ color: #fff; } .callout-box.bordered { border: 1px solid #efefef; background-color: #f5f5f5; } /** * Callout box grid system * * 1. overwriting inherited .row width to 100% in order to make it fluid * */ .callout-box .row { width: 100%; /* 1 */ } .callout-box .span1, .callout-box .span2, .callout-box .span3, .callout-box .span4, .callout-box .span5, .callout-box .span6, .callout-box .span7, .callout-box .span8, .callout-box .span9, .callout-box .span10, .callout-box .span11, .callout-box .span12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin: 0; } .callout-box .span12 { width: 100%; } .callout-box .span11 { width: 91.6666666667%; } .callout-box .span10 { width: 83.3333333333%; } .callout-box .span9 { width: 75%; } .callout-box .span8 { width: 66.6666666667%; } .callout-box .span7 { width: 58.3333333333%; } .callout-box .span6 { width: 50%; } .callout-box .span5 { width: 41.6666666667%; } .callout-box .span4 { width: 33.3333333333%; } .callout-box .span3 { width: 25%; } .callout-box .span2 { width: 16.66666666666667%; } .callout-box .span1 { width: 8.333333333333333%; } @media (max-width: 767px) { .callout-box .span1, .callout-box .span2, .callout-box .span3, .callout-box .span4, .callout-box .span5, .callout-box .span6, .callout-box .span7, .callout-box .span8, .callout-box .span9, .callout-box .span10, .callout-box .span11, .callout-box .span12 { width: 100%; } } /* ========================================================================== #Custom Lists ========================================================================== */ /** * Custom lists * * 1. unstyled list * 2. list with squares for bullets * 3. list with discs for bullets * */ ul.unstyled { list-style-type: none; } /* 1 */ ul.square { list-style-type: square; } /* 2 */ ul.circle { list-style-type: circle; } /* 3 */ /** * FontAwesome lists * * 1. Check list * 2. Fill circle list * */ ul.check, /* 1 */ ul.fill-circle { list-style: none; } /* 2 */ ul.check li:before, ul.fill-circle li:before { position: relative; top: -1px; width: auto; height: auto; margin-right: 10px; color: #48719B; font-family: 'FontAwesome'; font-size: 14px; font-style: normal; } ul.fill-circle li:before { top: -2px; font-size: 8px; } ul.check li:before { content: ""; } ul.fill-circle li:before { content: ""; } ul.check li, ul.fill-circle li { margin-bottom: 10px; } ul.check li:last-child, ul.fill-circle li:last-child { margin-bottom: 0; } /* ========================================================================== #Dividers ========================================================================== */ .divider { margin: 30px 0; } .divider.single-line { border-top: 1px solid #e9e9e9; } .divider.double-line { border-top: 4px double #e9e9e9; } .divider.single-dotted { height: 1px; background: url(../../files/images/bg-single-dotted.gif) repeat-x top left ; } .divider.double-dotted { height: 4px; background: url(../../files/images/bg-double-dotted.gif) repeat-x top left; } /* ========================================================================== #Fullwidth Section ========================================================================== */ /** * Full width section * * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section * */ .fullwidth-section { overflow: hidden; position: relative; z-index: 0; padding: 60px 0; margin: 50px 0; color: #fff; background-color: #48719B; background-attachment: scroll; background-repeat: no-repeat; /* 1 */ background-position: 50% 0; -webkit-background-size: cover; background-size: cover; } .fullwidth-section-content { position: relative; z-index: 3; } .fullwidth-section-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #48719B; opacity: 0.6; } .fullwidth-section-video { position: absolute; z-index: 1; top: 0; overflow: hidden; width: 100%; height: 100%; } .parallax.parallax-enabled { background-attachment: fixed !important; /* if parallax then we don't want it to cover */ -webkit-background-size: cover; background-size: cover; } .fit-vids-style { display:none; } /* ytplayer fix */ .fullwidth-section .callout-box { padding: 0; margin-bottom: 0; background-color: transparent; } .fullwidth-section .callout-box .btn { margin-top: 40px; } /* Overwite element color in fullwidth-section */ .fullwidth-section .btn { color: #48719B; } .fullwidth-section a, .fullwidth-section ul.check li:before, .fullwidth-section ul.fill-circle li:before, .fullwidth-section .btn:hover, .fullwidth-section .btn-blue { color: #fff; } .fullwidth-section .accordion-item-toggle, .fullwidth-section .toggle-item-toggle, .fullwidth-section .btn { border-color: #fff; } .fullwidth-section .process-builder li i, .fullwidth-section .process-builder li h1 { outline: none; } .fullwidth-section .headline:before { left: 0; width: 40%; border-color: #fff; } .fullwidth-section .headline:after { right: 0; left: auto; width: 40%; border-color: #fff; } .fullwidth-section .headline h1 { background-color: transparent; } /* Full width section backgrounds */ #bg-1 { padding: 100px 0 80px 0; border-top: 1px solid #e9e9e9; margin-bottom: 0; background-color: #f0f0f0; color: #818181; } #bg-1 .btn { border-color: #818181; background-color: transparent; color: #818181; } #bg-1 .btn:hover { background-color: #fff; } #bg-2 { padding-bottom: 0; margin-top: 0; background-image: url(../../_content/backgrounds/1920x1200-1.jpg); } #bg-3 { margin-top: 0; background-image: url(../../_content/backgrounds/1920x1000-1.jpg); } #bg-3 h1 { font-size: 58px; } #bg-3 h1 small { font-size: 34px; } #bg-3 i { margin-right: 50px; font-size: 75px; line-height: 75px; } #bg-3 i:last-child { margin-right: 0; } #bg-3 i:hover { color: #48719B; } #bg-4 { padding: 30px 0; margin-bottom: 0; background-color: #d1eaf4; color: #818181; } #bg-4 a { color: #818181; } #bg-5 { padding: 120px 0; margin-top: 100px; background: url(../../_content/backgrounds/1920x1000-2.jpg); } #bg-6 { padding-top: 90px; padding-bottom: 0; margin-top: 100px; margin-bottom: -60px; background-color: #d5d5d5; } #bg-7 { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; margin-top: 80px; background-color: #e9e9e9; color: #818181; } #bg-8 { padding: 25px 0; margin-top: 0; margin-bottom: 90px; } #bg-9 { overflow: visible; padding-bottom: 0; margin: 70px 0 100px 0; } #bg-9 img { display: block; margin: -170px auto -50px auto; } #bg-10 { padding: 150px 0 100px 0; margin-bottom: 0; background-image: url(../../_content/backgrounds/1920x1200-2.jpg); } #bg-11 { margin-top: 0; margin-bottom: 100px; background-color: #d6eef7; color: #0f5066; } #bg-12 { margin-bottom: 100px; background-image: url(../../_content/backgrounds/1920x1000-3.jpg); } #bg-13 { padding: 100px 0 40px 0; background-image: url(../../_content/backgrounds/1920x1200-3.jpg); } @media (min-width: 768px) and (max-width: 979px) { .fullwidth-section .headline:before, .fullwidth-section .headline:after { width: 35%; } #bg-9 img { margin-top: -120px; } } @media (max-width: 767px) { .fullwidth-section .headline:before, .fullwidth-section .headline:after { content: none; } #bg-3 h1 { font-size: 34px; } #bg-3 i { display: block; margin-right: 0; margin-bottom: 30px; } #bg-3 i:last-child { margin-bottom: 0; } #bg-9 img { margin-top: 40px; margin-bottom: 0; } } /* ========================================================================== #Google Maps ========================================================================== */ .map { position: relative; margin: 50px 0; } .google-map { width: 100%; height: 560px; border: 1px solid #cdcdcd; } .contact { position: absolute; top: 50px; left: 150px; padding: 40px 150px 20px 50px; border: 1px solid #cdcdcd; background-color: #fff; } .contact:before { position: absolute; z-index: 2; bottom: -35px; left: 50%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 35px solid #fff; margin-left: -10px; content: ""; } .contact:after { position: absolute; z-index: 1; bottom: -36px; left: 50%; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 35px solid #cdcdcd; margin-left: -9px; content: ""; } @media (max-width: 767px) { .contact { position: relative; top: 0; left: 0; padding: 30px 15px 10px 15px; border: none; } .contact:before, .contact:after { display: none; } } /* ========================================================================== #Headlines ========================================================================== */ .headline { position: relative; margin: 50px 0 100px 0; text-align: center; } .headline:before, .headline:after { position: absolute; z-index: 1; top: 19px; left: 0; right: 0; height: 10px; /*border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;*/ content: ""; } .headline h1 { position: relative; z-index: 2; display: inline-block; padding: 0 25px; margin-bottom: 0; background-color: #fff; } .title { font-size: 50px; line-height: 50px; } .title-error { color: #48719B; font-size: 172px; line-height: 200px; font-weight: 700; } @media (max-width: 767px) { .headline { margin-bottom: 50px; } } /* ========================================================================== #Icon Boxes ========================================================================== */ .iconboxen_left { background: #f4f4f4; background: #92B648; } /* Icon Box 1 ========================================================================== */ .icon-box-1 { position: relative; margin: 50px 0; } .icon-box-1 p { color: #fff; } .icon-box-1 > i { float: left; display: block; font-size: 48px; line-height: 68px; color: #48719B; color: #fff; } .icon-box-1 h3 { margin-bottom: 15px; color: #818181; color: #fff; line-height: 1.3em; } .icon-box-1 .icon-box-content { margin-left: 70px; border-bottom: 1px solid #fff; } .iconboxen_left.aufweiss .icon-box-1 .icon-box-content { margin-left: 70px; border-bottom: 1px solid #616161; } .iconboxen_left.aufweiss .icon-box-1 p, .iconboxen_left.aufweiss .icon-box-1 h3 { color: #616161; } .iconboxen_left.aufweiss .icon-box-1 > i { color: #92b648; } /* Icon Box 2 ========================================================================== */ .icon-box-2 { position: relative; margin: 50px 0; text-align: center; } .icon-box-2 > i { display: block; margin-bottom: 15px; font-size: 48px; color: #48719B; } .icon-box-2 > img { max-width: 100%; margin-bottom: 30px; } .icon-box-2 h3 { margin-bottom: 20px; line-height: 24px; } .icon-box-2 h3 small { font-size: 14px; color: #48719B; } .icon-box-2 .icon-box-content {} /* Icon Box 3 ========================================================================== */ .icon-box-3 { position: relative; } .icon-box-3 > i { float: left; display: block; font-size: 75px; line-height: 75px; } .icon-box-3 .icon-box-content { margin-left: 105px; } .icon-box-3 .icon-box-content h4 { padding-top: 7px; } @media (max-width: 767px) { .icon-box-3 > i { margin-right: 20px; } .icon-box-3 .icon-box-content { margin-left: 0; } } .iconboxen_left.aufweiss { background: #fff; } /* ========================================================================== #Milestones ========================================================================== */ .milestone { position: relative; margin-bottom: 50px; text-align: center; } /* * 1. Clearfix hack */ .milestone:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } .milestone i { z-index: 20; font-size: 32px; } .milestone .milestone-content { z-index: 10; color: #222222; font-size: 48px; line-height: 48px; font-weight: 600; } .milestone .milestone-description { margin-top: 35px; color: #48719B; font-size: 18px; line-height: 24px; } /* ========================================================================== #Our Process ========================================================================== */ .process-builder { position: relative; margin-bottom: 40px; list-style: none; text-align: center; } .process-builder:before { position: absolute; z-index: 1; top: 70px; left: 130px; display: block; width: 75%; border-top: 1px solid #cdcdcd; content: ""; } .process-builder li { float: left; width: 25%; } .process-builder li i, .process-builder li h1 { position: relative; z-index: 2; display: block; width: 140px; height: 140px; overflow: hidden; border: 1px solid #d7d7d7; border-radius: 50%; outline: 10px solid #fff; margin: 0 auto 20px; background-color: #fff; font-size: 48px; line-height: 140px; -webkit-transition: all 0.3s; transition: all 0.3s; } .process-description { padding: 0 20px; text-align: left; } .process-description h2 { line-height: 24px; } .process-description small { font-size: 14px; } .process-builder li:hover i, .process-builder li:hover h1 { background-color: #48719B; color: #fff; } /* Number of Items */ .process-builder.three-items li { width: 33.3333333333%; } .process-builder.four-items li { width: 25%; } .process-builder.five-items li { width: 20%; } /* * 1. Clearfix hack */ .process-builder:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 1400px) { .process-description { padding: 0 50px; } } @media (max-width: 767px) { .process-builder li { float: none; width: 100%; margin-bottom: 40px; } .process-builder:before { content: none; } .process-builder.three-items li { width: 100%; } .process-builder.four-items li { width: 100%; } .process-builder.five-items li { width: 100%; } .process-description { text-align: center; } } /* ========================================================================== #Pie charts ========================================================================== */ .pie-chart { position: relative; margin: 0 auto; padding: 30px 0; text-align: center; } .pie-chart canvas { position: absolute; z-index: 1; top: 0; left: 0; } .pie-chart i, .pie-chart .pie-chart-custom-text, .pie-chart .pie-chart-percent { position: absolute; z-index: 10; top: -10px; left: 0; display: block; width: 100%; text-align: center; } .pie-chart img { max-width: 100%; vertical-align: middle; } .pie-chart .pie-chart-custom-text { font-size: 18px; } .pie-chart .pie-chart-percent { font-size: 48px; font-weight: 600; } .pie-chart-description { position: absolute; top: 30px; left: 0; display: block; width: 100%; font-size: 18px; font-weight: 600; } @media (min-width: 768px) and (max-width: 979px) { .pie-chart .pie-chart-percent { font-size: 38px; } .pie-chart-description { top: 20px; } } /* ========================================================================== #Pricing Tables ========================================================================== */ .pricing-table { padding: 0 20px; border: 1px solid #cdcdcd; margin-bottom: 50px; text-align: center; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } .pricing-table .btn { margin-bottom: -20px; } .pricing-table-header { padding: 20px 0; margin: 0 -20px 45px -20px; background-color: #48719B; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .pricing-table-header h1, .pricing-table-header h3 { margin-bottom: 0; } .pricing-table-offer {} .pricing-table-offer ul { margin-bottom: 30px; list-style: none; } .pricing-table-offer ul li { margin-bottom: 20px; } .pricing-table-offer ul li:last-child { margin-bottom: 0; } .pricing-table:hover .pricing-table-header { background-color: #0f5066; } /* ========================================================================== #ProgressBars ========================================================================== */ .progress-bar-description { display: block; margin-bottom: 15px; line-height: 14px; } .progress-bar { position: relative; display: block; height: 20px; margin-bottom: 15px; background-color: #cdcdcd; } .progress-bar .progress-bar-outer { position: absolute; top: 0; left: 0; height: 100%; background-color: #48719B; } .progress-bar.alt .progress-bar-outer { right: 0; left: auto; } .progress-bar .progress-bar-outer .progress-bar-inner { position: absolute; z-index: 1; top: 0; left: 0; display: block; overflow: hidden; height: 100%; width: 100%; } @media (max-width: 767px) { .progress-bar.alt .progress-bar-outer { right: auto; left: 0; } } /* ========================================================================== #SocialMedia ========================================================================== */ a.social-icon { float: left; display: block; margin-right: 10px; margin-bottom: 1px; color: #48719B; text-align: center; } a.social-icon:last-child { margin-right: 0; } a.social-icon i { font-size: 18px; line-height: 30px; } a.social-icon:hover { text-decoration: none; } a.facebook-icon:hover { color: #0e59a0 !important; } a.twitter-icon:hover { color: #0f5066 !important; } a.dribble-icon:hover { color: #ea73a0 !important; } a.pinterest-icon:hover { color: #d73532 !important; } a.googleplus-icon:hover { color: #282927 !important; } a.tumblr-icon:hover { color: #586980 !important; } a.instagram-icon:hover { color: #82685a !important; } a.rss-icon:hover { color: #f79638 !important; } a.linkedin-icon:hover { color: #018faf !important; } a.skype-icon:hover { color: #00b0f6 !important; } a.flickr-icon:hover { color: #0061db !important; } a.vimeo-icon:hover { color: #63879c !important; } a.github-icon:hover { color: #3b3b3b !important; } a.youtube-icon:hover { color: #cc181e !important; } a.windows-icon:hover { color: #6dc2e9 !important; } a.dropbox-icon:hover { color: #007ee5 !important; } a.xing-icon:hover { color: #026566 !important; } a.adn-icon:hover { color: #1ea076 !important; } a.android-icon:hover { color: #98cb02 !important; } a.apple-icon:hover { color: #000000 !important; } a.behance-icon:hover { color: #2d9ad2 !important; } a.bitbucket-icon:hover { color: #214f81 !important; } a.bitcoin-icon:hover { color: #f7931b !important; } a.codepan-icon:hover { color: #000000 !important; } a.css3-icon:hover { color: #3289ce !important; } a.delicious-icon:hover { color: #3399fe !important; } a.deviantart-icon:hover { color: #c8da30 !important; } a.digg-icon:hover { color: #0080c2 !important; } a.drupal-icon:hover { color: #0077b9 !important; } a.empire-icon:hover { color: #000000 !important; } a.foursquare-icon:hover { color: #daecb0 !important; } a.git-icon:hover { color: #f34f29 !important; } a.gitti-icon:hover { color: #634c3e !important; } a.hacker-news-icon:hover { color: #f18642 !important; } a.html5-icon:hover { color: #e54c1f !important; } a.joomla-icon:hover { color: #016fb9 !important; } a.jsfiddle-icon:hover { color: #4679a4 !important; } a.linux-icon:hover { color: #fece0e !important; } a.maxcdn-icon:hover { color: #f36f20 !important; } a.openid-icon:hover { color: #fe6101 !important; } a.pagelines-icon:hover { color: #3783e3 !important; } a.pied-piper-icon:hover { color: #0c7b48 !important; } a.qq-icon:hover { color: #23286c !important; } a.rebel-icon:hover { color: #000000 !important; } a.reddit-icon:hover { color: #cee3f8 !important; } a.renren-icon:hover { color: #0d81e4 !important; } a.share-icon:hover { color: #252525 !important; } a.slack-icon:hover { color: #453744 !important; } a.soundcloud-icon:hover { color: #fe4e00 !important; } a.spotify-icon:hover { color: #80bb41 !important; } a.stack-exchange-icon:hover { color: #265a93 !important; } a.stackoverflow-icon:hover { color: #fea501 !important; } a.steam-icon:hover { color: #191919 !important; } a.stumbleupon-icon:hover { color: #f04f23 !important; } a.tencent-weibo-icon:hover { color: #0063a7 !important; } a.trello-icon:hover { color: #226784 !important; } a.vine-icon:hover { color: #00b081 !important; } a.vk-icon:hover { color: #50769d !important; } a.wechat-icon:hover { color: #a4dc31 !important; } a.weibo-icon:hover { color: #d82828 !important; } a.wordpress-icon:hover { color: #454442 !important; } a.yahoo-icon:hover { color: #4b04a8 !important; } /* ========================================================================== #Styled Tables ========================================================================== */ .table-bordered { border: 1px solid #cdcdcd; border-left: none; border-collapse: separate; } .table-bordered th, .table-bordered td { border-left: 1px solid #cdcdcd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: none; } .table-condensed th, .table-condensed td { padding: 4px 8px; } @media (max-width: 768px) { /** * Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /** * Hide table headers */ .hdnkalender thead tr:nth-child(n+2) { position: absolute; top: -9999px; left: -9999px; } .hdnkalender thead .previous, .hdnkalender thead .next { width: 30px; display: inline-block; /* vertical-align: middle; */ /* float: left; */ height: 32px; } .minicalendar thead .next, .minicalendar thead .previous { width: 24px; display: inline-block; /* vertical-align: middle; */ /* float: left; */ height: 32px; } table.hdnkalender thead .current{ width: auto; display: inline-block; vertical-align: middle; min-width: 75%; height: 32px; } table.minicalendar thead .current { width: auto; display: inline-block; vertical-align: middle; min-width: 75%; } .table-bordered { border-top: none; } tr { border-top: 1px solid #555; } td:first-child { border-top: none !important; } } @media (max-width: 562px) { table.hdnkalender thead .current, table.minicalendar thead .current { width: auto; min-width: 70%; } .hdnkalender thead .previous, .hdnkalender thead .next, .minicalendar thead .previous, .minicalendar thead .next { width: 15px; } } @media (max-width: 450px) { table.hdnkalender thead .current { font-size: 1.2em !important; } table.minicalendar thead .current { font-size: 1em !important; } table.hdnkalender thead .current, table.minicalendar thead .current { width: auto; height: 32px; min-width: 65%; } } /* ========================================================================== #Tabs ========================================================================== */ /* Horizontal tabs */ /* * 1. Wraps around a horizontal tab group */ .tabs-container {} /* 1 */ .tabs-container .tabs-menu { border-bottom: 1px solid #48719b; margin-top: 10px; margin-bottom: 0; list-style: none; } .tabs-container .tabs-menu li { display: inline; } .tabs-container .tabs-menu li a { float: left; display: block; padding: 10px 25px; border-right: 1px solid #48719b; border-top: 1px solid #48719b; border-bottom: 1px solid #48719b; margin-bottom: -1px; background-color: #fff; color: #818181; font-size: 16px; text-decoration: none; } .tabs-container .tabs-menu li.first a { border-left: 1px solid #48719b; } .tabs-container .tabs-menu li:first-child a { border-left: 1px solid #48719b; } .tabs-container .tabs-menu li.active a, .tabs-container .tabs-menu li a:hover { background-color: #48719b; color: #fff; } .tabs-container .tabs { border: 1px solid #48719b; border-top: none; margin-bottom: 30px; } .tabs-container .tab-content { padding: 20px; } .tabcontentleft { display: block; float: left; text-align: left; width: 50%; } .tabcontentright { display: block; float: left; text-align: right; width: 50%; } .tabcontentleft .inside { padding-right: 10px; } .tabcontentright .inside { padding-left: 10px; } /* Vertical tabs */ .vertical-tabs-container { position: relative; margin-bottom: 30px; } .vertical-tabs-container .tabs-menu { float: left; width: 124px; border-right: 1px solid #cdcdcd; margin-bottom: 0; list-style: none; } .vertical-tabs-container .tabs-menu li a { display: block; padding: 10px 15px; border-bottom: 1px solid #fff; margin-right: -2px; background-color: #0f5066; color: #fff; font-size: 16px; text-decoration: none; } .vertical-tabs-container .tabs-menu li:last-child a { border-bottom: none; } .vertical-tabs-container .tabs-menu li.active a, .vertical-tabs-container .tabs-menu li a:hover { border-right-color: #fff; background-color: #48719B; } .vertical-tabs-container .tabs { margin-left: 125px; } .vertical-tabs-container .tab-content { padding: 40px 20px 20px 40px; border: 1px solid #cdcdcd; } @media (min-width: 768px) and (max-width: 979px) { .tabs-container .tabs-menu li a { padding: 10px 15px; } } @media (max-width: 767px) { .tabs-container .tabs-menu { border-bottom: none; } .tabs-container .tabs-menu li { display: block; } .tabs-container .tabs-menu li a { float: none; display: block; padding: 20px 25px; border: 1px solid #cdcdcd; border-top: none; margin: 0; } .tabs-container .tabs-menu li:first-child a { border: 1px solid #cdcdcd; } .tabs-container .tabs-menu li a:hover { text-decoration: none; } .tabs-container .tabs-menu li:first-child a { border-top: 1px solid #e7e7e7; } .tabs-container .tabs-menu li.active a { padding: 20px 25px; margin: 0px; background-color: #48719B; } .vertical-tabs-container .tabs-menu { float: none; width: 100%; } .vertical-tabs-container .tabs { margin-left: 0; } .vertical-tabs-container .tabs-menu li a { padding: 20px 25px; border-right: none; margin-right: 0; } .vertical-tabs-container .tabs-menu li.active a { border-bottom-color: #333; } } /* ========================================================================== #Testimonials ========================================================================== */ .testimonial { margin-bottom: 30px; } .testimonial h3 { margin-bottom: 0; } .testimonial blockquote { position: relative; margin-bottom: 20px; } .testimonial blockquote p { font-style: normal; } .testimonial img { float: left; max-width: 100%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 30px; } /* * 1. Clearfix hack */ .testimonial:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 768px) and (max-width: 979px) { .testimonial img { float: none; margin-right: 0; margin-bottom: 15px; } } @media (max-width: 767px) { .testimonial img { float: none; margin-right: 0; margin-bottom: 15px; } } /* ========================================================================== #Timeline ========================================================================== */ .timeline { margin-bottom: 50px; list-style: none; } .timeline li {} .timeline h3 { margin-bottom: 0; } .left-side, .right-side { float: left; width: 420px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 20px 20px; } .left-side { text-align: right; } .right-side { text-align: left; } .separator { position: relative; float: left; width: 80px; margin-bottom: -15px; } .separator:before { position: absolute; top: 0; left: 50%; height: 100%; border-left: 2px solid #48719B; content: ""; } .separator:after { position: absolute; top: 30%; left: 50%; width: 18px; height: 18px; border: 1px solid #48719B; border-radius: 50%; margin-left: -9px; background-color: #48719B; content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; } .timeline li:hover .separator:after { background-color: #fff; } /* * 1. Clearfix hack */ .timeline li:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 1400px) { .left-side, .right-side { width: 535px; } } @media (min-width: 768px) and (max-width: 979px) { .left-side, .right-side { width: 345px; } .separator { width: 15px; } } @media (max-width: 767px) { .timeline li { padding: 40px 0 20px 0; border-bottom: 1px solid #48719B; } .timeline li:last-child { border-bottom: none; } .left-side, .right-side { width: 100%; text-align: left; } .separator { display: none; } } /* ========================================================================== #WordPress Widgets ========================================================================== */ /* WordPress Widget Defaults */ .widget { margin-bottom: 100px; } #header-top .widget:last-child{ margin-bottom:0; } #footer .widget:last-child{ margin-bottom:0; } #footer-bottom .widget:last-child{ margin-bottom:0; } .widget-title { position: relative; margin-bottom: 20px; line-height: 18px; font-weight: 600; } .widget-title span { position: relative; z-index: 2; padding-right: 15px; background-color: #fff; } .widget-title:before { position: absolute; z-index: 1; top: 4px; right: 0; left: 0; height: 10px; /*border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;*/ content: ""; } /* Text Widget */ .widget_text {} .textwidget {} /* Search Widget */ .widget_search {} #searchform { position: relative; } .screen-reader-text { display: none; } #s { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchsubmit { position: absolute; top: 0; right: 0; height: 38px; padding: 6px 15px; border: none; background: url(../../files/images/bg-search.png) no-repeat center center; } /* Recent Entries Widget */ .widget_recent_entries {} .widget_recent_entries ul { margin-bottom: 0; list-style: none; } .widget_recent_entries ul li { margin-bottom: 20px; } .widget_recent_entries ul li:last-child { margin-bottom: 0; } .widget_recent_entries ul li a { color: #818181; } .widget_recent_entries ul li img { float: left; margin: 5px 10px 0 0; } .widget_recent_entries ul li .post-author { display: block; color: #48719B; } /* * 1. Clearfix hack */ .widget_recent_entries ul li:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } @media (min-width: 768px) and (max-width: 979px) { .widget_recent_entries ul li img { display: none; } } /* Pages Widget */ .widget_pages {} .widget_pages ul { margin-bottom: 0; list-style: none; } .widget_pages ul li {} .widget_pages ul li a { color: #818181; } .widget_pages ul li a:hover { color: #48719B; } /* Archive Widget */ .widget_archive {} .widget_archive ul { margin-bottom: 0; list-style: none; } .widget_archive ul li {} .widget_archive ul li a { color: #818181; } .widget_archive ul li a:hover { color: #48719B; } .widget_archive select {} .widget_archive option {} /* Categories Widget */ .widget_categories {} .widget_categories ul { margin-bottom: 0; list-style: none; } .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories ul li a { color: #818181; } .widget_categories ul li a:hover { color: #48719B; } .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* Meta Widget */ .widget_meta {} .widget_meta ul { margin-bottom: 0; list-style: none; } .widget_meta ul li {} .widget_meta ul li a { color: #818181; } .widget_meta ul li a:hover { color: #48719B; } /* Recent Comments Widget */ .widget_recent_comments {} #recentcomments { margin-bottom: 0; list-style: none; } #recentcomments li {} #recentcomments li a {} .recentcomments {} /* Tag Cloud Widget */ .widget_tag_cloud {} .widget_tag_cloud a { display: inline-block; padding: 5px 10px; border: 1px solid #cdcdcd; margin: 0 2px 5px 0; color: #818181; -webkit-transition: all 0.3s; transition: all 0.3s; } .widget_tag_cloud a:hover { border-color: #48719B; background-color: #48719B; color: #fff; } .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* Calendar Widget */ .widget_calendar {} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {} #wp-calendar caption {} #wp-calendar a {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /* Custom Menu Widget */ .widget_nav_menu {} .widget_nav_menu .menu { margin-bottom: 0; list-style: none; } .widget_nav_menu .menu li a { color: #818181; } .widget_nav_menu .menu li a:hover { color: #48719B; } /* RSS Widget */ .widget_rss {} .widget_rss ul { margin-bottom: 0; list-style: none; } /* Custom - Twitter Widget */ .ewf_widget_twitter {} #tweet .tweet { word-wrap: break-word; } #tweet ul { list-style: none; } #tweet .interact { text-align: center; } #tweet .interact a { margin-right: 10px; } #tweet .interact a:last-child { margin-right: 0; } /* Custom - EWF Flickr Widget */ .ewf_widget_flickr {} .flickr-feed {} .flickr-feed .flickr_badge_image { display: inline; } .flickr-feed img { width: 75px; height: auto; border: none; padding: 0 10px 5px 0; } @media (min-width: 1400px) { .flickr-feed img { } } @media (min-width: 768px) and (max-width: 979px) { .flickr-feed img { width: 70px; } } /* Custom - Contact Info Widget */ .ewf_widget_contact_info {} .ewf_widget_contact_info ul { margin-bottom: 0; list-style: none; } .ewf_widget_contact_info ul li { position: relative; padding-left: 30px; margin-bottom: 10px; } .ewf_widget_contact_info ul li:last-child { margin-bottom: 0; } .ewf_widget_contact_info ul li i { position: absolute; top: 7px; left: 0; } .ewf_widget_contact_info ul li a { color: #818181; } /* Custom - Newsletter Subscribe Widget */ .ewf_widget_newsletter {} #newsletter-subscribe-form { position: relative; } #newsletter-subscribe-form input[type="text"] { width: 100%; } #newsletter-subscribe-form input[type="submit"] { padding: 11px 25px; margin: 0; } /* Custom - Navigation Widget */ .ewf_widget_navigation {} .ewf_widget_navigation ul { margin-bottom: 30px; list-style-type: none; list-style-position: outside; } .ewf_widget_navigation li { border-bottom: 1px solid #d7d7d7; } .ewf_widget_navigation li:last-child { border-bottom: none; } .ewf_widget_navigation li a { display: block; padding: 10px 0; color: #818181; } .ewf_widget_navigation li a:hover { color: #48719B; text-decoration: none; } /* Custom - Social Media Widget */ .ewf_widget_social_media {} .ewf_widget_social_media a.social-icon { width: 37px; height: 37px; border-radius: 50%; background-color: #e9e9e9; color: #48719B; } .ewf_widget_social_media a.social-icon i { font-size: 22px; line-height: 37px; } /* * 1. Clearfix hack */ .ewf_widget_social_media:after { /* 1 */ visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } /* ========================================================================== #WordPress Comments ========================================================================== */ .comments-title { position: relative; font-weight: 600; } .comments-title:before { position: absolute; top: 10px; left: 110px; right: 0; height: 7px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; content: ""; } .comment-body { margin-bottom: 40px; } .comment-reply-title {} .commentlist .reply { text-align: right; } .commentlist .reply a {} .commentlist .alt {} .commentlist .odd {} .commentlist .even {} .commentlist .thread-alt {} .commentlist .thread-odd {} .commentlist .thread-even {} .commentlist li ul.children .alt {} .commentlist li ul.children .odd {} .commentlist li ul.children .even {} .commentlist .vcard {} .commentlist .vcard cite.fn {} .commentlist .vcard span.says { display: none; } .commentlist .vcard img.photo { float: left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 10px solid #48719B; border-radius: 50%; } .commentlist .vcard img.avatar {} .commentlist .vcard cite.fn a.url { margin-left: 30px; color: #818181; font-weight: 600; } .commentlist .comment-meta { margin: 0 0 10px 110px; } .commentlist .comment-meta a { color: #818181; } .commentlist .commentmetadata {} .commentlist .commentmetadata a {} .commentlist .parent {} .commentlist .comment {} .commentlist .children {} .commentlist .pingback {} .commentlist .bypostauthor {} .commentlist .comment-author {} .commentlist .comment-author-admin {} .commentlist { margin: 100px 0 50px 0; list-style: none; } .commentlist li {} .commentlist li p { margin-left: 110px; } .commentlist li ul { margin-left: 0; list-style: none; } .commentlist li ul.children li {} .commentlist li ul.children li.alt {} .commentlist li ul.children li.byuser {} .commentlist li ul.children li.comment {} .commentlist li ul.children li.bypostauthor {} .commentlist li ul.children li.comment-author-admin {} #cancel-comment-reply {} #cancel-comment-reply a {} @media (max-width: 767px) { .commentlist li p, .commentlist .comment-meta, .commentlist .vcard cite.fn a.url { margin-left: 0; } .commentlist .vcard img.photo { float: none; margin-bottom: 15px; } .commentlist .reply { text-align: left; } } /* ========================================================================== #WordPress Comment Form ========================================================================== */ /* Blog Post Comment Form */ .nocomments { display: none; } .must-log-in { display: none; } .logged-in-as { display: none; } .nav-previous, .nav-next { display: none; } .section-heading { position: relative; font-weight: 600; } .section-heading:before { position: absolute; top: 10px; left: 170px; right: 0; height: 7px; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; content: ""; } /* Comment Form */ #commentform { margin: 50px 0; } /* Comment notes */ .comment-notes { display: none; } /* Comment author field. */ .comment-form-author { } .comment-form-author label { display: none; } .comment-form-author input#author { } /* Comment email field. */ .comment-form-email { } .comment-form-email label { display: none; } .comment-form-email input#email { } /* Comment URL field. */ .comment-form-url { } .comment-form-url label { display: none; } .comment-form-url input#url { } /* Required (*) text. */ #commentform .required { } /* Comment form comment. */ .comment-form-comment { } .comment-form-comment label { display: none; } .comment-form-comment textarea#comment { } /* Allowed tags paragraph. */ .form-allowed-tags { display: none; } .form-allowed-tags code { } /* Paragraph that wraps the submit button and hidden comment ID fields. */ .form-submit { text-align: right; } /* Submit button. */ #commentform #submit { margin-right: 0; } /****responsive IMG*/ @media (max-width: 1440px) { img { max-width: 100%; height: auto; } } /** * Name: grid.css * * T.O.C * * #Base Grid * #Large Display * #Tablet (Portrait) * #Mobile (Portrait and landscape) * #Align * #Responsive Images and embeds * #Clearing * #ResponsiveFormInputs */ /* ========================================================================== #Base Grid ========================================================================== */ .row { position: relative; width: 940px; margin: 0 auto; } .row .row { width: auto; margin: 0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; } .span1 { width: 60px; margin-left: 20px; } .span2 { width: 140px; margin-left: 20px; } .span3 { width: 220px; margin-left: 20px; } .span4 { width: 300px; margin-left: 20px; } .span5 { width: 380px; margin-left: 20px; } .span6 { width: 460px; margin-left: 20px; } .span7 { width: 540px; margin-left: 20px; } .span8 { width: 620px; margin-left: 20px; } .span9 { width: 700px; margin-left: 20px; } .span10 { width: 780px; margin-left: 20px; } .span11 { width: 860px; margin-left: 20px; } .span12 { width: 940px; margin-left: 20px; } .span1:first-child, .span2:first-child, .span3:first-child, .span4:first-child, .span5:first-child, .span6:first-child, .span7:first-child, .span8:first-child, .span9:first-child, .span10:first-child, .span11:first-child, .span12:first-child { margin-left: 0; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } /* ========================================================================== #Large Display ========================================================================== */ @media (min-width: 1400px) { .row { width: 1170px; } .span1 { width: 70px; margin-left: 30px; } .span2 { width: 170px; margin-left: 30px; } .span3 { width: 270px; margin-left: 30px; } .span4 { width: 370px; margin-left: 30px; } .span5 { width: 470px; margin-left: 30px; } .span6 { width: 570px; margin-left: 30px; } .span7 { width: 670px; margin-left: 30px; } .span8 { width: 770px; margin-left: 30px; } .span9 { width: 870px; margin-left: 30px; } .span10 { width: 970px; margin-left: 30px; } .span11 { width: 1070px; margin-left: 30px; } .span12 { width: 1170px; margin-left: 30px; } } /* ========================================================================== #Tablet (Portrait) ========================================================================== */ @media (min-width: 768px) and (max-width: 979px) { .row { width: 705px; } .span1 { width: 45px; margin-left: 15px; } .span2 { width: 105px; margin-left: 15px; } .span3 { width: 165px; margin-left: 15px; } .span4 { width: 225px; margin-left: 15px; } .span5 { width: 285px; margin-left: 15px; } .span6 { width: 345px; margin-left: 15px; } .span7 { width: 405px; margin-left: 15px; } .span8 { width: 465px; margin-left: 15px; } .span9 { width: 525px; margin-left: 15px; } .span10 { width: 585px; margin-left: 15px; } .span11 { width: 645px; margin-left: 15px; } .span12 { width: 705px; margin-left: 15px; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } /* ========================================================================== #Mobile (Portrait and Landscape ) ========================================================================== */ @media (max-width: 767px) { .row { width: auto; } .span4 > .block { padding: 0 40px; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: none; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } /* ========================================================================== #Align ========================================================================== */ .float-left { float: left; } .float-right { float: right; } /* ========================================================================== #Responsive Images and Embeds ========================================================================== */ .responsive-img { max-width: 100%; height: auto; } /** * 1. 16/9 ratio */ .responsive-embed { position: relative; overflow: hidden; height: 0; padding: 0; padding-bottom: 56.25%; /* 1 */ margin-bottom: 20px; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ========================================================================== #Clearing ========================================================================== */ /** * Automatically Clear Fix rows */ .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /** * Clear Fix hack * Usage: add class="fixed" to div's that have floated elements in them */ .fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /** * Clear content * Usage:
*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ========================================================================== #ResponsiveFormInputs ========================================================================== */ /** * 1. Reset float inherited from .span* * 2. Reset margin-left inherited from .span* */ input.span1, textarea.span1, select.span1, input.span2, textarea.span2, select.span2, input.span3, textarea.span3, select.span3, input.span4, textarea.span4, select.span4, input.span5, textarea.span5, select.span5, input.span6, textarea.span6, select.span6, input.span7, textarea.span7, select.span7, input.span8, textarea.span8, select.span8, input.span9, textarea.span9, select.span9, input.span10, textarea.span10, select.span10, input.span11, textarea.span11, select.span11, input.span12, textarea.span12, select.span12 { float: none; /* 1 */ margin-left: 0; /* 2 */ } @charset "UTF-8"; /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license https://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General styles * - Button styles * - Wrapper Elements * - Elements in order of appearance in HTML * - Content styles * - Sidebar styles * - Form styles * - Content elements * - Footer styles * - Module styles (Search, FAQ, News, Events, Comments) * - Media queries * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/fonts/rocksolid-icons.eot"); src: url("../../files/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/fonts/rocksolid-icons.woff") format('woff'), url("../../files/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* =========================================== * General styles * ======================================== */ html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #1fa5d1; } body { font: 15px/1.6 "Open Sans", sans-serif; color: #1e2022; background: #ffffff none 50% 0 no-repeat scroll; background-size: auto; } @media screen and (max-width: 599px) { body { font-size: 13px; } } body.background-variation-1 { background: url("../../files/img/pattern.png"); } body.background-variation-1 .page { background: #ffffff; } body.background-variation-1 .page-footer { background: url("../../files/img/pattern.png"); } body.background-variation-1 .page-footer-inner { background: #44464b; } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } .luxe-fullwidth .rs-column { margin-top: 4.34783%; margin-right: 4.34783%; } .luxe-fullwidth .rs-column.-large-last { margin-right: -5px; } .luxe-fullwidth .rs-column.-large-first-row { margin-top: 0; } .luxe-fullwidth .rs-column.-large-col-1-1 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-2-1 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-2-2 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-3-1 { width: 30.43478%; } .luxe-fullwidth .rs-column.-large-col-3-2 { width: 65.21739%; } .luxe-fullwidth .rs-column.-large-col-3-3 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-4-1 { width: 21.73913%; } .luxe-fullwidth .rs-column.-large-col-4-2 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-4-3 { width: 73.91304%; } .luxe-fullwidth .rs-column.-large-col-4-4 { width: 100%; } .luxe-fullwidth .rs-column.-large-col-5-1 { width: 16.52174%; } .luxe-fullwidth .rs-column.-large-col-5-2 { width: 37.3913%; } .luxe-fullwidth .rs-column.-large-col-5-3 { width: 58.26087%; } .luxe-fullwidth .rs-column.-large-col-5-4 { width: 79.13043%; } .luxe-fullwidth .rs-column.-large-col-5-5 { width: 100.0%; } .luxe-fullwidth .rs-column.-large-col-6-1 { width: 13.04348%; } .luxe-fullwidth .rs-column.-large-col-6-2 { width: 30.43478%; } .luxe-fullwidth .rs-column.-large-col-6-3 { width: 47.82609%; } .luxe-fullwidth .rs-column.-large-col-6-4 { width: 65.21739%; } .luxe-fullwidth .rs-column.-large-col-6-5 { width: 82.6087%; } .luxe-fullwidth .rs-column.-large-col-6-6 { width: 100.0%; } @media screen and (max-width: 900px) { .rs-column, .luxe-fullwidth .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first, .luxe-fullwidth .rs-column.-large-first { clear: none; } .rs-column.-large-last, .luxe-fullwidth .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row, .luxe-fullwidth .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first, .luxe-fullwidth .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .luxe-fullwidth .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .luxe-fullwidth .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .luxe-fullwidth .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .luxe-fullwidth .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2, .luxe-fullwidth .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .luxe-fullwidth .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2, .luxe-fullwidth .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3, .luxe-fullwidth .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .luxe-fullwidth .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2, .luxe-fullwidth .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3, .luxe-fullwidth .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4, .luxe-fullwidth .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .luxe-fullwidth .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2, .luxe-fullwidth .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3, .luxe-fullwidth .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4, .luxe-fullwidth .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5, .luxe-fullwidth .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .luxe-fullwidth .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2, .luxe-fullwidth .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3, .luxe-fullwidth .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4, .luxe-fullwidth .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5, .luxe-fullwidth .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6, .luxe-fullwidth .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .luxe-fullwidth .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first, .luxe-fullwidth .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .luxe-fullwidth .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row, .luxe-fullwidth .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first, .luxe-fullwidth .rs-column.-small-first { clear: left; } .rs-column.-small-last, .luxe-fullwidth .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .luxe-fullwidth .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .luxe-fullwidth .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .luxe-fullwidth .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2, .luxe-fullwidth .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .luxe-fullwidth .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2, .luxe-fullwidth .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3, .luxe-fullwidth .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .luxe-fullwidth .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2, .luxe-fullwidth .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3, .luxe-fullwidth .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4, .luxe-fullwidth .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .luxe-fullwidth .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2, .luxe-fullwidth .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3, .luxe-fullwidth .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4, .luxe-fullwidth .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5, .luxe-fullwidth .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .luxe-fullwidth .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2, .luxe-fullwidth .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3, .luxe-fullwidth .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4, .luxe-fullwidth .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5, .luxe-fullwidth .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6, .luxe-fullwidth .rs-column.-small-col-6-6 { width: 100%; } } /* Resetting box model for moo_mediabox, moo_slimbox and j_colorbox */ #mbCenter, #colorbox, #lbCenter, #lbBottomContainer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #1fa5d1; color: #ffffff; text-shadow: none !important; } ::-moz-selection { background: #1fa5d1; color: #ffffff; text-shadow: none !important; } button, input, select, textarea { outline: none; font-family: inherit; } table { width: 100%; border-collapse: collapse; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } table th, table td { border: 1px solid #e5e5e5; } table th { padding: 0.66667em 1em; font-weight: bold; text-align: left; } table td { padding: 0.76923em 1.15385em; font-size: 0.86667em; color: #5a5d63; } table thead tr { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03)); } table tfoot tr { background-color: #f7f7f7; } a { color: #1fa5d1; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.86667em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } /* Icon attribute */ *[data-icon]:before { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.26667em; } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .pdf_link { margin: 0.8em 0 0 1.33333em; float: right; } .pdf_link a { margin-left: 0.13333em; border: 0 !important; } .pdf_link img { border: 0 !important; } .mime_icon { margin-bottom: -0.25em; } .ce_toplink, .toplink { margin: 1.6em 0; } .ce_toplink a, .toplink a { display: block; width: 100%; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .ce_accordion { border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .ce_accordion .accordion { position: relative; overflow: hidden; padding: 1px 3.84615% 0.8em; -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.12); } .ce_accordion .accordion:before { content: ""; position: absolute; top: -50px; left: 5%; z-index: -1; width: 90%; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .ce_accordion .toggler { position: relative; margin: -1px; padding: 0.66667em 11.53846% 0.66667em 3.84615%; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; color: #5a5d63; background: #ffffff; cursor: pointer; } .ce_accordion .toggler:after { font: 1.33333em/1 "RockSolid Icons"; content: "\e00b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0.6em; right: 3.84615%; width: 1em; height: 1em; padding-left: 0.05em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff; background: #75bb3c; } .ce_accordion .toggler.ui-accordion-header-active:after, .ce_accordion .toggler:hover:after { content: "\e009"; padding: 0.05em 0 0; } .ce_accordion + .ce_accordion { margin-top: -3px; } hr { clear: both; height: 1px; overflow: visible; margin: 1.6em 0; border: 0; background: #c2c6cc; } .confirmation { color: #75bb3c; } .information { color: #1fa5d1; } .warning { color: #e52f2f; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; padding: 0.66667em 0 0.66667em 3.33333em; color: #5d9530; } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.73333em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; left: 0.30769em; top: 1.06667em; margin-top: -0.5em; } p.information, div.information, span.information { border-color: #1fa5d1; color: #1884a7; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; left: 0.46154em; } p.warning, div.warning, span.warning { border-color: #e52f2f; color: #b72525; } p.warning:before, div.warning:before, span.warning:before { content: "\e144"; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.12em 0.12em -0.2em 0; font-size: 3.33333em; line-height: 0.7; color: #75bb3c; } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.4em 0.4em -0.66667em 0 \0/; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.35714; background-color: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0 0.42857em; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.71429; color: white; background: #44464b; } pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Button styles * ======================================== */ .button-secondary, .page-footer-inner form button, .page-footer-inner form input[type="submit"], button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.8em 1.33333em; border: 1px solid; border-color: #82c54b #588d2d #518129; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #588d2d; background: #75bb3c; background: -webkit-linear-gradient(#82c54b, #7dc343 50%, #69a836); background: -moz-linear-gradient(#82c54b, #7dc343 50%, #69a836); background: -o-linear-gradient(#82c54b, #7dc343 50%, #69a836); background: linear-gradient(#82c54b, #7dc343 50%, #69a836); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.05), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); } .button-secondary:hover, .page-footer-inner form button:hover, .page-footer-inner form input[type="submit"]:hover, .button-secondary:focus, .page-footer-inner form button:focus, .page-footer-inner form input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { text-decoration: none; background: #5d9530; background: -webkit-linear-gradient(#8ac957, #7ac240 50%, #64a033); background: -moz-linear-gradient(#8ac957, #7ac240 50%, #64a033); background: -o-linear-gradient(#8ac957, #7ac240 50%, #64a033); background: linear-gradient(#8ac957, #7ac240 50%, #64a033); } .button-secondary:active, .page-footer-inner form button:active, .page-footer-inner form input[type="submit"]:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3), inset 1px 0 rgba(0, 0, 0, 0.05), inset -1px 0 rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1); } .button-secondary { padding: 0.4em 0.8em; border-color: #eaeaea #d8d8d8 #d1d1d1; font-weight: normal; color: #5a5d63; text-shadow: none; background: #f7f7f7; background: -webkit-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: -moz-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: -o-linear-gradient(#ffffff, #ffffff 50%, #eaeaea); background: linear-gradient(#ffffff, #ffffff 50%, #eaeaea); } .button-secondary:hover, .button-secondary:focus { border-color: #e0e0e0 #cecece #c9c9c9; background: #c5c5c5; background: -webkit-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: -moz-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: -o-linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); background: linear-gradient(#ffffff, #fcfcfc 50%, #e5e5e5); } .button-secondary:active { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } /* =========================================== * Wrapper Elements * ======================================== */ .page-wrapper { position: relative; } .page, .page-footer-inner { max-width: 1100px; margin: 0 auto; } /* Main wrapper */ .page { zoom: 1; position: relative; padding-bottom: 2.66667em; background-color: #ffffff; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } /* =========================================== * Elements in order of appearance in HTML * ======================================== */ .page-header { zoom: 1; position: relative; z-index: 50; margin: 0 4%; padding: 0 0 35px; border-bottom: 1px solid #e5e5e5; } .page-header:before { content: ""; display: table; } .page-header:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .page-header { margin-right: 6.66667%; margin-left: 6.66667%; } } .logo { float: left; margin: 20px 0 0 0; } @media screen and (max-width: 599px) { .logo { margin: 20px 0; width: 100%; } } .logo a { display: block; } .logo img { display: block; width: auto; height: 120px; } @media screen and (max-width: 599px) { .logo img { margin: 0 auto; } } .main-navigation { margin: 56px 0 0; text-align: right; } @media screen and (max-width: 900px) { .main-navigation { clear: both; margin: 0 0 0 -2.8em; padding-top: 1.33333em; text-align: left; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation li { position: relative; display: inline-block; margin-right: -1.06667em; margin-left: 1.73333em; } .main-navigation > ul > li > a { position: relative; display: block; z-index: 3; padding: 0.57143em 1.14286em; font-family: "Droid Serif", Georgia, serif; font-style: italic; font-size: 0.93333em; color: #1e2022; text-decoration: none; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #75bb3c; } .main-navigation > ul > li.active > a, .main-navigation > ul > li.trail > a { color: #75bb3c; } .main-navigation > ul > li.submenu:before { content: ""; position: absolute; left: 1.06667em; right: 1.06667em; bottom: 0; display: none; z-index: 2; height: 3px; background: #75bb3c; } .main-navigation > ul > li > ul { position: absolute; left: 0; top: 100%; z-index: 1; overflow: hidden; min-width: 100%; max-height: 0; margin-top: -2px; padding: 0; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: left; white-space: nowrap; background: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation > ul > li > ul li { display: inline; margin: 0; } .main-navigation > ul > li > ul a { position: relative; display: block; padding: 0.38462em 1em 0.38462em 0; border-top: 1px solid #e5e5e5; font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .main-navigation > ul > li > ul a:hover, .main-navigation > ul > li > ul a:focus { color: #75bb3c; } .main-navigation > ul > li > ul > li:first-child > a { border-top: 0; } .main-navigation > ul > li > ul li.active > a, .main-navigation > ul > li > ul li.trail > a { color: #75bb3c; } .main-navigation > ul > li > ul ul a { padding-left: 0.76923em; border-top: 0; } .main-navigation > ul > li > ul ul ul a { margin-left: 1.33333em; } .main-navigation > ul > li:hover { z-index: 5; } .main-navigation > ul > li:hover > ul { max-height: 9999px; padding: 1em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .main-navigation > ul > li.submenu:hover:before { /* change generated content to avoid IE8 ghost pseudo elements */ content: " "; display: block; } .main-navigation > ul > li:last-child > ul, .main-navigation > ul > li.last > ul { left: auto; right: 0; } @media screen and (max-width: 900px) { .main-navigation > ul > li:last-child > ul, .main-navigation > ul > li.last > ul { left: 0; right: auto; } } .main-navigation-mobile-open { position: absolute; top: 50px; left: 6.66667%; width: 44px; height: 39px; margin: -20px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #1e2022; -webkit-box-shadow: 0 7px #1e2022, 0 14px #1e2022; -moz-box-shadow: 0 7px #1e2022, 0 14px #1e2022; box-shadow: 0 7px #1e2022, 0 14px #1e2022; } @media screen and (max-width: 599px) { .main-navigation-mobile-open { display: block; } } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; color: #ffffff; background: #1e2022; } @media screen and (max-width: 599px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } @media screen and (max-width: 599px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #1e2022; -webkit-box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); -moz-box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile a, .main-navigation-mobile span.active, .main-navigation-mobile span.trail { display: block; padding: 0.69231em 1em 0.61538em; border-bottom: 1px solid #000000; color: inherit; background-color: #1e2022; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus { outline: none; text-decoration: none; background-color: #121314; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile span.active, .main-navigation-mobile span.trail { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile span.active { background-color: #313438; -webkit-box-shadow: inset 0 0 5px #1e2022; -moz-box-shadow: inset 0 0 5px #1e2022; box-shadow: inset 0 0 5px #1e2022; } .main-navigation-mobile li li a, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail { padding-left: 2em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail { padding-left: 3em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail { padding-left: 4em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail { padding-left: 5em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0; right: 0; overflow: hidden; margin: 0; padding: 0.61538em 1em; border: solid transparent; border-width: 0.23077em 0; -webkit-box-shadow: inset 1px 0 #333333; -moz-box-shadow: inset 1px 0 #333333; box-shadow: inset 1px 0 #333333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.23077em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .tag-line { margin: 0 4%; padding: 2em 0; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 900px) { .tag-line { margin-right: 6.66667%; margin-left: 6.66667%; } } .tag-line h1, .tag-line h2, .tag-line h3 { margin: 0; font-family: "Droid Serif", Georgia, serif; font-weight: normal; font-style: italic; color: #5a5d63; } .tag-line h1, .tag-line h2 { font-size: 1.6em; } .tag-line h3 { font-size: 1.06667em; } .tag-line .image_container { display: block; margin: 0; padding: 0; border: 0; background: none; } .tag-line .image_container img, .tag-line img { display: block; width: 100%; height: auto; margin: 2em 0; } @media screen and (max-width: 900px) { .tag-line .image_container img, .tag-line img { width: 115.38462%; margin-right: -7.69231%; margin-left: -7.69231%; } } .tag-line > img:first-child, .tag-line > .mod_article > img:first-child, .tag-line > .image_container:first-child img, .tag-line > .mod_article > .image_container:first-child img, .tag-line > .ce_image:first-child img, .tag-line > .mod_article > .ce_image:first-child img { margin-top: -2em; } .tag-line > img:last-child, .tag-line > .mod_article > img:last-child, .tag-line > .image_container:last-child img, .tag-line > .mod_article > .image_container:last-child img, .tag-line > .ce_image:last-child img, .tag-line > .mod_article > .ce_image:last-child img { margin-bottom: -2em; } .tag-line .rsts-main { margin: 2em 0; } .tag-line .rsts-slide img { margin: 0; } /* =========================================== * Content styles * ======================================== */ .main-content { float: right; width: 52%; margin: 4% 12% 0 0; } .luxe-fullwidth .main-content { float: none; width: auto; margin-left: 4%; margin-right: 4%; } .luxe-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 8%; } @media screen and (max-width: 900px) { .main-content, .luxe-fullwidth .main-content, .luxe-sidebar-right .main-content { float: none; width: auto; margin-right: 6.66667%; margin-left: 6.66667%; } } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 1.2em; margin-bottom: 1.2em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-family: "Droid Serif", Georgia, serif; font-style: italic; font-weight: normal; line-height: 1.4; color: #1e2022; } .main-content h1 { margin-top: 1em; margin-bottom: 0.66667em; font-size: 2.4em; line-height: 1.25; color: #75bb3c; } @media screen and (max-width: 599px) { .main-content h1 { font-size: 1.71429em; } } .main-content h2 { font-size: 1.86667em; } .main-content h3 { font-size: 1.6em; } .main-content h4 { font-size: 1.4em; } .main-content h5 { font-size: 1.2em; } .main-content h6 { font-size: 1em; } .main-content h2 + p, .main-content h2 + ul, .main-content h2 + ol, .main-content h2 + blockquote, .main-content h3 + p, .main-content h3 + ul, .main-content h3 + ol, .main-content h3 + blockquote, .main-content h4 + p, .main-content h4 + ul, .main-content h4 + ol, .main-content h4 + blockquote, .main-content h5 + p, .main-content h5 + ul, .main-content h5 + ol, .main-content h5 + blockquote, .main-content h6 + p, .main-content h6 + ul, .main-content h6 + ol, .main-content h6 + blockquote { margin-top: 0; } .main-content ul, .main-content ol { padding-left: 7.69231%; } .main-content ul li[data-icon], .main-content ol li[data-icon] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ol li[data-icon]:before { left: -1.4em; width: 0; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.66667em 0; font-family: "Droid Serif", Georgia, serif; font-size: 1.6em; font-style: italic; } @media screen and (max-width: 599px) { .main-content blockquote { font-size: 1.28571em; } } .main-content blockquote p { margin-top: 0.5em; margin-bottom: 0.5em; } .main-content blockquote:before { content: "\201e"; display: block; width: 0.58333em; height: 0.83333em; padding: 0 0 0 0.25em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 2em; line-height: 0.2; color: white; background: #75bb3c; } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { display: block; margin-top: 0.33333em; font-family: "Open Sans", sans-serif; font-size: 0.75em; font-style: normal; color: #5a5d63; } .main-content blockquote small:before, .main-content blockquote i:before, .main-content blockquote em:before { content: "– "; } .main-content img { max-width: 100%; height: auto; } .ce_accordion h1 { font-size: 1.86667em; } .ce_accordion h2 { font-size: 1.6em; } .ce_accordion h3 { font-size: 1.4em; } /* =========================================== * Sidebar styles * ======================================== */ .sidebar { position: relative; float: left; width: 28.0%; margin: 4% 0 0; padding: 0 0 0 4%; } @media screen and (max-width: 900px) { .sidebar { clear: both; float: none; width: auto; padding: 0; } } @media screen and (max-width: 599px) { .sidebar { margin: 0 6.66667%; } } .luxe-sidebar-right .sidebar { float: right; padding-right: 4%; padding-left: 0; } @media screen and (max-width: 900px) { .luxe-sidebar-right .sidebar { float: none; padding-right: 0; } } .sidebar .mod_article > .block, .sidebar .mod_form, .sidebar .mod_subscribe { margin: 1.33333em 0; } @media screen and (max-width: 900px) { .sidebar .mod_article > .block, .sidebar .mod_form, .sidebar .mod_subscribe { float: left; width: 40%; margin: 6.66667% 0 0 6.66667%; } } @media screen and (max-width: 599px) { .sidebar .mod_article > .block, .sidebar .mod_form, .sidebar .mod_subscribe { float: none; width: auto; margin-left: 0; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { margin: 1em 0 0.5em; } .sidebar h1, .sidebar h2, .sidebar h3 { font-size: 1.33333em; color: #75bb3c; } .sidebar h4 { font-size: 1.13333em; } .sidebar h5 { font-size: 1em; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } @media screen and (max-width: 900px) { .sidebar .sub-navigation { float: left; width: 40%; margin: 6.66667% 0 0 6.66667%; } } @media screen and (max-width: 599px) { .sidebar .sub-navigation { display: none; } } .sub-navigation h3 { display: inline; margin: 0; font-size: 0.8em; } .sub-navigation h3 a { display: block; margin: 2.91667em 0 1.25em; font-weight: bold; letter-spacing: 1px; color: #75bb3c; text-decoration: none; text-transform: uppercase; } .sub-navigation h3 a:hover, .sub-navigation h3 a:focus { text-decoration: underline; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul li { display: inline; } .sub-navigation ul a { display: block; padding: 0.61538em 0; font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .sub-navigation ul a:hover, .sub-navigation ul a:focus { color: #75bb3c; } .sub-navigation ul ul a { padding-top: 0; padding-left: 6.25%; } .sub-navigation ul ul ul a { padding-left: 12.5%; } .sub-navigation ul li.active > a, .sub-navigation ul li.trail > a { color: #75bb3c; } .mod_subscribe { padding: 1.33333em; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .mod_subscribe form { margin: 0; } .mod_subscribe form input { padding-right: 3.66667em; } .mod_subscribe .formbody { position: relative; } .mod_subscribe .formbody .form-row { margin: 0; } .mod_subscribe h1, .mod_subscribe h2, .mod_subscribe h3 { margin-top: 0; font-size: 0.8em; text-transform: uppercase; } .mod_subscribe button[type="submit"] { position: absolute; top: 2.2em; right: 0.26667em; width: auto; overflow: hidden; padding: 0.4em 0.66667em; line-height: 0; text-indent: -99em; } .mod_subscribe button[type="submit"]:after { font: 1.6em/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } /* =========================================== * Form styles * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .form-row { clear: both; position: relative; margin: 1.33333em 0; } form p b.error, form p.error { display: block; margin: 0; color: #e52f2f; } form input, form textarea { padding: 0.8em 1em; line-height: normal; border: 1px solid #c2c6cc; outline: none; color: inherit; background: #f9f9f9; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15); -webkit-transition: border 0.2s; -moz-transition: border 0.2s; -o-transition: border 0.2s; transition: border 0.2s; } form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #5a5d63; } form input:-moz-placeholder, form textarea:-moz-placeholder { color: #5a5d63; } form input:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #5a5d63; } form input::placeholder, form textarea::placeholder { color: #5a5d63; } form input:hover, form textarea:hover { border-color: #9b9ea3; } form input:focus, form textarea:focus { border-color: #75bb3c; } form textarea { height: 200px; resize: vertical; line-height: 1.5; } form fieldset { margin: 1.33333em 0; border: 1px solid #c2c6cc; } form fieldset legend { padding: 0 0.33333em; } form fieldset + br { /* Kill
that Contao injects */ display: none; } form input[type="checkbox"], form input[type="radio"], form input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; } form input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } form input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } form .valid input, form .valid textarea { border-color: #75bb3c; } form .invalid input, form .invalid textarea, form input.error, form textarea.error { border-color: #e52f2f; } form input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #c2c6cc \0/; font-size: 0.8em; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form button, form input[type="submit"] { margin-top: 1.33333em; } .main-content form p b.error, .main-content form p.error { float: right; width: 69.23077%; margin-bottom: 0.66667em; } @media screen and (max-width: 599px) { .main-content form p b.error, .main-content form p.error { float: none; width: auto; margin-left: 0; } } .main-content form .explanation, .main-content form .captcha_text { width: 69.23077%; margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form .explanation, .main-content form .captcha_text { width: auto; margin-left: 0; } } .main-content form fieldset p b.error, .main-content form fieldset p.error { width: auto; margin-left: 0; } .main-content form label { display: inline-block; width: 30.76923%; } @media screen and (max-width: 599px) { .main-content form label { display: block; width: auto; } } .main-content form label + input, .main-content form label + textarea, .main-content form label + select { /* Kill space between label and element */ margin-left: -0.26667em; } @media screen and (max-width: 599px) { .main-content form label + input, .main-content form label + textarea, .main-content form label + select { margin-left: 0; } } .main-content form input[type="checkbox"] + label { display: inline; width: auto; margin-right: 0; } .main-content form textarea, .main-content form fieldset, .main-content form button, .main-content form input[type="submit"] { margin-left: 30.76923%; } @media screen and (max-width: 599px) { .main-content form textarea, .main-content form fieldset, .main-content form button, .main-content form input[type="submit"] { margin-left: 0; } } .main-content form fieldset p { margin: 0; } .main-content form fieldset label { display: inline; width: auto; margin: 0; } .main-content form fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content form input, .main-content form textarea, .main-content form select, .main-content form fieldset, .main-content form button { width: 69.23077%; /* For rounding failures */ margin-right: -0.66667em; } @media screen and (max-width: 599px) { .main-content form input, .main-content form textarea, .main-content form select, .main-content form fieldset, .main-content form button { width: 100%; } } .main-content form input[type="checkbox"], .main-content form input[type="radio"], .main-content form input[type="image"] { margin-right: 0; } form span.mandatory { margin-left: 0.13333em; color: #e52f2f; } form .explanation, form .captcha_text { font-size: 0.8em; margin: -1em 0 2em; color: #5a5d63; } form .explanation p, form .captcha_text p { margin: 0 !important; } form .captcha_text { float: left; margin-top: 0.8em; font-size: inherit; color: #1e2022; } form .styled_select { font-size: 1.06667em; } form label + .styled_select { /* Kill space between label and element */ margin-left: -0.26667em; } form .submit_container { margin-top: 0.8em; } .sidebar form input, .sidebar form textarea, .sidebar form button { width: 100%; margin: 0; } .sidebar form label { display: block; margin-bottom: 0.33333em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; height: auto; } /* =========================================== * Content elements * ======================================== */ .content-404 { position: relative; } .content-404 h1 { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.6em; color: #5a5d63; text-align: center; } @media screen and (max-width: 599px) { .main-content .content-404 h1 { font-size: 1.28571em; } } .content-404 h1 i { display: block; margin-bottom: 0.16em; font-weight: bold; font-style: normal; font-size: 5.20833em; line-height: 1; } .content-404 h1 b { display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 0.08333em -0.55em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-family: "Droid Serif", Georgia, serif; font-weight: normal; font-style: italic; font-size: 0.48em; color: #c5c6c8; text-indent: -999px; background: #ebebeb; } .content-404 h1 b:after { content: "Oh!"; position: relative; top: -0.2em; display: block; text-indent: 0; } .content-404 form { position: relative; margin: 0 auto; } .content-404 form input { width: 69.23077%; margin-left: 15.38462%; padding-right: 3.33333em; } @media screen and (max-width: 599px) { .main-content .content-404 form input { width: 100%; margin-left: 0; } } .content-404 form button { position: absolute; top: -0.2em; right: 15.38462%; width: 3.53333em; height: 3.53333em; overflow: hidden; margin: 0 0.33333em 0 0; padding: 0; white-space: nowrap; background: none; border: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (max-width: 599px) { .main-content .content-404 form button { width: 3.53333em; right: 0; } } .content-404 form button:before { font: 100%/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin: 0.6087em 0.65217em; font-size: 1.53333em; color: #1fa5d1; } .image-wrapper, .image_container a { position: relative; display: block; width: 100%; height: 100%; } .image-wrapper:before, .image_container a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1e2022; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .image-wrapper:after, .image_container a:after { content: ""; position: absolute; top: 50%; left: 50%; display: none; width: 31px; height: 31px; margin: -15px; background: -webkit-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, -webkit-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background: -moz-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, -moz-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background: -o-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, -o-linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background: linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% no-repeat; background-size: 100% 1px, 1px 100%; } .image-wrapper:hover:before, .image_container a:hover:before, .image-wrapper:focus:before, .image_container a:focus:before { opacity: 0.6; } .image-wrapper:hover:after, .image_container a:hover:after, .image-wrapper:focus:after, .image_container a:focus:after { display: block; } .image_container { position: relative; display: inline-block; } .image_container.float_below, .image_container.float_above { width: 100%; margin: 0.8em 0 0; } .image_container a:before, .image_container a:after { } .image_container img { display: block; width: 100%; height: auto; } .image_container figcaption, .image_container .caption { position: relative; float: left; width: auto !important; max-width: 91.66667%; margin-top: -1.69231em; padding: 0.46154em 1em; font-size: 0.86667em; color: white; background: #75bb3c; background: rgba(117, 187, 60, 0.9); } .image_container.float_right, .image_container.float_left { float: right; margin: 1.53846% 0 3.84615% 7.69231%; width: 46.15385% !important; } @media screen and (max-width: 599px) { .image_container.float_right, .image_container.float_left { float: none !important; margin-left: 0; width: auto !important; } } .luxe-fullwidth .image_container.float_right, .luxe-fullwidth .image_container.float_left { margin: 0 0 2.17391% 4.34783%; width: 39.13043% !important; } @media screen and (max-width: 900px) { .luxe-fullwidth .image_container.float_right, .luxe-fullwidth .image_container.float_left { width: 46.15385%; } } @media screen and (max-width: 599px) { .luxe-fullwidth .image_container.float_right, .luxe-fullwidth .image_container.float_left { width: auto !important; margin-left: 0; } } .no-resize .image_container.float_right, .luxe-fullwidth .no-resize .image_container.float_right, .image_container.float_right.no-resize, .luxe-fullwidth .image_container.float_right.no-resize, .no-resize .image_container.float_left, .luxe-fullwidth .no-resize .image_container.float_left, .image_container.float_left.no-resize, .luxe-fullwidth .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 1.53846% 7.69231% 3.84615% 0; } @media screen and (max-width: 599px) { .image_container.float_left { float: none !important; margin-right: 0; } } .luxe-fullwidth .image_container.float_left { margin: 0 4.34783% 2.17391% 0; } @media screen and (max-width: 599px) { .luxe-fullwidth .image_container.float_left { margin-right: 0; } } .ce_youtube-wrapper { position: relative; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_youtube-wrapper .ce_youtube-wrapper-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_youtube-wrapper-poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ce_youtube-wrapper-poster:before { font: 1.33333em/1 "RockSolid Icons"; content: "\25b6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; margin: -1.2em -1.675em; padding: 0.7em 1.2em 0.7em 1.4em; border-radius: 0.5em; color: white; background: black; background: rgba(0, 0, 0, 0.6); transition: background-color 0.1s linear; } .ce_youtube-wrapper-poster:hover:before { opacity: 1; background: #cc181e; } .mejs-video:not(.mejs-container-fullscreen), .mejs-audio:not(.mejs-container-fullscreen) { margin: 1.33333em 0; background: transparent; } .mejs-video button, .mejs-audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none !important; } .ce_gallery > ul.cols_1 > li { width: 100%; } .ce_gallery > ul.cols_2 > li { width: 49.25%; } .ce_gallery > ul.cols_3 > li { width: 32.33333%; } .ce_gallery > ul.cols_4 > li { width: 23.875%; } .ce_gallery > ul.cols_5 > li { width: 18.8%; } .ce_gallery > ul.cols_6 > li { width: 15.41667%; } .ce_gallery > ul.cols_7 > li { width: 13%; } .ce_gallery > ul.cols_8 > li { width: 11.1875%; } .ce_gallery > ul.cols_9 > li { width: 9.77778%; } .ce_gallery > ul.cols_10 > li { width: 8.65%; } .ce_gallery > ul.cols_11 > li { width: 7.72727%; } .ce_gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 599px) { .ce_gallery { /* doubled class for specificity */ } .ce_gallery.ce_gallery > ul > li { width: auto; } } .ce_gallery.no-resize > ul > li { width: auto; } .ce_gallery > ul { zoom: 1; margin: 0 !important; padding: 0 !important; list-style: none !important; } .ce_gallery > ul:before { content: ""; display: table; } .ce_gallery > ul:after { content: ""; display: table; clear: both; } .ce_gallery > ul > li { float: left; width: 23.875%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .ce_gallery > ul > li { margin-right: 0; margin-left: 0; } } .ce_gallery > ul > li.col_first { clear: left; margin-left: 0; } .ce_gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } .ce_gallery > ul > li > .image_container { width: 100%; } .ce_gallery img { width: 100%; height: auto; } .main-content .ce_imageslider img { max-width: none; } .enclosure, .ce_downloads { position: relative; margin: 2.66667em 0; padding: 1.33333em 7.69231%; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } .luxe-fullwidth .enclosure, .luxe-fullwidth .ce_downloads { padding: 1.33333em 4.34783%; } .enclosure p, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .ce_downloads p, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6 { margin: 0.4em 0 !important; } .enclosure h1, .enclosure h2, .enclosure h3, .main-content .enclosure h1, .main-content .enclosure h2, .main-content .enclosure h3, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .main-content .ce_downloads h1, .main-content .ce_downloads h2, .main-content .ce_downloads h3 { margin: 0 0 0.83333em; padding: 0 0 0.83333em; border-bottom: 1px solid #e5e5e5; font-family: "Open Sans", sans-serif; font-size: 0.8em; font-weight: bold; font-style: normal; letter-spacing: 0.08333em; color: #5a5d63; text-transform: uppercase; } .enclosure ul, .main-content .enclosure ul, .ce_downloads ul, .main-content .ce_downloads ul { margin: 0; padding: 0; list-style: none; } .main-content .ce_imageslider img { max-width: none; } .home-slider, .main-image { margin: 2.66667em 0; } @media screen and (max-width: 900px) { .home-slider { width: 115.38462%; margin-right: -7.69231%; margin-left: -7.69231%; } } @media screen and (max-width: 900px) { .home-slider img { margin-bottom: 1em; } } .main-image img { display: block; width: 100%; max-width: none !important; height: auto; } .section-headline, .featured-list > header, .teaser-boxes > header, .team-boxes > header { display: inline-block; width: 100%; margin-bottom: 2em; border-bottom: 1px solid #e5e5e5; } .section-headline h1, .featured-list > header h1, .teaser-boxes > header h1, .team-boxes > header h1, .section-headline h2, .featured-list > header h2, .teaser-boxes > header h2, .team-boxes > header h2, .section-headline h3, .featured-list > header h3, .teaser-boxes > header h3, .team-boxes > header h3 { margin: 0; float: left; margin: 0 0.83333em -0.16667em 0; padding: 0.25em 0 0.66667em; border-bottom: 3px solid #75bb3c; font-family: "Open Sans", sans-serif; font-size: 0.8em; font-weight: bold; font-style: normal; color: #5a5d63; letter-spacing: 0.08333em; text-transform: uppercase; } .section-headline a, .featured-list > header a, .teaser-boxes > header a, .team-boxes > header a { float: right; font-size: 0.86667em; } .section-headline a:after, .featured-list > header a:after, .teaser-boxes > header a:after, .team-boxes > header a:after { font: 0.53846em/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.14286em; margin-left: 1.42857em; } @media screen and (max-width: 599px) { .featured-list { float: none; width: auto; } } .featured-list.-left, .featured-list.-right { width: 46.15385%; margin-bottom: 2.66667em; } .luxe-fullwidth .featured-list.-left, .luxe-fullwidth .featured-list.-right { width: 47.82609%; } .featured-list.-left { float: left; } .featured-list.-right { float: right; } .featured-list > header { margin: 0.66667em 0 0.4em; } .featured-list ul { padding-left: 2.15385em; list-style: none; font-size: 0.86667em; line-height: 1.61538; } .featured-list li { position: relative; margin: 0.30769em 0; } .featured-list li:before { font: 100%/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.375em; left: -3.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 2em; height: 2em; padding-top: 0.5em; font-size: 0.61538em; color: white; text-align: center; background: #75bb3c; } .icon-boxes { position: relative; overflow: hidden; clear: both; padding: 1.6em 0.66667em; margin: 1.06667em -0.66667em; letter-spacing: -0.3em; } @media screen and (max-width: 599px) { .icon-boxes { margin-right: 0; margin-left: 0; } .icon-boxes:after { right: 0; left: 0; } .icon-boxes .box { width: 100%; } } .icon-boxes.-highlight { padding-top: 2.66667em; border-top: 1px solid #e5e5e5; } .icon-boxes.-highlight:before { content: ""; position: absolute; top: -50px; left: 0; z-index: -1; width: 100%; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .icon-boxes-item { position: relative; display: inline-block; font-size: 0.86667em; letter-spacing: normal; color: #5a5d63; text-decoration: none; vertical-align: top; } .icon-boxes-item:nth-child(3n+1):before { -webkit-transition-delay: 0.3s, 0.3s; -moz-transition-delay: 0.3s, 0.3s; -o-transition-delay: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; } .icon-boxes-item:nth-child(3n+2):before { -webkit-transition-delay: 0.6s, 0.6s; -moz-transition-delay: 0.6s, 0.6s; -o-transition-delay: 0.6s, 0.6s; transition-delay: 0.6s, 0.6s; } .icon-boxes-item:nth-child(3n+3):before { -webkit-transition-delay: 0.9s, 0.9s; -moz-transition-delay: 0.9s, 0.9s; -o-transition-delay: 0.9s, 0.9s; transition-delay: 0.9s, 0.9s; } .icon-boxes-item:nth-child(3n+4):before { -webkit-transition-delay: 1.2s, 1.2s; -moz-transition-delay: 1.2s, 1.2s; -o-transition-delay: 1.2s, 1.2s; transition-delay: 1.2s, 1.2s; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.66667em; height: 1.66667em; padding-top: 0.33333em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 1.84615em; color: white; text-align: center; background: #75bb3c; -webkit-transition-property: opacity, -webkit-transform, color, background; -moz-transition-property: opacity, -moz-transform, color, background; -o-transition-property: opacity, -o-transform, color, background; transition-property: opacity, transform, color, background; -webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; -o-transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; transition-duration: 0.2s, 0.2s, 0.2s, 0.1s; } .not-in-view > .icon-boxes-item:before, .does-repeat.not-in-view > .icon-boxes-item:before, .does-repeat .not-in-view > .icon-boxes-item:before { opacity: 0; -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -o-transform: translate(0, -30px); transform: translate(0, -30px); } .does-repeat.in-view > .icon-boxes-item:before, .does-repeat .in-view > .icon-boxes-item:before, .has-shown > .icon-boxes-item:before { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: #75bb3c; background: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .icon-boxes-item h3 { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.61538em; color: #5a5d63; } .icon-boxes-item p { line-height: 1.84615; } .teaser-boxes, .team-boxes { margin: 2.66667em 0; zoom: 1; } .teaser-boxes:before, .team-boxes:before { content: ""; display: table; } .teaser-boxes:after, .team-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes-item, .team-boxes-item { font-size: 0.86667em; color: #5a5d63; text-decoration: none; } .teaser-boxes-item:hover, .team-boxes-item:hover { text-decoration: none; } .teaser-boxes-item h3, .team-boxes-item h3 { margin: 0 0 0.125em; font: normal bold 1em/1.6 "Open Sans", sans-serif; color: #5a5d63; } .teaser-boxes-item h4, .team-boxes-item h4 { margin: 0.72727em 0; padding-bottom: 0.54545em; border-bottom: 1px solid #e5e5e5; font-size: 0.84615em; } .teaser-boxes-item p, .team-boxes-item p { margin: 0.15385em 0; } .teaser-boxes-item > a, .team-boxes-item > a { display: block; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper, .teaser-boxes-item .no-image, .team-boxes-item .no-image { margin-bottom: 1.125em; } .teaser-boxes-item img, .team-boxes-item img { display: block; width: 100%; height: auto; margin-bottom: 1.125em; } @media screen and (max-width: 599px) { .teaser-boxes-item img, .team-boxes-item img { max-width: 100%; } } .teaser-boxes-item .image-wrapper img, .team-boxes-item .image-wrapper img { margin: 0; } .teaser-boxes-item .no-image, .team-boxes-item .no-image { display: block; width: 100%; padding-top: 56.25%; background: #e5e5e5; } .team-boxes-item > ul { margin: 0.61538em 0; padding: 0; border-top: 1px solid #e5e5e5; list-style-type: none; } .team-boxes-item > ul li { display: inline; } .team-boxes-item > ul a { display: inline-block; overflow: hidden; padding: 0.61538em 0.30769em 0 1px; outline: none; line-height: 0; letter-spacing: -1em; text-indent: -99em; text-decoration: none; } .team-boxes-item > ul a:before { content: none; } .team-boxes-item > ul a:after { font: 1.38462em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #c2c6cc !important; } .team-boxes-item > ul a:hover:after, .team-boxes-item > ul a:focus:after { color: inherit !important; } .feature-box { display: inline-block; width: 100%; margin: 0.8em 0; } .feature-box h2 { margin-bottom: 0; font-size: 1.6em; line-height: 1.5; color: #5a5d63; } .feature-box h2 + p { margin-top: 1.2em; } .feature-box.-left .feature-box-text { float: right; } @media screen and (max-width: 599px) { .feature-box.-left .feature-box-text { float: none; } } .feature-box.-left .feature-box-image { float: left; } @media screen and (max-width: 599px) { .feature-box.-left .feature-box-image { float: none; } } .feature-box.-fade.not-in-view { opacity: 0; } .feature-box.-fade.in-view { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; opacity: 1; } .feature-box.-move.not-in-view .feature-box-text { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } .feature-box.-move.not-in-view .feature-box-image { -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); } .feature-box.-move.-left.not-in-view .feature-box-text { -webkit-transform: translate(20%, 0); -moz-transform: translate(20%, 0); -ms-transform: translate(20%, 0); -o-transform: translate(20%, 0); transform: translate(20%, 0); } .feature-box.-move.-left.not-in-view .feature-box-image { -webkit-transform: translate(-20%, 0); -moz-transform: translate(-20%, 0); -ms-transform: translate(-20%, 0); -o-transform: translate(-20%, 0); transform: translate(-20%, 0); } .feature-box.-move.in-view.in-view .feature-box-text, .feature-box.-move.in-view.in-view .feature-box-image { /* Doubled class to get needed specificity */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text, .feature-box-image { width: 46.15385%; } @media screen and (max-width: 599px) { .feature-box-text, .feature-box-image { float: none; width: auto; } } .luxe-fullwidth .feature-box-text, .luxe-fullwidth .feature-box-image { width: 47.82609%; } @media screen and (max-width: 599px) { .luxe-fullwidth .feature-box-text, .luxe-fullwidth .feature-box-image { float: none; width: auto; } } .feature-box-image { float: right; margin-bottom: 2.4em; } @media screen and (max-width: 599px) { .feature-box-image { float: none; } } .highlight-box { position: relative; margin: 4.8em 0 3.2em; padding: 0 0 8em; } .highlight-box:before, .highlight-box:after { content: ""; position: absolute; bottom: 4em; width: 39.13043%; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 599px) { .highlight-box:before, .highlight-box:after { width: 23.07692%; } } .highlight-box:before { left: 0; } .highlight-box:after { right: 0; } .highlight-box h1, .highlight-box h2, .highlight-box h3 { margin-top: 1em; margin-bottom: 0.66667em; text-align: center; font-family: "Open Sans", sans-serif; font-style: normal; font-size: 1.6em; color: #5a5d63; } .highlight-box a { position: absolute; bottom: 0; left: 50%; display: block; width: 6.66667em; height: 6.66667em; margin: 0 -3.33333em; font-style: italic; font-size: 1.2em; color: white; text-align: center; text-shadow: 0 1px 0 #5d9430; } .highlight-box a:hover { text-decoration: none; } .highlight-box a:hover .highlight-box-link-label { -webkit-transform: perspective(750px) rotateX(180deg); -moz-transform: perspective(750px) rotateX(180deg); -ms-transform: perspective(750px) rotateX(180deg); -o-transform: perspective(750px) rotateX(180deg); transform: perspective(750px) rotateX(180deg); } .highlight-box a:hover .highlight-box-link-icon { -webkit-transform: perspective(750px) rotateX(360deg); -moz-transform: perspective(750px) rotateX(360deg); -ms-transform: perspective(750px) rotateX(360deg); -o-transform: perspective(750px) rotateX(360deg); transform: perspective(750px) rotateX(360deg); } .highlight-box .highlight-box-link-label, .highlight-box .highlight-box-link-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.66667em 0.83333em 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #75bb3c; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: perspective(750px); -moz-transform: perspective(750px); -ms-transform: perspective(750px); -o-transform: perspective(750px); transform: perspective(750px); } .highlight-box .highlight-box-link-icon { -webkit-transform: perspective(750px) rotateX(180deg); -moz-transform: perspective(750px) rotateX(180deg); -ms-transform: perspective(750px) rotateX(180deg); -o-transform: perspective(750px) rotateX(180deg); transform: perspective(750px) rotateX(180deg); } .highlight-box .highlight-box-link-icon:before { top: 0.10417em; margin-right: 0; font-size: 2.66667em; } .highlight-headline h1, .highlight-headline h2, .highlight-headline h3 { color: #5a5d63; text-align: center; line-height: 1.5; } .highlight-headline h1 { margin-bottom: 1.28571em; font-size: 1.86667em; } .highlight-headline h2 { margin-bottom: 1.5em; font-size: 1.6em; } .highlight-headline h3 { margin-bottom: 1.71429em; font-size: 1.4em; } .testimonial, .main-content .testimonial { font-size: 1.2em; } .testimonial:before, .main-content .testimonial:before { content: none; } .testimonial > p, .main-content .testimonial > p { position: relative; padding: 1.11111em; border: 1px solid #c2c6cc; } .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: ""; position: absolute; right: 29px; bottom: -32px; width: 0; height: 0; border-color: #b4b9c0 transparent transparent transparent; border-style: solid; border-width: 32px 32px 0 0; } @media screen and (max-width: 599px) { .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: none; } } .testimonial > p:after, .main-content .testimonial > p:after { right: 30px; bottom: -30px; border-color: #ffffff transparent transparent transparent; border-width: 30px 30px 0 0; } .testimonial-author, .testimonial .testimonial-author { font-size: 0.86667em; } @media screen and (max-width: 599px) { .testimonial-author, .testimonial .testimonial-author { font-size: 1.06667em; } } .testimonial-author img, .testimonial .testimonial-author img { float: left; margin-left: 1.53846em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } @media screen and (max-width: 599px) { .testimonial-author img, .testimonial .testimonial-author img { margin-left: 0; } } .testimonial-author > small, .testimonial .testimonial-author > small { margin: 0.46154em 0 2em 1.53846em; } .testimonial-author > img + small, .testimonial-author > picture + small, .testimonial .testimonial-author > img + small, .testimonial .testimonial-author > picture + small { margin: 1.07692em 0 0 0.76923em; } .testimonial-author small, .testimonial .testimonial-author small { float: left; } .testimonial-author small:before, .testimonial .testimonial-author small:before { content: none; } .testimonial-author small a:after, .testimonial .testimonial-author small a:after { content: none; } .contact-box-map { position: relative; /* Fixes bug in iOS with too small maps */ min-height: 280px; padding-bottom: 56.25%; } .contact-box-map > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .contact-box > ul { padding: 0; list-style-type: none; } .contact-box-address, .contact-box-hours, .contact-box-phone, .contact-box-fax, .contact-box-email { position: relative; padding-left: 1.53846em; } .contact-box-address:before, .contact-box-hours:before, .contact-box-phone:before, .contact-box-fax:before, .contact-box-email:before { font: 0.92308em/1 "RockSolid Icons"; content: "\e0d3"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.33333em; left: 0; color: #c2c6cc; } .contact-box-hours:before { content: "\e049"; } .contact-box-phone:before { content: "\e0e6"; } .contact-box-fax:before { content: "\e078"; } .contact-box-email:before { content: "\e0cd"; } /* =========================================== * Footer styles * ======================================== */ .page-footer { background-color: #44464b; } .page-footer-inner { zoom: 1; padding: 3% 0 0; font-size: 0.86667em; color: #c2c6cc; /* collapse white-space between inline-block elements */ letter-spacing: -0.3em; } .page-footer-inner:before { content: ""; display: table; } .page-footer-inner:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .page-footer-inner { margin-top: 0; } } .page-footer-inner h1, .page-footer-inner h2, .page-footer-inner h3 { margin: 0 0 1.66667em; padding: 0 0 0.41667em; border-bottom: 1px solid #5a5d63; font-size: 0.92308em; color: #ffffff; text-transform: uppercase; } .page-footer-inner ul { padding: 0; list-style: none; } .page-footer-inner a { color: #ffffff; text-decoration: none; } .page-footer-inner a:hover, .page-footer-inner a:focus { text-decoration: underline; } .page-footer-inner form label { position: absolute; left: 1.30769em; top: 1.15385em; color: #83868b; } .page-footer-inner form .error + label { top: 2.76923em; } .page-footer-inner form input, .page-footer-inner form textarea { width: 81.81818%; padding: 1.15385em 1.15385em 1em; border-color: #3d3f43 transparent #5c5f66; background: #44464b; background: -webkit-linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, -webkit-linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; background: -moz-linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, -moz-linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; background: -o-linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, -o-linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; background: linear-gradient(#3d3f43, #5c5f66) 0 0/1px 100% no-repeat, linear-gradient(#3d3f43, #5c5f66) 100% 0/1px 100% no-repeat, linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.02)), #44464b; -webkit-background-origin: border, border; -moz-background-origin: border, border; background-origin: border-box, border-box; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 900px) { .page-footer-inner form input, .page-footer-inner form textarea { width: 100%; } } .page-footer-inner form input:focus, .page-footer-inner form textarea:focus { border-color: #5c8043; } .page-footer-inner form button, .page-footer-inner form input[type="submit"] { font-size: 1.15385em; padding-right: 2.66667em; padding-left: 2.66667em; } .footer-column { display: inline-block; width: 20%; margin: 0 0 4% 4%; letter-spacing: 0; vertical-align: top; } .footer-column.-large { width: 44%; } @media screen and (max-width: 900px) { .footer-column, .footer-column-1, .footer-column.-large { width: 40%; margin-left: 6.66667%; } } @media screen and (max-width: 599px) { .footer-column, .footer-column-1, .footer-column.-large { display: block; width: auto; margin-top: 10%; margin-right: 6.66667%; } } .footer-map { display: block; margin: 0 -3px; border: 3px solid #5a5d63; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .footer-map:hover, .footer-map:focus { border-color: #1e2022; } .footer-map:after { content: none !important; } .footer-map img { display: block; width: 100%; height: auto; } .footer-address, .footer-hours, .footer-phone, .footer-fax, .footer-email { position: relative; padding-left: 1.53846em; } .footer-address:before, .footer-hours:before, .footer-phone:before, .footer-fax:before, .footer-email:before { font: 0.92308em/1 "RockSolid Icons"; content: "\e0d3"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0.33333em; left: 0; color: #c2c6cc; } .footer-hours:before { content: "\e049"; } .footer-phone:before { content: "\e0e6"; } .footer-fax:before { content: "\e078"; } .footer-email:before { content: "\e0cd"; } .footer-link-list { margin: -0.76923em 0 1em; } .footer-link-list a { display: block; padding: 0.76923em 0; border-top: 1px dotted #c2c6cc; } .footer-link-list a:before { font: 0.46154em/1 "RockSolid Icons"; content: "\e019"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.33333em; margin-right: 0.83333em; } .footer-link-list > li:first-child > a { border-top: 0; } .page-footer .mod_newslist article { border-bottom: 0; } .page-footer .mod_newslist .news-boxes-item { font-size: 1em; } .page-footer .mod_newslist .news-boxes-item .news-boxes-item-info { margin-top: 1.92308em; color: #c2c6cc; } .page-footer .mod_newslist .news-boxes-item h4 { margin: 0 0 0.46154em; line-height: 1.38462; } .page-footer .mod_newslist .news-boxes-item h4 > a { color: #ffffff; } .footer-navigation { zoom: 1; clear: both; margin: 0 4%; padding: 2.30769em 0 1.53846em; border-top: 1px solid #5a5d63; letter-spacing: 0; } .footer-navigation:before { content: ""; display: table; } .footer-navigation:after { content: ""; display: table; clear: both; } @media screen and (max-width: 900px) { .footer-navigation { margin: 0 6.66667%; } } .footer-navigation .social-links { float: right; margin: 0; padding: 0; font-size: 1.23077em; } @media screen and (max-width: 599px) { .footer-navigation .social-links { float: none; margin-left: -0.5em; } } .footer-navigation .social-links li { display: inline; } .footer-navigation .social-links a { display: inline-block; width: 1.0625em; overflow: hidden; margin-left: 0.5em; white-space: nowrap; } .footer-navigation .social-links a:hover, .footer-navigation .social-links a:focus { color: inherit; } .footer-info-links { display: inline; } .footer-info-links ul, .footer-info-links li { display: inline; margin: 0; padding: 0; } .footer-info-links li:after { content: " · "; margin: 0 2px; } .footer-info { display: inline; } @media screen and (max-width: 599px) { .footer-info { text-align: left; clear: both; } } .footer-info p { display: inline; margin: 0; } .footer-info .rocksolid-copyright { color: #c2c6cc; } .footer-info .rocksolid-copyright:before { content: "·"; display: inline-block; margin: 0 0.38462em 0 0.15385em; } /* =========================================== * Slider styles * ======================================== */ .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.8em 0; } .rsts-skin-testimonials .rsts-header { border-bottom: 1px solid #e5e5e5; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0; padding: 0.14286em 0 0.64286em; font-size: 0.93333em; font-weight: 600; color: #5a5d63; letter-spacing: 0.07143em; text-transform: uppercase; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -0.33333em; left: 0; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-next:hover { text-decoration: none; } .sidebar .rsts-skin-testimonials .rsts-prev, .sidebar .rsts-skin-testimonials .rsts-next { bottom: 0.4em; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.66667em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1em; color: #c2c6cc; } .rsts-skin-testimonials .rsts-next { left: 2.06667em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; right: -5px; top: 2px; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 17px; height: 17px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 7px; height: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #c2c6cc; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; width: 10px; height: 10px; margin: -1px; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } /* =========================================== * Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 4em; padding: 0.8em 1.33333em 0.8em 5.33333em; border-top: 1px solid #c2c6cc; z-index: 99; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note { position: relative; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.33333em; } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; font-size: 2.4em; color: #75bb3c; } @media screen and (max-width: 900px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 1em; margin: 0.4em 0; } .fixed-note p { font-size: 0.93333em; margin: 0.42857em 0; } @media screen and (max-width: 599px) { .fixed-note p { font-size: 1.06667em; } } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.66667em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 900px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 900px) { .fixed-note-column { display: block; margin: 0.8em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 2em; bottom: 0; z-index: 99; padding: 0.53333em 0.8em; color: #ffffff; text-decoration: none; background: #75bb3c; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 1100px) { .fixed-note-closed { right: 0; } } @media screen and (max-width: 900px) { .fixed-note-closed { position: absolute; top: 0.8em; right: 6.66667%; bottom: auto; padding: 0.26667em 0.8em; } } @media screen and (max-width: 599px) { .fixed-note-closed { right: 0.8em; } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #5d9430; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .back a:before, .previous a:before, .next a:after { font: 100%/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .next a:after { content: "\e019"; margin-right: 0; margin-left: 0.33333em; } .pagination > p { text-align: center; } .pagination ul { padding: 0 !important; list-style-type: none !important; text-align: center; } .pagination ul li { display: inline-block; } .pagination ul li a, .pagination ul li span { padding: 0.33333em 0.66667em; } .pagination ul li .current { font-weight: bold; } /* Search */ .main-content .mod_search { margin: 1.33333em 0; } .main-content .mod_search form input[type="search"] { width: 74%; margin: 0; } .main-content .mod_search form input[type="submit"] { width: 25%; margin-top: -1px; margin-right: -2%; margin-left: 0; } .main-content .mod_search h3 span.relevance { display: block; margin: 0.25em 0; font-size: 0.66667em; color: #5a5d63; } .main-content .mod_search .header { padding-bottom: 0.33333em; border-bottom: 1px solid #c2c6cc; color: #5a5d63; } .main-content .mod_search .highlight { padding: 0 0.26667em; font-weight: bold; background: #d2edf5; } .main-content .mod_search .url { padding-bottom: 1.33333em; border-bottom: 1px dotted #c2c6cc; color: #5a5d63; } .main-content .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .main-content .mod_search .url .filesize { font-size: 0.8em; } .main-content .mod_search .context { display: block; clear: both; } /* FAQ */ .mod_faqpage section { position: relative; margin: 2.66667em 0; padding-left: 7.69231%; } .mod_faqpage section h3 { color: #5a5d63; } .mod_faqpage section h3:before { font: 0.83333em/1 "RockSolid Icons"; content: "\3f"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 1.54167em; height: 1.5em; padding: 0.25em 0 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff; text-align: center; background: #75bb3c; } .mod_faqpage .info, .mod_faqreader .info { font-size: 12px; color: #5a5d63; } .mod_faqlist ul { padding: 0 !important; list-style-type: none !important; } .mod_faqlist ul li:before { font: 0.93333em/1 "RockSolid Icons"; content: "\3f"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.42857em; height: 1.42857em; margin: 0 0.57143em 0 0; padding: 0.21429em 0 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; text-align: center; color: #ffffff; background: #1fa5d1; } /* News */ .mod_newslist article, .mod_newsarchive article { margin-bottom: 2.4em; padding-bottom: 0.8em; border-bottom: 1px solid #e5e5e5; } .mod_newslist article img, .mod_newsarchive article img { width: 100%; height: auto; margin: 0.8em 0; } .mod_newslist article h2, .main-content .mod_newslist article h2, .mod_newsarchive article h2, .main-content .mod_newsarchive article h2 { margin: 0.53571em 0 0.35714em; font-size: 1.6em; line-height: 1.5; } .mod_newslist article h2 a, .mod_newsarchive article h2 a { color: #1e2022; } .mod_newslist article header, .mod_newsarchive article header { float: left; width: 23.07692%; padding-top: 0.16667em; font-size: 0.8em; line-height: 2; } @media screen and (max-width: 599px) { .mod_newslist article header, .mod_newsarchive article header { float: none; width: auto; font-size: 0.85714em; line-height: 1.6666; } } .mod_newslist article header p, .mod_newsarchive article header p { margin: 0 !important; } .mod_newslist article header i, .mod_newsarchive article header i { font-family: "Droid Serif", Georgia, serif; color: #5a5d63; } .mod_newslist article header a, .mod_newsarchive article header a { color: inherit; } .mod_newslist article .teaser, .mod_newsarchive article .teaser { margin-left: 30.76923%; } @media screen and (max-width: 599px) { .mod_newslist article .teaser, .mod_newsarchive article .teaser { margin-left: 0; } } .mod_newslist article .teaser > p:first-child, .mod_newsarchive article .teaser > p:first-child { margin-top: 0; } .news-boxes-item, .mod_newslist .news-boxes-item { font-size: 0.86667em; } .news-boxes-item:before, .mod_newslist .news-boxes-item:before { content: none; } .news-boxes-item > h3, .mod_newslist .news-boxes-item > h3 { font: bold 1em "Open Sans", sans-serif; margin: 0 0 0.46154em; } .news-boxes-item > h3 > a, .mod_newslist .news-boxes-item > h3 > a { color: #5a5d63; } .news-boxes-item .news-boxes-item-info, .mod_newslist .news-boxes-item .news-boxes-item-info { margin: 0.54545em 0; font: italic 0.84615em "Droid Serif", Georgia, serif; color: #5a5d63; } .news-boxes-item .news-boxes-item-info > .comment-count, .mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count { color: inherit; text-decoration: none; } .news-boxes-item .news-boxes-item-info > .comment-count:before, .mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count:before { content: "· "; } .news-boxes-item .news-boxes-item-info > .comment-count:first-child:before, .mod_newslist .news-boxes-item .news-boxes-item-info > .comment-count:first-child:before { content: none; } /* Events */ .mod_calendar th { border-bottom: 1px solid #c2c6cc; } .mod_calendar th.previous, .mod_calendar th.next { font-size: 0.93333em; padding: 0; } .mod_calendar th.previous a, .mod_calendar th.next a { padding: 0.66667em 1em; display: block; text-decoration: none; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { text-align: center; } .mod_calendar th.current:before { font: 100%/1 "RockSolid Icons"; content: "\e036"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } .mod_calendar th.next { text-align: right; } .mod_calendar th.label { font-size: 0.8em; text-align: center; } .mod_calendar td { width: 14.28571%; background: #f7f7f7; vertical-align: top; } .mod_calendar td.empty { background: none; } .mod_calendar td.today { font-weight: bold; color: #1e2022; background: #ebebeb; } .mod_calendar .event { font-size: 0.8em; } .mod_calendar .minicalendar td, .mod_calendar .minicalendar th { padding: 0; text-align: center; } .mod_calendar .minicalendar td.previous a, .mod_calendar .minicalendar td.next a, .mod_calendar .minicalendar th.previous a, .mod_calendar .minicalendar th.next a { padding-left: 0; padding-right: 0; } .mod_eventreader .info, .mod_eventlist .header { font-weight: bold; } .mod_eventreader .info time:before, .mod_eventlist .header:before { font: 100%/1 "RockSolid Icons"; content: "\e036"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } /* Comments */ .ce_comments { margin-top: 2.66667em; } .ce_comments .comment_default { position: relative; padding: 1.6em 0; margin-bottom: 1.33333em; border-top: 1px solid #e5e5e5; } .ce_comments .comment_default:before { content: ""; position: absolute; top: -2px; left: 0; width: 30.76923%; height: 3px; background: #75bb3c; } .ce_comments .comment_default > .info { float: left; width: 30.76923%; font-size: 0.8em; line-height: 2; } @media screen and (max-width: 599px) { .ce_comments .comment_default > .info { float: none; width: auto; font-size: 0.85714em; line-height: 1.6666; } } .ce_comments .comment_default > .info p { margin: 0 !important; } .ce_comments .comment_default > .info i { font-family: "Droid Serif", Georgia, serif; font-style: italic; color: #5a5d63; } .ce_comments .comment_default > .info a { color: inherit; } .ce_comments .comment_default > .info a:after { content: none; } .ce_comments .comment_default > .comment { margin-left: 38.46154%; font-size: 0.86667em; line-height: 1.84615; } @media screen and (max-width: 599px) { .ce_comments .comment_default > .comment { margin-left: 0; font-size: 0.92857em; } } .ce_comments .comment_default > .comment p { margin: 0.53846em 0 !important; } .ce_comments .comment_default > .reply { position: relative; margin: 1.6em -3.84615% 1.6em 34.61538%; padding: 0.33333em 3.84615%; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); } @media screen and (max-width: 599px) { .ce_comments .comment_default > .reply { margin-left: -3.84615%; } } .ce_comments .comment_default > .reply:before { font: 2.13333em/1 "RockSolid Icons"; content: "\e032"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -2px; right: 5.55556%; margin-right: -0.1875em; color: #75bb3c; } .ce_comments .comment_default > .reply > .info { padding-bottom: 0.66667em; border-bottom: 1px solid #e5e5e5; font-weight: bold; font-size: 0.8em; letter-spacing: 0.08333em; color: #5a5d63; text-transform: uppercase; } .ce_comments .comment_default > .reply > .info b { padding: 0 0.41667em; -webkit-border-radius: 0.16667em; -moz-border-radius: 0.16667em; border-radius: 0.16667em; color: white; background: #75bb3c; } .ce_comments .comment_default > .reply > .comment { font-size: 0.86667em; line-height: 1.84615; } .ce_comments .comment_default > .reply > .comment p { margin: 0.53846em 0 !important; } .ce_comments .form { margin-top: 2.66667em; } .ce_comments form input { float: right; width: 61.53846%; margin-right: 0; } .ce_comments form input[type="submit"] { float: none; width: auto; margin: 0; } @media screen and (max-width: 599px) { .ce_comments form input { width: 100%; } } .ce_comments form textarea { width: 100%; margin-left: 0; } .ce_comments form label { display: inline-block; padding-top: 1.06667em; font-size: 0.86667em; } @media screen and (max-width: 599px) { .ce_comments form label { padding-top: 0.26667em; font-size: 1em; } } .ce_comments form label[for="ctrl_email"] { padding: 0; } @media screen and (max-width: 599px) { .ce_comments form label[for="ctrl_email"] { padding-top: 0.26667em; } } .ce_comments form fieldset { width: auto; margin: 0; padding: 0; border: 0; } .ce_comments form fieldset label { float: none; margin-left: 0.33333em; } .ce_comments form fieldset input[type="checkbox"], .main-content .ce_comments form fieldset input[type="checkbox"] { float: none; width: auto; margin: 0; } .ce_comments form .widget { clear: both; padding-top: 1.33333em; } .ce_comments form .captcha_text { float: none; display: inline; margin: 0; width: auto; } /* Sitemap */ .main-content .mod_sitemap ul { padding-left: 0; list-style-type: none; } .main-content .mod_sitemap ul li li { padding: 0.21429em 0 0.21429em 1.85714em; font-size: 0.93333em; } .main-content .mod_sitemap ul li li.submenu ul { margin: 0; } .main-content .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.66667em; color: #1fa5d1; } /* Login */ .mod_login input { width: 80% !important; margin-left: 0 !important; } .mod_login table { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mod_login table td { border: 0; padding: 0.33333em 0; } /* Newsletter */ .main-content .mod_nl_list ul { padding-left: 0; list-style-type: none; } .main-content .mod_nl_list ul li { padding: 0.33333em 0; border-top: 1px solid #c2c6cc; } .main-content .mod_nl_list ul li:first-child, .main-content .mod_nl_list ul li.first { border-top: 0; } /* Breadcrumbs */ .mod_breadcrumb { clear: both; font-size: 0.86667em; } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sidebar .dlh_googlemap { /* Setting the maps width to 100% is best practice in the sidebar, since it becomes fluid that way */ width: 100% !important; } .main-content .dlh_googlemap img { max-width: none; } /* * Name: layout.css * * - * * T.O.C * * #General Layout * #Header * #Content * #Footer * #Page Styles * #Index * #About * #Services * #Portfolio * #Blog * #Contact * #Responsive * #Large Display * #Smaller then 1024px width * #Tablet (Portrait) * #Mobile (Portrait and Landscape ) * #Mobile ( Landscape ) */ /* ========================================================================== #General Layout ========================================================================== */ #wrap { position: relative; background-color: #fff; } .invisible { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* #Header Top ========================================================================== */ #header-top { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 40px; padding: 0; background-color: #273a51; color: #fff; } #header-top a { color: #fff; font-size: 1.2em; line-height: 40px; } #header-top .widget-title span { background-color: #289dcc; } #header-top .widget-title:before, #header-top .widget_tag_cloud a { border-color: #fff; } #header-top .widget_tag_cloud a:hover, #header-top #newsletter-subscribe-form input[type="submit"]:hover { background-color: #0f5066; } #header-top .ewf_widget_contact_info ul li { display: inline-block; padding-left: 0; margin-right: 40px; margin-bottom: 0; } #header-top .ewf_widget_contact_info ul li:last-child { margin-right: 0; } #header-top .ewf_widget_social_media { float: right; } #header-top .ewf_widget_social_media .social-icon { width: auto; height: 40px; margin-right: 15px; background-color: transparent; } #header-top .ewf_widget_social_media .social-icon i { font-size: 20; line-height: 40px; } /* #Header ========================================================================== */ /* #header { padding: 0px 0 20px 0; }*/ @media (min-width: 1024px) { /** * 1. needs to be > 1000 because revolution slider navigation has high z-index */ /* .nobreadcrumb #content { padding-top: 236px; }*/ #header { /*position: absolute;*/ z-index: 1010; top: 0; right: 0; left: 0; padding: 0; margin: 0 auto; } #header.stuck { position: fixed !important; z-index: 1010; /* 1 */ top: 0; width: 100% !important; padding: 10px 0 0 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); margin-top: 0; background: none repeat scroll 0 0 #fff; -webkit-transition: padding 0.5s; -o-transition: padding 0.5s; transition: padding 0.5s; } #header.stuck .sf-menu > li > a, #header.stuck .sf-menu > li.dropdown > a { padding-bottom: 0px; } #header.stuck .sf-menu li.dropdown ul, #header.stuck .sf-mega { margin-top: 0px; } #header.stuck .sf-menu li.dropdown ul ul { margin-top: 0; } #header.stuck #logo { margin: 0; } #header.stuck #logo img { max-width: 200px; } #content.stuck { padding-top: 317px; } } /* Logo */ #logo { display: block; margin: 18px 0 0 0; } #logo img { display: block; float:right; } /* Menu basics */ .sf-menu, .sf-menu ul { padding: 0; margin: 0; list-style: none; } .sf-menu > li { float: left; } .sf-menu > li > a { position: relative; display: block; } .sf-menu .sf-mega, .sf-menu li.dropdown ul { position: absolute; z-index: 210; top: 100%; left: 0; display: none; } .sf-menu li.dropdown { position: relative; } .sf-menu li.dropdown ul ul { top: -1px; left: 100%; } .sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega, .sf-menu li.dropdown:hover > ul, .sf-menu li.dropdown.sfHover > ul { display: block; } /* Menu Skin */ .sf-menu { float: left; /*width: 100%;*/ } .sf-menu a { display: block; padding: 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* font: 20px 'Open Sans', Arial, sans-serif;*/ font: 20px Muli, sans-serif; color: #616161; text-decoration: none; } .sf-menu li.dropdown a { padding: 10px 15px; } .sf-menu li.dropdown a { padding: 12px 15px; font-size: 16px; } .sf-menu li:last-child > a { border-bottom: none; } .sf-menu > li > a, .sf-menu > li.dropdown > a { margin: 30px 30px 0 0; border: none; color: #616161; font-size: 21px; text-transform: uppercase; padding: 0 0 2px; border-bottom: 6px solid #fff; } .sf-menu > li.active > a, .sf-menu > li.trail > a { border-bottom: 6px solid #48719B; } @media (max-width: 1399px) { .sf-menu > li > a, .sf-menu > li.dropdown > a { border: medium none; color: #818181; font-size: 18px; padding: 20px 20px 20px 0; text-transform: uppercase; } } .sf-menu > li a i { margin-right: 5px; } .sf-menu li.trail > a, .sf-menu li.current > a, .sf-menu li.sfHover > a, .sf-menu a:hover, .sf-menu li.sfHover a:hover { color: #48719B; text-decoration: none; } /* .sf-menu li li.trail > a, .sf-menu li li.current > a { font-weight: bold; }*/ /** * 1. allow long menu items to determine submenu width */ .sf-menu li.dropdown ul { min-width: 200px; /* 1 */ border: 1px solid rgba(0, 0, 0, 0.1); background-color: #e9e9e9; } /* .sf-menu > li.dropdown > ul { border-top: 3px solid #48719B; }*/ .sf-menu > li.dropdown > ul li a:hover { background-color: #48719B; color: #fff; } /* mega menu dropdown */ .sf-mega { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 3px solid #48719B; background-color: #e9e9e9; } .sf-mega-section { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .sf-mega-section:last-child { border-right: none; } /* arrows */ /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { position: absolute; top: 50%; right: 0; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.5); margin-top: -3px; content: ""; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { border-color: transparent; border-left-color: rgba(0 ,0, 0, 0.5); margin-top: -5px; margin-right: -3px; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); } /* Mobile Menu */ #mobile-menu { z-index: 20; border-bottom: 1px solid #e9e9e9; margin-bottom: 0; background-color: #48719B; } #mobile-menu li { display: block; margin: 0; } #mobile-menu > li > ul, #mobile-menu > li > ul > li > ul { display: none; margin-left: 0; } #mobile-menu .sf-mega { display: none; padding: 0; border: none; margin: 0; background-color: #48719B; } #mobile-menu .sf-mega-section { float: none; width: 100%; padding: 0; border: none; } #mobile-menu .sf-mega-section ul { margin-left: 0; } #mobile-menu li a { position: relative; display: block; padding: 15px 25px; border-top: 1px solid #e9e9e9; color: #fff; font-size: 18px; text-align: left; text-decoration: none; } #mobile-menu ul a { padding-left: 45px; } #mobile-menu ul li ul a { padding-left: 65px; } #mobile-menu .mobile-menu-submenu-arrow { position: absolute; top: 0; right: 0; height: 100%; width: 70px; border-left: 1px solid #efefef; color: #fff; font-size: 20px; line-height: 50px; text-align: center; cursor: pointer; } #mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #273a51; } #mobile-menu li a:hover {} #mobile-menu { display: none; } /* Mobile menu trigger */ #mobile-menu-trigger { float: right; display: none; font-size: 32px; } /* Custom Search Form */ #custom-search-button + .sf-menu { margin-right: 30px; } #custom-search-button { position: absolute; top: 49px; right: 0; display: block; width: 16px; height: 16px; background: url(../../files/images/bg-search.png) no-repeat center center; } #custom-search-button.open { background: none; text-decoration: none; } #custom-search-button.open:before { position: absolute; top: -4px; color: #69675b; font-family: "iconfontcustom"; font-size: 18px; content: ""; } #custom-search-form { position: absolute; z-index: 2000; top: 86px; right: 0; display: none; } #custom-search-submit { position: absolute; top: 0; right: 5px; border: none; background: url(../../files/images/bg-search.png) no-repeat center center; } #s { background-color: #fff; } #s:focus { border-color: #d7d7d7; } /* #Content ========================================================================== */ #content { min-height: 300px; padding-bottom: 0px; } /* Page Header */ #page-header { padding: 40px 0 40px 0; /* border-top: 1px solid #cdcdcd;*/ /* border-bottom: 1px solid #cdcdcd;*/ margin-bottom: 0px; background-color: #e9e9e9; } #page-header h2 { margin-bottom: 0; text-transform: uppercase; color: #48719b; font-size: 33px; line-height: 42px; } #page-header h1 { margin-bottom: 0; text-transform: uppercase; color: #48719B; font-size: 30px; line-height: 42px; } #page-header p { margin-bottom: 0; color: #273a51; font-size: 18px; } /* #Footer ========================================================================== */ #footer { padding: 80px 0; background-color: #48719b; color: #fff; } #footer a, #footer p, #footer-bottom p { color: #fff; font-size: 14px; line-height: 1.4em; } #footer .widget { margin-bottom: 40px; } #footer .widget-title { margin-bottom: 70px; } #footer .widget-title span { background-color: #4b4b4b; } #footer .widget-title:before, #footer .widget_tag_cloud a { border-color: #c4c4c4; } #footer a:hover { color: #273a51; } #footer .ewf_widget_social_media .social-icon { width: 26px; height: 26px; margin-right: 5px; background-color: #48719B; color: #fff; } #footer .ewf_widget_social_media .social-icon i { font-size: 28px; line-height: 28px; } #footer h3 { color: #fff; } #footer-bottom { padding: 30px 0; background-color: #273a51; color: #c5c5c5; } #footer-bottom a { color: #c5c5c5; } #footer-bottom a:hover { color: #fff; } #footer-bottom .widget-title span { background-color: #222; } #footer-bottom .widget-title:before, #footer-bottom .widget_tag_cloud a { border-color: #6e6e6e; } #footer-bottom .widget_pages ul { float: right; } #footer-bottom .widget_pages ul li { display: inline-block; margin-right: 20px; } #footer-bottom .widget_pages ul li:last-child { margin-right: 0; } /* ========================================================================== #Page Styles ========================================================================== */ /* #Index ========================================================================== */ .client-logos { margin-bottom: 50px; list-style: none; text-align: center; } .client-logos li { display: inline-block; } /* #About ========================================================================== */ .team-member { margin: 25px 0 50px 0; } .team-member h4 { padding-top: 20px; color: #48719B; } .team-member-thumb { position: relative; float: left; display: inline-block; border: 10px solid transparent; border-radius: 50%; margin-right: 30px; } .team-member-thumb img { display: block; max-width: 100%; border-radius: 50%; } .team-member-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 10px solid #48719B; border-radius: 50%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .team-member:hover .team-member-overlay { opacity: 0.5; } /* #Services ========================================================================== */ /* #Portfolio ========================================================================== */ /* Isotope */ .portfolio-items { margin-bottom: 40px; list-style: none; } .portfolio-items li { float: left; width: 25%; } /* Portfolio Strip */ .portfolio-strip { margin-bottom: 50px; list-style: none; } .portfolio-strip li { float: left; width: 25%; /*33.3333333333%;*/ } .portfolio-strip.two-col li { width: 50%; } /* Portfolio Item */ .portfolio-item { position: relative; overflow: hidden; margin-bottom: 30px; } .portfolio-strip .portfolio-item { margin-bottom: 0; padding: 15px; } .portfolio-item-preview { position: relative; } .portfolio-item-preview img { display: block; width: 100%; height: auto; } .portfolio-item-description { height: 75px; position: absolute; bottom: -50px; left: 0; width: 100%; padding: 5px 10px 10px 10px; background-color: #48719B; color: #fff; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .portfolio-item-description h3, .portfolio-item-description p { margin-bottom: 0; color: #fff; } .portfolio-item-description h3 { font-size: 20px; line-height: 1.5em; text-transform: uppercase; } .portfolio-item-description a { color: #fff; } .portfolio-item-description a i { vertical-align: middle; } .portfolio-item-actions { position: absolute; right: 0px; bottom: 0; width: 75px; height: 75px; background-color: #48719B; color: #fff; font-size: 80px; line-height: 75px; font-weight: 300; text-align: center; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .portfolio-item-description + .portfolio-item-actions { border-left: 1px solid #fff; } .portfolio-item-actions a { color: #fff; } .portfolio-item-actions:hover { background-color: #0f5066; } .portfolio-item:hover .portfolio-item-description { bottom: 0; opacity: 1; } .portfolio-item .portfolio-item-description { background: rgba(39, 58, 81, 0.7) none repeat scroll 0 0; bottom: 0; box-sizing: border-box; opacity: 1; } .portfolio-item:hover .portfolio-item-description { background-color: #92B648; } #introboxen .portfolio-item-description { padding: 20px 15px 20px; } .portfolio-item:hover .portfolio-item-actions { right: 0; opacity: 1; } .ce_gallery .portfolio-item-actions { background: rgba(144, 173, 0, 0.8); height: 100%; width: 100%; } .ce_gallery .inner { display: table; height: 100%; width: 100%; } .ce_gallery .portfolio-item-actions a { color: #fff; display: table-cell; vertical-align: middle; } .ce_gallery .portfolio-item-actions { line-height: unset; } /* Portfolio Pagination */ .pagination { /* float: right; margin: 50px 0;*/ list-style: none; float: left; list-style: outside none none; margin: 50px 0; text-align: center; width: 100%; border-bottom: 1px solid #616161; } .pagination li { display: inline-block; margin-right: 0px; } .pagination li:last-child { margin-right: 0;} .pagination a, .pagination span { display: block; padding: 12px 16px;; /*background-color: #e9e9e9;*/ color: #818181; font-size: 18px; line-height: 18px; -webkit-transition: all 0.3s; transition: all 0.3s; } .pagination li a:hover { /* background-color: #48719B;*/ color: #48719b; } .pagination li span.current { background-color: #48719b; color: #fff; } /* Portfolio filter */ .portfolio-filter ul { float: right; margin-bottom: 100px; list-style: none; } .portfolio-filter ul li { display: inline-block; margin-right: 20px; } .portfolio-filter ul li:last-child { margin-right: 0; } .portfolio-filter ul li a { display: block; padding: 10px 20px; background-color: #e9e9e9; color: #818181; font-size: 18px; line-height: 18px; -webkit-transition: all 0.3s; transition: all 0.3s; } .portfolio-filter ul li a.active, .portfolio-filter ul li a:hover { background-color: #48719B; color: #fff; } /* #Blog ========================================================================== */ /* Blog Post */ .blog-post { margin-bottom: 60px; } .blog-post-title { margin-bottom: 15px; } .blog-post-thumb { margin-bottom: 20px; } .blog-post-thumb img { display: block; width: 100%; } .blog-post-info { margin-top: 45px; text-align: center; } .blog-post-info img { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 10px solid #48719B; border-radius: 50%; margin-bottom: 20px; } .blog-post-readmore {} .blog-post + .pagination { margin-top: 0px; } /* #Contact ========================================================================== */ /* Contact Form */ #contact-form { overflow: hidden; margin-bottom: 30px; } #contact-form fieldset {} label.validation-error { color: #b55454; } input.validation-error, textarea.validation-error, select.validation-error { border :1px solid #e9e9e9; } #contact-form #formstatus {} #contact-form textarea {} #contact-form .btn { margin-right: 0; } /* ========================================================================== #Responsive ========================================================================== */ /* #Large Display ========================================================================== */ @media (min-width: 1400px) { #wrap {} /* Index */ .client-logos li { margin: 0 25px; } /* Portfolio */ .portfolio-strip li { width: 25%; } .portfolio-item-description { padding: 28px 15px 27px; } .portfolio-item-description { height: 115px; } .portfolio-item-actions { width: 115px; height: 115px; line-height: 115px; } .portfolio-item-description h3 { font-size: 24px; line-height: 1.2em; text-transform: uppercase; } .portfolio-filter ul li a { padding: 15px 30px; } } @media (max-width: 1399px) { #footer-bottom-widget-area-2 ul { padding-right: 60px; } .sf-menu > li > a, .sf-menu > li.dropdown > a { margin: 20px 0px 0 0; } } /* #Smaller then 1024px width ========================================================================== */ @media (max-width: 1024px) { #wrap {} #header {} #content {} #footer {} } /* #Tablet (Portrait) ========================================================================== */ @media (min-width: 980px) { } @media (min-width: 768px) and (max-width: 979px) { #logo .responsive-img { height: auto; max-width: 180px; margin-right: 50px; } #wrap {} #header { padding-bottom: 40px; } #menu, .mod_breadcrumb, .breadcrumb { display: none; } #mobile-menu-trigger { display: block; margin-right: 10px; margin-top: 16px; position: absolute; right: 0; top: -70px; } #content {} #footer {} #footer-bottom .widget_pages ul li { margin-right: 10px; } /* Index */ .client-logos li { margin: 0 25px; } /* About */ .team-member-thumb { float: none; margin-right: 0; } /* Portfolio */ .portfolio-item-description h3 { font-size: 18px; } .portfolio-item-description h3 { font-size: 15px; line-height: 1.2em; text-transform: uppercase; } .portfolio-item-actions { width: 50px; height: 50px; font-size: 30px; line-height: 50px; } .portfolio-item-description { height: 50px; } .portfolio-filter ul li { margin-right: 10px; } .portfolio-filter ul li a { padding: 10px 15px; font-size: 14px; } } @media (min-width: 768px) and (max-width: 979px) { #header-top a { color: #fff; font-size: 1em; line-height: 40px; } } /* #Mobile (Portrait and Landscape ) ========================================================================== */ @media (max-width: 767px) { body { background: none; background-color: #fff; } .nachunten { display: none;} .span6 .portfolio-item-slider { padding-bottom: 40px; } #logo .responsive-img { height: auto; max-width: 180px; margin-right: 50px; } #wrap { border-top: 5px solid #48719B; } #header-top #header-top-widget-area-1 { display: none; } #header { padding: 30px 0; } #logo { margin: 0} #menu, .mod_breadcrumb, .breadcrumb { display: none; } #mobile-menu-trigger { position: absolute; top: -70px; right: 20px; display: block; padding: 10px; margin-top: 0; } #content {} #footer {} #footer .widget:last-child { margin-bottom: 40px; } #footer .widget-title { margin-bottom: 30px; } .row, .mod_newslist { padding: 0 40px; } .widget .mod_newslist, /*.blogsidebar.mod_newslist { padding: 0; }*/ .row .row { width: auto; padding: 0; margin: 0; } p.last, h1.last, h2.last, h3.last, h4.last, h5.last, address.last, ul.last, ol.last { margin-bottom: 20px; } .text-right{ text-align: left; } /* Index */ .client-logos li { display: block; margin: 10px 0; } /* About */ .team-member-thumb { float: none; margin-right: 0; } /* Portfolio Items */ .portfolio-items li, .portfolio-strip li, .portfolio-strip.two-col li { float: none; width: 100%; } .portfolio-item-description h3 { font-size: 18px; } .portfolio-item-actions { /* width: 50px; line-height: 50px; height: 50px;*/ font-size: 30px; } .portfolio-filter ul { float: none; margin-bottom: 50px; } .portfolio-filter ul li { display: block; margin-right: 0; margin-bottom: 10px; } .portfolio-filter ul li:last-child { margin-bottom: 0; } .pagination { float: none; } .portfolio-strip.drittel li { width: 100% !important; } /*.portfolio-strip li { float: none; width: 25%; }*/ @media (max-width: 767px) { .portfolio-strip .portfolio-item-text { display: none; } .blogsidebar.mod_newslist { padding: 0; } } } /* #Mobile ( Landscape ) ========================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { .row, .mod_newslist { padding: 0 40px; } .widget .mod_newslist, /*#mobile-menu-trigger { right: 30px; }*/ /* Portfolio Items */ .portfolio-items li, .portfolio-strip li { float: left; width: 50%; } } i { font-style: italic; font-weight: bold; } body p { color: #616161; /* font: 16px/24px "Open Sans",Arial,sans-serif;*/ font: 16px/24px Muli,sans-serif; } .cta { background: #f4f4f4 none repeat scroll 0 0; } .cta-row { display: -webkit-flex; display: flex; width: 100%; background-color: #48719B; } .cta-item { background-color: #273a51; width: 50%; box-sizing: border-box; padding: 15px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .cta-item { background-color: #273a51; width: 100%; box-sizing: border-box; padding: 15px; } } .cta-rechts { background-color: #92b648; } .cta-rechts .inside.hasnoimage { width: 70%; } .cta-rechts .inside.hasnoimage .cta-text { box-sizing: border-box; float: left; width: 100%; } .cta-links .cta-textarea { align-self: start; } .cta-full { width: 100%; } .cta-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cta-socials { border-bottom: 1px solid #fff; padding-bottom: 5px; } .cta a.social-icon { color: #fff; } /*.cta-textarea p { color: #fff; padding: 10px 0; line-height: 1.5em; } .cta-eins .cta-textarea p, .cta-zwei .cta-textarea p { color: #fff; padding: 35px 20px 0 80px; line-height: 1.5em; }*/ .cta-textarea.s p { font-size: 16px; } .cta-textarea.m p { font-size: 18px; } .cta-textarea.l p { font-size: 24px; } .mod_timetable .cta-links a { font-size: 24px; } .mod_timetable .cta-item.cta-rechts p { margin-bottom: 5px; } .cta-image { box-sizing: border-box; float: left; padding: 0px 30px 0px 15px; width: 30%; } .cta-text { box-sizing: border-box; float: left; width: 70%; } .cta-text.linkonly { box-sizing: border-box; float: left; width: 100%; } .cta-text p { color:#fff; line-height: 1.5em; } .cta-text span { border-bottom: 1px solid #fff; display: block; font-size: 19px; font-weight: bold; line-height: 1.5em; } .cta-image img { border-radius: 50%; height: auto; width: 100%; } .cta .link { background: #999 none repeat scroll 0 0; bottom: 0; display: block; height: 45px; position: absolute; right: 0; width: 45px; } .cta .linkl { background: #999 none repeat scroll 0 0; bottom: 0; display: block; height: 45px; position: absolute; right: 50%; width: 45px; } .cta .link .fa, .cta .linkl .fa{ display: block; font-size: 35px; height: 45px; line-height: 45px; text-align: center; width: 45px; } .cta-button { text-align: center; } .cta-link { box-sizing: border-box; display: inline-block; padding: 15px 50px; } .cta-link { background: rgba(39, 58, 81, 0.8) none repeat scroll 0 0; } .cta-link:hover { background-color: #273a51; } .cta-link i { padding-right: 10px; } .cta-full .cta-link { background-color: #92b648; } .cta-full .cta-link { background: rgba(161, 185, 38, 0.8) none repeat scroll 0 0; } .cta-full .cta-link:hover { background-color: #92b648; } /*.cta-eins .cta-textarea p::before, .cta-zwei .cta-textarea p::before { color: #92b648; content: "\""; display: block; font-size: 120px; left: 25px; position: absolute; top: 100px; }*/ .ctasprechblase { display: block; height: 60px; left: 20px; position: absolute; top: 20px; width: 60px; } .ctasprechblase img { width: 100%; height: auto; display: block; } .cta-eins .cta-link { box-sizing: border-box; display: inline-block; font-size: 25px; font-weight: bold; padding: 0px; /* 15px 50px;*/ width: 100%; } .cta-zwei .cta-link { box-sizing: border-box; display: inline-block; font-size: 25px; font-weight: bold; padding: 15px 50px; width: auto; } .cta-eins .cta-link { background: none; color: #273a51; } .cta-eins .cta-link:hover { background: none; color: #48719b; } .cta-item.cta-links { background-color: #f4f4f4; box-sizing: border-box; padding: 15px; color: #273a51; justify-content: left; } .cta-eins .cta-textarea .cta-links-text { color: #273a51; line-height: 1.5em; padding: 40px 20px 0 80px; } @media (max-width: 767px) { .cta-eins .cta-textarea .cta-links-text { color: #273a51; line-height: 1.5em; padding: 80px 0 0; } } .breadcrumb { background: #48719B none repeat scroll 0 0; color: #fff; padding: 5px 0; } .breadcrumb a, .breadcrumb a:visited { color: #fff; text-decoration: none; font-size: 14px; line-height: 26px; } .breadcrumb li.active { font-weight: bold; /* color: #273a51;*/ font-size: 14px; line-height: 26px; } .breadcrumb a:hover { text-decoration: underline; } .mod_breadcrumb ul{margin:0;padding:0;list-style-type:none;} .mod_breadcrumb li{float:left;margin:0;padding:0 5px 0 0;} .mod_breadcrumb li::before { content: "› "; padding: 0 5px; } .mod_breadcrumb li.first::before { content: none; padding: 0px; } .nobreadcrumb .breadcrumb { display: none; } #introboxen .item { position:relative; width: 100%; padding-top: 100%; background-color: #ff0; } #introboxen .item h3 { top: calc(50% - 36px); position: absolute; text-align: center; width: 100%; } #introboxen .item .text { top: calc(50%); position: absolute; text-align: center; width: 100%; } #introboxen .item p, #introboxen .item h3, #introboxen .item a, #introboxen .item a:hover { color: #fff; } a.social-icon { float: none; display: inline-block; } .videobackground { padding: 0; } .widget.ewf_widget_social_media { margin: 0; } /*sorgt dafuer, dass der zweitäußerste Container immer das Seitenverhaeltnis 16:9 behaelt */ .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } /* sorgt dafuer, dass das Vorschaubild und der Play-Button wieder mittig zentriert sind */ .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } /* sorgt dafuer, dass das Video-Element, der übergeordnete DIV-Container vom Flash-Video und das Flash-Video richtig skaliert werden */ .mejs-mediaelement video, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .accordion-info p i { font-size: 20px; padding-right: 10px; color: #48719b; } .alter, .dauer { border-bottom: 1px solid #273a51; display: block; float: none; margin: 0; padding: 10px 0; text-align: left; width: 33%; } .downloadarchivItem { border-top: 1px solid #616161; padding: 15px 0; } .downloadarchivItem.last { border-bottom: 1px solid #616161; } .timetable_item { display: block; float: left; text-align: center; width: 60px; border-left: 1px solid #fff; } .timetable_item.item_1 { border-left: none; } .timetable_item.hasevent, .timetable_item.hasevent a { background-color: #92b648; color: #fff; } .timetable_item.today, .timetable_item.today a { background-color: #48719b; color: #fff; } .timetable_prev, .timetable_next { display: block; float: left; text-align: center; width: 50px; } .timetable_daylabel { font-size: 1rem; font-weight: normal; text-transform: uppercase; } .timetable_day { font-size: 1.4rem; font-weight: bold; text-transform: uppercase; } .timetable .cta-textarea p { padding: 0; margin: 0; text-align: center; } .timetable .cta-textarea p::before { content: none; padding: 0; margin: 0; position: relative; } .timetable p span { font-size: 1.5em; font-weight: bold; } .timetable .viewmore { text-align: center; display: block; padding: 0; margin: 0; } .timetable .cta-rechts { background-color: #273a51; } .timetable .cta-links { background-color: #92b648; } .timetable_prev i, .timetable_next i { font-size: 3em; font-weight: normal; line-height: 1.7em; } .mod_timetable .cta-links a, .mod_timetable .timetable_prev a, .mod_timetable .timetable_next a { color: #48719b; } .flex-container { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* -webkit-flex-flow: row wrap; justify-content: space-around;*/ } .flex-item { width: 200px; } .hdnkalender_days .inner { border: 3px solid red; box-sizing: border-box; height: 100%; padding: 5px; text-align: center; width: 100%; } .intro-icon { border-bottom: 1px solid #616161; font-size: 2rem; margin-bottom: 10px; padding: 15px; text-align: left; color: #90ad00; } .intro-icon-text { text-align: left; } .hdnkalender thead, .minicalendar thead { text-transform: uppercase; } .hdnkalender .previous > a { padding-left: 2em; text-align: left; } .hdnkalender .next > a { padding-right: 2em; text-align: right; } .hdnkalender .head.current { font-size: 1.5em; } .hdnkalender .label, .minicalendar .label { background: #48719b none repeat scroll 0 0; } .hdnkalender a { display: block; line-height: 1.2em; } .hdnkalender .active, .minicalendar .active { padding: 3px; } .hdnkalender .header, .minicalendar .header { font-size: 18px; font-weight: bold; padding-bottom: 8px; } /*.hdnkalender .active div, .hdnkalender .active div a { background: #92b648 none repeat scroll 0 0; color: #fff; }*/ .hdnkalender .event, .minicalendar .event { padding: 8px 8px; } /*.hdnkalender td.today,*/ /*.hdnkalender td.today a, .hdnkalender .today div { background: #48719b none repeat scroll 0 0; color: #fff; }*/ .hdnkalender td, .minicalendar td { background: #efefef none repeat scroll 0 0; border: 3px solid #fff; padding: 5px; text-align: center; vertical-align: top; color: #616161; } .btn.book-event { float: right; line-height: 1.25em; } .btn.book-event.submit { float: none; } .hdnkalender td.event, .minicalendar td.event, .btn.book-event { background: #92b648 none repeat scroll 0 0; color: #fff; } .hdnkalender td.event.full, .minicalendar td.event.full, .btn.book-event.full { background: #ffcd02 none repeat scroll 0 0; color: #fff; cursor: not-allowed; } .hdnkalender td.event.cancelled, .minicalendar td.event.cancelled, .btn.book-event.cancelled { background: #e84e58 none repeat scroll 0 0; color: #fff; cursor: not-allowed; } .hdnkalender td.event a, .minicalendar td.event a { color: #fff; } .hdnkalender td.today{ background: #48719b none repeat scroll 0 0; color: #fff; } .hdnkalender td.today a { background: #48719b none repeat scroll 0 0; color: #fff; } .minicalendar .previous > a, .minicalendar .next > a { color: #fff; } .minicalendar td.today { background: #efefef none repeat scroll 0 0; border: 3px solid #fff; padding: 5px; text-align: center; vertical-align: top; color: #616161; } .minicalendar td.event.today { background: #92b648 none repeat scroll 0 0; color: #fff; } .minicalendar td.event.today a { color: #fff; } .layout_teaser { border-bottom: 1px solid #616161; margin-bottom: 10px; padding-bottom: 10px; } .mod_eventlist .layout_teaser { border: medium none; } /*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a:visited { color: #48719b; text-decoration: none; }*/ .mod_newslist .row { border-top: 1px solid #616161; padding: 15px 0; } .mod_newslist .row:first-of-type { border-top: none; } .mod_newslist .row.pressearchiv { border-top: none; } .mod_newsreader .pageheadline { padding: 0 !important; } .mod_newsreader h3, .mod_newslist h3 a { color: #48719b !important; } .mod_newslist h3 a:hover { color: #0f5066 !important; } .mod_newsreader .back-link:hover { /* background: rgba(39, 58, 81, 0.8) none repeat scroll 0 0;*/ color: #fff; } .mod_newsreader .back-link { /* background: rgba(39, 58, 81, 1) none repeat scroll 0 0;*/ text-align: center; color: #fff; padding: 15px 50px; font-size: 20px; font-weight: normal; } .viewall-presse a { background: rgba(39, 58, 81, 1) none repeat scroll 0 0; text-align: center; color: #fff; padding: 15px 50px; font-size: 20px; font-weight: normal; display: block; } .viewall-presse a:hover { background: rgba(39, 58, 81, 0.8) none repeat scroll 0 0; } .span6.pagesliderright { margin-left: 10px; width: 470px; } @media (min-width: 1400px) { .span6.pagesliderright { margin-left: 15px; width: 585px; } } @media (min-width: 768px) and (max-width: 979px) { .span6.pagesliderright { margin-left: 7px; width: 353px; } } @media (max-width: 767px) { .span6.pagesliderright { float: none; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; } } .accordion-item-content, .toggle-item-content { padding: 15px 0px; } .accordion-text, .accordion-info { padding: 0 20px 15px 0; } .accordion-img { padding: 0px 0px 0px 45px; } @media (max-width: 767px) { .accordion-img { padding: 0 0 20px; } } .mfp-bottom-bar { display: none; } .padding-both { margin-top: 50px; margin-bottom: 50px; } .padding-top { margin-top: 50px; margin-bottom: 0px; } .padding-bottom { margin-top: 0px; margin-bottom: 50px; } .padding-none { margin-top: 0px; margin-bottom: 0px; } .tabs-container .tabs { margin-bottom: 0px; } .mod_timetable .cta-item { display: block; } .accordion-info p i { color: #48719b; font-size: 2rem; padding-right: 10px; } /*.ifc-data-icon::before { content: attr(data-icon); vertical-align: middle; }*/ .textbildicon { border-bottom: 1px solid #616161; color: #90ad00; font-size: 2rem; margin-bottom: 10px; padding: 15px 0; text-align: left; } .accordion-item .textbildicon { border-bottom: none; } .textbildicon .hdnico-data.ifc-data-icon { float: left; font-size: 2rem; line-height: 2rem; padding-right: 10px; } .textbildicon > p { margin: 0 0 0 42px; } .alter, .dauer { border-bottom: 1px solid #273a51; display: block; float: none; font-size: 2rem; margin: 0; padding: 10px 0; text-align: left; width: 33%; } .accordion-info i { color: #90ad00; float: left; font-size: 2rem; padding-right: 10px; } .alter > p, .dauer > p { line-height: 2rem; margin: 0; } .portfolio-item-text { padding: 10px 15px; } .portfolio-item-text h2, .portfolio-item-text p { margin: 0; } #footer-widget-area-4 .widget { width: 150px; } .mod_timetable .cta, .timetable .cta-links, .timetable .cta-rechts { background-color: #fff; color: #273a51; } .mod_timetable .fullwidth-section { padding: 0; } .cta-links a { color: #48719b; } .cta-rechts a { color: #fff; } .cta-links a:hover { color: #0f5066; } .cta-rechts a:hover { color: #273a51; } .timetable_item.hasevent, .timetable_item.hasevent a { background-color: #fff; color: #92b648; } .timetable_item.today, .timetable_item.today a { background-color: #48719b; color: #fff; } .timetable_item { border-left: 1px solid #48719b; } .hdnkalender .event { border-top: 1px solid #fff; } .fullwidth-section.ce_download { background: #fff none repeat scroll 0 0; color: #616161; padding-bottom: 0; padding-top: 0; } .ce_download { text-align: center; } .ce_download > a { font-size: 22px; color: #616161; } .ce_download .hdnico-data.ifc-data-icon { font-size: 2em; padding-right: 20px; vertical-align: middle; color: #92b648; } .ce_download > a:hover { color: #273a51; } .ce_download .ce_download { border-bottom: 1px solid #616161; padding-bottom: 30px; text-align: center; } .hdnkalender .head.previous i { font-size: 40px; left: 20px; position: absolute; top: 8px; } .hdnkalender .head.next i { font-size: 40px; right: 20px; position: absolute; top: 8px; } .hdnkalender .head > a:hover, .minicalendar .head > a:hover { opacity: 0.5; } .hdnkalender td.event:hover, .minicalendar td.event:hover { background: #6D8836 none repeat scroll 0 0; color: #fff; } .minicalendar i { font-size: 22px; } .mod_newsreader .span12, .span8 .span12, .span4 .span12 { width: 100%; } .mod_newsreader img { height: auto; width: 100%; } .mod_newsreader .mime_icon { height: auto; width: auto; } .mod_eventreader img { height: auto; width: 100%; } p.more { border-bottom: 1px solid #616161; color: #90ad00; margin-bottom: 10px; padding: 15px 0; text-align: left; } p.more i { color: #90ad00; float: left; font-size: 2rem; line-height: 2rem; padding-right: 10px; } /*.textbildicon a,*/ p.more a { line-height: 2rem; } .mod_newslist_blog { padding-top: 50px; } h3 { font-size: 22px; line-height: 1.3em; margin-bottom: 8px; } p.more.overview { border: none; line-height: 40px; } p.more.overview i { line-height: 40px; text-align: center; width: 40px; } .mod_newslist_blog .teaser > p { margin: 0; padding: 0; } .mod_newslist_blog p.more { margin-bottom: 20px; } .mod_newslist_blog h2 { background: #92b648 none repeat scroll 0 0; color: #fff; display: block; line-height: 4em; padding: 5px 10px; font-size: 20px; } .mod_newslist_blog .span4:nth-child(3n+4) { margin-left: 0; clear: both; } .mod_newslist_blog p.info { margin: 0px; font-size: 14px; } .back-link-icon { position: relative; display: block; float: left; width: 40px; height: 40px; background-color: #92b648; color: #fafafa; font-size: 30px; text-align: center; opacity: 0.7; cursor: pointer; border-radius: 3px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .back-link-icon a, .back-link-icon i { color: #fff; } .back-link-text { padding-left: 10px; display: block; float: left; height: 40px; line-height: 40px; font-weight: normal; } .back-link-icon i { font-size: 37px; line-height: 37px; font-weight: normal; vertical-align: top; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .back-link-icon:hover { background-color: #92b648; opacity: 1; } .back-link-icon:hover i { color: #fff; } #footer-widget-area-2 .mod_newslist li { border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom: 10px; } h2 { font-size: 30px; line-height: 1.1em; margin-bottom: 10px; } .ewf_widget_contact_info ul li { font-size: 14px; line-height: 1.4em; margin-bottom: 10px; padding-left: 30px; position: relative; } #footer .row .span3 { box-sizing: border-box; padding: 0 10px; } .mod_newsreader .cta { margin: 0 0 50px; } /* CUSTOM */ #page-header h1 { color: #48719b; font-size: 33px; line-height: 42px; margin-bottom: 0; text-transform: uppercase; } h2 { font-size: 22px; line-height: 1.3em; color: #616161; } h3 { font-size: 19px; line-height: 1.3em; color: #48719b; } h4 { font-size: 19px; line-height: 1.3em; color: #a1b926; } .mod_newsreader .caption { margin-bottom: 1em; } .row.haspaddingbottom { padding: 0 0 50px 0; } .span8 .mod_newsreader .span6, .span8 .mod_eventreader .span6 { /*width: calc(50% - 20px);*/ width: 100%; margin: 0; } .span8 .mod_newsreader .span4, .span8 .mod_eventreader .span4 { width: calc(33% - 20px); } .span8 .mod_newsreader .span4 .icon-box-content > h2, .span8 .mod_eventreader .span4 .icon-box-content > h2 { font-size: 1.1em; } .mod_eventlist h3 a, .mod_eventlist h3 a:visited { color: #48719b; } .mod_eventlist h3 a:hover, .mod_eventlist h3 a:focus { color: #0f5066; outline: 0 none; text-decoration: none; } .mod_eventlist p.more { border-bottom: 1px solid #616161; color: #90ad00; margin-bottom: 20px; padding: 0 0 15px; text-align: left; } .eventheader.header.even.first.last { border-bottom: 1px solid #616161; margin-bottom: 20px; padding-bottom: 10px; } .mod_eventlist .teaser > p { margin: 0; } .mod_eventreader .info { border-bottom: 1px solid #616161; margin-bottom: 20px; padding-bottom: 10px; } .mod_eventreader .row, .mod_eventreader .customelement-section { padding-top: 0px !important; } .ce_youtube .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_youtube .video-container { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; } .partnerlogos .responsive-img { max-width: 150px; } .row.gallery { margin-top: 50px; } .timetable .seeall { border-top: 1px solid #616161; display: block; margin-top: 25px; padding-top: 15px; } .timetable .seeall a { color: #48719b; font-size: 24px; line-height: 32px; } .row.padding-all { padding-top: 50px; padding-bottom: 50px; } #searchoverlay form { background-color: #48719b; display: none; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100001; text-align: center; } #searchoverlay.active form { display: block; } #searchoverlay form::before { content: ""; display: block; height: 50%; margin-bottom: -6.66667em; } #searchoverlay input { font-size: 16px; margin: 0 auto 20px; } #searchoverlay label { color: #fff; display: block; font-size: 24px; margin-bottom: 20px; } .downloadarchivItem em { font-style: normal; } .overlayclose a { color: #fff; font-size: 40px; padding: 20px; position: absolute; right: 0; top: 0; z-index: 100002; } #header-top .top-search i { color:#fff; } #header-top .ewf_widget_social_media a.top-search i { font-size: 26px; line-height: 40px; margin-right: 10px; font-weight: normal; } #header-top a.social-icon { display:block; float:left; } .sprachenwechsler { display: block; float: left; } .sprachenwechsler ul { list-style: outside none none; margin: 0; padding: 0; } .sprachenwechsler li { float: left; font-size: 24px; } #header-top .sprachenwechsler li span, #header-top .sprachenwechsler li a { font-size: 18px; line-height: 40px; padding: 0 5px; } .sprachenwechsler li::before { content: "|"; } .sprachenwechsler li.first::before { content: none; } .ce_form .widget { margin-bottom: 0; } .datepicker_bootstrap .title { font-size: 16px; line-height: 30px; margin: 0; padding: 0; } .single_field input { width: 50%; } @media (max-width: 767px) { .single_field input { width: 100%; } } .text.double_field.short_text.datepicker { display: block; float: left; } .CalendarFieldIcon { margin-left: 10px; margin-top: 8px; } .formbody > br { clear: both; } .ce_form .headline { text-align: left; } p.slidecaption { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 2px 15px; background: rgba(255,255,255,0.7); color: #000; } .sternfuehrungen { width: 100%; float: right; } .calendar.hdnkalender .rsfh-event-1671.moved:before, .mod_eventlist .rsfh-event-1671.moved:before, .calendar.hdnkalender .rsfh-event-1606.moved:before, .mod_eventlist .rsfh-event-1606.moved:before { content:"Wetterbedingt abgesagt:"; } .calendar.hdnkalender .moved:before, .mod_eventlist .moved:before { content:"Fällt aus:"; } .moved h3{ text-decoration:line-through; } .minicalendar td.event.moved { background-color: #e84e58; } .calendar.hdnkalender .moved a { text-decoration:line-through; } @media screen and (max-width: 980px) { .sternfuehrungen { width: 50%; } } @media screen and (max-width: 768px) { .sternfuehrungen { width: 100%; float: none; } } /*Responsive Veranstaltungstabelle -- ag*/ @media (min-width: 992px)and (max-width: 1400px) { .hdnkalender .head.next i { right: auto !important; } table th { font-size: 12px; } table th, table td { padding: 15px 0px; } .hdnkalender .event, .minicalendar .event { padding: 8px 0px; } .hdnkalender .previous > a { padding-left: 3em; } } @media (min-width: 769px)and (max-width: 991px) { .hdnkalender .head.next i { right: auto !important; } table th { font-size: 12px; } table th, table td { padding: 15px 0px; } .hdnkalender .event, .minicalendar .event { padding: 8px 1px; } .hdnkalender .previous > a { padding-left: 3em; } .hdnkalender td.event a { font-size: 12px; } } @media (max-width: 768px) { a.btn.book-event { float: none; margin-top: 1em; } td.days.empty { display: none; background: transparent; } .minicalendar thead tr:nth-child(2) { display: none; } .minicalendar tr, .hdnkalender tr { border-top: 0px solid #555; } .minicalendar .bygone { display: none; } .hdnkalender thead, .minicalendar thead { background-color: #273a51; } .hdnkalender thead .next i, .hdnkalender thead .previous i, .minicalendar thead .previous i, .minicalendar thead .next i { display: none; } .hdnkalender thead .next a:after, .minicalendar thead .next a:after { content:""; color: #fff; font-size: 20px; font-family: FontAwesome; margin-top: 10px; display: block; position: absolute; right: 52px; } .minicalendar thead .next a:after { margin-top: 0px; } .minicalendar td { border-top:0; } .minicalendar thead { border-bottom: 3px solid #fff; } .minicalendar thead .previous a:before { padding-left: 10px; } .minicalendar thead .next a:after { padding-right: 5px; } .hdnkalender .previous > a, .hdnkalender .next > a, .minicalendar .previous > a, .minicalendar .next > a { padding-left:0; font-size: 1px; color:transparent; } .hdnkalender .next > a, .minicalendar thead .next a { text-align: right; padding-right:0; } .hdnkalender thead .previous a:before, .minicalendar thead .previous a:before{ content:""; color: #fff; font-size: 20px; font-family: FontAwesome; position: absolute; margin-top: 10px; } .minicalendar thead .previous a:before{ margin-top: 0px; } .hdnkalender td, .minicalendar td { border-right: 0; border-left: 0; } td.days.upcomming:not(.event), td.days.today:not(.event) { display: none; } } .ser_wrapper .formbody input[type=text], .ser_wrapper .formbody input[type=email], .ser_wrapper .formbody input[type=tel] { width: 100%; } .ser_wrapper .formbody { margin-bottom: 2em; } .ser_wrapper .formbody .select_container *, .ser_wrapper .formbody .agb_container * { display: inline-block; } .ser_wrapper .formbody .contactinfo_container { column-count: 2; } @media (max-width: 979px) { .ser_wrapper .formbody .contactinfo_container { column-count: 1; } } span.form-error { color: #e84e58; } input.form-error { border-color: #e84e58; } /*FIX Calender*/ /* Animate.css - Just-add-water CSS animations * http://daneden.github.io/animate.css/ */ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} /* ========================================================================== #RESET AND LAYOUT ========================================================================== */ .bx-wrapper { position: relative; margin-bottom: 70px; } .bx-wrapper img { display: block; max-width: 100%; } .testimonial-slider { width: 90%; } .testimonial-slider .bx-wrapper { margin-bottom: 0; } .portfolio-item-slider { border: 1px solid #cdcdcd; } /* ========================================================================== #THEME ========================================================================== */ .bx-wrapper .bx-viewport {} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; } .testimonial-slider .bx-wrapper .bx-pager, .testimonial-slider .bx-wrapper .bx-controls-auto { right: -50px; bottom: 60px; width: auto; } /* #LOADER ========================================================================== */ .bx-wrapper .bx-loading { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; min-height: 50px; height: 100%; background: url(../../files/js/bxslider/images/bx_loader.gif) center center no-repeat #fff; } /* #PAGER ========================================================================== */ .bx-wrapper .bx-pager { color: #666; text-align: center; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .bx-wrapper .bx-pager.bx-default-pager a { display: block; width: 8px; height: 8px; border: 1px solid #818181; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: 0; margin: 0 5px; background: transparent; text-indent: -9999px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #818181; } .testimonial-slider .bx-wrapper .bx-pager .bx-pager-item, .testimonial-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: block; margin: 10px 0; } .fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a { border-color: #fff; } .fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a:hover, .fullwidth-section .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; } /* #DIRECTION CONTROLS (NEXT / PREV ========================================================================== */ .bx-wrapper .bx-prev { left: 30px; background: url(../../files/images/prev-2.png) no-repeat center center; } .bx-wrapper .bx-next { right: 30px; background: url(../../files/images/next-2.png) no-repeat center center; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next { background: none; height: 74px; opacity: 0.8; width: 30px; font-size: 74px; font-weight: normal; line-height: 74px; vertical-align: top; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .bx-wrapper .bx-prev::before { content: ""; color:#fff; } .bx-wrapper .bx-next::before { content: ""; color:#fff; } .bx-wrapper .bx-prev:hover { opacity: 1; } .bx-wrapper .bx-next:hover { opacity: 1; } .bx-wrapper .bx-controls-direction a { position: absolute; z-index: 9999; top: 50%; width: 24px; height: 59px; outline: 0; margin-top: -30px; text-indent: -9999px; opacity: 0.8; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* #AUTO CONTROLS (START / STOP) ========================================================================== */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; width: 10px; height: 11px; outline: 0; margin: 0 3px; text-indent: -9999px; background: url(../../files/js/bxslider/images/controls.png) -86px -11px no-repeat; } .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; width: 9px; height: 11px; outline: 0; margin: 0 3px; text-indent: -9999px; background: url(../../files/js/bxslider/images/controls.png) -86px -44px no-repeat; } .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: rgba(80, 80, 80, 0.75); } .bx-wrapper .bx-caption span { display: block; padding: 10px; color: #fff; font-family: Arial; font-size: 13px; } /* #SLIDE TEXT ========================================================================== */ .slidetext { position: absolute; bottom: 90px; left: 120px; width: 250px; padding: 25px; background-color: rgba(0, 0, 0, 0.5); color: #aeb0b3; } .slidetext h2, .slidetext h3 { color: #ffffff; } .slidetext a, .slidetext h2 a, .slidetext h3 a { color: #ffffff; text-decoration: none; } @media (min-width: 768px) and (max-width: 979px) { } @media (max-width: 767px) { .slidetext { display: none; } .testimonial-slider { width: 100%; } .testimonial-slider .bx-wrapper .bx-pager .bx-pager-item, .testimonial-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .testimonial-slider .bx-wrapper .bx-pager, .testimonial-slider .bx-wrapper .bx-controls-auto { right: 0; bottom: -50px; width: 100%;; } } .bx-wrapper .bx-controls-direction a { text-indent: 0; z-index: 999; } /*___________________________________________________________________________________________________________________________________________________ _ jquery.mb.components _ _ _ _ file: YTPlayer.css _ _ last modified: 09/07/14 23.11 _ _ _ _ Open Lab s.r.l., Florence - Italy _ _ _ _ email: matteo@open-lab.com _ _ site: http://pupunzi.com _ _ http://open-lab.com _ _ blog: http://pupunzi.open-lab.com _ _ Q&A: http://jquery.pupunzi.com _ _ _ _ Licences: MIT, GPL _ _ http://www.opensource.org/licenses/mit-license.php _ _ http://www.gnu.org/licenses/gpl.html _ _ _ _ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); _ ___________________________________________________________________________________________________________________________________________________*/ /* * jQuery.mb.components: mb.YTVPlayer * © 2001 - 2012 Matteo Bicocchi (pupunzi), Open Lab * */ @charset"UTF-8"; /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */ @font-face { font-family: 'ytpregular'; src: url('../../files/js/itplayer/css/ytp-regular.eot'); } @font-face { font-family: 'ytpregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url('../../files/js/itplayer/css/ytp-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mb_YTVPlayer :focus { outline: 0; } .mb_YTVPlayer{ display:block; transform:translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform:translate3d(0,0,0); animation-timing-function: linear; } .fullscreen{ display:block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none !important; z-index: 10000; } .mb_YTVPlayer.fullscreen .mbYTP_wrapper{ opacity:1 !important; } .mbYTP_wrapper iframe{ max-width: 4000px !important; } .inline_YTPlayer{ margin-bottom: 20px; vertical-align:top; position:relative; left:0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); background: rgba(0,0,0,.5); } .inline_YTPlayer img{ border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin:0!important; padding:0!important } /*CONTROL BAR*/ .mb_YTVPBar .ytpicon{ font-size: 20px; font-family: 'ytpregular'; } .mb_YTVPBar .mb_YTVPUrl.ytpicon{ font-size: 30px; } .mb_YTVPBar{ transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; display:block; width:100%; height:10px; padding:5px; background:#333; position:fixed; bottom:0; left:0; -moz-box-sizing:padding-box; -webkit-box-sizing:border-box; text-align:left; z-index: 1000; font: 14px/16px sans-serif; color:white; opacity:.1; } .mb_YTVPBar.visible, .mb_YTVPBar:hover{ opacity:1; } .mb_YTVPBar .buttonBar{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; background:transparent; font:12px/14px Calibri; position:absolute; top:-30px; left:0; padding: 5px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTVPBar:hover .buttonBar{ background: rgba(0,0,0,0.4); } .mb_YTVPBar span{ display:inline-block; font:16px/20px Calibri, sans-serif; position:relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTVPBar span.mb_YTVPTime{ width: 130px; } .mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT { position: absolute; width: auto; display:block; top:6px; right:10px; cursor: pointer; } .mb_YTVPBar span.mb_YTVPUrl img{ width: 60px; } .mb_YTVPBar span.mb_OnlyYT { left:185px; right: auto; } .mb_YTVPBar span.mb_OnlyYT img{ width: 25px; } .mb_YTVPBar span.mb_YTVPUrl a{ color:white; } .mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{ cursor:pointer; } .mb_YTVPMuteUnmute{ cursor:pointer; } /*PROGRESS BAR*/ .mb_YTVPProgress{ height:10px; width:100%; background:#222; bottom:0; left:0; } .mb_YTVPLoaded{ height:10px; width:0; background:#444; left:0; } .mb_YTVTime{ height:5px; width:0; background:#fff; bottom:0; left:0; -moz-box-shadow:#666666 1px 1px 3px; -webkit-box-shadow:#666666 1px 1px 3px; } .YTPOverlay.raster{ background: url("../../files/js/itplayer/images/raster.png"); } .YTPOverlay.raster.retina{ background: url("../../files/js/itplayer/images/raster@2x.png"); } .mfp-bg{ top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; filter:alpha(opacity=80)}.mfp-wrap{ top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden}.mfp-container{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}.mfp-container:before{ content:''; display:inline-block; height:100%; vertical-align:middle}.mfp-align-top .mfp-container:before{ display:none}.mfp-content{ position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{ width:100%; cursor:auto}.mfp-ajax-cur{ cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{ cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out}.mfp-zoom{ cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in}.mfp-auto-cursor .mfp-content{ cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{ -webkit-user-select:none; -moz-user-select:none; user-select:none}.mfp-loading.mfp-figure{ display:none}.mfp-hide{ display:none !important}.mfp-preloader{ color:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044} .mfp-preloader a{ color:#ccc} .mfp-preloader a:hover{ color:white}.mfp-s-ready .mfp-preloader{ display:none}.mfp-s-error .mfp-content{ display:none}button.mfp-close,button.mfp-arrow{ overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none}button::-moz-focus-inner{ padding:0; border:0}.mfp-close{ width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:0.65; filter:alpha(opacity=65); padding:0 0 18px 10px; color:white; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace} .mfp-close:hover,.mfp-close:focus{ opacity:1; filter:alpha(opacity=100)} .mfp-close:active{ top:1px}.mfp-close-btn-in .mfp-close{ color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{ color:white; right:-6px; text-align:right; padding-right:6px; width:100%}.mfp-counter{ position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px}.mfp-arrow{ position:absolute; opacity:0.65; filter:alpha(opacity=65); margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:rgba(0,0,0,0)} .mfp-arrow:active{ margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{ opacity:1; filter:alpha(opacity=100)} .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{ content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent} .mfp-arrow:after,.mfp-arrow .mfp-a{ border-top-width:13px; border-bottom-width:13px; top:8px} .mfp-arrow:before,.mfp-arrow .mfp-b{ border-top-width:21px; border-bottom-width:21px; opacity:0.7}.mfp-arrow-left{ left:0} .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{ border-right:17px solid white; margin-left:31px} .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{ margin-left:25px; border-right:27px solid #3f3f3f}.mfp-arrow-right{ right:0} .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{ border-left:17px solid white; margin-left:39px} .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{ border-left:27px solid #3f3f3f}.mfp-iframe-holder{ padding-top:40px; padding-bottom:40px} .mfp-iframe-holder .mfp-content{ line-height:0; width:100%; max-width:900px} .mfp-iframe-holder .mfp-close{ top:-40px}.mfp-iframe-scaler{ width:100%; height:0; overflow:hidden; padding-top:56.25%} .mfp-iframe-scaler iframe{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,0.6); background:black}img.mfp-img{ width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:40px 0 40px; margin:0 auto}.mfp-figure{ line-height:0} .mfp-figure:after{ content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,0.6); background:#444} .mfp-figure small{ color:#bdbdbd; display:block; font-size:12px; line-height:14px} .mfp-figure figure{ margin:0}.mfp-bottom-bar{ margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto}.mfp-title{ text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px}.mfp-image-holder .mfp-content{ max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{ cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){ .mfp-img-mobile .mfp-image-holder{ padding-left:0; padding-right:0} .mfp-img-mobile img.mfp-img{ padding:0} .mfp-img-mobile .mfp-figure:after{ top:0; bottom:0} .mfp-img-mobile .mfp-figure small{ display:inline; margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{ background:rgba(0,0,0,0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .mfp-img-mobile .mfp-bottom-bar:empty{ padding:0} .mfp-img-mobile .mfp-counter{ right:5px; top:3px} .mfp-img-mobile .mfp-close{ top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,0.6); position:fixed; text-align:center; padding:0}}@media all and (max-width:900px){ .mfp-arrow{ -webkit-transform:scale(0.75); transform:scale(0.75)} .mfp-arrow-left{ -webkit-transform-origin:0; transform-origin:0} .mfp-arrow-right{ -webkit-transform-origin:100%; transform-origin:100%} .mfp-container{ padding-left:6px; padding-right:6px}}.mfp-ie7 .mfp-img{ padding:0}.mfp-ie7 .mfp-bottom-bar{ width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px}.mfp-ie7 .mfp-container{ padding:0}.mfp-ie7 .mfp-content{ padding-top:44px}.mfp-ie7 .mfp-close{ top:0; right:0; padding-top:0} .mfp-arrow { height: 90px; margin: -45px 0 0; opacity: 0.65; padding: 0; position: absolute; top: 50%; width: 90px; } .mfp-arrow::before, .mfp-arrow::after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { border: medium none; content: ""; display: block; height: 0; left: 0; margin-left: 0; margin-top: 0; position: absolute; top: 0; width: 0; } .mfp-arrow:active { margin-top: -45px; } .mfp-arrow-right::before, .mfp-arrow-left::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; font-family: FontAwesome; font-size: 74px; font-style: normal; font-weight: normal; height: 74px; line-height: 1; opacity: 0.8; vertical-align: top; width: 30px; } .mfp-arrow-right::before { color: #fff; content: ""; text-align: center; width: 90px; } .mfp-arrow-left::before { color: #fff; content: ""; text-align: center; width: 90px; } .fullwidthbanner-container { position: relative; width: 100% !important; max-height: 570px !important; overflow: hidden; padding: 0; margin-bottom: 50px; } .fullwidthbanner-container .fullwidthbanner { position: relative; width: 100% !important; max-height: 570px !important; } .fullwidthbanner-container ul { list-style: none; } .fullwidthbanner-container ul li { overflow: visible !important; } .caption.text { width: 500px; padding: 30px 40px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.7); } .caption.text i { float: left; margin-right: 40px; color: #259fc8; font-size: 50px; line-height: 50px; } .caption.text.alt { background-color: rgba(95, 178, 173, 0.7); color: #fff; } .caption.text.alt-2 { background-color: rgba(40, 156, 203, 0.7); color: #fff; } .caption.text.alt i, .caption.text.alt-2 i { color: #fff; } .caption.title { color: #434343; font-size: 36px; } .caption.title.alt { color: #fff; } .caption.text-3 { width: 860px; padding: 40px; background-color: rgba(255, 255, 255, 0.7); color: #434343; font-size: 18px; line-height: 30px; } .caption .btn { border-color: #fff; background-color: transparent; color: #fff; } .caption .btn-blue { border-color: #48719b; background-color: #48719b; } .caption .btn:hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .tp-bullets.simplebullets.round .bullet { width: 8px; height: 8px; border: 1px solid #48719b; border-radius: 50%; margin: 0 3px; background: #fff; } .tp-bullets.simplebullets.round .bullet.selected { background: #48719b; } .tp-leftarrow.default, .tp-rightarrow.default { width: 24px; height: 59px; opacity: 0.8; } .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { opacity: 1; } .tp-leftarrow.default { background: url(../../files/images/prev-2.png) no-repeat center center; } .tp-rightarrow.default { background: url(../../files/images/next-2.png) no-repeat center center; } @media (min-width: 1400px) { .caption.text-3 { width: 1020px; } } @media (min-width: 768px) and (max-width: 979px) { .caption.text { width: 350px; } .caption.text i { font-size: 30px; line-height: 30px; } .caption.text-3 { width: 650px; } .caption .btn { padding: 12px 35px; font-size: 14px; line-height: 14px; } } @media (max-width: 767px) { .caption.text { width: 140px; } .caption.text i { margin-right: 5px; font-size: 16px; line-height: 16px; } .caption.text-3 { width: 100%; } .caption .btn { padding: 3px 10px; font-size: 7px; line-height: 7px; } } .tp-leftarrow.default, .tp-rightarrow.default { background: none; height: 74px; opacity: 0.8; width: 30px; font-size: 74px; font-weight: normal; line-height: 74px; vertical-align: top; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .tp-leftarrow.default::before { content: ""; color:#fff; } .tp-rightarrow.default::before { content: ""; color:#fff; } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../../files/js/revolutionslider/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../../files/js/revolutionslider/images/gradient/g40.png) repeat-x top;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../../files/js/revolutionslider/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(../../files/js/revolutionslider/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(../../files/js/revolutionslider/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;} .fullcoveredvideo video, .fullscreenvideo video { background: #000;} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:6px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position: relative;margin:10px 20px;} .html5vid .tp-revstop { display:none;} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;} .tp-dottedoverlay.twoxtwo { background:url(../../files/js/revolutionslider/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../../files/js/revolutionslider/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../../files/js/revolutionslider/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../../files/js/revolutionslider/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../../files/js/revolutionslider/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(../../files/js/revolutionslider/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px;} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px;} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px;} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/js/revolutionslider/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../../files/js/revolutionslider/assets/timer.png);position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../../files/js/revolutionslider/assets/coloredbg.png) repeat;} /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../../files/js/revolutionslider/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../../files/js/revolutionslider/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../../files/js/revolutionslider/assets/transparent.jpg)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../../files/js/revolutionslider/font/revicons.eot?5510888'); src: url('../../files/js/revolutionslider/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../../files/js/revolutionslider/font/revicons.woff?5510888') format('woff'), url('../../files/js/revolutionslider/font/revicons.ttf?5510888') format('truetype'), url('../../files/js/revolutionslider/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../../files/js/revolutionslider/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ /* 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; } .tooltipster-default { border-radius: 5px; border: 1px solid #fff; background: #a1b926; 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; left: 0; top: 0; z-index: 9999999; 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: -7px; } .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: -7px; } .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: -7px; } .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: -7px; } .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: -7px; } .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: -7px; } .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.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 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.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .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.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .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); } /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; }