/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic);*/ /* @import url(https://fonts.googleapis.com/css?family=Montserrat:700,400);*/ /*@import url(https://fonts.googleapis.com/css?family=Caveat);*/ /*@import url(https://cloud.typography.com/7444796/7018372/css/fonts.css); Others */ @import url(//www.onnion.fi/hubfs/onnion.fi-verkkosivu/fonts/MyFontsWebfontsKit_v2.css); /* Hand Of Sean Pro */ /* Gotham in */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('//www.onniterveys.fi/hubfs/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0'); src: url('//www.onniterveys.fi/hubfs/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('//www.onniterveys.fi/hubfs/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('//www.onniterveys.fi/hubfs/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('//www.onniterveys.fi/hubfs/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('//www.onniterveys.fi/hubfs/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.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: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* Font Awesome */ /** * CSS @imports must be at the top of the file. * Add them above this section. */ /* ========================================================================== HS COS Boilerplate v1.3.0 */ /* This responsive framework is required for all styles.*/ /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Responsive Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-top: 0px; padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 0 0 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Fix radio button and check box fields in multi column forms*/ .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } /* Vertical Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; top: 40%; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /*=====================================*/ /*======= Custom Modules Style ========*/ /*=====================================*/ /* FAQ Module */ .accordion {} .accordion_group { margin-bottom: 2px; background: #f0f0f0; padding: 5px 10px; } .accordion_header { cursor: pointer; font-size: 18px; line-height: 16px; width: 100%; padding: 10px 15px; } .accordion_icon{ color: #34495e; padding-right: 16px; background-color: #34495e; margin-right: 10px; font-size: 14px; border-radius: 3px; } .accordion_content { padding: 10px 15px; display: none; } .accordion_group .accordion_icon { position: relative; } .accordion_group .accordion_icon::before, .accordion_group .accordion_icon::after { content: ''; display: block; position: absolute; top: 50%; right: 3px; width: 10px; height: 2px; margin-top: -1px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .25s; transition: all .25s; background-color: #f0f0f0; } .accordion_group.expanded .accordion_icon::before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 0; } .accordion_group .accordion_icon::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } .accordion_group .accordion_icon::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .accordion_group.expanded .accordion_icon::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } @media (max-width: 767px) {} /* Testimonial */ .quote-box { background: #f5f5f5; padding: 30px; padding-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; margin-bottom: 30px; } .quote-box:after { content: ""; display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f5f5f5; position: absolute; bottom: -20px; margin-left: -20px; left: 50%; } .quote { border: none; padding: 0; font-size: 16px; color: #666666; margin: 0px; } .details { font-size: 13px; } .name { display: block; font-weight: normal; font-family: 'Montserrat', sans-serif; } .quote-box .title { display: block; color: #b3b3b3; margin-bottom: 0; font-weight: normal; font-size: 13px; } .quote-box .fa{ font-size: 18px; position: absolute; right: 30px; bottom: 30px; } .img-rounded { border-radius: 6px; } .testimonial-headshot { text-align: center; } .testimonial-headshot img{ border-radius: 50%; max-width: 150px !important; max-height: 150px !important; margin-top: -10px; border: 5px solid #f5f5f5; } /* Services/ Product */ .service-group::after { content: " "; display: block; height: 0; clear: both; } /* Well Module */ /* Well Colors */ #well{ min-height: 20px; margin-bottom: 20px; border-radius: 4px; color: #fff; } #well .default{ border-radius: 4px; border-style: solid; border-width: 1px; background: #34495e; border-color: #02172c; } #well .primary{ border-radius: 4px; background: #74bdfc; border: 1px solid #428bca; } #well .success{ border-radius: 4px; background: #8eea8e; border: 1px solid #5cb85c; } #well .danger{ border-radius: 4px; background: #db7674; border: 1px solid #a94442; } #well .info{ border-radius: 4px; background: #8df2ff; border: 1px solid #5bc0de; } #well .plain{ border-radius: 4px; background:#f5f5f5; color: #666; border: 1px solid #ddd; } #well .small{ padding: 20px; } #well .medium{ padding: 24px; } #well .large{ padding: 28px; } #well .close{ float: right; padding: 3px 10px 0px 0px; cursor: pointer; color: #666; } /* Tabber Module */ .body-container .custom-tabber-wrap .tabber-tabs { border-bottom: 1px solid #ddd; list-style: none; padding: 0; margin: 40px 0 -2px; } .custom-tabber-wrap .tabber-tabs > li { float: left; } .custom-tabber-wrap .tabber-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: ; text-decoration: none; display: block; } .custom-tabber-wrap .tabber-tabs > .active > a, .custom-tabber-wrap .tabber-tabs > .active > a:hover, .custom-tabber-wrap .tabber-tabs > .active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .custom-tabber-wrap .tabber-content .tab-pane { background: #fff; padding: 8px; border: 1px solid #ddd; border-radius: ; } .custom-tabber-wrap .tabber-content .tab-pane.active:nth-child(1) { border-top-left-radius: 0; } .body-container .custom-tabber-wrap .tabber-content ul { padding: 0; margin: 0; } .custom-tabber-wrap .tabber-content .block h3 { display: none; } /* ========================================================================== Index: 1. BASE STYLES - Variables - Macros - Base - Typography 2. COS STRUCTURE - Structure - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - Common Template Classes - Site Pages - Landing Pages - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. MISCELLANEOUS 7. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. BASE STYLES ========================================================================== */ .body-container { background: #fff; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } /* ========================================================================== Variables ========================================================================== */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ /* */ /* */ /* */ /* Structure */ /* */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below. Ignore the jinja comment tags. * * */ /* Transition */ /* Animation Delay */ /* Box Shadow */ /* Background Size */ /* User Select */ /* Opacity*/ /* ========================================================================== Base ========================================================================== */ /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } html, body { min-height: 100%; margin: 0; padding: 0; } /* Website background color and default font styles */ body { background: #fff; color: #000; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight:500; /*font-weight:300;*/ text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .text-pop-post> p >strong { font-weight: 400 !important; } p>strong, strong { font-weight: 600; } body .form .hs-form-field>label { display: block; } hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);} /** * Page Center * * Apply .page-center to full-width modules. */ .container-fluid .row-fluid .header .page-center { max-width: 1260px !important; width: 100%; } .container-fluid .row-fluid .page-center { float: none; max-width: 1140px !important; margin: 0 auto !important; } body:not(.home-2020) .body-container .page-center { padding-top: 0; padding-bottom: 0; } .container-fluid .row-fluid .page-center.page-center--narrow { max-width: 680px !important; margin-left: auto !important; margin-right: auto !important; } .page-center .page-center { padding-left: 0 !important; padding-right: 0 !important; } .force-center{ max-width: 1080px !important; margin: 0 auto !important; float: none !important; } @media (max-width: 1120px){ .force-center { padding: 10px 20px 10px 20px; } } a { text-decoration:underline; color: #ea5b0b; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a { color: #0477bd; font-weight: bold; text-decoration: none; cursor: pointer !important; } a:hover { color: #03578C; text-decoration: underline; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #000; text-shadow: none; } ::selection { color: #fff; background: #f59c00; text-shadow: none; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 0; padding-left: 0; padding-right: 0; } body .hs-responsive-embed, body .video, body .iframe { display: inline-block; /* let it be styled thusly */ padding: 0 !important; /* get rid of pre-styling */ margin: 0 0 1% 0; width: 100%; /* take up full width available */ padding-top: 56.25% !important; /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */ height: 0px; /* don't want it to expand beyond padding */ position: relative; } body .hs-responsive-embed iframe, body .video iframe, body .iframe iframe,.video video { position: absolute; /* expand to fill */ top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: initial; width: 100%; height: 100%; } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p { margin: 10px 0;font-weight: 500;} p > span { font-family: 'Gotham A','Gotham B',Arial,sans-serif !important; } small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 10px 0; text-rendering: optimizelegibility; } h2 { font-family: 'Gotham A','Gotham B',Arial,sans-serif; color: #000; font-size: 28px; line-height: 1.35em; font-weight: bold; text-transform: none; } h3, h4 {color:#F59C00;} /* .special { font-family: 'HandOfSeanPro-Regular', Georgia, serif !important; color:#F59C00; font-size:4rem; font-weight:normal; line-height:3.8rem; } */ h1{ font-family: 'HandOfSeanPro-Regular', Georgia, serif !important; color:#F59C00; font-size:4rem; font-weight:normal; line-height:3.8rem; } h1.mg-map-header { font-family: 'HandOfSeanPro-Regular', Georgia, serif !important; color: #019ba5; text-align: center; word-wrap: normal; font-size: 4rem; } h1.hoiva-map-header { font-family: 'HandOfSeanPro-Regular',Georgia,serif !important; color: #F59C00; text-align: center; word-wrap: normal; font-size: 4rem; } .ingressi { font-family: 'EB Garamond'; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-size: 4rem; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} li{ font-weight: 400; } .mobile-nav { display: none !important; } @media screen and (max-width: 1024px) { .mobile-nav { display: block !important; } } ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} .text-center { text-align: center; } .HandOfSeanPro-Regular { font-family: HandOfSeanPro-Regular; font-weight: normal; font-style: normal; } /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* ========================================================================== Header ========================================================================== */ .header-container-wrapper { position: fixed; width: 100%; z-index: 9999; } .header-container { padding: 0px 0; background: #fff; z-index: 9999; } .global-header .logo { padding: 10px 0; min-height: 50px; max-width: 100%; } .global-header .logo a { max-width: 100%; } .logo img { } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .small-header .global-header .logo img.hs-image-widget { max-height: 28px; } .small-header .header-container-wrapper { border-bottom:1px solid #d9d9d9; } @media (max-width:767px) { /* .justbox.gray.near {*/ /* margin-left: 0px; */ /*}*/ } .header-cta{ margin-top: 13px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } /* Logo styling */ .header-container .hs_cos_wrapper_type_logo a{ position: relative; display: inline-block; } .header-container .hs_cos_wrapper_type_logo img { width:100% !important; } .header-container .hs_cos_wrapper_type_logo a:after{ position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; content: ''; } /* Header Small */ .small-header .header-container { padding: 0px 0; } .small-header .header-container .hs_cos_wrapper_type_logo a img { max-width: 200px; } .small-header .custom-menu-primary .hs-menu-wrapper>ul { padding-top: 5px; } .small-header .header-cta { margin-top: 7px; } .hoiva-2018 .small-header .header-container { padding: 0px !important; } .hoiva-2018.small-header .osoitepolku, .small-header .hoiva-2018 .osoitepolku { display: none; } .anchor-link { position: relative; } .anchor-link a { position: absolute; top: -115px; left: -9999; } .hoiva-2018 .header-search { display: none; } @media screen and (min-width: 1025px) { .hoiva-2018 .custom-menu-primary { position: relative; padding-right: 30px; } .hoiva-2018 .header-search { position: absolute; right: 6px; top: 15px; width: 16px; height: 16px; z-index: 10; cursor:pointer; color: #ea5b0b; display: block; } } /* ========================================================================== Content ========================================================================== */ .body-container-wrapper {} .body-container {} /* Unique Pages ========================================================================== */ /* Homepage */ .background-image { display: none !important; } #banner-background-image { position: relative; background-color: transparent; background-repeat: no-repeat; /* background-position: center center; */ /* background-position-y: -96px; */ /* margin-top: 0 !important; */ /* -webkit-background-size: cover; */ -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 450px; max-width: 1080px; margin: 0 auto; } /*#banner-background-image{*/ /* position: relative;*/ /* background-color: transparent;*/ /* background-repeat: no-repeat;*/ /* background-position: center center;*/ /* background-position-y: -96px;*/ /* margin-top:0% !important;*/ /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ /* height: 500px; */ /*}*/ #banner-background-image:before { background-color: rgba(0,0,0,.0); content: ''; position: relative; top: 0; right: 0; bottom: 0; left: 0; } #banner-background-image:after { background-color: rgba(0,0,0,.0); content: ''; clear:both; display:block; } #banner-background-image .header-text { margin-top: 30px; width: auto; position: relative; } /*#banner-background-image h1 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); max-width: 700px; margin-bottom: 0px; padding: 5px 5px 5px 10px; } #banner-background-image h3 { color: #fff; font-size: 22px; max-width: 680px; margin-bottom: 15px; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); padding: 5px 5px 5px 10px; } #banner-background-image .subscribe-form h3{ padding: 0px; background: none; }*/ #banner-background-image .cta_solid_button { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #ea5b0b; border-color: #ea5b0b; } #banner-background-image .cta-container { margin-bottom: 10px; padding: 5px 5px 5px 10px; } #banner-background-image .cta_solid_button:hover{ border: 2px solid #FFF; background: #ea5b0b; color: #FFF; } .osoitepolku { padding: 15px 0 20px; } .osoitepolku, .osoitepolku a { color: #797676 !important; font-size: 14px; line-height: 1.3em; text-decoration: none; } .osoitepolku a:hover { opacity: 0.6; } .osoitepolku .hs-breadcrumb-menu-item { padding: 0 10px 0 0; } .osoitepolku strong { padding-right: 2px; } .osoitepolku .alku, .osoitepolku .loppu { float: left; display: inline-block; } .osoitepolku .hs-breadcrumb-menu-divider::before { content: "/"; padding-left: 10px; } .map-background {} .map-background:after { background-color: rgba(0,0,0,.0); content: ''; clear:both; display:block; } .map-background iframe { position: absolute !important; z-index: -1 !important; width: 100% !important; min-height: 600px !important; } form label.hs-error-msg { color: red; font-weight: 700; } #cta-background-image { position: relative; background-color: #444; background-repeat: no-repeat; background-position: center center; margin-top:0% !important; margin-bottom:3% !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*min-height: 620px; */ } #cta-background-image:before { background-color: rgba(0,0,0,.0); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #cta-background-image:after { background-color: rgba(0,0,0,.0); content: ''; clear:both; display:block; } #cta-background-image .header-text { margin-top: 30px; width: auto; position: relative; } #cta-background-image .cta_solid_button { z-index:20; background: transparent; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-transform:none; color: #fff; border-color: #fff; } #cta-background-image .cta-container { margin-bottom: 10px; padding: 5px 5px 5px 10px; } #cta-background-image .cta_solid_button:hover{ border: 2px solid #fff; background: #fff; color: #f49d1e; } .homepage .subscribe-form { background: rgba(0, 0, 0, 0.2); padding: 30px 0; padding-bottom: 80px; color: #fff; position: absolute; bottom: 0; } .home-sub-form { max-width: 475px; margin: 0 auto; float: none !important; margin-left: auto !important; } .homepage .subscribe-form form { position: relative; float: left; } .homepage .subscribe-form .title { font-size: 18px; margin-top: 0; margin-bottom: 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); font-weight: 700; } .homepage .subscribe-form input[type="email"] { max-width: 400px; height: 37px; } .homepage .subscribe-form .hs_email { display: inline-block; width: 354px; margin-right: 5px; bottom: 0; float: left; margin-bottom: 1px; position: relative; } .homepage .subscribe-form .hs_email .hs-error-msgs { position: absolute; margin-top: 40px; } .homepage .subscribe-form .hs_submit { display: inline-block; float: left; bottom: 0; position: absolute; } .homepage .subscribe-form .hs-button.primary { border-style: solid; border-width: 2px; color: #FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0; border-color: #ea5b0b; background: #ea5b0b; text-transform: uppercase; padding: 8px 12px; } .homepage .subscribe-form .hs-button.primary:hover { background: #fff; border-style: solid; border-width: 2px; border-color: #ea5b0b; color: #ea5b0b; } .social-media { position: absolute; bottom: 0; width: 100%; padding: 10px 0px; } .social-media:before { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: #ea5b0b; z-index: 1; } .social-media > .page-center { position: relative; z-index: 2; } .social-media a{ padding-right: 5px; } .social-tagline { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.6); font-weight: 700; font-size: 13px; text-align: right; } .logo-bar-background{ background: #f5f5f5; height: 100px; } #offer-background-image{ position: relative; background-color: #444; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 450px; float: left; width: 100%; } #offer-background-image .offer-section-text { margin-top: 30px; background-color: rgba(0,0,0,0.2); width: auto; } #offer-background-image h1 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); max-width: 700px; margin-bottom: 0px; padding: 5px 5px 5px 10px; } #offer-background-image h3 { color: #fff; font-size: 22px; max-width: 680px; margin-bottom: 15px; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); padding: 5px 5px 5px 10px; } .offer-image { display: none !important; } #offer-background-image .hs-form-field>label{ color: #fff; } #offer-background-image .offer-form h3{ background: none; } .homepage .main-content h2 { margin: 0px; } .homepage .main-content .sub-headline { font-size: 18px; } .faq-background { background: #f5f5f5; } .homepage .fb_iframe_widget { top: -2px; } .homepage .fb_iframe_widget > span, .homepage .linked-in-share { vertical-align: top !important; } .homepage #twitter-widget-0 { width: 80px !important; } .homepage .social-share-data { position: relative; top: 3px; } .bg--turquoise, .turkoosi-bg { background: #00abba; } .bg--yellow, .keltainen-bg { background: #f6b319; } .bg--orange, .oranssi-bg { background-color: #ea5b0b; } .color--white *, .valkoinen-teksti * { color: #fff; } .color--white a, .valkoinen-teksti a { color: #fff; text-decoration: underline; } .color--white a:hover, .valkoinen-teksti a:hover { opacity: 0.7; color: #fff; } .transparent-black-40 { background: rgba(0,0,0,0.4); } .ela-taysii-tilaus { padding: 4% 0; } .ela-taysii-tilaus h2 { color: #fff !important; } .ela-taysii-tilaus p { font-size: 14px; line-height: 1.5em; } .ela-taysii-tilaus div[id*="hs_form"] { width: 100%; margin: 0 auto; max-width: 400px; } .ela-taysii-tilaus .hs_cos_wrapper_type_form label { font-weight: normal; /* font-style: italic; */ /* font-family: EB Garamond; */ color: #000; font-size: 14px; line-height: 1.5em; } .ela-taysii-tilaus .hs_cos_wrapper_type_form .hs-button.primary.large { background: #1e99a2; color: #fff; border: none; font-weight: bold; font-size: 16px; line-height: 1em; padding: 15px 25px !important; } .ela-taysii-tilaus .form-title { display: none; } .ela-taysii-tilaus .hs_cos_wrapper_type_form input[type="email"] { border: 1px solid #ddd; box-shadow: none; } .module_text1__text h1:first-child, .module_text1__text h2:first-child, .module_text1__text h3:first-child, .module_text1__text h4:first-child { margin-top: 0 !important; } .module_text1__text h1:last-child, .module_text1__text h2:last-child, .module_text1__text h3:last-child, .module_text1__text h4:last-child, .module_text1__text p:last-child { margin-bottom: 0 !important; } /* Reusable Components ========================================================================== */ /* FAQ Module */ .accordion { margin-bottom: 20px; } .accordion_group { margin-bottom: 2px; border: 1px solid #3D6083; border-radius: 30px; background: #f0f0f0; padding: 5px 10px; } /* Testimonial Module */ .quote-box { border-radius: 30px; } /* Page Title Background */ .title-background{ background: #f5f5f5; } .title-background h1, .title-background h2{ margin-bottom: 0px; } /* Blog Subscribe Module */ .subscribe-form { background: #f5f5f5; } .subscribe-form.page-center label { min-height: 24px; display: block; margin-bottom: 0px; } .subscribe-form .widget-type-blog_subscribe input[type="email"] { max-width: initial; height: 38px; width: 100%; margin: 0; } .subscribe-form .hs_email { display: inline-block; width: 300px; margin-right: 5px; vertical-align: top; } .subscribe-form .hs_submit { display: inline-block; margin-top: 25px; } .subscribe-form .hs-button.primary { border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-color: #ea5b0b; margin: 0; } .subscribe-form .hs-button.primary:hover { border-style: solid; color: #fff; border-color: #ea5b0b; background: #ea5b0b; border-width: 2px; } .subscribe-form .hs-error-msgs { position: absolute; margin: 0; margin-top: 40px; } /* Team member Module */ .team-member-headshot img{ border-radius: 50%; max-width: 150px; max-height: 150px; border-style: solid; border-width: 5px; display: inline-block; width: 100%; border-color: #ea5b0b; height: auto; } .team-member-social a{ color: #ea5b0b; font-size: 30px; } .three-column .team-member-social a { display: block; } .three-column .team-member-social i { padding: 0; } .team-member-social i{ padding-right: 5px; } .team-member-social a:last-child i{ padding-right: 0px; } .team-member-social a:hover, .hs-author-social-links a.hs-author-social-link:hover { color: #F59C00; } .team-member-name{ margin: 0px; font-weight: 100; } .team-member-title{ margin: 0px; color: #ea5b0b; font-weight: 100; } /* Pricing Module */ .pricing-table h3.heading { color: #fff; margin: 0px; text-align: center; padding: 5px 0px; -webkit-border-top-left-radius: 30px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; background: #ea5b0b; border-top-right-radius: 30px; } .pricing-table .label{ padding: 5px 10px; right: 15px; font-size: 12px; color: #fff; border-radius: 30px; margin-left: 10px; vertical-align: middle; background: #b82900; } .pricing-table .content { background: #f5f5f5; padding: 30px; text-align: center; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; } .pricing-table .content ul{ list-style: none; padding-left: 0px; } .pricing-table .content ul li{ padding: 10px 0px; } .pricing-table .number{ font-size: 60px; font-weight: 700; } .pricing-table .currency{ font-size: 24px; position: relative; top: -25px; } .pricing-table .unit{ font-size: 12px; color: #ccc; text-transform: uppercase; } .pricing-table .content a{ padding: 10px 25px; } .icon-width i { color: #ea5b0b; } /* Rich Editor Checkmark Lists */ .hs_cos_wrapper_type_rich_text ul { padding-left: 20px; } .hs_cos_wrapper_type_rich_text ul li { list-style: none; } .hs_cos_wrapper_type_rich_text ul li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f058"; margin-right: 8px; color: #fff; font-size: 18px; } /* Tabber Module */ .body-container .tabber-tabs { border-bottom: 1px solid #ddd; list-style: none; padding: 0; margin: 0 0 -2px; } .tabber-tabs > li { float: left; } .tabber-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: 30px; text-decoration: none; display: block; } .tabber-tabs > .active > a, .tabber-tabs > .active > a:hover, .tabber-tabs > .active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tabber-content .tab-pane { background: #fff; padding: 8px; border: 1px solid #ddd; border-radius: 30px; } .tabber-content .tab-pane.active:nth-child(1) { border-top-left-radius: 0; } .body-container .tabber-content ul { padding: 0; margin: 0; } .tabber-content .block h3 { display: none; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image { float: left; width: 40%; border-radius: 30px; } .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-item-text { float: right; width: 60%; padding: 0 0 0 15px; } .blog-tabber .hs-rss-item:last-child { margin-bottom: 10px; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: block; width: auto; } /* Flex Slider */ .hs_cos_flex-slider .caption { background: #ea5b0b; } /* Modular Selectors ========================================================================== */ /* Colors */ .accentColor1 { color: #ea5b0b; } .accentColor2 { color: #F59C00; } .accentColor3 { color: #3D6083; } /* Paddings */ .padding10tb { padding: 10px 0px; } .padding20tb { padding: 20px 0px; } .padding30tb { padding: 30px 0px; } .padding40tb { padding: 40px 0px; } .padding60tb { padding: 60px 0px; } .padding80tb { padding: 80px 0px; } .padding100tb { padding: 100px 0px; } /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper {font-size:0.8rem;} .footer-container-wrapper h4 {color: rgb(245, 156, 0); font-size: 14px; font-weight: bold;} .footer-container {} .footer-background, .footer-background a, .footer-copyright a, .footer-container-wrapper .more-links a, .footer-container-wrapper .contact-us a, .footer-container-wrapper .about-us a { color: #fff; } .footer-background, .footer-background a { background: #3E6085; } .footer-container-wrapper .more-links a:hover, .footer-container-wrapper .contact-us a:hover, .footer-container-wrapper .about-us a:hover { color: #FFF; } .footer-container-wrapper .more-links { padding-top:25px; } .footer-container-wrapper .more-links a { margin: 10px 0px; } .footer-container-wrapper .more-links .footer-nav li:before { content: "\f0da"; font-family: FontAwesome; display: inline-block; float: left; margin-right: 5px; margin-top: 1px; } .footer-nav a { text-decoration: none; } .footer-container-wrapper .icon { margin-bottom: 5px; } .footer-container-wrapper .icon i { float: left; margin-top: 3px; } .footer-container-wrapper .contact-us { word-wrap: break-word; } .footer-container-wrapper .contact-info { margin-left: 25px; } .footer-container-wrapper .footer-copyright { background: #000; color: #F59C00; padding: 5px 0 0 0; font-size: 12px; position: relative; } .footer-copyright .copyright-text { padding: 10px 0; } .footer-container-wrapper .social-icons .fa{ font-size: 40px !important; padding-right: 5px; } /* Back to Top */ .container-fluid .row-fluid .back-to-top { position: fixed; bottom: 5px; right: 11px; width: auto; font-size: 20px; padding: 1px 8px 4px; border-radius: 4px; background: #34495e; cursor: pointer; } .back-to-top a { color: #cdcdcd; } /* Follow Me Module */ .footer-follow-me{ text-align: right; position: absolute; right: 50px; } .footer-copyright .footer-follow-me a { background: transparent; width: 32px; height: 32px; font-size: 25px; font-family: FontAwesome; padding: 0 8px; color: ; } .footer-copyright .footer-follow-me a:hover { color: #ea5b0b; } .footer-follow-me a span { display: none !important; } .footer-follow-me a.fm_facebook:before { content: "\f082"; } .footer-follow-me a.fm_twitter:before { content: "\f099"; } .footer-follow-me a.fm_linkedin:before { content: "\f0e1"; } .footer-follow-me a.fm_googlepluspages:before { content: "\f0d5"; } .footer-follow-me a.fm_xing:before { content: "\f168"; } .footer-follow-me a.fm_pinterest:before { content: "\f0d2"; } .footer-follow-me a.fm_youtube:before { content: "\f167"; } .footer-follow-me a.fm_rss:before { content: "\f09e"; } /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /***********MOBILE MENU TRIGGER REPOSITON*********/ .mobile-trigger.cta_border_button { top: -26px !important; position: relative !important; float: right !important; } /***********MOBILE MENU TRIGGER REPOSITON END*********/ /********Remove default padding from mobille UL******/ /********Remove default padding from mobille UL END******/ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Set ul background color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul{ background:; padding-top: 10px; float: right; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .custom-menu-primary .hs-menu-wrapper > ul > li{ font-weight: normal; /*text-transform: uppercase;*/ font-size: 14px; margin-right: 10px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ padding: 10px; position: relative; color: rgb(236,112,2); display: block; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color:; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ left: 15px!important; background: #fff; padding: 10px 0px; border: 1px solid #F59C00; border-radius: 30px; min-width: 150px; border-radius:0; } .custom-menu-primary .hs-menu-wrapper > ul ul li:hover { background: #ea5b0b; color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul ul li:hover > a { color: #fff !important; } .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { content: "\f0d8"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 300; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; color: #fff; position: absolute; top: -11px; left: 0; width: 100%; padding-left: 10px; text-shadow: 0px -1px 0px #F59C00; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background:; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ color:; padding: 3px 10px; } .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{ color: #FFF; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Carret after Menu items with dropdown */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 7px; font-size: 13px; } li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a:after{ content: "\f0da" !important; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 7px; font-size: 13px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after { border-top-color: #ea5b0b; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { text-decoration: none; } .custom-menu-primary.footer-menu-primary .hs-menu-wrapper > ul > li, .custom-menu-primary.footer-menu-primary .hs-menu-wrapper > ul > li > a { display: block; color: #fff; width: 100%; padding: 3px 0; background: #3E6085; margin: 0; } .custom-menu-primary.footer-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100% !important; bottom: 0; top: initial; } .custom-menu-primary.footer-menu-primary .hs-menu-wrapper > ul > li > ul:before { top: -12px; text-shadow: 0px -1px 0px #fff; } .custom-menu-primary.footer-menu-primary .hs-menu-wrapper > ul ul li a { margin: 3px 0; } .custom-menu-primary.footer-menu-primary .hs-menu-wrapper > ul ul { background: #3E6085; border-color: #fff; } .custom-menu-primary.footer-menu-primary .fa-search { display: none !important; } .footer-kotosalla { padding-bottom: 100px; } .top-navigation { text-align: left; } @media screen and (min-width:768px) { .top-navigation { text-align: right; } } /* Show menu and remove background color on desktop after toggling mobile menu */ @media screen and (min-width:768px) { /*.custom-menu-primary .hs-menu-wrapper { */ /* display:block !important;*/ /* background: transparent !important;*/ /*}*/ } /* Force header to trigger mobile layout on iPads */ @media (max-width: 1024px){ .header-container-wrapper .container-fluid .row-fluid [class*="span"] { display: block; float: none !important; width: auto !important; margin-left: 0 !important; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ @media(min-width: 1260px) { .mobile-trigger, .child-trigger{ display: none !important; /* Hide button on Desktop */ } } @media (max-width: 1024px){ /* Variables ========================================================================== */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#ffffff; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 32px; /* Position Button at top right of screen */ right: 10px; /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 6px 12px; margin-top: -16px; z-index: 99999999999; /* Z-index to keep button on top of other layers */ font-size: 16px; text-align: center; font-weight: normal; text-align: left; text-transform: uppercase; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ } /* Change button when menu is open */ .mobile-open .mobile-trigger{} /* Toggle Button Icon & Animations ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -5px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 25px; /* Icon line width */ height: 2px; /* Icon line height */ background-color: #ffffff; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ margin-top: -6px; /* Position top line */ } .mobile-trigger i:after{ margin-top: 6px; /* Position bottom line */ } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); } .child-trigger:hover{ text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ .child-trigger i{ position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; } .child-trigger i:after{ position: absolute; content: ''; } .child-trigger i, .child-trigger i:after{ width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color:#ffffff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Menu Styles on Mobile Devices ========================================================================== */ /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper, .custom-menu-primary .hs-menu-wrapper { display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper{ position: relative; /**************************************************************/ top: 0; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .custom-menu-primary .hs-menu-wrapper{ padding: 0 0 0 0; width: 100%; /* Full screen width */ z-index: 8888; } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul { background: #ea5b0b; } .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; padding: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px; color:#ffffff !important; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#ffffff !important; /* link hover color set by global mobile-aColorHover variable */ } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after { display: none; } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul{ background: transparent; border: 0px; padding: 0px; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .08); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{ display: none; } .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before { display: none; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* Common Template Selectors ========================================================================== */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .blog-sidebar ul, .sidebar ul{ padding-left: 10px; list-style: none; } .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.site-page.one-column, body.landing-page.one-column, body.error-template.one-column, body.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} .hs-blog-listing .post-listing { display: flex; flex-direction: row; flex-wrap: wrap; } body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} /* Site Pages ========================================================================== */ /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /* Landing Pages ========================================================================== */ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* System Pages ========================================================================== */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} body.password-template form input { margin-bottom: 10px; } /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} body .mg-header .header { max-width: 100%; } /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Blog ========================================================================== */ /* Blog Post and Listing Body Class */ body.blog {} /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing {} /* Blog Columns Wrapper */ .blog .content-wrapper {} /* Blog Content Column ========================================================================== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 a{} /* Blog Post Title */ .post-header h2 { margin-bottom: 0; } .post-header p{ font-size: 13px; } /* Blog Author and Avatar */ #hubspot-author_data { float: left; } #hubspot-author_data a.author-link {} .hs-author-avatar {} .hs-author-avatar img {} p.custom_listing_comments{ float: right; } .hs-blog-social-share{ float: left; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { padding-bottom: 60px; } .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link { display: block; } .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-height: 300px; max-width: 100%; display: inline-block !important; float: none!important; margin: 10px 0px 10px 0px; } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .social-sharing-wrapper { clear: both; } .hs-blog-social-share { padding: 10px 0 0 0; height: auto; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination { text-align: center; } .blog-pagination .previous-posts-link { float: left; } .blog-pagination .all-posts-link {} .blog-pagination .next-posts-link { float: right; } /* Blog Author Page */ .hs-author-social-label { display: inline-block; margin-right: 8px; font-weight: bold; vertical-align: middle; } .hs-author-social-links a.hs-author-social-link { font-size: 30px; display: inline-block; padding-right: 5px !important; background: none !important; vertical-align: middle; } /* Blog Sidebar ========================================================================== */ .blog .blog-sidebar {} .blog-sidebar-filter-list li { padding: 2px 0; } /* Blog Modules */ .blog .blog-sidebar .widget-span { padding: 0px 0px 40px 0px; } /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field { margin-bottom: 15px; } /* Descriptions */ body .hs-field-desc {} /* Labels */ body label { margin-bottom: 5px; font-weight: 700; } body .hs-form-field > label {} /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif; font-size: 14px; display: block; height: autp; padding: 6px 10px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } span.hs-form-required { margin-left: 10px; margin-top: 2px; font-size: 20px; position: absolute; width: 10px; color: #e75d24; } .hs_cos_wrapper_type_form h3 { font-size: 0.87rem; padding-top: 10px; font-weight: 600; color: #000; } .hs_cos_wrapper_type_form label { font-weight: normal; /*font-style: italic;*/ /*font-family: EB Garamond;*/ color: #e75d24; } a.hs-button:hover{ background: rgb(255,255,255) !important; color: #3e6083 !important; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus { outline: 0; border-color: #ea5b0b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6); } /* Separate Styles for Multiple Line Inputs */ body textarea { min-height: 200px; } body textarea:focus {} /* Separate Styles for Drop Downs */ body select {} body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form .inputs-list li input, body form.hs-form .form-columns-1 .inputs-list li input { position: absolute; top: 2px; left: 0; z-index: 5; height: 16px !important; width: 16px !important; } form.hs-form .inputs-list li { position: relative; padding-left: 30px; margin-bottom: 8px; } /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ /* color: #555; opacity: 1; */ } :-moz-placeholder { /* Firefox 18- */ /* color: #555; opacity: 1; */ } ::-moz-placeholder { /* Firefox 19+ */ /* color: #555; opacity: 1; */ } :-ms-input-placeholder { /* IE10 */ /* color: #555; opacity: 1; */ } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form { position:relative; z-index:10; } .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form ========================================================================== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] { display: inline-block; } #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* Blog Subscription Form ========================================================================== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"], .widget-type-blog_subscribe input[type="email"]{ width: 100%; float: left; height: 36px; margin-bottom: 10px; } .blog-sidebar #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"] {} /* Google Search Form ========================================================================== */ /* Label */ .widget-type-google_search label { font-size: 24px; font-weight: 700; font-family: 'Gotham', Arial, sans-serif; display: block; text-rendering: optimizelegibility; margin: 0px 0px 20px; } /* Input */ .widget-type-google_search input[type="text"] { width: 60%; float: left; margin-top: 0px; height: 36px; } .widget-type-google_search input[type="focus"] {} .widget-type-google_search .hs-button.primary { float: left; margin-left: 2px; } /* Multi Column Form ========================================================================== */ body .hs-form fieldset.form-columns-1 {} body .hs-form fieldset.form-columns-1 .hs-form-field {} body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field {} body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; position: relative; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; max-width: 100%; box-sizing: border-box; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } body form legend { font-size: 75%; opacity: 0.7; } /* Form Error Selectors ========================================================================== */ .hsformerror{ font-size: 12px!important; border: 0 !important; color: #FFF!important; background-image: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; z-index: 99999 !important; border-color: #ea5b0b !important; background: #ea5b0b !important; -webkit-transform: none !important; transform: none !important; } .hsformerror .close-form-error { color: #ea5b0b; } .hsformerror em { border-color: #ea5b0b transparent transparent !important; } /* Pop up form */ .module-popup-form__button.module-popup-form__button--space { margin-top: 15px; } .module-popup-form__button--center { text-align: center; } .module-popup-form__popup { display: none; position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; overflow-Y: scroll; } .module-popup-form__popup.open { display: block; } .module-popup-form__popup__inner { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 5%; } .module-popup-form__popup.animation .module-popup-form__popup__content { top: -10%; } .module-popup-form__popup__content { position: relative; z-index: 10; top: 0; width: 100%; max-width: 735px; max-height: 80%; height: auto; display: flex; padding-left: 30px; padding-right: 30px; transition: top 0.7s ease; margin-bottom: 5%; } .module-popup-form__popup__content__wrap { position: relative; width: 100%; height: auto; max-width: 680px; margin-left: auto; margin-right: auto; } .module-popup-form__popup__content form { margin-bottom: 30px; } .module-popup-form__popup__content__text *:first-child { margin-top: 0; } .module-popup-form__popup__content__inner { background: #fff; position: relative; width: 100%; height: auto; padding: 15px 15px; overflow-y: auto; border-radius: 15px; } .module-popup-form__popup__content__inner .hs-richtext { margin-bottom: 20px; } .module-popup-form__popup__content__inner .hs-richtext * { color: #000 !important; } .module-popup-form__popup__content__inner .hs-richtext a { text-decoration: underline; } .module-popup-form div[id*='hs_form']{ width: 100%; } @media (min-width: 768px) { .module-popup-form__popup__content__inner { padding: 30px; } } .module-popup-form__popup.animation .module-popup-form__popup__overlay { background: rgba(0,56,105,.4); } .module-popup-form__popup__overlay { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0,56,105,.8); transition: background ease 0.7s; } .module-popup-form__popup__close { position: absolute; right: -25px; top: -25px; width: 50px; height: 50px; z-index: 15; border-radius: 50%; background: #fff; display: flex; align-items: center; flex-direction: center; border: 2px solid #000; } .module-popup-form__popup__close button { font-size: 25px; line-height: 1em; font-weight: 700; cursor: pointer; width: 100%; height: 100%; color: #000; } .module-popup-form__popup .hs-form fieldset { text-align: left; } .reset { background-color: transparent; border: none; font-family: inherit; color: inherit; padding: 0; margin: 0; font-size: inherit; cursor: pointer; } body.popup-form--open { overflow: hidden; } /* END Pop up form */ /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ /* BLOG FORM BUTTON */ body .rekrtytointilomake {max-width:500px;margin:50px auto;float:none;display:block;} body .rekrtytointilomake input.hs-input { } body .hs_submit input[type="submit"].hs-button.primary.large { text-shadow: 0px 0px 0px transparent !important; box-shadow:none !important; } body .hs_submit input[type="submit"].hs-button.primary.large:hover { text-shadow: 0px 0px 0px transparent !important; box-shadow:none !important; border:2px solid #ea5b0b ; } body .hs-button.primary, body input[type="submit"], body input[type="button"] { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #ea5b0b; border-color: #ea5b0b; -webkit-appearance: none; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover { border: 2px solid #FFF; border-color: #ea5b0b; background: #ea5b0b; color: #FFF; } body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {} /* Form Module Button ========================================================================== */ form .input input { border-radius: 5px; } .hs_cos_wrapper_type_form .hs-button.primary.large { background: rgb(61,96,131); color: rgb(255, 255, 255); border-color:rgb(61,96,131); font-weight:bold; padding:10px 25px !important; } .hs_cos_wrapper_type_form .hs-button.primary.large:hover { background: rgb(67,105,144); color: rgb(255,255,255); border-color:rgb(67,105,144); } .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* Blog Comment Button ========================================================================== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* Blog comment "reply to" section */ .comment-reply-to{ color: #000!important; background: none!important; padding-left: 0px!important; } .comment-reply-to:before{ content: "\f112"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 7px; font-size: 15px; color: #ea5b0b; vertical-align: top; } /* Blog Subscription Button ========================================================================== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* Google Search Button ========================================================================== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* CTA Buttons ========================================================================== */ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ .button, a.cta_button { -webkit-font-smoothing: antialiased; cursor: pointer; display: inline-block; text-align: center; text-decoration: none !important; background: #009ba4; color: #fff !important; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; text-shadow: none; padding: 8px 24px !important; font-size: 16px !important; line-height: 1.5em !important; font-family: 'Gotham A','Gotham B',Arial,sans-serif !important; border-radius: 30px !important; font-weight: 600; } a.cta_button span, a.cta_button p, a.cta_button div { font-size: 16px !important; line-height: 1.5em !important; font-family: 'Gotham A','Gotham B',Arial,sans-serif !important; } a.cta_button span.fa { font: normal normal normal 14px/1 FontAwesome !important; } .button:hover { background: rgb(0,170,180) !important; color: rgb(255,255,255) !important; opacity: 1; } .button.button--yellow { background: #f9b000 !important; color: #fff !important; } .button.button--yellow:hover, .button.button--yellow:focus { background: #c78d00 !important; color: #fff !important; } .button.button--mustard { background: #f59c00 !important; color: #fff !important; } .button.button--mustard:hover, .button.button--mustard:focus { background: rgb(255,171,0) !important; color: #fff !important; } .button.button--orange { background: #ea5b0b !important; color: #fff !important; } .button.button--orange:hover, .button.button--orange:focus { background: #bb4808 !important; color: #fff !important; } .button--orange, .button.button--orange { background: #ed7102; border: solid 3px #fff; color: #fff !important; font-weight: bold; padding: 8px 24px; border-radius: 15px; display: inline-block; cursor: pointer; text-decoration: none; font-size: 18px; box-sizing: border-box; } .button--yellow, .button.button--yellow { background: #f9b000; border: solid 3px #fff; color: #fff !important; font-weight: bold; padding: 8px 24px; border-radius: 15px; display: inline-block; cursor: pointer; text-decoration: none; font-size: 18px; box-sizing: border-box; } .button.button--border { border: solid 3px #fff; } .button--blue, .button.button--blue { background: #003869; border: solid 3px #fff; color: #fff !important; font-weight: bold; padding: 8px 24px; border-radius: 15px; display: inline-block; cursor: pointer; text-decoration: none; font-size: 18px; box-sizing: border-box; } .button.button--no-border { border: none; } .cta_button.round, .button.round { border-radius: 30px !important; padding:8px 24px !important; font-weight:600 !important; margin-bottom:10px !important } /* CTA button with border */ .cta_border_button { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #ea5b0b; border-color: #ea5b0b; -webkit-appearance: none; } .cta_border_button:hover { border: 2px solid #FFF; color: #ea5b0b; border-color: #ea5b0b; background: #ea5b0b; color: #FFF; } /* CTA button with Solid Background */ .cta_solid_button { border-style: solid; border-width: 2px; color: #FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-transform: uppercase; border-color: #ea5b0b; -webkit-appearance: none; } .cta_solid_button:hover { background: #FFF; border-style: solid; border-width: 2px; border-color: #ea5b0b; background: #ea5b0b; text-transform: uppercase; } /* ========================================================================== 6. MISCELLANOUS ========================================================================== */ /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ /* ========================================================================== 7. MOBILE MEDIA QUERIES ========================================================================== */ /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ /* 1140px + 20px both sides */ @media (max-width: 1120px) { body:not(.home-2020) .container-fluid .row-fluid .page-center { padding: 10px 20px 10px 20px; } .container-fluid .footer-copyright .row-fluid .page-center { padding: 0 10px; } } /* Landscape tablet and smaller devices ========================================================================== */ @media (max-width: 767px) { .header-container-wrapper{ position: relative; } .header-container{ padding: 0; } .header-container-wrapper .container-fluid .row-fluid .page-center{ padding: 0; } .header-container .hs_cos_wrapper_type_logo a img { max-width: 200px; margin: 5px 0 5px 10px; } .row-fluid [class*="span"].header-cta{ display: none !important; } /* General */ .body-container-wrapper { padding-top: 0; } .padding40tb { padding: 25px 0; } .sidebar.right, .main-content, .blog-sidebar { margin: 25px 0; } /* Team Member Social */ .three-column .team-member-social a { display: inline-block; } .three-column .team-member-social i { padding-right: 5px; } .three-column .team-member-social a:last-child i { padding-right: 0; } .team-member-name, .team-member-title { text-align: center; } /* Footer */ .footer-container-wrapper .more-links a i { display: inline-block; width: auto; } .footer-container .about-us, .footer-container .more-links { margin-bottom: 25px; } .footer-copyright .copyright-text { text-align: center; } .footer-follow-me{ text-align: center; position: relative; right: auto; } /* Homepage */ .service-group h4, .service-group-icon, #offer-background-image h1, #banner-background-image { text-align: center !important; } .homepage .subscribe-form { padding-top: 10px; position: relative; } .homepage .subscribe-form form { float: none; } .homepage .subscribe-form .hs_email { width: 100%; margin-bottom: 10px; } #banner-background-image { /*min-height: 650px;*/ } #banner-background-image h1 { font-size: 32px; margin-bottom: 15px; margin-top: 55px; } #banner-background-image h3 { display: none; } .homepage .subscribe-form { width: 100%; } .social-tagline { text-align: center; margin-bottom: 15px; } .homepage .subscribe-form { padding-bottom: 150px; } .homepage .subscribe-form .hs_email .hs-error-msgs { position: relative; margin-top: 0; display: inline-block !important; } .homepage .subscribe-form .hs_submit { display: block; position: relative; width: 100%; } /* Blog */ #comment-form { margin-bottom: 25px; } } /* ONNIKLKLINIKKA*/ .orange-text h4 { color: #ea5b0b; font-weight: normal; margin-left: 58px; } /* ONNIetusivu */ .img-top-box.gray.near{ margin-left: 5px; } .justbox.gray.near{ margin-left: 5px; } .img-top-box, .justbox, .justboxalt {margin-bottom:30px;} @media (max-width: 767px){ .img-top-box.gray.near,.justbox.gray.near { margin-left: 0px; } .justbox{ margin-bottom: 5px; } } .large-box { display: block !important; padding: 26px 32px 40px 32px !important; height: auto !important; background: white !important; width: auto !important; text-align: left !important; border-radius: 3px !important; border-width: 10px !important; color: #fff !important; } .image-banner .banner-right { padding: 30px!important; background: #f49d1e !important; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .image-banner { padding-left: 69% !important; border-radius: 3px !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .banner-right h2 { color: #ffffff; text-transform: none; } .banner-right .cta_solid_button, .left-small-banner .cta_solid_button{ z-index: 20; background: transparent; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-transform: none; color: #fff; border-color: #fff; } .banner-right .cta_solid_button:hover .left-small-banner .cta_solid_button:hover{ border: 2px solid #fff; background: #fff; color: #f49d1e; } .cta_button.sales{ padding: 10px 25px !important; margin-bottom: 10px !important; margin-right:20px; } .orangetext{ margin-bottom:30px; } .cta-banner-container { display: flex; } .small-boxright { display: block !important; padding: 30px !important; height: auto !important; background: #f49d1e !important; width: auto !important; text-align: left !important; border-radius: 3px !important; border-width: 10px !important; color: #fff !important; } .smallone.cta-banner-element.small-boxright { margin-top: 20px; } .small-box.image-bannersmallleft { padding-left: 25%; border-radius: 3px !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; margin-top: 20px; margin-right: 20px; } .small-box.image-bannersmallleft { max-width: 90%; } .imagebox { width: 30%; float: left; display: block; margin: 2% 2% 0 0; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } /**klinikka */ .iconDetails { float: left; height:auto; width: 200px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .container2 { max-width: 1200px; height: auto; padding: 1% 0%; display: flex; } h4 { margin: 0px; } .text-small-banner-left { margin-left: 60px; background-color: #f49d1e; height: 225px; max-width: 890px; overflow: hidden; text-overflow: clip; padding: 20px; color: white; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .text-small-banner-right { background-color: #f49d1e; height: 225px; max-width: 650px; margin-left: 20px; text-overflow: clip; padding: 20px; color: white; border-radius: 3px !important; } .text-small-banner-left h4, .text-small-banner-right h4{ margin-top: 0px; } @media (max-width: 1020px){ .container2 { display: block; float: left; } .text-small-banner-right { margin-top: 1%; margin-left: 0px; } .text-small-banner-left { margin-left: 0px; } .iconDetails { float: none; height: auto; width: auto; } .text-small-banner-right, .text-small-banner-left{ height:auto; max-width: 100%; } } @media (max-width: 767px){ .image-banner { padding-left: 0 !important; padding-top: 300px !important; } } /* ONNITERVEYS */ .main-pad-small { padding-top:1%; padding-bottom:1%; } .main-pad { padding-top:3%; padding-bottom:3%; } .main-pad-large { padding-top:5%; padding-bottom:5%; } .hoiva-2018 .main-pad-large { padding-top:3.5%; padding-bottom:3.5%; } .justboxalt {padding-top:10px;padding-bottom:40px;border-bottom:1px solid #D9D9D9;} .white-bg-box {background:rgba(255,255,255,0.88);padding:30px;border-radius:5px;} #cta-background-image {border-radius:5px;} .img-top-box {margin-bottom:5px;} .bgimageboxtwo .yellow-bg-box { z-index:10; position:relative; background-color: #f49d1e; color: #fff; padding:30px; border-radius:5px; margin-top:-1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .bgimageboxtwo .yellow-bg-box h1, .bgimageboxtwo .yellow-bg-box h2, .bgimageboxtwo .yellow-bg-box h3, .bgimageboxtwo .yellow-bg-box h4 {color:#fff;text-transform:none;} .img-top-box .widget-type-linked_image img {min-width:100%;} .img-top-box .widget-type-rich_text {padding:30px 30px 10px 30px;} .img-top-box .widget-type-rich_text p {padding-bottom:10px;} .justbox .widget-type-rich_text {padding:30px 30px 10px 30px;} .justbox .widget-type-rich_text p {padding-bottom:10px;} @media (min-width:768px) { .justboxalt .widget-type-rich_text {padding-left:20px;} } @media (max-width:767px) { .bgimageboxtwo .yellow-bg-box {margin-top: 300px;border-bottom-left-radius:5px;border-top-right-radius:0px;} .logo img.hs-image-widget {padding: 5px 15px;} .header-container-wrapper span.fa { width: 45px; float: left; padding: 10px; } } .bgimagebox { padding:5% 20px 5% 20px !important; } .bgimageboxtwo { padding:0; } .front-box { margin-bottom: 2.56%; } .front-box h3, .front-box h2, .front-box h1, .front-box h4 { color: #000; } .front-box-padding { padding: 35px; } .no-padding-right { padding-right: 0 !important; } .no-padding-left { padding-left: 0 !important; } .green-links a { color: #1e99a2; text-decoration: none; } .green-links a:hover { opacity: 0.8; } .gray {background:#9D9D9C;color:#fff;} .light-gray { background:#f1f1f1; } .gray a {color:#fff;} .blue-text {color:#019ba5 !important;} .bordered {} .bordered .widget-type-linked_image img {border-radius: 7px 7px 0 0;position:relative;z-index:10;} .bordered .widget-type-rich_text { /*border-left:1px solid #D9D9D9;*/ /*border-right:1px solid #D9D9D9;*/ /*border-bottom:1px solid #D9D9D9;*/ /*border-radius:0px 0px 7px 7px;*/ /*margin-top:-10px;*/ /*padding-top:20px;*/ } .large-heading { text-align:center; } .large-heading h2.special, .large-heading p { text-transform:none; color:#fff; } .large-heading h2.special { font-size:5rem; font-weight:400; /*padding-top:15%;*/ text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.2); } @media (max-width:767px) { .large-heading h2.special { font-size:2rem; } } .large-heading p { font-weight:600; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6), 0px 0px 5px rgba(0, 0, 0, 0.3); padding-bottom:10px; } .large-heading .cta_solid_button { background:transparent !important; z-index:10; position:relative; text-transform:none; font-weight:600 !important; padding:10px 25px !important; border-color:#fff !important; color:#fff !important; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6), 0px 0px 5px rgba(0, 0, 0, 0.3); } @media (min-width:768px) { .timely {padding-left:40px;} .custom-menu-primary.js-enabled ul {padding-left: 20px;} } .timely .row-fluid-wrapper:last-of-type .justboxalt { border-bottom: none; } /* Font Awesome Fixes for ONNI */ @media (min-width:768px) { .custom-menu-primary span.fa.fa-calendar-check-o { left: -15px; top: 12px; position: absolute; } .custom-menu-primary .fa.fa-phone {padding-right:10px;} } .back-to-top {z-index:100;} /* BLOG LISTING & POST PAGES */ .rekrytointi .blog-listing-wrapper .post-listing .post-item { padding-bottom: 60px; width: 30%; float: left; margin: 1.49%; } .rekrytointi .blog-listing-wrapper .bordered .widget-type-rich_text { margin-top:-20px !important; padding-bottom:20px; } .rekrytointi .blog-listing-wrapper .more-link { background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Gotham A', 'Gotham B' Arial, sans-serif; padding: 10px 26px; display: inline-block; margin-bottom: 0; margin-top:15px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #ea5b0b; border-color: #ea5b0b; } .rekrytointi .blog-listing-wrapper .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image { max-height:auto !important; } @media (max-width:767px){ .rekrytointi .blog-listing-wrapper .post-listing .post-item { padding-bottom: 60px; width: 100%; float: left; margin: 0%; } } .small-post-list {padding:10px;} .small-post-list:nth-child(odd) {background:#eee;} .hakunappi {float:right;margin:padding:10px; line-height: 27px;width:4%;} .name-of-position { font-weight:bold; width: 40%; display: block; float:left; line-height: 27px; font-size:small; padding-left:10px; } .position-published {width:25%;overflow:hidden;display:block;float:left; line-height: 27px;font-size:small;padding-left:10px;} .position-topics {width:25%;overflow:hidden;display:block;float:left; line-height: 27px;font-size:small;padding-left:10px;} @media (max-width:767px) { .name-of-position {width:auto;} .position-published {width:auto;} .position-topics {width:auto;} .hakunappi {width:10%;} } /* ONNIklinikka */ .widget-type-simple_menu.simplemenu li.hs-menu-item.hs-menu-depth-1 { padding-left: 10px; } .widget-type-simple_menu.simplemenu li.hs-menu-item.hs-menu-depth-1:nth-child(1){ padding-left: 0px; } .widget-type-simple_menu.simplemenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a :nth-child(1){ color:#797676; font-weight: 600; } .widget-type-simple_menu.simplemenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { color: #797676; text-decoration: none; } @media (max-width: 1260px) { .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding-left: 13px; padding-bottom: 10px; } } .widget-type-simple_menu.simplemenu { margin-top: 20px; margin-bottom: 20px; } .page-center.ctanew.forumpadding { padding-top: 2%!important; } .custom-team-members-bio-wrapper { width: 33.3%; float: left; padding-left: 15px; padding-right: 15px; } .members-bio-inner-wrapper { background: #fff; margin-bottom: 60px; } .member-image img { border-radius: 7px 7px 0 0; } .members-bio-content h4 { color: #f59c00; } .members-bio-content { padding: 23px 16px; padding-top: 20px; margin-top: -10px; } .custom-our-team > span > div:nth-child(3n+1) { clear: left; } .ctanewmodul { /*padding-top: 7% !important;*/ padding-top: 50px !important; } @media (max-width: 767px){ .custom-team-members-bio-wrapper { width: 100%; float: left; padding-left: 0px; padding-right: 0px; } } hr { clear: both; margin-top: 40px; margin-bottom: 40px; border: 0; border-top: 1px solid #aaa; } h1 { /*font-size: 30px;*/ margin-top: 30px !important; /*margin-bottom: 20px;*/ } span.fa.fa-info-circle { font-size: 50px; color: #ffffff; background: #f59c00; border-radius: 200px; width: 50px; text-align: center; height: 50px; cursor: pointer; } .page-center.boxnew { padding-bottom: 4%; } /****************test fix for menu*************************/ .logo > .cell-wrapper > .hs_cos_wrapper > a > img{ height: 47px !important; width: initial !important; } @media only screen and (max-width: 700px) { /* .logo>.cell-wrapper>.hs_cos_wrapper>a>img {*/ /* top: -45px !important;*/ /* position: relative;*/ /*}*/ /*}*/ /*a>h5 {*/ /* padding: 0 88px 0 0 !important;*/ /* margin-top: 22px !important;*/ /*}*/ } /****************test fix for menu*************************/ /* ONNIalasivuv1 */ .forumbox .hs_cos_wrapper_type_form label { color: #000; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 300; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-style: normal; } .forumbox span.hs-form-required { left: 47px; } .forumbox .hs_cos_wrapper_type_form h3 { font-size: .87rem; padding-top: 0px; margin: 0px; } .bigorangebox { padding: 6%; background: #e75d24; color: white; border-radius: 5px; } .image.one.line { text-align: center; color: #999; } .hs_cos_wrapper_type_rich_text ul li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f111"; color: #f59c00; font-size: 10px; margin-right: 6px; margin-left: -19px; font-size: 10px; margin-right: 6px; top: -3px; position: relative; } .hs_cos_wrapper_type_rich_text ul li ul li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10c"; margin-left: -19px; color: #f59c00; font-size: 10px; margin-right: 6px; } .two.orange.box .hs_cos_wrapper_type_rich_text ul li:before { color: #ea5b0c; } .yellow.box h2 { color: #f49d02; text-transform: uppercase; } .orangetext { margin-bottom: 0px; } .orangetext h2 { color: #f59c00; } .forumbox { padding: 2%; } .orangetext h3 { color: white; margin:auto; } .two.orange.box { padding: 6%; } .forumbox .hs_cos_wrapper_type_form select, .hs_cos_wrapper_type_form textarea { border-radius: 4px; } input[type="radio" i], input[type="checkbox" i] { background-color: initial; margin: 3px 1ex; padding: initial; border: initial; } .forumbox .hs_cos_wrapper_type_form .hs-button.primary.large { background: #F59C00; color: #fff; border-color: #f59c00; font-weight: bold; padding: 10px 25px !important; z-index: 9999; position: relative; } .forumbox .hs_cos_wrapper_type_form .hs-button.primary.large:hover { background: #ffffff; color: #f59c00; border-color: #f59c00!important; font-weight: bold; padding: 10px 25px !important; } .secondarycta { position: relative; top: -45px; display: block!important; text-align: center; width: 70%!important; } .two.orange.box h3 { color: #e75d24; margin: auto; } /* ONNIalasivuv2 */ .page-center.content-wrapper.sctile.top { padding-top: 2%; padding-right: 10%; padding-left: 2%; } .white-cta.box { background: rgba(255,255,255,0.69); margin-right: 50%; padding-left: 2%; padding-bottom: 10%; padding-top: 2%; padding-right: 2%; min-height: 450px; } .cta.box.image { padding-bottom: 3%; } .yellow.image img { border-radius: 7px 7px 0 0; position: relative; z-index: 10; } .header.box { padding: 6%; background: #f59c00; color: white; border-radius: 0px 0px 7px 7px;; } .header.box h4:first-child { margin-top: 0px; } @media (max-width: 767px){ .white-cta.box { margin-right: auto; } } /*****************HAMMAS*************************************/ a > h5 { float: right; /*padding: 0 25px 0 0;*/ padding: 0 20px !IMPORTANT; } /*****************kampanja alasivu*************************************/ .rotate h2{ -webkit-transform: rotate(349deg); -moz-transform: rotate(349deg); -ms-transform: rotate(349deg); -o-transform: rotate(349deg); transform: rotate(349deg); } .rotate.large-heading { text-align: left; } .rotate.large-heading { padding-top: 3%; padding-right: 60%; padding-left: 6%; padding-bottom: 2%; } .campaign.title { display: block; float: left; width: 100%; } .campaign.title h2 { color: #f59c00; text-transform: none; font-size: 46px; } .campaignborder { border-bottom: 5px solid #f59c00; border-top: 5px solid #f59c00; width: 100%; display: flex; } .number{ font-size: 6.2rem; font-weight: 600; color: #f59c00; } .number span{ font-weight: 500; } .bigorangebox.right { margin-top: 5%; } .campaing { padding-top: 5%; } .number { flex: 1; width: 49%; padding-right: 2%; word-break: break-word; } .campaigntitle { flex: 1; width: 49%; padding-right: 16%; border-left: 5px solid #f59c00; min-height: 100%; padding-bottom: 2%; padding-left: 2%; color: #f59c00; font-weight: 500; word-break: break-word; } .campaigntitle ul, ol { list-style: none; } .campaigntitle ul li:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: -15px; color: #f59c00; font-size: 10px; margin-right: 6px; content: "\f101"; } @media (max-width: 1120px){ .campaigntitle { padding-right: 1%; } .campaign.title h2 { font-size: 30px; } } @media (max-width: 995px){ .number { font-size: 5rem; } } @media (max-width: 767px){ .campaignborder { border-bottom:none; border-top:none; width: 100%; display: block; float: left; } .campaigntitle { flex: 1; width: 100%; border-left: none; border-top: 5px solid #f59c00; } .campaign.cta.left{ padding-bottom: 2%; } .number { flex: 1; width: 100%; } .white-cta.box { margin-right: 0; width: 100%; } } h2 { word-break: break-word; } /*************MAP klinikka****************/ div#map { height: 700px; } #map-canvas { position: absolute !important; z-index: -1 !important; min-height: 600px !important; } @media (max-width: 767px){ #map-canvas { position: relative !important; z-index: 0 !important; width: 100% !important; min-height: 600px !important; } .widget-type-simple_menu.simplemenu { margin-top: 0px; margin-bottom: 20px; } } /*************new cta****************/ .cta-large-box.onegray { background-color: #f3f3f3; padding: 4%; border-radius: 5px; display: block; float: left; width: 100%; margin-bottom: 20px; } .cta-large-box.onegray h2 { color: #797676; margin: auto; } .cta-large-box.onegray p { color: #797676; margin: auto; } .banner-rightone { display: block; float: left; width: 61%; margin-right: 2%; } .banner-rightone a{ text-decoration: none; } .cta-banner-left { display: block; float: right; width: auto; margin-top: 15%; } .cta-banner-left.oneorange strong { webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: bold; text-align: center; text-decoration: none; font-family: sans-serif; background: rgb(245,156,0); color: rgb(255, 255, 255); border-radius: 30px; border-width: 0px; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; text-shadow: none; line-height: 1.5em; padding: 10px 25px; margin-bottom: 10px !important; } .cta-banner-left.onered strong{ webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: bold; text-align: center; text-decoration: none; font-family: sans-serif; background: rgb(156,16,6);; color: rgb(255, 255, 255); border-radius: 30px; border-width: 0px; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; text-shadow: none; line-height: 1.5em; padding: 10px 25px; margin-bottom: 10px !important; } .cta-banner-left.oneblue strong{ webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: bold; text-align: center; text-decoration: none; font-family: sans-serif; background: rgb(0,155,164); color: rgb(255, 255, 255); border-radius: 30px; border-width: 0px; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; text-shadow: none; line-height: 1.5em; padding: 10px 25px; margin-bottom: 10px !important; } @media (max-width: 1035px){ .banner-rightone { width: 100%; margin-right: 0%; } .cta-banner-left { width: 100%; margin-top: 2%; } } /*************new rekry****************/ .page-box { padding-left: 15px; padding-right: 15px; } .page-center.content-wrapper.sctile.rekry { padding-left: 15px; padding-right: 30%; padding-top: 4%; } .hs-banner-title.one.rekry { padding: 2%; background: rgba(255, 255, 255, 0.62); } /*************modal****************/ .modal,.siika,.muikku,.suutari,.sorva,.ruutana,.rasvakala,.seipi,.turpa,.vaskikala,.taimen,.pasuri,.mutu,.lohi,.kuha,.imukala,.kampela,.kiiski,.ahven,.nokkakala,.salakka,.miekkakala{ background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; display: none; padding: 0 20px; z-index: 2; } .modal-inner { background-color: transparent; border-radius: 3px; max-width: 400px; margin: 200px auto; } /* Placed on the body while a modal is open to prevent scrolling. */ .showing { overflow: hidden; } /* So the scrollbar calculation is correct. */ /* The rest is for the demo only. */ #open { position: fixed; top: 10px; left: 10px; background-color: blue; color: #fff; border: none; padding: 10px 20px; cursor: pointer; z-index: 1; } #open:hover { background-color: green; } .btn.cta { font-size: 14px; -webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: bold; text-align: center; text-decoration: none; background: rgb(245,156,0); color: rgb(255, 255, 255); border-radius: 30px; border-width: 0px; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; text-shadow: none; line-height: 1.5em; padding: 10px 25px; } a.btn.cta.box { left: 0px; top: 0; } .btn.cta { position: relative; top: -11px; left: 20px; } .members-bio-content h5{ color:gray; } a.btn.cta { top: 0px; left: 0px; } .members-bio-content { background: white; } .job-application-button{ padding:20px 0 ; } .hoiva-2018 a { color: #0477bd; font-weight: bold; text-decoration: none; cursor: pointer !important; } .hoiva-2018 a:hover { color: #03578C; font-weight: bold; text-decoration: underline; } .hoiva-2018 .valkoinen-teksti a { color: #fff; text-decoration: underline; } .hoiva-2018 .valkoinen-teksti h1 a, .hoiva-2018 .valkoinen-teksti h2 a, .hoiva-2018 .valkoinen-teksti h3 a, .hoiva-2018 .valkoinen-teksti h4 a { text-decoration: none; } .aa-anchor { position: relative; } .aa-anchor .aa-anchor__link { position: absolute; top: -10px; left: -9999px; z-index: -999; } @media (min-width: 768px) { .aa-anchor .aa-anchor__link { top: -187px; } } a.painike, .painike a { -webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; font-family: sans-serif; background: rgb(0,155,164); color: rgb(255, 255, 255); border-radius: 6px; border-width: 0px; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; text-shadow: none; line-height: 1.5em; padding: 6px 30px; border-radius: 30px !important; padding: 10px 25px !important; font-weight: bold !important; margin-bottom: 10px !important; } a.painike:hover, .painike a:hover, a.painike:focus, .painike a:focus { background: rgb(0,170,180); color: rgb(255,255,255); } a.painike.painike--secondary, a.painike.painike-secondary { background: #EA5B0D; color: #fff; } a.painike.painike--secondary:hover, .painike.painike--secondary a:hover, a.painike.painike--secondary a:focus, a.painike.painike--secondary:focus { background: #eb8f5d; color: #fff; } /***************** CITIES LIST SHTYLES****************/ ul.list{ display: flex !important; -webkit-flex-flow: row wrap; justify-content: space-between; padding: 0; } ul.list > li{ list-style: none !important; padding: 20px 0 0 0; } .city-cards{ width:100%; min-height:370px; border: 1px solid #D9D9D9; border-radius: 7px; overflow: hidden; } .city-card-info { margin: 0px 10px 0 10px; } @media (max-width: 767px){ .search-container{ margin: 0 auto; } } .reservation-no-bg{ background-color: rgba(157, 156, 156, 0.2); padding: 20px; } .reservation-no-bg { } .hero-pop > div{ display: block !important; min-height: 100px !important; } /*.hero-text-area{*/ /* min-height: 300px !important;*/ /*}*/ .hero-image { max-width: 1600px; margin: 0 auto !important; /*height: 600px;*/ float: none !important; } .hero-pop{ position: relative; background-color: rgba(255, 255, 255, 0.8); max-width: 506px !important; padding: 19px; float: right !important; margin: -400px 20px 0px 0; border-radius: 7px; max-height: 345px; } .hs-banner-image-small, .hs-banner-image { margin: 0 auto; } .singular-pop-post-one{ border-image:initial; border-width:1px; border-style:solid; border-color:rgb(217, 217, 217); border-radius:7px; margin:20px 0px; overflow:hidden; } .text-pop-post > h3 > a, td > a, .read-more > a{ text-decoration: none ; } .text-pop-post{ padding:14px; } .members-bio-content.one { border-left: 0px solid #D9D9D9; border-right: 0px solid #D9D9D9; border-bottom: 0px solid #D9D9D9; } .member-image img { width: 100%; } .clear-button{ background: #fff; border-style: solid; border-width: 2px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-family: 'Gotham A','Gotham B' Arial,sans-serif !important; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; color: #ea5b0b; border-color: #ea5b0b; -webkit-appearance: none; } .clear-button:hover{ border: 2px solid #FFF; border-color: #ea5b0b; background: #ea5b0b; color: #FFF; } input.search { max-width: 700px; height: 36px; min-width: 320px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border: 1px solid #D9D9D9; } input::placeholder { font-size: 16px; margin:0 10px 0 10px !important; padding:5px; } input.search{ font-size:16px; padding:5px; margin: 0 0 20px 0; } input.filterinput{ /*font-size:16px;*/ /*padding:5px;*/ margin: 0 0 20px 0; padding: 5px 5px !important; border-radius: 7px !important; max-width: 333px !important; } .city-maps-container{ margin:0 0 50px 0; } .contact-info-location { color: #f59c00; font-weight: 500; } .city-button { -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 40px; font-family: Arial; font-size: 16px !important; color: #fff; font-size: 20px; background: rgb(245, 156, 0); padding: 10px 20px 10px 20px; text-decoration: none; max-width: 180px; text-align: center; margin: 20px 0 20px 0; } .city-button a { color: #fff; text-decoration: none; font-weight: 700; } .city-button:hover { opacity: .8; text-decoration: none; } @media screen and (max-width: 767px) { .city-cards { margin: 0 auto !important; float: none !important; } ul.list > li { margin: 0 auto; } .reg-cards { width: 100% !important; } } @media screen and (max-width: 1039px) { .city-cards { /*min-width: 45vw;*/ } ul.list > li { margin: 0 auto; } ul#list li { margin: 0 auto; } span#hs_cos_wrapper_module_150477059731263 { margin: 0 auto; } .reg-cards { min-width: 45vw; margin: 0 auto !important; float: none !important; } } #list{ padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /*ul#list {*/ /* list-style: none;*/ /* padding: 0;*/ /* display: flex;*/ /* justify-content: space-between;*/ /*}*/ /*#list {*/ /* list-style: none;*/ /* padding: 0;*/ /* display: flex;*/ /* justify-content: space-between;*/ /* -webkit-flex-flow: row wrap;*/ /*}*/ ul#list li { /*padding: 0 0 20px 0;*/ padding: 5px; /*margin: 0 auto;*/ width: 333px; } @media (max-width: 1040px){ ul#list li { width: 47vw; } } @media (max-width: 767px){ ul#list li { padding:0 0 20px 0; width: 100%; } } .reg-cards { width: 333px; display: table; height: 456px; border: 1px solid #D9D9D9; border-radius: 7px; overflow: hidden; margin: 20px 0 20px 0 !important; } .reg-cards-button { border-radius: 40px; font-family: Arial; font-size: 16px !important; color: #fff; font-size: 20px; background: #f59c00; padding: 10px 0px 10px 0px; text-decoration: none; /* max-width: 180px; */ text-align: center; margin: 20px 0 20px 0; } .reg-cards-button:hover { opacity:.8; } .reg-cards-button a:hover { color: white; } /*.reg-cards-container{*/ /*display: flex !important;*/ /* -webkit-flex-flow: row wrap;*/ /* justify-content: space-between;*/ /* padding: 0;*/ /*}*/ span#hs_cos_wrapper_module_150477059731263 { display: flex !important; -webkit-flex-flow: row wrap; justify-content: space-between; padding: 0; } .reg-cards-text-area{ padding: 20px; } .reg-cards-button > a { line-height: inherit; color: #fff; font-weight:bold; text-decoration: none; cursor: pointer; } /*fix klinikka*/ .white-bg-box.big { margin-top: 70px; } .members-bio-inner-wrapper { border: 1px solid #D9D9D9; border-radius: 7px; overflow: hidden; } .members-bio-content { border-radius: 7px; } .btn.cta .fa-calendar-check-o:before { content: "\f274"; font-size: 20px; margin-right: 9px; } .btn.cta { font-size: 16px; padding: 10px 35px; } .btn.cta .fa-chevron-right:before { content: "\f054"; font-size: 10px; margin-left: 2px; } .member-image img { border-radius: 6px 6px 0 0; } .page-klinikka { padding-left: 15px; padding-right: 15px; } .member-image img { /*margin-top:1px;*/ } .btn.cta { position: relative; top: 0px; left: 20px; } .white-bg-box.big { width: auto; } .red-text h2{ text-transform: none; } .red-text.time h2{ margin-bottom:20px; } .image-banner { border-radius: 5px !important; } @media (max-width: 1000px){ .btn.cta { position: relative; top: 9px; left: 0px; } .btn.cta { font-size: 16px; padding: 10px 25px; } } @media (max-width: 1500px){ /*.ctanewmodul {*/ /* padding-top: 15% !important;*/ /*}*/ } @media (max-width: 767px){ .image-banner .banner-right { border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .ctanewmodul { padding-top: 0% !important; } .btn.cta { top: 0px; } .hoiva-2018 .osoitepolku { padding-left: 15px; margin-bottom: 6px; } .widget-type-simple_menu.simplemenu li.hs-menu-item.hs-menu-depth-1 { display: inline-block; width: auto; font-size: 12px; } .simple_menu.simplemenu li.hs-menu-item.hs-menu-depth-1 { padding-left: 4px; } .widget-type-simple_menu.simplemenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block !important; width: auto; } } a > .fa.fa-times { position: relative; margin-top: -67.5% !important; float: right; /*margin-top: -100.5% !important;*/ padding:2px; cursor: pointer; } @media (max-width: 440px){ } .svg-map { max-width: 650px; margin: 0 auto; } .span12.widget-span.widget-type-cell.city-maps-container { margin: 0; } .bordered { border: 1px solid #D9D9D9; border-radius: 7px; } div[id*="hs_form"] { width: 50%; width: 600px; max-width: 100%; margin: 0 auto; } form#click { width: 50%; margin: 0 auto; } @media (max-width: 767px){ /*div#hs_form_target_module_150514388379770 {*/ /* width: 90%;*/ /* margin: 0 auto;*/ /*}*/ div[id*="hs_form"] { width: 90%; margin: 0 auto; } form#click { width: 90% ; margin: 0 auto; } } /*********Padding*******/ .padding-top-15, .padding-15 { padding-top: 15px !important; } .padding-top-20, .padding-20 { padding-top: 20px !important; } .padding-top-25, .padding-25 { padding-top: 25px !important; } .padding-top-30, .padding-30 { padding-top: 30px !important; } .padding-top-low, .padding-low { padding-top: 40px !important; } .padding-top, .padding { padding-top: 80px !important; } .padding-top-high, .padding-high { padding-top: 150px !important; } .padding-top-very-high, .padding--very-high { padding-top: 260px !important; } .padding-bottom-15, .padding-15 { padding-bottom: 15px !important; } .padding-bottom-20, .padding-20 { padding-bottom: 20px !important; } .padding-bottom-25, .padding-25 { padding-bottom: 25px !important; } .padding-bottom-30, .padding-30 { padding-bottom: 30px !important; } .padding-bottom-low, .padding-low { padding-bottom: 40px !important; } .padding-bottom, .padding { padding-bottom: 80px !important; } .padding-bottom-high, .padding-high { padding-bottom: 150px !important; } .padding-bottom-very-high, .padding-very-high { padding-bottom: 260px !important; } .padding-right-very-low { padding-right: 20px !important; } .padding-left-very-low { padding-left: 20px !important; } @media screen and (max-width: 767px) { .padding-top-low, .padding-low { padding-top: 20px !important; } .padding-top, .padding { padding-top: 45px !important; } .padding-top-high, .padding-high { padding-top: 90px !important; } .padding-top-very-high, .padding--very-high { padding-top: 120px !important; } .padding-bottom-low, .padding-low { padding-bottom: 20px !important; } .padding-bottom, .padding { padding-bottom: 45px !important; } .padding-bottom-high, .padding-high { padding-bottom: 90px !important; } .padding-bottom-very-high, .padding-very-high { padding-bottom: 120px !important; } } /****************Calculator***************************/ #wrapper { width: 100%; max-width: 639px; } #lainalaskuri { width: 100%; background: #e7e8e9; position: relative; z-index:0; } #lainalaskuri #sliderit { position: relative; width: 68%; padding: 16px 34px; z-index: 5; } #lainalaskuri .dragdealer { width: 100%; height: 70px; position: relative; } #lainalaskuri .dragdealer .groove { width: 100%; margin: 0; height: 9px; background-color: #bcbdc0; box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 29px; z-index: 0; border-radius: 5px -moz-border-radius: 5px -webkit-border-radius: 5px } #lainalaskuri .handle { width: 27px; height: 27px; margin: 4px 0; background-color: #ee702d; cursor: pointer; position: absolute; left: 0; top: 17px; z-index: 5; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); box-sizing: border-box; transition: width 100ms, height 100ms, margin 100ms; -moz-transition: width 100ms, height 100ms, margin 100ms; -webkit-transition: width 100ms, height 100ms, margin 100ms; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #lainalaskuri .handle:hover { width: 29px; height: 29px; margin: 3px 0; /*background-color: #e2077d;*/ /*background-position: 0 -30px;*/ } #lainalaskuri p.laskuriotsikko { font-family: "Source Sans Pro", sans-serif; font-style: normal; font-weight: 400; font-size: 29px; text-align: left; color: #fff; padding: 28px 0 0 34px; line-height: 36px; cursor: default; white-space: nowrap; margin: 0; width: 60%; } #lainalaskuri p.laskuriotsikko img { max-width: 100%; } #lainalaskuri #sliderit>label { font-family: "Source Sans Pro", sans-serif; font-weight: 200; font-size: 16px; text-transform: uppercase; line-height: 16px; color: #a6a7a7; margin: -74px 0 0; cursor: default; position: absolute; } #lainalaskuri #arvot { padding-right: 37px; position: absolute; right: 0; top: 17px; width: 80px; z-index: 4; text-align: right; } #lainalaskuri input{ font-family: "Source Sans Pro", sans-serif; font-weight: 200 !important; font-size: 16px; height: 23px !important; border: none !important; background-color: transparent; color: #ededed; text-align: right; line-height: 23px; display: inline-block; padding:0 !important; box-shadow: none; } #lainalaskuri input#amount { width: 60px; color: #000; } #lainalaskuri input#time { width: 20px; color: #000; } #lainalaskuri #arvot label { display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 200; font-size: 16px; line-height: 23px; color: #ee702d; margin: 0; cursor: default; text-align: right; right: 0; white-space: nowrap; } #lainalaskuri #arvot label#lainasumma { color: #000; } #lainalaskuri #arvot label#maksuaika { top: 45px; position: relative; color: #000; } #lainalaskuri #maksuera { background-color: #6d6e71; padding: 11px 0 10px; position: absolute; right: 27px; text-align: center; top: 163px; width: 113px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #lainalaskuri #maksuera p { font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 19px; line-height: 19px; color: #fff; margin: 0; } #lainalaskuri #maksuera p.heading { line-height: 32px; color: #949494; margin-top: 7px; } #lainalaskuri span#payment { display: block; float: left; font-size: 19px; font-weight: 400; border: none; color: #fff; line-height: 19px; background-color: #ee702d; line-height: 40px; margin: -11px 0; text-align: center; width: 60%; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; } #lainalaskuri #nappi { background: #ee702d url(img/hakunappi.png) no-repeat center center; cursor: pointer; height: 123px; position: absolute; right: 24px; top: 25px; width: 123px; z-index: 5; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: width 100ms, height 100ms, top 100ms, right 100ms; -moz-transition: width 100ms, height 100ms, top 100ms, right 100ms; -webkit-transition: width 100ms, height 100ms, top 100ms, right 100ms; } #lainalaskuri #nappi p { font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 41px; letter-spacing: 2px; line-height: 79px; text-align: center; margin: 0; cursor: pointer; color: #fff; } #lainalaskuri #nappi:hover { /*background-color: #e2077d;*/ height: 125px; right: 23px; top: 24px; width: 125px; } #lainalaskuri #nappi a, #lainalaskuri #nappi a:active, #lainalaskuri #nappi a:hover { text-decoration: none; outline: none; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #lainalaskuri #nappi:hover p { color: #ffffff; } #lainalaskuri #info { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; } #lainalaskuri #info #infoboksi { position: relative; width: 100%; height: 100%; padding: 18px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; border: 27px solid #e7e8e9; cursor: pointer; display: none; z-index: 9; overflow: auto; } #lainalaskuri #info #infonappi { background: url(img/infonappi.png) no-repeat 0 0 transparent; width: 27px; height: 25px; cursor: pointer; position: absolute; right: 26.5%; top: 27px; z-index: 8; } #lainalaskuri #info #suljenappi { font-family: "Source Sans Pro", sans-serif; background: #e7e8e9 none repeat scroll 0 0; bottom: 0; color: #ee702d; font-size: 11px; line-height: 25px; font-weight: 700; left: 0; position: absolute; text-align: center; cursor: pointer; width: 100%; display: none; z-index: 10; } #lainalaskuri .palsta { float: none; clear: both; font-size: 13px; margin-left: 0; margin-top: 0; width: 100%; } #lainalaskuri .palsta p { font-family: "Source Sans Pro", sans-serif; font-weight: 700; margin: 0; } #lainalaskuri .palsta span { font-family: "Source Sans Pro", sans-serif; margin: 0; } #lainalaskuri #palsta1 { font-size: 12px; font-weight: bold; line-height: 1.35; width: 45%; margin-right: 5%; float: left; clear: left; } #lainalaskuri #palsta2 { font-size: 12px; font-weight: bold; line-height: 1.35; width: 45%; float: left; clear: none; } #lainalaskuri #palsta1 p, #lainalaskuri #palsta2 p { margin-top: 0; color: #000; } #lainalaskuri .palsta ul { width: 100%; margin-top: 10px; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #lainalaskuri .palsta ul li { line-height: 1.35; color: #ee702d; list-style-type: initial; } #lainalaskuri .palsta ul li span { font-size: 12px; font-weight: 400; color: #4f4f4f; } #lainalaskuri #info .alaviite { color: #666; font-size: 10px; line-height: 1.2; font-weight: 400; margin-left: 0px; } #lainalaskuri #info #infoboksi p, #lainalaskuri #info #infoboksi ul li { /*cursor: default;*/ } #lainalaskuri .noselect, #lainalaskuri #info #infoboksi p, #lainalaskuri #info #infoboksi ul li { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clearfix:after { content: ""; display: table; clear: both; } @media (max-width: 600px) { #lainalaskuri p.laskuriotsikko { font-size: 28px; width: 50%; } #lainalaskuri #sliderit { width: 65%; } } @media (max-width: 520px) { #lainalaskuri p.laskuriotsikko { font-size: 24px; width: 50%; padding-left: 35px; } #lainalaskuri #sliderit { width: 50%; } #lainalaskuri #info #infonappi { right: 30%; } #lainalaskuri #info #infoboksi { padding: 10px; } #lainalaskuri #maksuera { width: 100px; } #lainalaskuri #nappi { height: 100px; width: 100px; } #lainalaskuri #nappi:hover { height: 102px; width: 102px; } } @media (max-width: 470px) { #lainalaskuri p.laskuriotsikko { font-size: 22px; line-height: 1; white-space: normal; width: 40%; } #lainalaskuri #sliderit { width: 50%; } #lainalaskuri #info #infonappi { right: 40%; } #lainalaskuri #info #infoboksi { padding: 10px; border-left-width: 0; border-right-width: 0; border-top-width: 0; } } @media (max-width: 350px) { #lainalaskuri .palsta { font-size: 12px; line-height: 1; } #lainalaskuri .palsta ul li span { font-size: 11px; } #lainalaskuri #sliderit>label { font-size: 12px; } #lainalaskuri #arvot label#maksuaika { top: 45px; position: relative; color: #000; left: 34px; } #lainalaskuri input#amount { /*width: 60px;*/ /*color: #000;*/ /*position: relative;*/ /*color: #000;*/ /*left: 34px;*/ } #lainalaskuri #arvot { padding-right: 0; position: absolute; right: 0; top: 17px; width: 80px; z-index: 4; text-align: right; left: 60px; } } @media (max-width: 380px) { #lainalaskuri #arvot { padding-right: 0; position: absolute; right: 0; top: 17px; width: 80px; z-index: 4; text-align: right; left: 100px; } } p.noselect.hae { position: relative; top: 20px; } .span12.widget-span.widget-type-cell.page-center.boxnew.calculator { margin-top: 50px !important; } p.laskuriotsikko {color:#ea5b0b !important;} /*****Calculator End********/ /* .equalize-gray-box-top {*/ /* min-height: 611px !important;*/ /*}*/ @media (max-width: 767px) { } span#hs-cta-wrapper-0ec51c2a-3d6c-4f2a-9f2a-292691484c59 { margin-bottom: 45px; } /*****Form Link*****/ div#form-link { align-content: center; display: flex; } a.linker { text-align: center !important; margin: 0 auto 30px; } /*****Form Link*****/ input#print { margin: 20px 0 30px 0px; } div label{ color: #EA5B0B; font-weight: 400; } .form-sub-header h5{ color: #EA5B0B; font-weight: 700; } @media print { .form-sub-header h5{ color: #EA5B0B; font-weight: 700; } label{ color: #EA5B0B !important; } body input[type="text"],body textarea{ width: 100%; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif; font-size: 14px; display: block; height: 34px; padding: 6px 24px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: none; border-radius: 30px; box-shadow: none; /* -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */ -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100% !important; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children.hs-menu-depth-1.last-visible ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: auto !important; top: 0; right: 100% !important; } .custom-menu-primary .hs-menu-wrapper>ul li.hs-menu-depth-1.last-visible > ul { min-width: 254px; right: 15px !important; left: auto !important; } .custom-menu-primary .hs-menu-wrapper>ul li.hs-menu-depth-1.last-visible > ul::before { left:auto; right: 0; width: 100%; padding-left: 0; padding-right: 10px; width: 50%; } .custom-menu-primary .hs-menu-wrapper>ul li.hs-menu-depth-1.last-visible > ul li a { white-space: initial; } /*ul.hs-menu-children-wrapper {*/ /* max-height: 500px;*/ /* overflow-y: scroll;*/ /* -ms-overflow:scroll;*/ /* -ms-overflow-style:none;*/ /*}*/ /*a[href="https://www.onniterveys.fi/hammas/toimipisteet"]{*/ /* color:green !IMPORTANT;*/ /*}*/ .hs-item-has-children:nth-child(3) > ul { /* max-height: 500px;*/ /*overflow: auto;*/ /*clear: both;*/ } .four-card-text { background-color: #9D9D9C; padding: 20px; } .four-cards{ width: 49.5%; margin:0; } .span6.widget-span.widget-type-cell.four-cards.right-4card-big { } .span6.widget-span.widget-type-cell.four-cards.right-4card-big { float: right; width: 49.5%; margin: 0; height:auto; } .span6.widget-span.widget-type-cell.four-cards.left-4card-big { float: left; width: 49.5%; margin: 0; height:auto; } .span6.widget-span.widget-type-cell.four-cards.left-4card-small { float: left; width: 49.5%; margin: 0; } .span6.widget-span.widget-type-cell.four-cards.right-4card-small { float: right; width: 49.5%; margin: 0; } .span12.widget-span.widget-type-cell.four-card-top-row { margin-bottom: 10px; } @media (max-width: 767px) { .span6.widget-span.widget-type-cell.four-cards.right-4card-big { float: none; width: 90%; margin: 0 auto; height:auto; } .span6.widget-span.widget-type-cell.four-cards.left-4card-big { float: none; width: 90%; margin: 0 auto; height:auto; } .span6.widget-span.widget-type-cell.four-cards.left-4card-small { float: none; width: 90%; margin: 0 auto; } .span6.widget-span.widget-type-cell.four-cards.right-4card-small { float: none; width: 90%; margin: 0 auto; } .four-card-text{ margin-bottom: 10px; } } li.hs-menu-item.hs-menu-depth-2 a { text-decoration: none; } .span12.widget-span.widget-type-rich_text.richtext-bullet-points > div > span > ul > li:before{ color:white; } /********************POPUP iOS Fix **********************/ .reveal{ margin-top: 117px !important; } /********************POPUP iOS Fix **********************/ .teal-text{ padding: 20px; display:block; } /*.teal1, .teal2, .teal3{*/ /* min-height:300px !important;*/ /*}*/ /*.equalize-teal-card {*/ /*height:max-content !important;*/ /* height: -webkit-fit-content !important;*/ /* height: -moz-fit-content !important;*/ /* height: fit-content !important;*/ /* margin-bottom:100px;*/ /*}*/ .equalize-teal-card { border: 1px solid #d9d9d9; border-radius: 7px; overflow: hidden; margin-bottom: 20px; height:auto; } @media (max-width: 767px) { .reveal{ max-width:100vw; } .span4.widget-span.widget-type-cell.img-top-box.bordered.equalize-teal-card { /*max-height: 630px;*/ height: max-content !important; } .equalize-teal-card { margin:20px 0 20px 0; height: fit-content !important; } } /****************SEARCH*********************/ .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; display: none; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin:255px auto; padding: 20px; background: #fff; border-radius: 7px; max-width: 776px; position: relative; transition: all 5s ease-in-out; } .popup h2 { margin-top: 0; color: #333; } .popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .close:hover { color: #ea5b0b; } .popup .content { max-height: 30%; overflow: auto; } form.search-container { display: block; } input.search-input.search-border { width: 75%; float: left; margin-right: 20px !important; } .search-blue { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; font-size: 16px !important; color: #ffffff; font-size: 20px; background: #3d5e85; padding: 10px 20px 10px 20px; text-decoration: none; max-width: 100px; text-align: center; border: none ; top: -2px; position: relative; /*float:right;*/ } .search-blue:hover { opacity: .8; text-decoration: none; } @media screen and (max-width: 767px) { .singular-pop-post { margin: 20px auto; width: 90vw !important; } } @media screen and (max-width: 700px) { .box { width: 70%; } .popup { width: 70%; } } @media screen and (max-width: 567px) { .search-blue { margin:10px; } } /****************SEARCH END*********************/ /*li.hs-menu-item.hs-menu-depth-3 {*/ /* background-color: red; */ /* position: fixed;*/ /*}*/ /*ul.hs-menu-children-wrapper {*/ /* background: black !important;*/ /* position: absolute;*/ /* z-index: 99999999999999999;*/ /*}*/ /*.hs-item-has-children > .hs-menu-children-wrapper > li > .hs-menu-children-wrapper{*/ /* background: black !important;*/ /* position: absolute;*/ /* z-index: 99999999999999999;*/ /*}*/ .teal-text > div > span >p:last-child{ /*position: absolute;*/ /*bottom: -586%;*/ /* display : table-row;*/ /*vertical-align : bottom;*/ } .round-home-button { background: transparent; /*border-style: solid;*/ /*border-width: 2px;*/ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-family: 'Gotham A','Gotham B' Arial,sans-serif; padding: 8px 16px; display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-transform: none; color: #ea5b0b; border-color: #ea5b0b; margin-top: 8px; margin-left: 5px; } .round-home-button a:hover{ color: #ea5b0b; } .round-home-button a{ text-decoration: none; } .phone-whole { display: inline-flex; } @media screen and (max-width: 1070px){ .hero-text-area h2 { font-size: 2.5vw; } } @media screen and (max-width: 767px) { .hero-text-area h2{ font-size: 4vw; } } @media screen and (max-width: 600px) { .span12.widget-span.widget-type-cell.hero-pop { /* margin: 0 auto !important; */ position: absolute; top: 500px; width: 334px; } .hero-pop { max-height: 430px; } } h3>span>a{ text-decoration:none; } .special-teal-h2{ color:#019ba5; } .span12.widget-span.widget-type-raw_html.ie-map { display: none; } /*************************IE SVG FIX*******************************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .svg-map, .side-text-svg { /*width: 900px !important; */ /*height: 700px !important;*/ display: none !important; } .tippy-popper.html-template{ /*width: 900px !important;*/ /* height: 700px !important;*/ /*background-color: green;*/ /*color:red;*/ } .tippy-tooltip-content{ z-index:9999999999999999; color: blue !important; } .span12.widget-span.widget-type-raw_html.ie-map { height: 800px !important; display: block; margin-bottom:100px; } .ie-map-stuff { display: block; height: 800px !important; margin-bottom:100px; } } /*************************IE SVG FIX END*******************************/ .side-text-svg { position: relative; left: 22%; } .side-text-svg { max-width: 600px; } @media screen and (max-width: 1024px){ .side-text-svg { position: relative; left: 0%; } } .integral_table td { padding: .3rem 1px .3rem !important; } @media screen and (max-width: 500px){ .integral_table { width:300px; } .integral_pagination { width: 269px !important; font-size: 10px !important; font-weight: bold; } } /* ONNI hoiva */ @media screen and (min-width: 678px) { .hoiva-2018.hs-site-page .body-container-wrapper { padding-top: 190px; } .kotosalla-2018.hoiva-2018.hs-site-page .body-container-wrapper { padding-top: 100px; } .hoiva-2018 .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; z-index: 20; } .hoiva-2018 .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { display: block; } } .hoiva-2018 .custom-menu-primary .hs-menu-wrapper > ul > li { margin-right: 0; } .custom-menu-primary span.mobile, .custom-menu-primary .hs-menu-depth-1.mobile { display: none; } .hoiva-2018 #popup1, .hoiva-2018 .overlay { display: none; } .hoiva-2018 .custom-menu-primary .hs-menu-wrapper > ul ul li a { color: #ea5b0b; } .hoiva-2018 .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover { color: #fff; } .hoiva-2018 .cta_button.round { padding: 6px 30px !important; min-width: 100px; } .hoiva-2018 h2 { font-family: 'Gotham A','Gotham B',Arial,sans-serif; color: #000; font-size: 28px; line-height: 1.35em; font-weight: bold; text-transform: none; } .hoiva-2018 h3 { color: #000; font-size: 24px; line-height: 28px; } .hoiva-2018 .three-column h3 { color: #009ba4; margin-bottom: 20px; } .hoiva-2018 h3.uppercase { text-transform: uppercase; } .hoiva-2018 .lista:not(.lista--default) *, .hoiva-2018 .hoiva-form h3, .hoiva-2018 .hoiva-form-text .form h3 { color: #ed7102; } .three-column .no-padding-top { padding-top: 1% !important; } .three-column .no-padding-bottom { padding-bottom: 1% !important; } .hoiva-yhteys { background: url('https://www.onniterveys.fi/hubfs/img/Hoiva%20layout%202018/ONNI-hoiva-ota-yhteytta-tausta.jpg'); background-repeat: no-repeat; background-size: cover; padding: 50px 20px 20px 20px; } .hoiva-yhteys .content { max-width: 50%; margin: 0 auto; color: #797676; } .hoiva-yhteys .content img { width: 350px; margin-bottom: 20px; } .hoiva-yhteys .cta { text-align: right; } .hoiva-yhteys .cta .cta_button.round { margin-bottom: 0px !important; } .hoiva-form { background: #f3f3f3; padding: 5% 0%; text-align: center; } .hoiva-form-text .form { text-align: center; padding-left: 40px; } .hoiva-form .content { max-width: 55%; margin: 0 auto; } .hoiva-form .form, .hoiva-form-text .hbspt-form { margin-top: 40px; text-align: left; } .hoiva-2018 .hs-button.primary, .hoiva-2018 input[type="submit"], .hoiva-2018 input[type="button"] { background: #ea5b0b; border-color: transparent !important; color: #fff; font-weight: 700; font-size: 16px; padding: 6px 30px; } .hoiva-2018 .hs-button.primary:hover, .hoiva-2018 input[type="submit"]:hover, .hoiva-2018 input[type="button"]:hover { background: #f19145; border-color: transparent !important; } .content-offer { background: #ea5b0b; } .content-offer * { color: #fff !important; } .hoiva-2018 .content-offer h2 { font-size: 50px; line-height: 55px; } .content-offer .content, .content-offer .form { width: 50%; float: left; margin-top: 20px; } .content-offer .form { padding-left: 40px; } .hoiva-2018 .content-offer .hs-button.primary, .hoiva-2018 .content-offer input[type="submit"], .hoiva-2018 .content-offer input[type="button"] { background: #009ba4; } .hoiva-2018 .content-offer .hs-button.primary:hover, .hoiva-2018 .content-offer input[type="submit"]:hover, .hoiva-2018 .content-offer input[type="button"]:hover { background: #43b0b7; } .three-column.textbox .span4 { border: 1px solid #d9d9d9; border-radius: 7px; } .three-column.textbox .half-width { width: 48% !important; } .rss-feed.textbox .span4 { background: #fff; border-radius: 7px; margin-left: 0px; width: 30%; margin-right: 5%; margin-bottom: 20px; } .rss-feed.textbox .span4:last-child { margin-right: 0%; } .rss-feed.textbox .span4 .content, .three-column.textbox .span4 .content { padding: 20px; } .three-column.textblox .hs-cta-wrapper { display: block !important; width: 100% !important; text-align: center !important; left: 50%; transform: translateX(-50%); } .rss-feed.textbox .kuva, .three-column.textbox .kuva { height: 0; padding: 0 0 57% 0; width: 100%; background-size: cover; background-position: center; overflow: hidden; position: relative; } .rss-feed.textbox .kuva img, .three-column.textbox .kuva img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .three-column.textbox .kuva .kuva__wrapper { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (min-width: 767px) { .three-column.textbox .kuva img { width: auto; height: 100%; max-width: 9999px; } .three-column.textbox .half-width .kuva img { width: 100%; height: auto; margin-top: -10%; max-width: 9999px; } } .rss-feed { background: #f3f3f3; } .hoiva-2018 .rss-feed.textbox h3 { color: #009ba4; } .rss-feed.textbox span.topic { color: #797676; font-size: 14px; } .rss-feed.textbox h2 { text-align: center; margin-bottom: 25px; } .hoiva-2018 .hero-one h1, .hoiva-2018 .hero-one h4 { color: #fff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.4); } .hoiva-2018 .hero-one, .hoiva-2018 .hero-two { width: 100%; min-height: 450px; min-height: 1px; height: auto; display: table; display: block; padding: 10% 0; background-size: cover; } .hoiva-2018 .hero-one .wrap { display: table-cell; display: block; vertical-align: middle; text-align: center; } .hoiva-2018 .hero-one .content { width: 70%; margin: 0 auto; } .hoiva-2018 .hero-two .wrap { min-height: 450px; height: auto; width: 50%; text-align: left; background: rgba(255,255,255,0.7); } .hoiva-2018 .hero-two .content { display: table-cell; vertical-align: middle; min-height: 450px; height: auto; padding: 40px; } .hoiva-2018 .hero-two .content { color: #000; } .hoiva-2018 .hero-two .content h1 { color: #009ba4; margin-bottom: 25px; } .hoiva-2018 .soita-meille { /* background: url('https://www.onniterveys.fi/hubfs/img/Hoiva%20layout%202018/soita-meille.png'); */ background-size: contain; background-repeat: no-repeat; text-align: center; color: #fff; background: #ea5b0b; -webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; box-sizing: border-box; } .hoiva-2018 .soita-meille a { color: #fff; padding: 7px 0; display: inline-block; } .hoiva-2018 .soita-meille a:hover { color: #fff; opacity: 0.7; } .hoiva-2018 .soita-meille p { margin-top: 7px !important; } .hoiva-2018 .top-links { text-align: right; } .hoiva-2018 .top-links a { color: #797676; font-size: 14px; margin-left: 25px; } .kotosalla-2018 .top-links { text-align: right; } .kotosalla-2018 .top-links a { color: #777777; font-size: 14px; margin-left: 25px; text-decoration: none; } .hoiva-2018 .top-links a:last-child { font-weight: 700; } .hoiva-2018 .top-links a:last-child:before { content:''; display: inline-block; width: 16px; height: 16px; background-image: url('https://www.onniterveys.fi/hubfs/img/Hoiva%20layout%202018/etusivulle-2.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; top: 1px; margin-right: 3px; } .hoiva-2018 .top-links a i { display: none; } .hoiva-2018 .ankkuri-linkki, .ankkuri-linkki { position: relative; } .hoiva-2018 .ankkuri-linkki span, .ankkuri-linkki span { position: absolute; top: -150px; left: -9999px; height: 1px; width: 1px; visibility: hidden; } .kotosalla-2018 { } .gray-box { margin: 20px auto; width: 550px; max-width: 50%; padding: 20px 20px 10px 20px; background: #f3f3f3; border-radius: 5px; } a.rekry-cta { width: 500px; -webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: 600; text-align: center; text-decoration: none; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; background: rgb(234,91,11); border-radius: 6px; border-width: 0px; color: rgb(255,255,255); font-family: sans-serif; height: auto; transition: all .4s ease; padding: 20px 18px; text-shadow: none; line-height: 1.5em; font-family: 'Gotham A','Gotham B',Arial,sans-serif; } @media screen and (max-width: 1120px) { .hoiva-2018 .custom-menu-primary .hs-menu-wrapper > ul > li { margin-right: 0px; } .hoiva-2018 .custom-menu-primary .hs-menu-wrapper > ul > li > a { padding: 10px 8px; } .osoitepolku { padding: 0 0 20px; } .hoiva-2018 .container-fluid .row-fluid .global-header.page-center { padding-top: 0; } .hoiva-2018 .soita-meille { padding: 5px 10px; } .hoiva-2018 .soita-meille p { margin: 0 !important; } } @media screen and (max-width: 1025px) { .osoitepolku { padding: 0 0 0px; } .custom-menu-primary .hs-menu-wrapper > ul > li.mobile, .custom-menu-primary span.mobile { display: block !important; } .hoiva-2018 .top-links { text-align: left !important; } .hoiva-2018 .top-links .desktop { display: none; } .hoiva-2018 .top-links a { margin-left: 15px; } .hoiva-2018 .soita-meille { margin-bottom: 20px; } } @media screen and (max-width: 960px) { .rss-feed.textbox .span4 { width: 44.5%; margin-right: 5%; } .hoiva-2018 .hero-two .wrap { width: 100%; padding-top: 5%; } } @media screen and (max-width: 768px) { .hoiva-2018 .ankkuri-linkki span { top: -30px; } .three-column.textbox .span4 { margin-bottom: 30px; } .three-column.textbox .kuva { height: auto; overflow: initial; } .three-column.textbox .half-width { width: 100% !important; } } @media screen and (max-width: 700px) { .rss-feed.textbox .span4 { width: 100%; margin-right: 0; } .hoiva-2018 .hoiva-form .content { max-width: 66%; margin: 0 auto; } a.rekry-cta { max-width: 90%; } .gray-box { max-width: 100%; } } @media screen and (max-width: 400px) { .hoiva-hero .page-center { padding: 0px !important; } .hoiva-2018.main-pad-large, .hoiva-2018 .main-pad { padding-top: 5% !important; padding-bottom: 5% !important; } .hoiva-2018 h2 {line-height: 45px;} .hoiva-2018 h3 {font-size: 20px;} .rss-feed.textbox .kuva { height: 150px; } .hoiva-2018 .span4.lista { margin: 30px 0px; } .hoiva-2018 .ankkuri-linkki span { top: -30px; } .hoiva-yhteys .content img { max-width: 100%; } .hoiva-yhteys { background-image: none; background-color: #f3f3f3; } .hoiva-yhteys .content { max-width: 100%; } .hoiva-yhteys .cta { text-align: left; margin: 30px 0px; } .three-column.textbox .span4 { margin-bottom: 30px; } .hoiva-2018 .palstat .span4 { margin-bottom: 50px; } .hoiva-2018 .palstat .span4:last-child { margin-bottom: 0px; } .hoiva-form .content { max-width: 90%; } .hoiva-form-text .form { text-align: left; padding-left: 0px; margin-top: 30px; } .rss-feed.textbox .span4 { width: 100%; } .content-offer .content, .content-offer .form { width: 100%; float: none; margin-top: 30px; } .content-offer .form { padding-left: 0px; } h1 { font-size: 3rem; line-height: 1.1em; } } @media screen and (max-width: 350px) { h4 { font-size: 15px; line-height: 1.4em; } }