/*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: "Ionicons"; src: url("/assets/imported/55dc81fe52d1-ionicons.eot"); src: url("/assets/imported/55dc81fe52d1-ionicons.eot") format("embedded-opentype"), url("/assets/imported/96ce537604ad-ionicons.ttf") format("truetype"), url("/assets/imported/0a9a7e3c0f32-ionicons.woff") format("woff"), url("/assets/imported/4f610647b690-ionicons.svg") format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-2x { font-size: 20px; } .ion-3x { font-size: 30px; } .ion-4x { font-size: 45px; } .ion-5x { font-size: 65px;} .ion-6x { font-size: 90px;} .ion-alert:before { content: "\f101"; } .ion-alert-circled:before { content: "\f100"; } .ion-android-add:before { content: "\f2c7"; } .ion-android-add-circle:before { content: "\f359"; } .ion-android-alarm-clock:before { content: "\f35a"; } .ion-android-alert:before { content: "\f35b"; } .ion-android-apps:before { content: "\f35c"; } .ion-android-archive:before { content: "\f2c9"; } .ion-android-arrow-back:before { content: "\f2ca"; } .ion-android-arrow-down:before { content: "\f35d"; } .ion-android-arrow-dropdown:before { content: "\f35f"; } .ion-android-arrow-dropdown-circle:before { content: "\f35e"; } .ion-android-arrow-dropleft:before { content: "\f361"; } .ion-android-arrow-dropleft-circle:before { content: "\f360"; } .ion-android-arrow-dropright:before { content: "\f363"; } .ion-android-arrow-dropright-circle:before { content: "\f362"; } .ion-android-arrow-dropup:before { content: "\f365"; } .ion-android-arrow-dropup-circle:before { content: "\f364"; } .ion-android-arrow-forward:before { content: "\f30f"; } .ion-android-arrow-up:before { content: "\f366"; } .ion-android-attach:before { content: "\f367"; } .ion-android-bar:before { content: "\f368"; } .ion-android-bicycle:before { content: "\f369"; } .ion-android-boat:before { content: "\f36a"; } .ion-android-bookmark:before { content: "\f36b"; } .ion-android-bulb:before { content: "\f36c"; } .ion-android-bus:before { content: "\f36d"; } .ion-android-calendar:before { content: "\f2d1"; } .ion-android-call:before { content: "\f2d2"; } .ion-android-camera:before { content: "\f2d3"; } .ion-android-cancel:before { content: "\f36e"; } .ion-android-car:before { content: "\f36f"; } .ion-android-cart:before { content: "\f370"; } .ion-android-chat:before { content: "\f2d4"; } .ion-android-checkbox:before { content: "\f374"; } .ion-android-checkbox-blank:before { content: "\f371"; } .ion-android-checkbox-outline:before { content: "\f373"; } .ion-android-checkbox-outline-blank:before { content: "\f372"; } .ion-android-checkmark-circle:before { content: "\f375"; } .ion-android-clipboard:before { content: "\f376"; } .ion-android-close:before { content: "\f2d7"; } .ion-android-cloud:before { content: "\f37a"; } .ion-android-cloud-circle:before { content: "\f377"; } .ion-android-cloud-done:before { content: "\f378"; } .ion-android-cloud-outline:before { content: "\f379"; } .ion-android-color-palette:before { content: "\f37b"; } .ion-android-compass:before { content: "\f37c"; } .ion-android-contact:before { content: "\f2d8"; } .ion-android-contacts:before { content: "\f2d9"; } .ion-android-contract:before { content: "\f37d"; } .ion-android-create:before { content: "\f37e"; } .ion-android-delete:before { content: "\f37f"; } .ion-android-desktop:before { content: "\f380"; } .ion-android-document:before { content: "\f381"; } .ion-android-done:before { content: "\f383"; } .ion-android-done-all:before { content: "\f382"; } .ion-android-download:before { content: "\f2dd"; } .ion-android-drafts:before { content: "\f384"; } .ion-android-exit:before { content: "\f385"; } .ion-android-expand:before { content: "\f386"; } .ion-android-favorite:before { content: "\f388"; } .ion-android-favorite-outline:before { content: "\f387"; } .ion-android-film:before { content: "\f389"; } .ion-android-folder:before { content: "\f2e0"; } .ion-android-folder-open:before { content: "\f38a"; } .ion-android-funnel:before { content: "\f38b"; } .ion-android-globe:before { content: "\f38c"; } .ion-android-hand:before { content: "\f2e3"; } .ion-android-hangout:before { content: "\f38d"; } .ion-android-happy:before { content: "\f38e"; } .ion-android-home:before { content: "\f38f"; } .ion-android-image:before { content: "\f2e4"; } .ion-android-laptop:before { content: "\f390"; } .ion-android-list:before { content: "\f391"; } .ion-android-locate:before { content: "\f2e9"; } .ion-android-lock:before { content: "\f392"; } .ion-android-mail:before { content: "\f2eb"; } .ion-android-map:before { content: "\f393"; } .ion-android-menu:before { content: "\f394"; } .ion-android-microphone:before { content: "\f2ec"; } .ion-android-microphone-off:before { content: "\f395"; } .ion-android-more-horizontal:before { content: "\f396"; } .ion-android-more-vertical:before { content: "\f397"; } .ion-android-navigate:before { content: "\f398"; } .ion-android-notifications:before { content: "\f39b"; } .ion-android-notifications-none:before { content: "\f399"; } .ion-android-notifications-off:before { content: "\f39a"; } .ion-android-open:before { content: "\f39c"; } .ion-android-options:before { content: "\f39d"; } .ion-android-people:before { content: "\f39e"; } .ion-android-person:before { content: "\f3a0"; } .ion-android-person-add:before { content: "\f39f"; } .ion-android-phone-landscape:before { content: "\f3a1"; } .ion-android-phone-portrait:before { content: "\f3a2"; } .ion-android-pin:before { content: "\f3a3"; } .ion-android-plane:before { content: "\f3a4"; } .ion-android-playstore:before { content: "\f2f0"; } .ion-android-print:before { content: "\f3a5"; } .ion-android-radio-button-off:before { content: "\f3a6"; } .ion-android-radio-button-on:before { content: "\f3a7"; } .ion-android-refresh:before { content: "\f3a8"; } .ion-android-remove:before { content: "\f2f4"; } .ion-android-remove-circle:before { content: "\f3a9"; } .ion-android-restaurant:before { content: "\f3aa"; } .ion-android-sad:before { content: "\f3ab"; } .ion-android-search:before { content: "\f2f5"; } .ion-android-send:before { content: "\f2f6"; } .ion-android-settings:before { content: "\f2f7"; } .ion-android-share:before { content: "\f2f8"; } .ion-android-share-alt:before { content: "\f3ac"; } .ion-android-star:before { content: "\f2fc"; } .ion-android-star-half:before { content: "\f3ad"; } .ion-android-star-outline:before { content: "\f3ae"; } .ion-android-stopwatch:before { content: "\f2fd"; } .ion-android-subway:before { content: "\f3af"; } .ion-android-sunny:before { content: "\f3b0"; } .ion-android-sync:before { content: "\f3b1"; } .ion-android-textsms:before { content: "\f3b2"; } .ion-android-time:before { content: "\f3b3"; } .ion-android-train:before { content: "\f3b4"; } .ion-android-unlock:before { content: "\f3b5"; } .ion-android-upload:before { content: "\f3b6"; } .ion-android-volume-down:before { content: "\f3b7"; } .ion-android-volume-mute:before { content: "\f3b8"; } .ion-android-volume-off:before { content: "\f3b9"; } .ion-android-volume-up:before { content: "\f3ba"; } .ion-android-walk:before { content: "\f3bb"; } .ion-android-warning:before { content: "\f3bc"; } .ion-android-watch:before { content: "\f3bd"; } .ion-android-wifi:before { content: "\f305"; } .ion-aperture:before { content: "\f313"; } .ion-archive:before { content: "\f102"; } .ion-arrow-down-a:before { content: "\f103"; } .ion-arrow-down-b:before { content: "\f104"; } .ion-arrow-down-c:before { content: "\f105"; } .ion-arrow-expand:before { content: "\f25e"; } .ion-arrow-graph-down-left:before { content: "\f25f"; } .ion-arrow-graph-down-right:before { content: "\f260"; } .ion-arrow-graph-up-left:before { content: "\f261"; } .ion-arrow-graph-up-right:before { content: "\f262"; } .ion-arrow-left-a:before { content: "\f106"; } .ion-arrow-left-b:before { content: "\f107"; } .ion-arrow-left-c:before { content: "\f108"; } .ion-arrow-move:before { content: "\f263"; } .ion-arrow-resize:before { content: "\f264"; } .ion-arrow-return-left:before { content: "\f265"; } .ion-arrow-return-right:before { content: "\f266"; } .ion-arrow-right-a:before { content: "\f109"; } .ion-arrow-right-b:before { content: "\f10a"; } .ion-arrow-right-c:before { content: "\f10b"; } .ion-arrow-shrink:before { content: "\f267"; } .ion-arrow-swap:before { content: "\f268"; } .ion-arrow-up-a:before { content: "\f10c"; } .ion-arrow-up-b:before { content: "\f10d"; } .ion-arrow-up-c:before { content: "\f10e"; } .ion-asterisk:before { content: "\f314"; } .ion-at:before { content: "\f10f"; } .ion-backspace:before { content: "\f3bf"; } .ion-backspace-outline:before { content: "\f3be"; } .ion-bag:before { content: "\f110"; } .ion-battery-charging:before { content: "\f111"; } .ion-battery-empty:before { content: "\f112"; } .ion-battery-full:before { content: "\f113"; } .ion-battery-half:before { content: "\f114"; } .ion-battery-low:before { content: "\f115"; } .ion-beaker:before { content: "\f269"; } .ion-beer:before { content: "\f26a"; } .ion-bluetooth:before { content: "\f116"; } .ion-bonfire:before { content: "\f315"; } .ion-bookmark:before { content: "\f26b"; } .ion-bowtie:before { content: "\f3c0"; } .ion-briefcase:before { content: "\f26c"; } .ion-bug:before { content: "\f2be"; } .ion-calculator:before { content: "\f26d"; } .ion-calendar:before { content: "\f117"; } .ion-camera:before { content: "\f118"; } .ion-card:before { content: "\f119"; } .ion-cash:before { content: "\f316"; } .ion-chatbox:before { content: "\f11b"; } .ion-chatbox-working:before { content: "\f11a"; } .ion-chatboxes:before { content: "\f11c"; } .ion-chatbubble:before { content: "\f11e"; } .ion-chatbubble-working:before { content: "\f11d"; } .ion-chatbubbles:before { content: "\f11f"; } .ion-checkmark:before { content: "\f122"; } .ion-checkmark-circled:before { content: "\f120"; } .ion-checkmark-round:before { content: "\f121"; } .ion-chevron-down:before { content: "\f123"; } .ion-chevron-left:before { content: "\f124"; } .ion-chevron-right:before { content: "\f125"; } .ion-chevron-up:before { content: "\f126"; } .ion-clipboard:before { content: "\f127"; } .ion-clock:before { content: "\f26e"; } .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .ion-cloud:before { content: "\f12b"; } .ion-code:before { content: "\f271"; } .ion-code-download:before { content: "\f26f"; } .ion-code-working:before { content: "\f270"; } .ion-coffee:before { content: "\f272"; } .ion-compass:before { content: "\f273"; } .ion-compose:before { content: "\f12c"; } .ion-connection-bars:before { content: "\f274"; } .ion-contrast:before { content: "\f275"; } .ion-crop:before { content: "\f3c1"; } .ion-cube:before { content: "\f318"; } .ion-disc:before { content: "\f12d"; } .ion-document:before { content: "\f12f"; } .ion-document-text:before { content: "\f12e"; } .ion-drag:before { content: "\f130"; } .ion-earth:before { content: "\f276"; } .ion-easel:before { content: "\f3c2"; } .ion-edit:before { content: "\f2bf"; } .ion-egg:before { content: "\f277"; } .ion-eject:before { content: "\f131"; } .ion-email:before { content: "\f132"; } .ion-email-unread:before { content: "\f3c3"; } .ion-erlenmeyer-flask:before { content: "\f3c5"; } .ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } .ion-eye:before { content: "\f133"; } .ion-eye-disabled:before { content: "\f306"; } .ion-female:before { content: "\f278"; } .ion-filing:before { content: "\f134"; } .ion-film-marker:before { content: "\f135"; } .ion-fireball:before { content: "\f319"; } .ion-flag:before { content: "\f279"; } .ion-flame:before { content: "\f31a"; } .ion-flash:before { content: "\f137"; } .ion-flash-off:before { content: "\f136"; } .ion-folder:before { content: "\f139"; } .ion-fork:before { content: "\f27a"; } .ion-fork-repo:before { content: "\f2c0"; } .ion-forward:before { content: "\f13a"; } .ion-funnel:before { content: "\f31b"; } .ion-gear-a:before { content: "\f13d"; } .ion-gear-b:before { content: "\f13e"; } .ion-grid:before { content: "\f13f"; } .ion-hammer:before { content: "\f27b"; } .ion-happy:before { content: "\f31c"; } .ion-happy-outline:before { content: "\f3c6"; } .ion-headphone:before { content: "\f140"; } .ion-heart:before { content: "\f141"; } .ion-heart-broken:before { content: "\f31d"; } .ion-help:before { content: "\f143"; } .ion-help-buoy:before { content: "\f27c"; } .ion-help-circled:before { content: "\f142"; } .ion-home:before { content: "\f144"; } .ion-icecream:before { content: "\f27d"; } .ion-image:before { content: "\f147"; } .ion-images:before { content: "\f148"; } .ion-information:before { content: "\f14a"; } .ion-information-circled:before { content: "\f149"; } .ion-ionic:before { content: "\f14b"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-alarm-outline:before { content: "\f3c7"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-albums-outline:before { content: "\f3c9"; } .ion-ios-americanfootball:before { content: "\f3cc"; } .ion-ios-americanfootball-outline:before { content: "\f3cb"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-analytics-outline:before { content: "\f3cd"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-left:before { content: "\f3d2"; } .ion-ios-arrow-right:before { content: "\f3d3"; } .ion-ios-arrow-thin-down:before { content: "\f3d4"; } .ion-ios-arrow-thin-left:before { content: "\f3d5"; } .ion-ios-arrow-thin-right:before { content: "\f3d6"; } .ion-ios-arrow-thin-up:before { content: "\f3d7"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-at-outline:before { content: "\f3d9"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-barcode-outline:before { content: "\f3db"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-baseball-outline:before { content: "\f3dd"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-basketball-outline:before { content: "\f3df"; } .ion-ios-bell:before { content: "\f3e2"; } .ion-ios-bell-outline:before { content: "\f3e1"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-body-outline:before { content: "\f3e3"; } .ion-ios-bolt:before { content: "\f3e6"; } .ion-ios-bolt-outline:before { content: "\f3e5"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-book-outline:before { content: "\f3e7"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bookmarks-outline:before { content: "\f3e9"; } .ion-ios-box:before { content: "\f3ec"; } .ion-ios-box-outline:before { content: "\f3eb"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-briefcase-outline:before { content: "\f3ed"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-browsers-outline:before { content: "\f3ef"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calculator-outline:before { content: "\f3f1"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-calendar-outline:before { content: "\f3f3"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-camera-outline:before { content: "\f3f5"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cart-outline:before { content: "\f3f7"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatboxes-outline:before { content: "\f3f9"; } .ion-ios-chatbubble:before { content: "\f3fc"; } .ion-ios-chatbubble-outline:before { content: "\f3fb"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-empty:before { content: "\f3fd"; } .ion-ios-checkmark-outline:before { content: "\f3fe"; } .ion-ios-circle-filled:before { content: "\f400"; } .ion-ios-circle-outline:before { content: "\f401"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-clock-outline:before { content: "\f402"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-empty:before { content: "\f404"; } .ion-ios-close-outline:before { content: "\f405"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-download-outline:before { content: "\f407"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloud-upload-outline:before { content: "\f40a"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-cloudy-night-outline:before { content: "\f40d"; } .ion-ios-cloudy-outline:before { content: "\f40f"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-cog-outline:before { content: "\f411"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-filter-outline:before { content: "\f413"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-color-wand-outline:before { content: "\f415"; } .ion-ios-compose:before { content: "\f418"; } .ion-ios-compose-outline:before { content: "\f417"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contact-outline:before { content: "\f419"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-copy-outline:before { content: "\f41b"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-crop-strong:before { content: "\f41d"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-download-outline:before { content: "\f41f"; } .ion-ios-drag:before { content: "\f421"; } .ion-ios-email:before { content: "\f423"; } .ion-ios-email-outline:before { content: "\f422"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-outline:before { content: "\f424"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-fastforward-outline:before { content: "\f426"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-filing-outline:before { content: "\f428"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-film-outline:before { content: "\f42a"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flag-outline:before { content: "\f42c"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flame-outline:before { content: "\f42e"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flask-outline:before { content: "\f430"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-flower-outline:before { content: "\f432"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-outline:before { content: "\f434"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-football-outline:before { content: "\f436"; } .ion-ios-game-controller-a:before { content: "\f439"; } .ion-ios-game-controller-a-outline:before { content: "\f438"; } .ion-ios-game-controller-b:before { content: "\f43b"; } .ion-ios-game-controller-b-outline:before { content: "\f43a"; } .ion-ios-gear:before { content: "\f43d"; } .ion-ios-gear-outline:before { content: "\f43c"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-glasses-outline:before { content: "\f43e"; } .ion-ios-grid-view:before { content: "\f441"; } .ion-ios-grid-view-outline:before { content: "\f440"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-outline:before { content: "\f442"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-empty:before { content: "\f444"; } .ion-ios-help-outline:before { content: "\f445"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-home-outline:before { content: "\f447"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-infinite-outline:before { content: "\f449"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-empty:before { content: "\f44b"; } .ion-ios-information-outline:before { content: "\f44c"; } .ion-ios-ionic-outline:before { content: "\f44e"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-keypad-outline:before { content: "\f44f"; } .ion-ios-lightbulb:before { content: "\f452"; } .ion-ios-lightbulb-outline:before { content: "\f451"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-outline:before { content: "\f453"; } .ion-ios-location:before { content: "\f456"; } .ion-ios-location-outline:before { content: "\f455"; } .ion-ios-locked:before { content: "\f458"; } .ion-ios-locked-outline:before { content: "\f457"; } .ion-ios-loop:before { content: "\f45a"; } .ion-ios-loop-strong:before { content: "\f459"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medical-outline:before { content: "\f45b"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-medkit-outline:before { content: "\f45d"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-mic-outline:before { content: "\f460"; } .ion-ios-minus:before { content: "\f464"; } .ion-ios-minus-empty:before { content: "\f462"; } .ion-ios-minus-outline:before { content: "\f463"; } .ion-ios-monitor:before { content: "\f466"; } .ion-ios-monitor-outline:before { content: "\f465"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-moon-outline:before { content: "\f467"; } .ion-ios-more:before { content: "\f46a"; } .ion-ios-more-outline:before { content: "\f469"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-navigate-outline:before { content: "\f46d"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-nutrition-outline:before { content: "\f46f"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-outline:before { content: "\f471"; } .ion-ios-paperplane:before { content: "\f474"; } .ion-ios-paperplane-outline:before { content: "\f473"; } .ion-ios-partlysunny:before { content: "\f476"; } .ion-ios-partlysunny-outline:before { content: "\f475"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-pause-outline:before { content: "\f477"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-paw-outline:before { content: "\f479"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-people-outline:before { content: "\f47b"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-outline:before { content: "\f47d"; } .ion-ios-personadd:before { content: "\f480"; } .ion-ios-personadd-outline:before { content: "\f47f"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-photos-outline:before { content: "\f481"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pie-outline:before { content: "\f483"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pint-outline:before { content: "\f485"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-outline:before { content: "\f487"; } .ion-ios-plus:before { content: "\f48b"; } .ion-ios-plus-empty:before { content: "\f489"; } .ion-ios-plus-outline:before { content: "\f48a"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetag-outline:before { content: "\f48c"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-pricetags-outline:before { content: "\f48e"; } .ion-ios-printer:before { content: "\f491"; } .ion-ios-printer-outline:before { content: "\f490"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-pulse-strong:before { content: "\f492"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-rainy-outline:before { content: "\f494"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-recording-outline:before { content: "\f496"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-redo-outline:before { content: "\f498"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-empty:before { content: "\f49a"; } .ion-ios-refresh-outline:before { content: "\f49b"; } .ion-ios-reload:before { content: "\f49d"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-reverse-camera-outline:before { content: "\f49e"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-rewind-outline:before { content: "\f4a0"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-rose-outline:before { content: "\f4a2"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-search-strong:before { content: "\f4a4"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-settings-strong:before { content: "\f4a6"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-shuffle-strong:before { content: "\f4a8"; } .ion-ios-skipbackward:before { content: "\f4ab"; } .ion-ios-skipbackward-outline:before { content: "\f4aa"; } .ion-ios-skipforward:before { content: "\f4ad"; } .ion-ios-skipforward-outline:before { content: "\f4ac"; } .ion-ios-snowy:before { content: "\f4ae"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-speedometer-outline:before { content: "\f4af"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-stopwatch-outline:before { content: "\f4b4"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-sunny-outline:before { content: "\f4b6"; } .ion-ios-telephone:before { content: "\f4b9"; } .ion-ios-telephone-outline:before { content: "\f4b8"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-tennisball-outline:before { content: "\f4ba"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-thunderstorm-outline:before { content: "\f4bc"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-time-outline:before { content: "\f4be"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-timer-outline:before { content: "\f4c0"; } .ion-ios-toggle:before { content: "\f4c3"; } .ion-ios-toggle-outline:before { content: "\f4c2"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trash-outline:before { content: "\f4c4"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-undo-outline:before { content: "\f4c6"; } .ion-ios-unlocked:before { content: "\f4c9"; } .ion-ios-unlocked-outline:before { content: "\f4c8"; } .ion-ios-upload:before { content: "\f4cb"; } .ion-ios-upload-outline:before { content: "\f4ca"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-videocam-outline:before { content: "\f4cc"; } .ion-ios-volume-high:before { content: "\f4ce"; } .ion-ios-volume-low:before { content: "\f4cf"; } .ion-ios-wineglass:before { content: "\f4d1"; } .ion-ios-wineglass-outline:before { content: "\f4d0"; } .ion-ios-world:before { content: "\f4d3"; } .ion-ios-world-outline:before { content: "\f4d2"; } .ion-ipad:before { content: "\f1f9"; } .ion-iphone:before { content: "\f1fa"; } .ion-ipod:before { content: "\f1fb"; } .ion-jet:before { content: "\f295"; } .ion-key:before { content: "\f296"; } .ion-knife:before { content: "\f297"; } .ion-laptop:before { content: "\f1fc"; } .ion-leaf:before { content: "\f1fd"; } .ion-levels:before { content: "\f298"; } .ion-lightbulb:before { content: "\f299"; } .ion-link:before { content: "\f1fe"; } .ion-load-a:before { content: "\f29a"; } .ion-load-b:before { content: "\f29b"; } .ion-load-c:before { content: "\f29c"; } .ion-load-d:before { content: "\f29d"; } .ion-location:before { content: "\f1ff"; } .ion-lock-combination:before { content: "\f4d4"; } .ion-locked:before { content: "\f200"; } .ion-log-in:before { content: "\f29e"; } .ion-log-out:before { content: "\f29f"; } .ion-loop:before { content: "\f201"; } .ion-magnet:before { content: "\f2a0"; } .ion-male:before { content: "\f2a1"; } .ion-man:before { content: "\f202"; } .ion-map:before { content: "\f203"; } .ion-medkit:before { content: "\f2a2"; } .ion-merge:before { content: "\f33f"; } .ion-mic-a:before { content: "\f204"; } .ion-mic-b:before { content: "\f205"; } .ion-mic-c:before { content: "\f206"; } .ion-minus:before { content: "\f209"; } .ion-minus-circled:before { content: "\f207"; } .ion-minus-round:before { content: "\f208"; } .ion-model-s:before { content: "\f2c1"; } .ion-monitor:before { content: "\f20a"; } .ion-more:before { content: "\f20b"; } .ion-mouse:before { content: "\f340"; } .ion-music-note:before { content: "\f20c"; } .ion-navicon:before { content: "\f20e"; } .ion-navicon-round:before { content: "\f20d"; } .ion-navigate:before { content: "\f2a3"; } .ion-network:before { content: "\f341"; } .ion-no-smoking:before { content: "\f2c2"; } .ion-nuclear:before { content: "\f2a4"; } .ion-outlet:before { content: "\f342"; } .ion-paintbrush:before { content: "\f4d5"; } .ion-paintbucket:before { content: "\f4d6"; } .ion-paper-airplane:before { content: "\f2c3"; } .ion-paperclip:before { content: "\f20f"; } .ion-pause:before { content: "\f210"; } .ion-person:before { content: "\f213"; } .ion-person-add:before { content: "\f211"; } .ion-person-stalker:before { content: "\f212"; } .ion-pie-graph:before { content: "\f2a5"; } .ion-pin:before { content: "\f2a6"; } .ion-pinpoint:before { content: "\f2a7"; } .ion-pizza:before { content: "\f2a8"; } .ion-plane:before { content: "\f214"; } .ion-planet:before { content: "\f343"; } .ion-play:before { content: "\f215"; } .ion-playstation:before { content: "\f30a"; } .ion-plus:before { content: "\f218"; } .ion-plus-circled:before { content: "\f216"; } .ion-plus-round:before { content: "\f217"; } .ion-podium:before { content: "\f344"; } .ion-pound:before { content: "\f219"; } .ion-power:before { content: "\f2a9"; } .ion-pricetag:before { content: "\f2aa"; } .ion-pricetags:before { content: "\f2ab"; } .ion-printer:before { content: "\f21a"; } .ion-pull-request:before { content: "\f345"; } .ion-qr-scanner:before { content: "\f346"; } .ion-quote:before { content: "\f347"; } .ion-radio-waves:before { content: "\f2ac"; } .ion-record:before { content: "\f21b"; } .ion-refresh:before { content: "\f21c"; } .ion-reply:before { content: "\f21e"; } .ion-reply-all:before { content: "\f21d"; } .ion-ribbon-a:before { content: "\f348"; } .ion-ribbon-b:before { content: "\f349"; } .ion-sad:before { content: "\f34a"; } .ion-sad-outline:before { content: "\f4d7"; } .ion-scissors:before { content: "\f34b"; } .ion-search:before { content: "\f21f"; } .ion-settings:before { content: "\f2ad"; } .ion-share:before { content: "\f220"; } .ion-shuffle:before { content: "\f221"; } .ion-skip-backward:before { content: "\f222"; } .ion-skip-forward:before { content: "\f223"; } .ion-social-android:before { content: "\f225"; } .ion-social-android-outline:before { content: "\f224"; } .ion-social-angular:before { content: "\f4d9"; } .ion-social-angular-outline:before { content: "\f4d8"; } .ion-social-apple:before { content: "\f227"; } .ion-social-apple-outline:before { content: "\f226"; } .ion-social-bitcoin:before { content: "\f2af"; } .ion-social-bitcoin-outline:before { content: "\f2ae"; } .ion-social-buffer:before { content: "\f229"; } .ion-social-buffer-outline:before { content: "\f228"; } .ion-social-chrome:before { content: "\f4db"; } .ion-social-chrome-outline:before { content: "\f4da"; } .ion-social-codepen:before { content: "\f4dd"; } .ion-social-codepen-outline:before { content: "\f4dc"; } .ion-social-css3:before { content: "\f4df"; } .ion-social-css3-outline:before { content: "\f4de"; } .ion-social-designernews:before { content: "\f22b"; } .ion-social-designernews-outline:before { content: "\f22a"; } .ion-social-dribbble:before { content: "\f22d"; } .ion-social-dribbble-outline:before { content: "\f22c"; } .ion-social-dropbox:before { content: "\f22f"; } .ion-social-dropbox-outline:before { content: "\f22e"; } .ion-social-euro:before { content: "\f4e1"; } .ion-social-euro-outline:before { content: "\f4e0"; } .ion-social-facebook:before { content: "\f231"; } .ion-social-facebook-outline:before { content: "\f230"; } .ion-social-foursquare:before { content: "\f34d"; } .ion-social-foursquare-outline:before { content: "\f34c"; } .ion-social-freebsd-devil:before { content: "\f2c4"; } .ion-social-github:before { content: "\f233"; } .ion-social-github-outline:before { content: "\f232"; } .ion-social-google:before { content: "\f34f"; } .ion-social-google-outline:before { content: "\f34e"; } .ion-social-googleplus:before { content: "\f235"; } .ion-social-googleplus-outline:before { content: "\f234"; } .ion-social-hackernews:before { content: "\f237"; } .ion-social-hackernews-outline:before { content: "\f236"; } .ion-social-html5:before { content: "\f4e3"; } .ion-social-html5-outline:before { content: "\f4e2"; } .ion-social-instagram:before { content: "\f351"; } .ion-social-instagram-outline:before { content: "\f350"; } .ion-social-javascript:before { content: "\f4e5"; } .ion-social-javascript-outline:before { content: "\f4e4"; } .ion-social-linkedin:before { content: "\f239"; } .ion-social-linkedin-outline:before { content: "\f238"; } .ion-social-markdown:before { content: "\f4e6"; } .ion-social-nodejs:before { content: "\f4e7"; } .ion-social-octocat:before { content: "\f4e8"; } .ion-social-pinterest:before { content: "\f2b1"; } .ion-social-pinterest-outline:before { content: "\f2b0"; } .ion-social-python:before { content: "\f4e9"; } .ion-social-reddit:before { content: "\f23b"; } .ion-social-reddit-outline:before { content: "\f23a"; } .ion-social-rss:before { content: "\f23d"; } .ion-social-rss-outline:before { content: "\f23c"; } .ion-social-sass:before { content: "\f4ea"; } .ion-social-skype:before { content: "\f23f"; } .ion-social-skype-outline:before { content: "\f23e"; } .ion-social-snapchat:before { content: "\f4ec"; } .ion-social-snapchat-outline:before { content: "\f4eb"; } .ion-social-tumblr:before { content: "\f241"; } .ion-social-tumblr-outline:before { content: "\f240"; } .ion-social-tux:before { content: "\f2c5"; } .ion-social-twitch:before { content: "\f4ee"; } .ion-social-twitch-outline:before { content: "\f4ed"; } .ion-social-twitter:before { content: "\f243"; } .ion-social-twitter-outline:before { content: "\f242"; } .ion-social-usd:before { content: "\f353"; } .ion-social-usd-outline:before { content: "\f352"; } .ion-social-vimeo:before { content: "\f245"; } .ion-social-vimeo-outline:before { content: "\f244"; } .ion-social-whatsapp:before { content: "\f4f0"; } .ion-social-whatsapp-outline:before { content: "\f4ef"; } .ion-social-windows:before { content: "\f247"; } .ion-social-windows-outline:before { content: "\f246"; } .ion-social-wordpress:before { content: "\f249"; } .ion-social-wordpress-outline:before { content: "\f248"; } .ion-social-yahoo:before { content: "\f24b"; } .ion-social-yahoo-outline:before { content: "\f24a"; } .ion-social-yen:before { content: "\f4f2"; } .ion-social-yen-outline:before { content: "\f4f1"; } .ion-social-youtube:before { content: "\f24d"; } .ion-social-youtube-outline:before { content: "\f24c"; } .ion-soup-can:before { content: "\f4f4"; } .ion-soup-can-outline:before { content: "\f4f3"; } .ion-speakerphone:before { content: "\f2b2"; } .ion-speedometer:before { content: "\f2b3"; } .ion-spoon:before { content: "\f2b4"; } .ion-star:before { content: "\f24e"; } .ion-stats-bars:before { content: "\f2b5"; } .ion-steam:before { content: "\f30b"; } .ion-stop:before { content: "\f24f"; } .ion-thermometer:before { content: "\f2b6"; } .ion-thumbsdown:before { content: "\f250"; } .ion-thumbsup:before { content: "\f251"; } .ion-toggle:before { content: "\f355"; } .ion-toggle-filled:before { content: "\f354"; } .ion-transgender:before { content: "\f4f5"; } .ion-trash-a:before { content: "\f252"; } .ion-trash-b:before { content: "\f253"; } .ion-trophy:before { content: "\f356"; } .ion-tshirt:before { content: "\f4f7"; } .ion-tshirt-outline:before { content: "\f4f6"; } .ion-umbrella:before { content: "\f2b7"; } .ion-university:before { content: "\f357"; } .ion-unlocked:before { content: "\f254"; } .ion-upload:before { content: "\f255"; } .ion-usb:before { content: "\f2b8"; } .ion-videocamera:before { content: "\f256"; } .ion-volume-high:before { content: "\f257"; } .ion-volume-low:before { content: "\f258"; } .ion-volume-medium:before { content: "\f259"; } .ion-volume-mute:before { content: "\f25a"; } .ion-wand:before { content: "\f358"; } .ion-waterdrop:before { content: "\f25b"; } .ion-wifi:before { content: "\f25c"; } .ion-wineglass:before { content: "\f2b9"; } .ion-woman:before { content: "\f25d"; } .ion-wrench:before { content: "\f2ba"; } .ion-xbox:before { content: "\f30c"; } /* * Owl Carousel - Animate Plugin */ .owl-container .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-container .owl-animated-in { z-index: 0; } .owl-container .owl-animated-out { z-index: 1; } .owl-container .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-container { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-container .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-container .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-container .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-container .owl-nav .owl-prev, .owl-container .owl-nav .owl-next, .owl-container .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-container.owl-loaded { display: block; } .owl-container.owl-loading { opacity: 0; display: block; } .owl-container.owl-hidden { opacity: 0; } .owl-container .owl-refresh .owl-item { display: none; } .owl-container .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width:100%; } .owl-container .owl-item img { display: block; /*width: 100%;*/ max-width: 100%; -webkit-transform-style: preserve-3d; } .owl-container.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-container .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-container.owl-rtl { direction: rtl; } .owl-container.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-container { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-container .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-container .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-container .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-container .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/assets/imported/a98c86b1bb3c-owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-container .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-container .owl-video-playing .owl-video-tn, .owl-container .owl-video-playing .owl-video-play-icon { display: none; } .owl-container .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-container .owl-video-frame { position: relative; z-index: 1; } /* NEXT / PREV ------------------ */ .owl-nav.disabled { display: none; } .owl-nav > div { position: absolute; top: 50%; margin-top: -20px; right: 0px; height: 40px; width: 0px; background: #1a1a1a; transition: all 0.3s ease; cursor: pointer; } .owl-nav > div:hover { padding: 0 5px; } .owl-container:hover .owl-nav > div { width: 40px; } .owl-nav .owl-prev { right: inherit; left: 0px; } .owl-nav .disabled { opacity: 0; cursor: default !important; } .owl-nav .owl-next:after, .owl-nav .owl-prev:after { content: "\f125"; font-family: "Ionicons"; font-size: 10px; line-height: 20px; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; text-align: center; color: #ffffff; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.3s ease; } .owl-nav .owl-prev:after { content: "\f124"; } .owl-container:hover .owl-nav .owl-next:after, .owl-container:hover .owl-nav .owl-prev:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: opacity 0.3s ease 0.2s; } /* DOTS ------------------ */ .owl-dots { text-align: center; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: auto; overflow:hidden; } .owl-container:not(.owl-slider) { margin-bottom: 30px; } .owl-container:not(.owl-slider) .owl-dots { bottom: -40px; } .owl-container.content-slider { margin-bottom: 30px; } .owl-container.content-slider .owl-dots { bottom: -40px; } .owl-container[data-dots=false] { margin-bottom: 0px; } .owl-dots .owl-dot { float: left; margin: 0px 3px; padding: 3px; position: relative; cursor: pointer; } .owl-dots .owl-dot span { width: 7px; height: 7px; background: #000000; display: block; -webkit-backface-visibility: visible; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; transition: opacity 0.2s ease, background 0.2s ease; } .nav-light .owl-dots .owl-dot span { background: #ffffff; } .owl-dots .owl-dot span:after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #000000; border-radius: 30px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.2s ease; } .nav-light .owl-dots .owl-dot span:after { border-color: #ffffff; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { opacity: 0.85; filter: alpha(opacity=85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .owl-dots .owl-dot.active span { background: transparent; } .owl-dots .owl-dot.active span:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.5.0 (11/03/2018) */ /** * Lightcase settings * * Note: Override default settings for your project without touching this source code by simply * defining those variables within a SASS map called '$lightcase-custom'. * * // Example usage * $lightcase-custom: ( * 'breakpoint': 768px * ); */ @font-face { font-family: 'lightcase'; src: url("/assets/imported/eb504c90636d-lightcase.eot"); src: url("/assets/imported/eb504c90636d-lightcase.eot") format("embedded-opentype"), url("/assets/imported/8b0e3f06ce1c-lightcase.woff") format("woff"), url("/assets/imported/a2fb765bd4c6-lightcase.ttf") format("truetype"), url("/assets/imported/353d48a968c2-lightcase.svg") format("svg"); font-weight: normal; font-style: normal; } /* line 12, ../scss/components/fonts/_font-lightcase.scss */ [class*='lightcase-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ /* line 35, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-play:before { content: '\e800'; } /* line 36, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-pause:before { content: '\e801'; } /* line 37, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-close:before { content: '\e802'; } /* line 38, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-prev:before { content: '\e803'; } /* line 39, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-next:before { content: '\e804'; } /* line 40, ../scss/components/fonts/_font-lightcase.scss */ .lightcase-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes lightcase-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } /* line 1, ../scss/components/modules/_case.scss */ #lightcase-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { /* line 16, ../scss/components/modules/_case.scss */ html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { /* line 4, ../scss/components/modules/_content.scss */ html:not([data-lc-type=error]) #lightcase-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { /* line 23, ../scss/components/modules/_content.scss */ html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content { background-color: #333; } } /* line 31, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { /* line 31, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } /* line 43, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { /* line 43, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner { padding: 15px; } /* line 52, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * { width: 100% !important; max-width: none !important; } /* line 59, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { /* line 70, ../scss/components/modules/_content.scss */ html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { /* line 74, ../scss/components/modules/_content.scss */ html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner { line-height: 0.75; } } /* line 82, ../scss/components/modules/_content.scss */ html[data-lc-type=image] #lightcase-content .lightcase-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { /* line 91, ../scss/components/modules/_content.scss */ html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { /* line 100, ../scss/components/modules/_content.scss */ html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { /* line 117, ../scss/components/modules/_content.scss */ #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { color: #aaa; } } @media screen and (min-width: 641px) { /* line 117, ../scss/components/modules/_content.scss */ #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p { color: #333; } } /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error { margin: 0; font-size: 17px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error { padding: 30px 0; } } @media screen and (min-width: 641px) { /* line 3, ../scss/components/modules/_error.scss */ #lightcase-case p.lightcase-error { padding: 0; } } /* line 4, ../scss/components/modules/_global.scss */ .lightcase-open body { overflow: hidden; } /* line 8, ../scss/components/modules/_global.scss */ .lightcase-isMobileDevice .lightcase-open body { max-width: 100%; max-height: 100%; } /* line 1, ../scss/components/modules/_info.scss */ #lightcase-info { position: absolute; padding-top: 15px; } /* line 9, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title, #lightcase-info #lightcase-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } /* line 19, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { /* line 19, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; background: #333; } } /* line 33, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-caption { clear: both; font-size: 13px; color: #aaa; } /* line 39, ../scss/components/modules/_info.scss */ #lightcase-info #lightcase-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { /* line 45, ../scss/components/modules/_info.scss */ .lightcase-fullScreenMode #lightcase-info { padding-left: 15px; padding-right: 15px; } /* line 51, ../scss/components/modules/_info.scss */ html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info { position: static; } } /* line 1, ../scss/components/modules/_loading.scss */ #lightcase-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: lightcase-spin 0.5s infinite linear; -moz-animation: lightcase-spin 0.5s infinite linear; -o-animation: lightcase-spin 0.5s infinite linear; animation: lightcase-spin 0.5s infinite linear; } /* line 20, ../scss/components/mixins/_presets.scss */ #lightcase-loading, #lightcase-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } /* line 32, ../scss/components/mixins/_presets.scss */ #lightcase-loading > span { display: inline-block; text-indent: -9999px; } /* line 2, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } /* line 20, ../scss/components/mixins/_presets.scss */ a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } /* line 32, ../scss/components/mixins/_presets.scss */ a[class*='lightcase-icon-'] > span { display: inline-block; text-indent: -9999px; } /* line 49, ../scss/components/mixins/_presets.scss */ a[class*='lightcase-icon-']:hover { color: white; text-shadow: 0 0 15px white; } /* line 10, ../scss/components/modules/_navigation.scss */ .lightcase-isMobileDevice a[class*='lightcase-icon-']:hover { color: #aaa; text-shadow: none; } /* line 17, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'].lightcase-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } /* line 28, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'].lightcase-icon-prev { left: 15px; } /* line 33, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'].lightcase-icon-next { right: 15px; } /* line 38, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { /* line 38, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { /* line 2, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { /* line 2, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-'] { bottom: 50%; margin-bottom: -0.5em; } /* line 57, ../scss/components/modules/_navigation.scss */ a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] { opacity: 1; } } /* line 1, ../scss/components/modules/_overlay.scss */ #lightcase-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { /* line 1, ../scss/components/modules/_overlay.scss */ #lightcase-overlay { opacity: 1 !important; } } /*----------------------------------------------------------------------------------- ! ! ! R E A D T H I S ! ! ! ----------------- It's recomended to use/create a custom css file (ore place them at the end of this file) to do you customizations in order to easily update the main css files without loosing your changes COLORS ---- black (headings,backgrounds) #1a1a1a default text color (body) #696969 light text color #9c9c9c light border #e0e0e0 light background (footer,boxed,...) #f5f6f7 -- FOR DARK BACKGROUND white #ffffff dark text color #c9c9c9 dark (light) text color #8c8c8c dark border #3d3d3d main color #00a054 /* ----------------------------------------------------------------------------------- 0. RESET & CLEARFIX 1. BASICS (body, headers, links, etc) 2. GENERAL ELEMENTS 3. HEADER 4. PAGE LOADER 5. MENU / NAV / SMART NAV 6. MENU MISC (header-cart , search, language) 7. HEADER OPTIONS 8. FOOTER 9. HERO / PAGETITLE 10. PORTFOLIO 11. FILTER 12. BLOG 13. COMMENTS 14. SHOP 15. RELATED ITEMS 16. ISOTOPE GRID & GALLERY LIST & CAROUSEL (options) 17. COLUMNS SECTION 18. FULLWIDTH SECTION 19. PAGINATION & SHARE 20. THUMB OVERLAY EFFECT 21. ELEMENTS / SHORTCODES 22. WIDGETS 23. REVOLUTION SLIDER (sudo navigation + sudo layers) 24. CUSTOM STYLE ----------------------------------------------------------------------------------- */ /*---------------------------------------------- 0. RESET & CLEARFIX ------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, .overlaycaption,figure, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } ol, ul { list-style: none; } :focus { outline: 0; } /* deleting the default appearence for form elements */ input[type=text], input[type=password], input[type=submit], input[type=button], textarea, button, select { -moz-appearance: none; -webkit-appearance: none; } /* HTML5 display definitions */ article, aside, details, .overlaycaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; visibility: hidden; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .clearfix { *display: inline-block; height: 1%; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } /*---------------------------------------------- 1. BASICS ------------------------------------------------*/ html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */ -ms-text-size-adjust: 100%; position: relative; } body { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.02em; font-size: 15px; line-height: 26px; color:#696969; text-align: left; position: relative; background: #ffffff; min-height: 100%; } ::selection { background:#1a1a1a; color:#ffffff; } ::-moz-selection { background:#1a1a1a; color:#ffffff; } ::-webkit-selection { background:#1a1a1a; color:#ffffff; } /* Headings ---------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat'; font-weight: 400; letter-spacing: -0.02em; color: #1a1a1a; } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, h1.text-light, h2.text-light, h3.text-light, h4.text-light, h5.text-light, h6.text-light { color: #ffffff; } h1 { font-size: 72px; line-height: 86px; } h2 { font-size: 48px; line-height: 60px; } h3 { font-size: 34px; line-height: 46px; } h4 { font-size: 24px; line-height: 34px; } h5 { font-size: 17px; line-height: 26px; } h6 { font-size: 13px; line-height: 20px; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; } /* Headers Spacing */ div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 40px; } i + h1, i + h2, i + h3, i + h4, i + h5, i + h6 { margin-top: 20px; } div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child { margin-top: 0px !important; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 22px; } h2 + h3, h2 + h4, h2 + h5, h2 + h6, h6 + h2, h5 + h2, h4 + h2, h3 + h2 { margin-top: 16px; } h3 + h4, h3 + h5, h3 + h6, h4 + h3, h5 + h3, h6 + h3 { margin-top: 13px; } h4 + h5, h4 + h6, h5 + h4, h6 + h4 { margin-top: 9px; } h5 + h5, h5 + h6, h6 + h5, h6 + h6 { margin-top: 6px; } [class*='subtitle'] { opacity: 0.7; } .subtitle-1 { font-family: 'Lato'; font-weight: 300; letter-spacing: 0.03em; } .subtitle-1 b, .subtitle-1 strong { font-weight: 600; } .subtitle-2 { font-family: 'Lora'; font-weight: 400; font-style: italic; text-transform: none; letter-spacing: 0.03em; } .subtitle-2 b, .subtitle-2 strong { font-weight: 700; } .error-404 { font-size: 124px; line-height: 140px; } .uppercase { text-transform: uppercase; letter-spacing: 0.06em; } /* headings with link */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1a1a1a; transition: all 200ms ease; } .text-light h1 a, .text-light h2 a, .text-light h3 a, .text-light h4 a, .text-light h5 a, .text-light h6 a { color: #ffffff; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #00a054; } /* Forms ---------------------------------------- */ ::-webkit-input-placeholder { color: #1a1a1a; } :-moz-placeholder { color: #1a1a1a; } ::-moz-placeholder { color: #1a1a1a; } :-ms-input-placeholder { color: #1a1a1a; } .text-light ::-webkit-input-placeholder { color: #ffffff; } .text-light :-moz-placeholder { color: #ffffff; } .text-light ::-moz-placeholder { color: #ffffff; } .text-light :-ms-input-placeholder { color: #ffffff; } input[type=text], input[type=password], input[type=email], textarea { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; background: #ffffff; border: 1px solid #e0e0e0; line-height: 22px; height: 22px; color: #1a1a1a; padding: 10px; transition: all 200ms ease; border-radius: 0px; -moz-border-radius:0x; -khtml-border-radius:0px; -webkit-border-radius:0px; resize: none; } .text-light input[type=text], .text-light input[type=password], .text-light input[type=email], .text-light textarea { border-color: #3d3d3d; color: #ffffff; background: #0f0f0f; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { border-color: #1a1a1a; } .text-light input[type=text]:focus, .text-light input[type=password]:focus, .text-light input[type=email]:focus, .text-light textarea:focus { border-color: #ffffff; } input.false[type=text], input.false[type=password]:focus, input.false[type=email], textarea.false { border-color: #fa4d5a; } input[type=text], input[type=password], input[type=email] { width: 100%; max-width: calc(100% - 22px); } textarea { width: 100%; min-height: 100px; max-width: calc(100% - 22px); } input[type=submit], input[type=button], button { cursor: pointer; -moz-border-radius:0x; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius: 0px; display: inline-block; font-family: 'Lato'; font-weight: 700; font-size: 11px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; margin-bottom: 5px; transition: all 0.2s ease; color: #ffffff; padding: 10px 40px; background: #1a1a1a; border: none; position: relative; } .text-light input[type=submit], .text-light input[type=button], .text-light button { background: #ffffff; color: #1a1a1a; } input[type=submit]:hover, input[type=button]:hover, button:hover { background: #00a054; color: #ffffff; } select { background: #ffffff; border: 1px solid #e0e0e0; font-family: 'Montserrat'; font-size: 11px; font-weight: 400; height: 44px; width: auto; padding:8px; color: #1a1a1a; -moz-border-radius:0x; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius: 0px; min-width: 120px; background-image:url("/assets/imported/710b1da62948-select-arrow.png"); background-position: center right; background-repeat: no-repeat; -webkit-background-size:16px 6px; -moz-background-size:16px 6px; -o-background-size:16px 6px; background-size:16px 6px; } select.full-width { width: 100%; max-width: 100%; } select:focus { border-color: #1a1a1a; } .text-light select { border-color: #3d3d3d; color: #ffffff; background: #0f0f0f; background-image:url("/assets/imported/b44b2f115b41-select-arrow-light.png"); } .text-light select:focus { border-color: #ffffff; } select option { cursor: pointer; padding: 5px 7px; } label { font-family: 'Montserrat'; font-weight: 400; font-size: 14px; letter-spacing: -0.02em; width: 100%; color: #1a1a1a; display: block; } .text-light label { color: #ffffff; } .form-row.false label { color: #fa4d5a; } label abbr { color: #00a054; text-decoration: none; } input[type=radio] + label, input[type=checkbox] + label { display: inline-block; width: auto; margin-left: 5px; } form { margin-top: 30px; } form .form-row { margin-top: 20px; position: relative; } form .form-row.one-half:nth-child(2), form .form-row.two-third:nth-child(2), form .form-row.one-third:nth-child(2), form .form-row.one-third:nth-child(3), form .form-row.one-fourth:nth-child(2), form .form-row.one-fourth:nth-child(3), form .form-row.one-fourth:nth-child(4) { margin-top: 0px; } .form-row.hidden { display: none; } form .form-submit { margin-top: 30px; } div form:first-child, form .form-row:first-child, div[class*='spacer-'] + form { margin-top: 0px; } /* Chech formular */ .check-error input[type=text], .check-error input[type=password], .check-error input[type=email], .check-error textarea, input[type=text].check-error , input[type=password].check-error , input[type=email].check-error , textarea.check-error { border-color: #ff4b14; } .form-note { display: none; } /* Table ---------------------------------------- */ table { margin-top: 30px; border-collapse: collapse; /*table-layout: fixed;*/ width: 100%; max-width: 100%; } div table:first-child { margin-top: 0px; } table thead th { font-family: 'Montserrat'; font-weight: 400; letter-spacing: -0.02em; color: #1a1a1a; font-size: 13px; line-height: 20px; } .text-light table thead th { color: #ffffff; } table tr { border-bottom: 1px solid rgba(0,0,0,0.12); } table thead tr { border-bottom: 2px solid rgba(0,0,0,0.12); } .text-light table tr { border-color: rgba(255,255,255,0.24) !important; } table tbody td { padding: 10px 0 ; } table tbody tr:first-child td { padding-top: 0px; } table thead + tbody tr:first-child td { padding-top: 10px; } table thead th { padding-bottom: 10px; } table thead tr th:last-child, table tbody tr td:last-child { text-align: right; } .table-scroll { max-width: 100%; overflow-y: scroll; margin-top: 30px; } div .table-scroll:first-child { margin-top: 0px; } .table-scroll table { min-width: 550px; } /* Links ---------------------------------------- */ a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color:rgba(0,0,0,0.0); color: #00a054; } a:hover { color: #1a1a1a; } .text-light a:hover { color: #ffffff; } /* Embedded content ---------------------------------------- */ img, object, video, audio { max-width: 100%; height: auto; display: inline-block; margin:0; vertical-align:top; } img { width: auto; max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; } p img { margin-top: 20px; } p img:first-child { margin-top: 0px; } img.alignleft { margin: 3px 20px 20px 0; float: left; } img.alignright { margin: 3px 0px 20px 20px; float: right; } p + video, p + audio { margin-top: 20px; } /* Lists ---------------------------------------- */ ul { margin-top: 20px; margin-left: 15px; list-style: disc; } ul.no-list-style { list-style: none; margin-left: 0px; } div ul:first-child, li ul:first-child { margin-top: 0px; } ol { margin-top: 20px; margin-left: 30px; list-style: decimal; } div ol:first-child, li ol:first-child { margin-top: 0px; } ul li, ol li { margin-top: 10px; } ul li:first-child, ol li:first-child { margin-top: 0px; } /* Others ---------------------------------------- */ p { margin-top: 20px; } div p:first-child { margin-top: 0px; } strong, b, dt { font-weight: 600; } i, dfn, em { font-style: italic; } strong i, b i, dt i, strong em, b em, dt em { font-style: italic; font-weight: 700; } blockquote { font-family: 'Lora', Georgia; font-weight: 400; font-style: italic; text-align: center; margin: 40px; font-size: 26px; line-height: 34px; letter-spacing: 0.03em; color: #1a1a1a; position: relative; padding-top: 60px; } .text-light blockquote, blockquote.text-light { color: #ffffff; } div blockquote:first-child { margin-top: 0px; } div blockquote:last-child { margin-bottom: 0px; } blockquote cite { display: block; margin-top: 20px; color: #000000; font-size: 13px; line-height: 20px; font-family: 'Montserrat'; font-weight: 400; font-style: normal; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .text-light blockquote cite, blockquote.text-light cite { color: #ffffff; } blockquote figure { margin: 20px auto 0 auto; width: 80px; height: 80px; border-radius: 60px; overflow: hidden; text-align: center; } blockquote p { margin: 0; } pre { padding: 20px; margin-top: 20px; font-size: 13px; line-height: 18px; background: #1a1a1a; color: #c9c9c9; display: block; border-radius: 3px; } div pre:first-child { margin-top: 0px; } code { padding: 0 7px 0 5px; display: inline-block; border-radius: 3px; background: #d9d9d9; color: #1a1a1a; font-size: 12px; line-height: 18px; position: relative; top: -1px; font-style: italic; } small { color: #9c9c9c; font-size: 10px; line-height: 17px; font-family: 'Montserrat'; font-weight: 300; } small b, small strong { font-weight: 700; } .text-light small { color: rgb(255,255,255,0.55); } /*---------------------------------------------- 2. GENERAL ELEMENTS ------------------------------------------------*/ body.page-boxed { background: #f5f6f7; } body.page-boxed #page-content { width: 1280px; margin: 0 auto; background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); } #page-content { overflow: hidden; margin: 0; min-width: 1200px; max-width: 100%; } #page-body { padding-top: 100px; position: relative; } #page-body.notoppadding { padding: 0; } #page-body:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .wrapper { width: 1200px; margin: 0 auto; } .wrapper-small { width: 780px; margin: 0 auto; } .wrapper:after, .wrapper-small:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .wrapper, .wrapper-small { max-width: calc(100% - 80px); } .main-content { width: calc(100% - 400px); } aside.sidebar { width: 340px; margin-right: 40px; } aside.sidebar.sidebar-grey, aside.sidebar.sidebar-grey::before { background: #f5f6f7; padding: 0 40px 100px 40px; width: 320px; margin: 0; } .notoppadding aside.sidebar.sidebar-grey { padding-top: 100px; } aside.sidebar.sidebar-grey::before { content: ""; position: absolute; height: 100%; top: 0; right: 0; padding-top: 0; padding-bottom: 0; } aside.sidebar.sidebar-grey.left-float::before { left: 0; right: auto; } .wrapper .sidebar { margin-right: 0px; } .wrapper .sidebar.sidebar-grey { padding: 30px; width: 280px; } .wrapper .sidebar.sidebar-grey::before { display: none; } aside.sidebar .sidebar-content { position: relative; z-index: 1; } .left-float { float: left; } .right-float { float: right; } .align-center { text-align: center; } .align-right { text-align: right; } .text-light { color: rgba(255, 255, 255, .80); } .colored { color: #00a054 !important; opacity: 1 !important; } /*---------------------------------------------- 3. HEADER ------------------------------------------------*/ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1501; height: auto; background: #ffffff; transition: all 0.4s; } .page-boxed header { width: 1280px; left: 50%; margin-left: -640px; } header.not-sticky { position: absolute; } header .header-inner { padding: 0px 30px; } header .header-inner.wrapper { padding: 0; } header #logo { max-width: 100%; z-index: 10; padding-top: 30px; padding-bottom: 30px; height: 30px; transition: all 0.4s ease; } header #logo a { display: inline-block; transition: all 0.4s ease; position: relative; height: 100%; max-height: 100%; } header #logo img { max-width: 400px; height: 100%; max-height: 100%; transition: all 0.4s ease; } header #logo #scroll-logo { float:left; max-width: 0px; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translate-X(-20px); transform: translateX(-20px); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } header #logo #dark-logo + #light-logo { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } header #logo #scroll-logo ~ img { transition: transform 0.3s 0.5s ease, opacity 0.3s 0.5s ease, max-width 0.1s 0.4s ease; } /* header top bar */ #top-bar { border-bottom: 1px solid rgba(0, 0, 0, .10); padding: 10px 30px; line-height: 20px; font-size: 13px; height: 20px; transition: all 0.4s ease; } #top-bar small { line-height: 20px; height: 20px; display: inline-block; } #top-bar i.ion, #top-bar i.fa { line-height: 20px; height: 20px; font-size: 13px; margin: 0 3px; position: relative; top: 1px; } #top-bar > div { transition: all 0.4s ease; height: 20px; } #top-bar .socialmedia-widget li { display: inline-table; } #top-bar .socialmedia-widget li a { font-size: 14px; } /*---------------------------------------------- 4. PAGE LOADER ------------------------------------------------*/ #page-loader { position: fixed; width: 100%; height: 100%; background: #ffffff; z-index: 100001; transition: opacity 0.8s ease 0.8s, height 0.1s ease 1.6s; overflow: hidden; } .page-is-loaded #page-loader { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 0;} #page-loader .page-loader-inner { transition: opacity 0.6s ease 0.3s; } .page-is-loaded #page-loader .page-loader-inner { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #page-loader .loader-figure, #page-loader .loader-label { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #page-loader .loader-figure { height: 0px; width: 0px; box-sizing: border-box; border: 0px solid #00a054; border-radius: 50%; -webkit-animation: figure 1.2s ease infinite ; -moz-animation: figure 1.2s ease infinite ; animation: figure 1.2s ease infinite ; } @-moz-keyframes figure { 0% { height: 0; width: 0; } 30% { height: 40px; width: 40px; border-width: 21px; opacity: 1; } 100% { height: 40px; width: 40px; border-width: 0; opacity: 0; } } @-webkit-keyframes figure { 0% { height: 0; width: 0; } 30% { height: 40px; width: 40px; border-width: 21px; opacity: 1; } 100% { height: 40px; width: 40px; border-width: 0; opacity: 0; } } @keyframes figure { 0% { height: 0; width: 0; } 30% { height: 40px; width: 40px; border-width: 21px; opacity: 1; } 100% { height: 40px; width: 40px; border-width: 0; opacity: 0; } } #page-loader .loader-label { margin: 50px 0 0 0; font-size: 12px; line-height: 18px; } #page-loader .loader-logo { position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /*---------------------------------------------- 5. MENU / NAV / SMART NAV ------------------------------------------------*/ #menu { position: static; z-index: 10; } /* Main Nav*/ nav#main-nav { float: left; } nav#main-nav ul { list-style: none; z-index: 10; margin: 0; padding: 0; } nav#main-nav > ul > li { margin: 0 0 0 15px; padding: 0; display: inline-block; position: relative; } nav#main-nav > ul > li:first-child { margin: 0; } nav#main-nav > ul > li > a { display: inline-block; font-family: 'Montserrat'; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #1a1a1a; letter-spacing: 0.13em; transition: all 0.4s ease; height: 30px; line-height: 30px; padding: 30px 1px; position: relative; } #menu.menu-is-open nav#main-nav ul li a:not(.button-style):hover, header.header-style-vertical #menu nav#main-nav ul li a:not(.button-style):hover { color: #00a054 !important; } nav#main-nav > ul > li > a:after { content: ""; width: 100%; height: 2px; background: #1a1a1a; position: absolute; left: 0; top: 40%; margin-top: 15px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s ease; } nav#main-nav > ul > li:hover > a:after, nav#main-nav > ul > li.current-menu-item > a:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 50%; } nav#main-nav > ul li.menu-item-has-children > a:before { content: "\f3d0"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; right: 0px; margin-top: -5px; display: none; } nav#main-nav > ul > li > a.button-style { padding-left:15px; padding-right:15px; color: #ffffff; } nav#main-nav > ul > li > a.button-style:before { background: #1a1a1a; display: block; content: ""; width: 100%; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 0; z-index: -1; border-radius: 30px; transition: background 0.3s ease; } nav#main-nav > ul > li > a.button-style:hover { color: #ffffff !important; } nav#main-nav > ul > li > a.button-style:hover:before { background: #00a054 !important; } nav#main-nav > ul > li > a.button-style:after { display: none; } /* submenu */ nav#main-nav ul li > ul.submenu { position: absolute; top: 90%; left: -20px; width: 240px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.2s ease 0.2s; background: #ffffff; /*margin-top: 1px;*/ } nav#main-nav ul li:hover > ul.submenu { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; top: 100%; transition: all 0.3s ease 0.2s; } /* added gap via javascript if item too close to border */ nav#main-nav ul li > ul.submenu.add-gap { left: inherit; right: -20px; } nav#main-nav ul li > ul.submenu:after { content:""; position: absolute; top: 0px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); z-index: -1; } nav#main-nav ul li ul > li { margin: 0; padding: 3px 25px; display: block; text-align: left; height: auto; line-height: normal; position: relative; } nav#main-nav ul li > ul.submenu > li:first-child { margin-top: 17px; } nav#main-nav ul li > ul.submenu > li:last-child { margin-bottom: 17px; } nav#main-nav ul li ul > li > a { font-family: 'Lato'; color: #696969; font-weight: 400; text-transform: uppercase; font-size: 11px; height: auto; line-height: 21px; letter-spacing: 0.05em; transition: all 0.1s ease; position: relative; display: block; } nav#main-nav ul li ul > li a:hover, nav#main-nav ul li ul > li.current-menu-item > a { color: #00a054 !important; } #menu.menu-is-open nav#main-nav .mega-menu-content ul li.mega-menu-title > a, header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a { font-family: 'Lato'; font-weight: 400; color: #696969; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; } nav#main-nav ul li ul li.menu-item-has-children > a:before { content: "\f3d3"; display: block; } nav#main-nav ul li ul > li > a > i, nav#main-nav ul li ul > li > a > em { font-size: 10px; text-transform: none; display: inline-block; margin-left: 5px; } /* submenu 2nd+ level */ nav#main-nav ul li > ul.submenu li > ul.submenu { top: -5px; left: -100%; margin-top: 0px; margin-left: -1px; } nav#main-nav ul li > ul.submenu li:hover > ul.submenu { top: 0; } nav#main-nav ul li > ul.submenu li > ul.submenu:after { top: -1px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); } /* mega-menu */ nav#main-nav > ul > li.mega-menu { position: static; } nav#main-nav .mega-menu-content { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-101%); -moz-transform: translateY(-101%); -ms-transform: translateY(-101%); -o-transform: translateY(-101%); transform: translateY(-101%); overflow: hidden; transition: all 0.3s ease 0.2s; margin-top: 0px; z-index: -1; background: #ffffff; visibility: hidden; } nav#main-nav > ul > li.mega-menu:hover .mega-menu-content { transition: all 0.3s ease 0.2s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); top: 0; visibility: visible; } nav#main-nav .mega-menu-content:before { content:""; width: 100%; height: 90px; display:block; transition: all 0.4s ease; border-bottom: 1px solid rgba(0, 0, 0, .10); } header:not(.small-header) #top-bar ~ .header-inner nav#main-nav .mega-menu-content:before { padding-top: 40px; } nav#main-nav .mega-menu-content .mega-menu-inner { width: 1100px; margin: 0 auto; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); transition: all 0.3s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; padding: 30px 40px; } nav#main-nav .mega-menu-content.col-2 .mega-menu-inner { width: 480px; } nav#main-nav .mega-menu-content.col-3 .mega-menu-inner { width: 780px; } nav#main-nav .mega-menu-content.col-4 .mega-menu-inner { width: 1100px; } nav#main-nav .mega-menu-content.col-5 .mega-menu-inner { width: 1200px; } nav#main-nav > ul > li.mega-menu:hover .mega-menu-content .mega-menu-inner { transition: all 0.3s ease 0.4s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } nav#main-nav .mega-menu-content .mega-menu-inner > ul { overflow:hidden; width: 100%; } nav#main-nav .mega-menu-content .mega-menu-inner > ul > li { margin-right: 40px; float: left; padding: 0; } nav#main-nav .mega-menu-content .mega-menu-inner > ul > li:last-child { margin-right: 0px; } nav#main-nav .mega-menu-content.col-2 .mega-menu-inner > ul > li { width: calc(50% - 20px); } nav#main-nav .mega-menu-content.col-3 .mega-menu-inner > ul > li { width: calc(33.3% - 26.7px); } nav#main-nav .mega-menu-content.col-4 .mega-menu-inner > ul > li { width: calc(25% - 30px); } nav#main-nav .mega-menu-content.col-5 .mega-menu-inner > ul > li { width: calc(20% - 32px); } nav#main-nav .mega-menu-content ul li { text-align: left; background: none; padding-left: 0px; } nav#main-nav .mega-menu-content ul li.mega-menu-title > a { display: block; position: relative; text-transform: uppercase; font-family: 'Montserrat'; font-weight: 400; margin-bottom: 20px; color: #1a1a1a; padding-bottom: 24px; font-size: 12px; line-height: 21px; letter-spacing: 0.1em; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after { content: ""; width: 34px; height: 2px; background: #000000; position: absolute; bottom: 0px; left: 0px; opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; } /* responsive toggle icon */ #menu .responsive-nav-toggle { height: 30px; width: 22px; line-height: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; transition: color 0.2s ease; float: right; display: none; } #menu .responsive-nav-toggle:hover { color: #00a054; } #menu .responsive-nav-toggle .hamburger { display: inline-block; width: 22px; height: 2.5px; background-color: #1a1a1a; position: relative; margin-right: 5px; top: -4px; transition: background 0.2s ease; } #menu .responsive-nav-toggle .hamburger:before, #menu .responsive-nav-toggle .hamburger:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #1a1a1a; right: 0; transition: background 0.2s ease; } #menu .responsive-nav-toggle .hamburger:before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); } #menu .responsive-nav-toggle .hamburger:after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); } header #menu .responsive-nav-toggle:hover .hamburger, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger, header #menu .responsive-nav-toggle:hover .hamburger:before, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:before, header #menu .responsive-nav-toggle:hover .hamburger:after, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:after { background-color: #00a054 !important; } /* Smart nav */ #smart-nav { position: fixed; top: 140px; left: 0px; z-index: 3; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.3s ease; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } #smart-nav.visible, #smart-nav.always-visible { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: inherit; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } #smart-nav ul { list-style: none; padding: 0; margin-left: 0; text-align: right; } #smart-nav ul li { position: relative; padding: 0; margin: 0; } #smart-nav ul li a { font-family:'Montserrat'; font-weight: 400; font-size: 11px; line-height: 40px; width: 40px; color: #ffffff; background: #0f0f0f; display: block; letter-spacing: 0.1em; text-align: center; transition: background 0.3s ease, border 0.3s ease; position: relative; border-top: 1px solid #3d3d3d; } #smart-nav ul li:first-child a { border-top: none; } #smart-nav.visible ul li.current-menu-item a, #smart-nav.visible ul li.current-menu-item a span { background: #00a054; border-color: #00a054; } #smart-nav.visible ul li.current-menu-item + li a { border-color: #0f0f0f; } #smart-nav ul li a span { display: block; background: #0f0f0f; width: auto; white-space: nowrap; height: 100%; position: absolute; top: -1px; right: 0; padding: 0 15px; letter-spacing: 0.04em; z-index: -1; border-top: 1px solid #0f0f0f; transition: transform 0.3s ease, background 0.3s ease, border 0.3s ease; } #smart-nav ul li:first-child a span { border-top: none; top: 0px; } #smart-nav ul li a:hover span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /*---------------------------------------------- 6. MENU MISC (header-cart , search, language) ------------------------------------------------*/ #menu-misc { float: right; padding-left: 10px; } /*header-search*/ #header-search { float: left; margin-left: 20px; padding-top: 30px; padding-bottom: 30px; transition: all 0.4s ease; } #header-search a#show-search { display: inline-block; color: #1a1a1a; padding: 0; height: 30px; line-height: 30px; position: relative; transition: all 0.4s ease; } #header-search a#show-search:hover { color: #00a054 !important; } #header-search .header-search-content { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 11; text-align: center; -webkit-transform: translateY(-101%); -moz-transform: translateY(-101%); -ms-transform: translateY(-101%); -o-transform: translateY(-101%); transform: translateY(-101%); overflow: hidden; transition: all 0.4s ease; visibility: hidden; } #header-search .header-search-content.search-visible { transition: all 0.4s ease; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); visibility: visible; } #header-search .header-search-content .search-outer { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: #ffffff; opacity: 0.95; filter: alpha(opacity=95); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; z-index:0; } #header-search .header-search-content form { width: 700px; max-width: 100%; display: block; position: absolute; top: 50%; left: 50%; margin: 0; margin-top: -30px; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.4s ease; z-index: 1; } #header-search .header-search-content.search-visible form { transition: all 0.4s ease 0.3s; margin-top: 0px; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #header-search .header-search-content input[type=text] { font-family: 'Montserrat'; font-weight: 700; text-align: center; border: none; font-size: 42px; line-height: 50px; height: 50px; padding: 10px 0; color: #1a1a1a; text-transform: uppercase; background: none; } #header-search .header-search-content input[type=text]::-webkit-input-placeholder { opacity: 1; } #header-search .header-search-content input[type=text]::-moz-placeholder { opacity: 1; } #header-search a#close-search { display: block; height: 30px; line-height: 30px; position: relative; width: 30px; position: absolute; left: 50%; margin-left: -15px; top: -60px; } #header-search a#close-search:before, #header-search a#close-search:after { width: 20px; height: 3px; content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -10px; background-color: #1a1a1a; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-radius: 1px; transition: background 0.2s ease; } #header-search a#close-search:hover:before, #header-search a#close-search:hover:after { background: #00a054; } #header-search a#close-search:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*header-cart*/ #header-cart { float: left; padding-left: 10px; margin-left: 20px; padding-top: 30px; padding-bottom: 30px; transition: all 0.4s ease; } #header-cart a#show-cart { display: block; color: #1a1a1a; padding: 0; height: 30px; line-height: 30px; position: relative; transition: all 0.4s ease; } #header-cart a#show-cart span { position: absolute; top: -2px; right: -8px; width: auto; height: 15px; background: #00a054; color: #ffffff; text-align: center; line-height: 15px; font-size: 9px; font-weight: 700; border-radius: 10px; padding: 0 5px; transition: all 0.4s ease; } #header-cart .header-cart-content { position: absolute; top: 100%; right: 0px; /*margin-top: 1px;*/ width: 300px; background: #ffffff; padding: 20px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.2s ease 0.2s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } #header-cart:hover > .header-cart-content { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); transition: all 0.3s ease 0.2s; } #header-cart .header-cart-content:after { content:""; position: absolute; top: -1px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); border-right: none; z-index: -1; } #header-cart .cart-item-list { list-style: none; margin: 0; padding: 0; } #header-cart .cart-item-list li { overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; } #header-cart .cart-item-list li .cart-item-image { width: 50px; height: auto; float: left; } #header-cart .cart-item-list li .cart-item-desc { width: calc(100% - 65px); position: relative; float: right; } #header-cart .cart-item-list li .product-name { font-size: 12px; line-height: 17px; } .sub-dark #header-cart .cart-item-list li .product-name a { color: #ffffff; } .sub-dark #header-cart .cart-item-list li .product-name a:hover { color: #00a054; } #header-cart .cart-item-list li .cart-item-price, #header-cart .cart-item-list li .cart-item-quantity { font-size: 11px; line-height: 17px; font-weight: 700; color: #9c9c9c; } .sub-dark #header-cart .cart-item-list li .cart-item-price, .sub-dark #header-cart .cart-item-list li .cart-item-quantity { color: #8c8c8c; } #header-cart .cart-total { overflow:hidden; border-top: 1px solid rgba(0, 0, 0, .10); padding-top: 10px; } #header-cart .cart-total .cart-total-name { float: left; line-height: 32px; } .sub-dark #header-cart .cart-total .cart-total-name { color: #ffffff; } #header-cart .cart-total .cart-total-amount { float: right; font-weight: 700; color: #00a054; font-size: 16px; line-height: 32px; } #header-cart .cart-action { overflow:hidden; margin-top: 10px; } #header-cart .cart-action .cart-action-cart { float: left; } #header-cart .cart-action .cart-action-checkout { float: right; } /*header-language*/ #header-language { float: left; padding-top: 30px; padding-bottom: 30px; margin-left: 30px; position: relative; transition: all 0.4s ease; } #header-language a#show-language { display: block; color: #1a1a1a; padding: 0; height: 30px; line-height: 30px; position: relative; font-size: 11px; color: #1a1a1a; font-family: 'Montserrat'; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; transition: all 0.4s ease; } #header-language .header-language-content { position: absolute; top: 60px; left: 50%; margin-top: -10px; background: #ffffff; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; transition: all 0.3s ease; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #header-language:hover > .header-language-content, #header-language > .header-language-content.show { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; transition: all 0.3s ease 0.2s; margin-top: 0px; } #header-language .header-language-content:after { content:""; position: absolute; top: -1px; left: -1px; width: calc(100% + 0px); height: calc(100% + 0px); border: 1px solid rgba(0, 0, 0, .07); z-index: -1; } #header-language .header-language-content ul.lang-select { margin: 0; padding: 4px 0; list-style: none; } #header-language .header-language-content ul.lang-select li { text-align: center; margin-top: 0; width: 50px; } #header-language .header-language-content ul.lang-select li a { font-size: 11px; color: #1a1a1a; font-family: 'Montserrat'; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; height: 24px; line-height: 24px; display: block; transition: color 0.2s ease; } #header-language .header-language-content ul.lang-select li a:hover { color: #00a054 !important; } /*header-social*/ #header-social { float: left; margin-left: 20px; padding-top: 30px; padding-bottom: 30px; transition: all 0.4s ease; } #header-social .socialmedia-widget li { display: inline-table; } #header-social .socialmedia-widget li a { line-height: 30px; height: 30px; font-size: 14px; } /*---------------------------------------------- 7. HEADER OPTIONS ------------------------------------------------*/ /* Header Style Floating */ header.header-style-floating { top: 40px; left: 40px; width: calc(100% - 80px); } header.header-style-floating:after { content:""; background: transparent; width: 100%; height: 40px; position: absolute; top: -40px; left: 0; } .page-boxed header.header-style-floating { width: 1200px; left: 50%; margin-left: -600px;} header.header-bordered.header-style-floating { border: 1px solid rgba(0, 0, 0, .10); } header.header-bordered.header-style-floating nav#main-nav .mega-menu-content { top: -40px; } header.header-bordered.header-style-floating:not(.small-header) #header-cart .header-cart-content { right: -1px; } /* Header Bordered */ header.header-bordered { border-bottom: 1px solid rgba(0, 0, 0, .10); } header.header-bordered #logo { border-right: 1px solid rgba(0, 0, 0, .10); padding-right: 30px; } header.header-bordered #menu-misc { border-left: 1px solid rgba(0, 0, 0, .10); margin-left: 30px; } header.header-bordered nav#main-nav ul li > ul.submenu { margin-top: 1px; } /* when header normal bordered */ header.header-bordered nav#main-nav ul li > ul.submenu:after { border-top: none; } header.header-bordered #header-cart .header-cart-content { margin-top: 1px; } header.header-bordered #header-cart .header-cart-content:after { border-top: none; } /* Header Dark */ header.header-dark { background: #1a1a1a; color: #ffffff; } header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a { color: #ffffff; } header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a:after { background: #ffffff; } header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a.button-style { color: #1a1a1a; } header.header-dark:not(.mega-hover) nav#main-nav > ul > li > a.button-style:before { background: #ffffff; } header.header-dark:not(.mega-hover) #header-search a#show-search { color: #ffffff; } header.header-dark:not(.mega-hover) #header-cart a#show-cart { color: #ffffff; } header.header-dark:not(.mega-hover) #header-language a#show-language { color: #ffffff; } header.header-dark:not(.mega-hover) #header-social .socialmedia-widget li a { color: #ffffff; } header.header-dark:not(.mega-hover) #logo #dark-logo { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } header.header-dark:not(.mega-hover) #logo #dark-logo + #light-logo { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } header.header-dark:not(.mega-hover) #menu .responsive-nav-toggle .hamburger, header.header-dark:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:before, header.header-dark:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:after { background-color: #ffffff; } header.header-bordered.header-dark:not(.mega-hover) { border-color: rgba(255, 255, 255, .15); } header.header-bordered.header-dark:not(.mega-hover) #logo { border-right: 1px solid rgba(255, 255, 255, .15); } header.header-bordered.header-dark:not(.mega-hover) #menu-misc { border-left: 1px solid rgba(255, 255, 255, .15); } header.header-bordered.header-dark:not(.mega-hover) nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(255, 255, 255, .15); } header.header-bordered.header-dark:not(.mega-hover) nav#main-nav .mega-menu-content { border-bottom: 1px solid rgba(255, 255, 255, .15); } header.header-dark:not(.mega-hover) #top-bar { border-color: rgba(255, 255, 255, .15); } header.header-dark:not(.mega-hover) #top-bar .socialmedia-widget li a { color: #ffffff; } /* Transparent Header */ header.header-transparent { background: transparent; color: #1a1a1a; } header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a { color: #1a1a1a; } header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a:after { background: #1a1a1a; } header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a.button-style { color: #ffffff; } header.header-transparent:not(.mega-hover) nav#main-nav > ul > li > a.button-style:before { background: #1a1a1a; } header.header-transparent:not(.mega-hover) #header-search a#show-search { color: #1a1a1a; } header.header-transparent:not(.mega-hover) #header-cart a#show-cart { color: #1a1a1a; } header.header-transparent:not(.mega-hover) #header-language a#show-language { color: #1a1a1a; } header.header-transparent:not(.mega-hover) #header-social .socialmedia-widget li a { color: #1a1a1a; } header.header-transparent:not(.mega-hover) #logo #dark-logo { opacity: 1; filter: alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; } header.header-transparent:not(.mega-hover) #logo #dark-logo + #light-logo { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } header.header-bordered.header-transparent:not(.mega-hover) { border-color: rgba(0, 0, 0, .10); } header.header-bordered.header-transparent:not(.mega-hover) #logo { border-right: 1px solid rgba(0, 0, 0, .10); } header.header-bordered.header-transparent:not(.mega-hover) #menu-misc { border-left: 1px solid rgba(0, 0, 0, .10); } header.header-bordered.header-transparent:not(.mega-hover) nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(0, 0, 0, .10); } header.header-bordered.header-transparent:not(.mega-hover) nav#main-nav .mega-menu-content { border-bottom: 1px solid rgba(0, 0, 0, .10); } header.header-transparent:not(.mega-hover) #top-bar { border-color: rgba(0, 0, 0, .10); } /* Transparent Header (light transparent) */ header.header-transparent.transparent-light:not(.mega-hover) { color: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a { color: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a:after { background: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a.button-style { color: #1a1a1a; } header.header-transparent.transparent-light:not(.mega-hover) nav#main-nav > ul > li > a.button-style:before { background: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) #header-search a#show-search { color: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) #header-cart a#show-cart { color: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) #header-language a#show-language { color: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) #header-social .socialmedia-widget li a { color: #ffffff; } header.header-transparent.transparent-light:not(.mega-hover) #logo #dark-logo { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } header.header-transparent.transparent-light:not(.mega-hover) #logo #dark-logo + #light-logo { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } header.header-transparent.transparent-light:not(.mega-hover) #menu .responsive-nav-toggle .hamburger, header.header-transparent.transparent-light:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:before, header.header-transparent.transparent-light:not(.mega-hover) #menu .responsive-nav-toggle .hamburger:after { background-color: #ffffff; } header.header-bordered.header-transparent.transparent-light:not(.mega-hover) { border-color: rgba(255, 255, 255, .15); } header.header-bordered.header-transparent.transparent-light:not(.mega-hover) #logo { border-right: 1px solid rgba(255, 255, 255, .15); } header.header-bordered.header-transparent.transparent-light:not(.mega-hover) #menu-misc { border-left: 1px solid rgba(255, 255, 255, .15); } header.header-bordered.header-transparent.transparent-light:not(.mega-hover) nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(255, 255, 255, .15); } header.header-bordered.header-transparent.transparent-light:not(.mega-hover) nav#main-nav .mega-menu-content { border-bottom: 1px solid rgba(255, 255, 255, .15); } header.header-transparent.transparent-light:not(.mega-hover) #top-bar { border-color: rgba(255, 255, 255, .15); } header.header-transparent.transparent-light:not(.mega-hover) #top-bar .socialmedia-widget li a { color: #ffffff; } /* Sub Dark */ header.sub-dark nav#main-nav ul li > ul.submenu { background: #1a1a1a; } header.sub-dark nav#main-nav ul li > ul.submenu:after { border: 1px solid rgba(255, 255, 255, .07); } header.sub-dark nav#main-nav .mega-menu-content { background: #1a1a1a; } header.sub-dark nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(255, 255, 255, .15); } header.sub-dark nav#main-nav ul li ul > li > a { color: #c9c9c9; } header.sub-dark nav#main-nav .mega-menu-content ul li.mega-menu-title > a { color: #ffffff !important; } header.sub-dark nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } header.sub-dark #header-cart .header-cart-content { background: #1a1a1a; } header.sub-dark #header-cart .header-cart-content:after { border-color: 1px solid rgba(255, 255, 255, .07); } header.sub-dark #header-cart .cart-item-list li { border-bottom: 1px solid rgba(255, 255, 255, .15); } header.sub-dark #header-cart .cart-item-list li .cart-item-name a { color: #ffffff; } header.sub-dark #header-cart .cart-action .cart-total-amount { color: #ffffff; } header.sub-dark #header-language .header-language-content { background: #1a1a1a; } header.sub-dark #header-language .header-language-content:after { border: 1px solid rgba(255, 255, 255, .07); } header.sub-dark #header-language .header-language-content ul.lang-select li a { color: #ffffff; } /* Small Header (change spacings/sizes) */ header.small-header:after { display: none; } header.small-header:not(.not-sticky):not(.header-style-vertical) #top-bar { padding: 0px 30px; line-height: 0px; height: 0px; overflow:hidden; } header.small-header:not(.not-sticky):not(.header-style-vertical) #top-bar > div { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translate-Y(-40px); transform: translateY(-40px); transition: all 0.4s ease; height: 0px; } header.small-header:not(.not-sticky):not(.header-style-vertical) #logo { padding-top: 15px; padding-bottom: 15px; height: 30px; } header.small-header:not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle { height: 30px; line-height: 30px; margin-top: 15px; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a { height: 30px;line-height: 30px;padding-top: 15px; padding-bottom: 15px; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a:after { margin-top: 12px; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu { margin-top: 1px; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu:after { border-top: none; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-social { padding-top: 15px; padding-bottom: 15px;} header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search a#show-search, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language a#show-language, header.small-header:not(.not-sticky):not(.header-style-vertical) #header-social .socialmedia-widget li a { height: 30px; line-height: 30px; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content:before { height: 60px; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart .header-cart-content { margin-top: 1px; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart .header-cart-content:after { border-top: none; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart span { top: -1px; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language .header-language-content { top: 45px; } /* Small Header - Floating Style */ header.small-header:not(.not-sticky):not(.header-style-vertical) { top: 0px; left: 0px; width: 100%; } .page-boxed header.small-header:not(.not-sticky):not(.header-style-vertical) { width: 1280px; left: 50%; margin-left: -640px; } header.small-header.header-style-floating:not(.not-sticky):not(.header-style-vertical) { border-top: none; border-left: none; border-right: none; } header.small-header.header-style-floating nav#main-nav .mega-menu-content:not(.not-sticky):not(.header-style-vertical) { top: 0px; } /* Small Header (white/light background) */ header.small-header:not(.not-sticky):not(.header-style-vertical) { background: #ffffff !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) { border-bottom: 1px solid rgba(0, 0, 0, .10) !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a { color: #1a1a1a !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a:after { background: #1a1a1a !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style { color: #ffffff !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style:before { background: #1a1a1a; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu { margin-top: 1px; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav ul li > ul.submenu:after { border-top: none; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search a#show-search { color: #1a1a1a !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-search a#show-search:hover { color: #00a054 !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart { color: #1a1a1a !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-language a#show-language { color: #1a1a1a !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) #header-social .socialmedia-widget li a { color: #1a1a1a !important; } /*header.small-header #header-cart .header-cart-content:after { border-top: none; }*/ header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #dark-logo { opacity: 1 !important; filter: alpha(opacity=1) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #dark-logo + #light-logo { opacity: 0 !important; filter: alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) .responsive-nav-toggle .hamburger, header.small-header:not(.not-sticky):not(.header-style-vertical) .responsive-nav-toggle .hamburger:before, header.small-header:not(.not-sticky):not(.header-style-vertical) .responsive-nav-toggle .hamburger:after { background-color: #1a1a1a !important; } header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) #logo { border-right: 1px solid rgba(0, 0, 0, .10) !important; } header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) #menu-misc { border-left: 1px solid rgba(0, 0, 0, .10) !important; } header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(0, 0, 0, .10) !important; } header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content { border-bottom: 1px solid rgba(0, 0, 0, .10) !important; } /* Small Header (dark background) */ header.small-header.header-dark:not(.not-sticky):not(.header-style-vertical) { border-bottom: 1px solid rgba(255, 255, 255, .15) !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) { background: #1a1a1a !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a { color: #ffffff !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a:after { background: #ffffff !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style { color: #1a1a1a !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a.button-style:before { background: #ffffff; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-search a#show-search { color: #ffffff !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-search a#show-search:hover { color: #00a054 !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-cart a#show-cart { color: #ffffff !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-language a#show-language { color: #ffffff !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #header-social .socialmedia-widget li a { color: #ffffff !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo #dark-logo { opacity: 0 !important; filter: alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo #dark-logo + #light-logo { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) { border-bottom: 1px solid rgba(255, 255, 255, .15) !important; } header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle .hamburger, header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle .hamburger:before, header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu .responsive-nav-toggle .hamburger:after { background-color: #ffffff !important; } header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo { border-right: 1px solid rgba(255, 255, 255, .15) !important; } header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #menu-misc { border-left: 1px solid rgba(255, 255, 255, .15) !important; } header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content:before { border-bottom: 1px solid rgba(255, 255, 255, .15) !important; } header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) nav#main-nav .mega-menu-content { border-bottom: 1px solid rgba(255, 255, 255, .15) !important; } /* Show scroll logo and hide others */ header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #scroll-logo { transition:transform 0.3s 0.4s ease,opacity 0.3s 0.4s ease,max-width 0.1s 0.4s ease;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);max-width:400px;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} header.small-header:not(.not-sticky):not(.header-style-vertical) #logo #scroll-logo ~ img, header.small-header.header-dark:not(.mega-hover):not(.not-sticky):not(.header-style-vertical) #logo #scroll-logo ~ #light-logo { transition:transform 0.3s ease,opacity 0.3s ease,max-width 0.2s 0.3s ease;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px);max-width:0;opacity:0!important;filter:alpha(opacity=0)!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important} /* Responsive Menu */ #menu.menu-is-open nav#main-nav ul li a { color: #ffffff !important; } #menu.menu-is-open nav#main-nav ul ul li a { color: #c9c9c9 !important; } #menu.menu-is-open nav#main-nav > ul > li > a.button-style { color: #1a1a1a !important; } #menu.menu-is-open nav#main-nav > ul > li > a.button-style:before { background: #ffffff; } #menu.menu-is-open nav#main-nav .mega-menu-content ul li.mega-menu-title > a { color: #c9c9c9 !important; } #menu.menu-is-open #header-search a#show-search { color: #ffffff !important; } #menu.menu-is-open #header-cart a#show-cart { color: #ffffff !important; } #menu.menu-is-open #header-language a#show-language { color: #ffffff !important; } #menu.menu-is-open #header-social .socialmedia-widget li a { color: #ffffff !important; } header #menu.menu-is-open .responsive-nav-toggle .hamburger, header #menu.menu-is-open .responsive-nav-toggle .hamburger:before, header #menu.menu-is-open .responsive-nav-toggle .hamburger:after { background-color: #ffffff !important; } /* Vertical Header */ header.header-style-vertical, .page-boxed header.header-style-vertical{width:300px;height:100%;position:fixed;top:0;left:0;-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.15);box-shadow:0 0 4px 0 rgba(0,0,0,.15); } .page-boxed header.header-style-vertical { left: 50%; margin-left: -640px; } header.header-style-vertical.header-dark{border-right:1px solid #3d3d3d} header.header-style-vertical ~ #footer,header.header-style-vertical ~ #hero,header.header-style-vertical ~ #page-body{width:calc(100% - 300px);margin-left:300px} header.header-style-vertical .header-inner{padding:0} header.header-style-vertical #logo{width:100%;float:none;max-width:100%;padding:40px 0;text-align:center} header.header-style-vertical #menu:not(.menu-is-open){float:none} header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav{float:none;padding:0 30px;overflow-y:scroll;max-height:calc(100vh - 220px);position:absolute;top:50%;left:0;width:calc(100% - 60px);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul>li{margin:0;display:block;width:100%;text-align:center} header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li a { height: 22px !important; line-height: 22px !important; padding: 4px 0 !important; display: inline-block !important; } header.header-style-vertical.header-dark #menu:not(.menu-is-open) nav#main-nav ul li ul > li > a { color: #c9c9c9; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav > ul > li > a.button-style { height: 30px !important; line-height: 30px !important; padding: 0 15px !important; margin: 4px 0; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav > ul > li > a:after { display: none; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li.menu-item-has-children > a:before { content: "\f3d0" !important; display: block;right:-15px;} header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li > ul.submenu { display: none; position: static; top: auto !important; left: auto !important; right: auto !important; transition: none !important; width: auto; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; background: none; margin-top: 0; padding: 15px 0; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li > ul.submenu:after { display: none; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav ul li > ul.submenu > li { padding: 0; margin: 0 !important; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content { display: none; position: static; top: auto !important; left: auto !important; right: auto !important; transition: none !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; margin: 0; z-index: auto; background: none; padding: 15px 0; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content:before { display: none; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content .mega-menu-inner { width: auto !important; margin: 0 !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; transition: none !important; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; padding: 0; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content .mega-menu-inner > ul > li { float: none; width: 100% !important; margin: 0; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a { margin: 0; } header.header-style-vertical.header-dark #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a { color: #c9c9c9; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after { display: none; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > a:before { content: "\f3d0"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; right: -15px; margin-top: -5px; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > ul { display: none; padding: 15px 0; } header.header-style-vertical #menu:not(.menu-is-open) nav#main-nav .mega-menu-content ul li.mega-menu-title > ul li { padding: 0 !important; } header.header-style-vertical #menu:not(.menu-is-open) #header-search a#show-search, header.header-style-vertical #menu:not(.menu-is-open) #header-cart a#show-cart, header.header-style-vertical #menu:not(.menu-is-open) #header-language a#show-language, header.header-style-vertical #menu:not(.menu-is-open) #header-social .socialmedia-widget li a { height: 30px; line-height: 30px; } header.header-style-vertical #menu:not(.menu-is-open) #menu-misc{ float:none;position:absolute;bottom:0;left:0;height:auto;width:100%; text-align: center; padding: 0; margin: 0; } header.header-style-vertical #menu:not(.menu-is-open) #menu-misc > div:first-child{margin-left:0} header.header-style-vertical #menu:not(.menu-is-open) #menu-misc > div { display: inline-block ; float: none; } header.header-style-vertical #menu:not(.menu-is-open) #header-cart .header-cart-content { display: none; } header.header-style-vertical #menu:not(.menu-is-open) #header-language .header-language-content { top: -30px; } header.header-style-vertical ~ #page-body #smart-nav { left: 300px; } .page-boxed header.header-style-vertical ~ #page-body #smart-nav { left: 50%; margin-left: -340px; } header.header-style-vertical #top-bar > div { display: none; } header.header-style-vertical #top-bar > div.show-on-mobile { display: block; text-align: center; width: 100%; } header.header-style-vertical #top-bar .socialmedia-widget li { margin-right: -5px; padding: 0 10px ; } /*---------------------------------------------- 8. FOOTER ------------------------------------------------*/ footer { width: 100%; background: #f5f6f7; position: relative; border-top: 1px solid #e0e0e0; } footer.footer-dark { background: #1a1a1a; border-color: #333333; } footer.footer-custom { background: none;; border: none; } footer .footer-inner { padding: 100px 0; } footer .copyright { border-top: 1px solid rgba(0, 0, 0, .10); text-align: center; padding: 30px 0; line-height: 20px; } .text-light .copyright { border-color: rgba(255, 255, 255, .15); } footer #backtotop { text-align: center; font-size: 11px; font-family: "Montserrat"; font-weight: 400; line-height: 20px; position: fixed; bottom: 40px; right: -1px; width: auto; transition: all 0.3s ease; z-index: 100; color: #ffffff; background: #0f0f0f; padding: 10px 15px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } footer #backtotop.visible { right: 40px; } footer #backtotop.visible:hover { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); right: 0px; } footer #backtotop:before { text-align: center; content: "\f126"; font-family: "Ionicons"; font-size: 10px; line-height: 20px; height: 10px; width: 10px; margin: 0 15px 0 1px; } /*---------------------------------------------- 9. HERO / PAGETITLE ------------------------------------------------*/ #hero { position: relative; overflow: hidden; } #hero.text-light { background: #1a1a1a; } #hero.hero-full { min-height: 100vh; } #hero.hero-big { min-height: 75vh; } /* hero pagetitle */ #hero #page-title { padding-top: 100px; padding-bottom: 100px; position: relative; } #hero #page-title:not(.wrapper):not(.wrapper-small) { width: calc(100% - 120px); padding-left: 60px; padding-right: 60px; } header.header-transparent:not(.header-bordered) + #hero #page-title { margin-top: 30px; } #hero.hero-full #page-title:not(.title-top):not(.title-bottom), #hero.hero-big #page-title:not(.title-top):not(.title-bottom) { margin: 0; } header.header-style-floating + #hero #page-title { padding-top: 140px; } #hero.hero-full #page-title, #hero.hero-big #page-title { margin-top: 0px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } #hero.hero-full #page-title.title-top, #hero.hero-big #page-title.title-top, #hero.hero-full #page-title.title-bottom, #hero.hero-big #page-title.title-bottom, #hero #page-title.title-adapt:not(.title-top):not(.title-bottom) { top: 0; -webkit-transform: translateY(0%) translateX(-50%); -moz-transform: translateY(0%) translateX(-50%); -ms-transform: translateY(0%) translateX(-50%); -o-transform: translateY(0%) translateX(-50%); transform: translateY(0%) translateX(-50%); } #hero.hero-full #page-title.title-bottom, #hero.hero-big #page-title.title-bottom { top: auto; bottom: 0; } #page-title h1 a, #page-title h2 a, #page-title h3 a, #page-title h4 a, #page-title h5 a, #page-title h6 a { color: #1a1a1a; transition: all 0.2s ease; } .text-light #page-title h1 a, .text-light #page-title h2 a, .text-light #page-title h3 a, .text-light #page-title h4 a, .text-light #page-title h5 a, .text-light #page-title h6 a { color: #ffffff; } /* overlay-body */ #hero.overlay-body { margin-bottom: -100px; } #hero.overlay-body + #page-body { position: relative; z-index: 20; padding-top: 0px; } #hero.overlay-body #page-title { padding-bottom: 160px; } /* scroll down */ #scroll-down { text-align: center; color: #1a1a1a; transition: all 0.1s ease; z-index: 2; width: 30px; height: 30px; position: absolute; bottom: 30px; left: 50%; margin-left: -15px; border-radius: 30px; border: 2px solid rgba(0, 0, 0, .3); transition: all 0.2s ease; z-index: 20; } #scroll-down.text-light, .text-light #scroll-down { color: #ffffff; border: 2px solid rgba(255, 255, 255, .3); } #scroll-down:after { text-align: center; content: "\f123"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; transition: all 0.2s ease; } #scroll-down:hover { border: 2px solid rgba(0, 0, 0, .6); } #scroll-down.text-light:hover, .text-light #scroll-down:hover { border: 2px solid rgba(255, 255, 255, .6); } #scroll-down:hover:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*---------------------------------------------- 10. PORTFOLIO ------------------------------------------------*/ .portfolio-item .portfolio-desc { margin-top: 15px; } .portfolio-item .portfolio-desc:first-child { margin-top: 0px; } .portfolio-item .portfolio-desc .portfolio-name { transition: all 0.2s ease; } .portfolio-item .portfolio-desc a:hover .portfolio-name { color: #00a054; } .portfolio-item .portfolio-desc .portfolio-category + .portfolio-name { margin-top: 3px; } /*---------------------------------------------- 11. FILTER ------------------------------------------------*/ .filter { margin: 0; list-style: none; text-align: center; padding: 30px 20px; height: auto; width: calc(100% - 40px); overflow: hidden; } .filter.align-left { text-align: left; padding: 30px 0px; } .filter.align-right { text-align: right; padding: 30px 0px; } .filter.filter-grey { background: #f5f6f7; padding: 30px 20px; } .filter.filter-dark { background: #1a1a1a; padding: 30px 20px; } #hero.hero-full .filter, #hero.hero-big .filter { position: absolute; bottom: 0; left: 0; } div[class*='spacer-'] + .filter:not(.filter-grey):not(.filter-dark) { padding-top: 0; } .filter li { display: inline-block; margin: 0 8px; position: relative; } .filter.align-left li { margin: 0 16px 0 0; } .filter li:after { content: ""; width: calc(100% + 2px); height: 2px; background: #000000; position: absolute; bottom: 10px; left: -1px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease ; transition: all 0.3s ease; z-index: 0; } .filter.filter-dark li:after, .filter.text-light li:after { background: #ffffff; } .filter li.active:after { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; bottom: 0px; } .filter.filter-dark li.active:after, .filter.text-light li.active:after { opacity: 0.2; filter: alpha(opacity=2); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)"; } .filter li a { display: inline-block; color: #1a1a1a; font-family:'Montserrat'; font-size: 12px; line-height: 26px; font-weight: 400; letter-spacing: 0.04em; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease ; transition: opacity 0.3s ease; z-index: 1; position: relative; } .filter.filter-dark li a, .filter.text-light li a { color: #ffffff; } .filter li.active a, .filter li a:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*---------------------------------------------- 12. BLOG ------------------------------------------------*/ .blog-item .blog-desc { margin-top: 15px; margin-bottom: 15px; } .owl-carousel .blog-item .blog-desc { margin-bottom: 0px; } .align-center .blog-desc, .blog-desc.align-center { padding: 0 15px; } .blog-item .post-category:not(.subtitle-1):not(.subtitle-2) { font-size: 12px; opacity: 0.6; } .blog-item .blog-desc .post-category:not(.subtitle-1):not(.subtitle-2) { color: #00a054; opacity: 1; } .blog-item .post-category + .post-name { margin-top: 5px; } .blog-item .blog-desc p { font-size: 14px; line-height: 23px; } /* Classic Blog layout ----------------------------*/ .classic-blog .blog-item { margin-top: 100px; margin-bottom: 0; } .classic-blog .blog-item:first-child { margin-top: 0px; } .classic-blog .blog-item .blog-desc { margin-bottom: 0px; } /* Blog Meta ----------------------------*/ .blog-meta { padding: 0; margin: 10px 0 0 0; list-style: none; } .blog-meta li { display: inline-block; margin: 0 12px; font-size: 12px; line-height: 18px; font-family: 'Montserrat'; font-weight: 400; letter-spacing: 0; color: #1a1a1a; position: relative; opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .blog-meta li:first-child { margin-left: 0px; } .blog-meta li:last-child { margin-right: 0px; } .text-light .blog-meta li { color: #ffffff; } .isotope-item.blog-item .blog-meta li { font-size: 10px; line-height: 14px; } .blog-meta li:before { content: ""; position: absolute; top: 50%; margin-top: -2.5px; left: -16px; width: 5px; height: 5px; border-radius: 5px; background: #000000; opacity: 0.33; filter: alpha(opacity=33); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=3)"; } .text-light .blog-meta li:before { background: #ffffff; } .blog-meta li:first-child:before { display: none; } .blog-meta li.post-author { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .blog-meta li.post-author a { color: #1a1a1a; } .text-light .blog-meta li.post-author a { color: #ffffff; } .blog-meta li.post-author img { width: 18px; height: 18px; border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; display: inline-block; margin-right: 7px; } .blog-meta li.post-author span { display: inline-block; line-height: 18px; margin: 0; opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .blog-meta li.post-author:before { opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } /* Blog Single ----------------------------*/ #blog-single .blog-media { margin-bottom: 60px; } /* Blog Author Box ----------------------------*/ .author-box { background: #f5f6f7; margin-top: 60px; padding: 30px; border-radius: 3px; overflow: hidden; } .author-box .author-image { float: left; width: 100px; border-radius: 50px; overflow: hidden; } .author-box .author-details { float: right; width: calc(100% - 130px); } /*---------------------------------------------- 13. COMMENTS ------------------------------------------------*/ /* Comments ----------------------------*/ .comments { margin-top: 60px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; } .comments ul { background: none; list-style: none; margin: 0; padding: 0; } .comments .comment-list { margin-top: 30px; } .comments .comment-list .comment { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e0e0e0; } .comments .comment-list .comment:first-child { margin-top: 0px; } .comments .comment .comment-inner { overflow: hidden; position: relative; } .comments .comment .children { margin-left: 80px; margin-top: 40px; } .comments .user { float: left; width: 60px; -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; } .comments .user img { -moz-border-radius: 999px; -webkit-border-radius: 999px; -o-border-radius: 999px; border-radius: 999px; } .comments .time { font-size: 11px; line-height: 15px; margin-top: 5px; } .comments .comment-content { margin-left: 80px; position: relative; } .comments .comment-reply-link { position: absolute; top: 0; right: 0; font-family: "Montserrat"; font-weight: 400; font-size: 11px; line-height: 17px; text-transform: uppercase; letter-spacing: 0.1em; } /* Leave comment ----------------------------*/ .leavecomment { margin-top: 60px; } .leavecomment form { margin-top: 30px; } /*---------------------------------------------- 14. SHOP ------------------------------------------------*/ /* Shop General ----------------------------*/ .product-media { position: relative; overflow: hidden; } .product-media .onsale { font-family: 'Montserrat'; font-size: 10px; line-height: 17px; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; position: absolute; top: 0; right: 0; background: #00a054; display: inline-block; padding: 3px 15px; color: #ffffff; } .product-price { font-family: 'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; color: #1a1a1a; margin-top: 5px; } .text-light .product-price { color: #ffffff; } .product-price del, .product-desc .product-price ins { display:block; } .product-price ins { text-decoration: none; color: #00a054; } .product-price del { font-size: 11px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .product-rating { margin-top: 5px; } .product-rating .star-rating { display: inline-block; color: #00a054; font-size: 16px; } /* Shop Grid ----------------------------*/ .shop-container .shop-item .product-media .add-to-cart-overlay { position: absolute; width: 100%; bottom: 0; left: 0; transition: all 0.3s ease; -webkit-transform: translateY(101%); -moz-transform: translateY(101%); -ms-transform: translateY(101%); -o-transform: translateY(101%); transform: translateY(101%); } .shop-container .shop-item .product-media:hover .add-to-cart-overlay { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .shop-container .shop-item .product-media .add-to-cart-overlay a { font-family: 'Lato'; font-weight: 700; font-size: 11px; line-height: 20px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; background: #1a1a1a; color: #ffffff; display: block; padding: 13px 0; transition: all 0.2s ease; } .shop-container .shop-item .product-media .add-to-cart-overlay a:hover { background: #00a054; } .shop-container .shop-item .product-desc { margin-top: 20px; } /* Shop Single ----------------------------*/ #shop-single .onsale { font-size: 12px; line-height: 20px; padding: 7px 17px; } #shop-single .product-thumbs { margin-top: 20px; overflow: hidden; width: calc(100%); } #shop-single .product-thumbs a { float: left; width: calc(20% - 16px); display: block; height: auto; margin-right: 20px; } #shop-single .product-thumbs a:nth-child(5n) { margin-right: 0; } #shop-single .product-rating a.review-link { font-family: 'Lora'; font-weight: 400; font-size: 12px; font-style: italic; letter-spacing: 0.03em; opacity: 0.6; color: #1a1a1a; margin-left: 10px; display: inline-block; } #shop-single .product-rating a.review-link:hover { opacity: 1; } #shop-single .product-price { font-size: 18px; line-height: 22px; margin-top: 30px; } #shop-single .product-price ins { color: #1a1a1a; } #shop-single .product-price del { font-size: 13px; } #shop-single .product-intro { margin-top: 30px; } #shop-single form.add-to-cart { margin-top: 30px; } #shop-single form.add-to-cart .quantity { position: relative; width: 50px; padding-right: 19px; display: inline-block; top: 1px; margin-right: 20px; } #shop-single form.add-to-cart .quantity input[type=text] { text-align: center; } #shop-single form.add-to-cart .quantity input[type=button] { padding: 0; margin: 0; line-height: 15px; width: 20px; height: 50%; position: absolute; top: 0; right: 0; } #shop-single form.add-to-cart .quantity input[type=button].minus { top: auto; bottom: 0; border-top: 1px solid #3d3d3d; } #shop-single .product-meta { margin-top: 30px; padding: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } #shop-single .product-content { background: #f5f6f7; margin-top: 100px; } #shop-single .product-content .tabs .tab-container { margin-top: 60px; } #shop-single #product-review { margin-top: 0px; } #shop-single #product-review .comment-list { margin: 0; } #shop-single #product-review .product-rating { position: absolute; top: 0; right: 0; margin: 0; } #shop-single #product-review .product-rating .star-rating { font-size: 12px; line-height: 16px; } #shop-single #product-addreview select.rating { width: 100%; } /* Shop Cart & Checkout ----------------------------*/ table.table-cart tbody td { padding: 20px 0 ; } table.table-cart tbody tr:first-child td { padding-top: 0px; } table.table-cart thead + tbody tr:first-child td { padding-top: 20px; } table.table-cart tbody tr:last-child td { padding-bottom: 0px; } table.table-cart thead th { padding-bottom: 20px; } table.table-cart tbody tr:last-child { border-bottom: none; } table.table-cart .product-remove { width: 5%; text-align: center; } table.table-cart .product-remove a { color: #1a1a1a; font-size: 12px; } table.table-cart .product-remove a:hover { color: #f23030; } table.table-cart .product-image a { max-width: 70px; max-height: 110px; display: block; } table.table-cart .amount { max-width: 70px; max-height: 110px; display: block; } table.table-cart .quantity { position: relative; width: 50px; padding-right: 19px; display: inline-block; top: 1px; margin-right: 20px; } table.table-cart .quantity input[type=text] { text-align: center; } table.table-cart .quantity input[type=button] { padding: 0; margin: 0; line-height: 15px; width: 20px; height: 50%; position: absolute; top: 0; right: 0; } table.table-cart .quantity input[type=button].minus { top: auto; bottom: 0; border-top: 1px solid #3d3d3d; } table.table-cart .coupon-code { width: 400px; max-width: 48%; float:left; } table.table-cart .coupon-code .coupon-text { width: 38%; margin-right: 10px; } table.table-cart .update-cart { float:right; } #shop-cart .cart-total, #shop-checkout .cart-total, #shop-checkout .payment-option { background: #f5f6f7; padding: 30px; border-radius: 3px; margin-top: 30px; } .cart-total table.table-cart tbody td { padding: 10px 0 ; } .cart-total table.table-cart tr.total .product-price { font-size: 18px; color: #00a054; } #shop-cart .checkout-button { float: right; margin-top: 20px; } #shop-checkout .billing-details, #shop-checkout .payment-option { margin-top: 30px; } /*---------------------------------------------- 15. RELATED ITEMS ------------------------------------------------*/ .related-items { margin-top: 100px; } .related-items #related-grid { margin-top: 60px; } /*---------------------------------------------- 16. ISOTOPE GRID & GALLERY LIST & CAROUSEL (options) ------------------------------------------------*/ .isotope-grid { width: calc(100% + 1px); overflow: hidden; } .wrapper .isotope-grid { width: 100%; } .isotope-grid[class*='isotope-spaced'] { width: calc(100% - 50px); margin: 0 auto; left: 15px; } .wrapper .isotope-grid[class*='isotope-spaced'] { width: calc(100% + 30px); left: 0; margin: 0; } .isotope-grid.portfolio-container[class*='isotope-spaced'] { margin-top: 30px; } .filter:not(.filter-grey):not(.filter-dark) + .isotope-grid.portfolio-container[class*='isotope-spaced'] { margin-top: 0px; } .isotope-grid.isotope-spaced-mini { width: calc(100% - 3px); left: 1px; } .wrapper .isotope-grid.isotope-spaced-mini { width: calc(100% + 1px); left: 0; } .isotope-grid .isotope-item { margin-right: 0px; margin-bottom: 0px; float: left; overflow:hidden; position: relative; } .isotope-grid[class*='isotope-spaced'] .isotope-item { margin-bottom: 30px; margin-right: 30px; } .isotope-grid[class*='isotope-spaced'] .grid-sizer { margin-right: 30px; } .isotope-grid.isotope-spaced-mini .isotope-item { margin-bottom: 2px; margin-right: 2px; } .isotope-grid.isotope-spaced-mini .grid-sizer { margin-right: 2px; } /* style column */ .isotope-grid .isotope-item, .isotope-grid .grid-sizer { width: 25%; } .isotope-grid[class*='isotope-spaced'] .isotope-item, .isotope-grid[class*='isotope-spaced'] .grid-sizer { width: calc(50% - 30px); } .isotope-grid.isotope-spaced-mini .isotope-item, .isotope-grid.isotope-spaced-mini .grid-sizer { width: calc(50% - 1px); } .isotope-grid.style-column-2 .isotope-item, .isotope-grid.style-column-2 .grid-sizer { width: 50%; } .isotope-grid.style-column-3 .isotope-item, .isotope-grid.style-column-3 .grid-sizer { width: 33.33%; } .isotope-grid.style-column-4 .isotope-item, .isotope-grid.style-column-4 .grid-sizer { width: 25%; } .isotope-grid.style-column-5 .isotope-item, .isotope-grid.style-column-5 .grid-sizer { width: 20%; } .isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item, .isotope-grid.style-column-2[class*='isotope-spaced'] .grid-sizer { width: calc(50% - 30px); } .isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item, .isotope-grid.style-column-3[class*='isotope-spaced'] .grid-sizer { width: calc(33.33% - 30px); } .isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item, .isotope-grid.style-column-4[class*='isotope-spaced'] .grid-sizer { width: calc(25% - 30px); } .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item, .isotope-grid.style-column-5[class*='isotope-spaced'] .grid-sizer { width: calc(20% - 30px); } .isotope-grid.style-column-2.isotope-spaced-mini .isotope-item, .isotope-grid.style-column-2.isotope-spaced-mini .grid-sizer { width: calc(50% - 2px); } .isotope-grid.style-column-3.isotope-spaced-mini .isotope-item, .isotope-grid.style-column-3.isotope-spaced-mini .grid-sizer { width: calc(33.33% - 2px); } .isotope-grid.style-column-4.isotope-spaced-mini .isotope-item, .isotope-grid.style-column-4.isotope-spaced-mini .grid-sizer { width: calc(25% - 2px); } .isotope-grid.style-column-5.isotope-spaced-mini .isotope-item, .isotope-grid.style-column-5.isotope-spaced-mini .grid-sizer { width: calc(20% - 2px); } /* style modern */ .isotope-grid[class*='style-modern'] .isotope-item, .isotope-grid[class*='style-modern'] .grid-sizer { width: 25%; } .isotope-grid[class*='style-modern'] .isotope-item.wide, .isotope-grid[class*='style-modern'] .isotope-item.wide-tall { width: 50%; } .isotope-grid.style-modern-3 .isotope-item, .isotope-grid.style-modern-3 .grid-sizer { width: 33.33%; } .isotope-grid.style-modern-3 .isotope-item.wide, .isotope-grid.style-modern-3 .isotope-item.wide-tall { width: 66.66%; } .isotope-grid.style-modern-5 .isotope-item, .isotope-grid.style-modern-5 .grid-sizer { width: 20%; } .isotope-grid.style-modern-5 .isotope-item.wide, .isotope-grid.style-modern-5 .isotope-item.wide-tall { width: 40%; } .isotope-grid[class*='isotope-spaced'][class*='style-modern'] .isotope-item, .isotope-grid[class*='isotope-spaced'][class*='style-modern'] .grid-sizer { width: calc(25% - 30px); } .isotope-grid[class*='isotope-spaced'][class*='style-modern'] .isotope-item.wide, .isotope-grid[class*='isotope-spaced'][class*='style-modern'] .isotope-item.wide-tall { width: calc(50% - 30px); } .isotope-grid.style-modern-3[class*='isotope-spaced'] .isotope-item, .isotope-grid.style-modern-3[class*='isotope-spaced'] .grid-sizer { width: calc(33.33% - 30px); } .isotope-grid.style-modern-3[class*='isotope-spaced'] .isotope-item.wide, .isotope-grid.style-modern-3[class*='isotope-spaced'] .isotope-item.wide-tall { width: calc(66.66% - 30px); } .isotope-grid.style-modern-5[class*='isotope-spaced'] .isotope-item, .isotope-grid.style-modern-5[class*='isotope-spaced'] .grid-sizer { width: calc(20% - 30px); } .isotope-grid.style-modern-5[class*='isotope-spaced'] .isotope-item.wide, .isotope-grid.style-modern-5[class*='isotope-spaced'] .isotope-item.wide-tall { width: calc(40% - 30px); } .isotope-grid[class*='style-modern'] .portfolio-media, .isotope-grid[class*='style-modern'] .blog-media { width: calc(100% + 2px); height: calc(100% + 2px); left: -1px; top: -1px; position: relative; } .isotope-grid[class*='style-modern'] .isotope-item img { position: absolute; left: 0; top: 0; max-width: none; } .isotope-grid[class*='style-modern'] .isotope-item img.wide-img { width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .isotope-grid[class*='style-modern'] .isotope-item img.tall-img { width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* gallery */ ul.gallery-list { margin: 0; padding: 0; list-style: none; } ul.gallery-list.gallery-spaced { margin-top: 40px; } div ul.gallery-list.gallery-spaced:first-child { margin-top: 0px; } ul.gallery-list li { margin: 0; padding: 0; text-align: center; } ul.gallery-list.gallery-spaced li { margin-top: 40px; } ul.gallery-list.gallery-spaced li:first-child { margin-top: 0px; } /* carousel */ .owl-carousel.owl-spaced { left: 40px; width: calc(100% - 80px); } .wrapper .owl-carousel.owl-spaced { width: 100%; left: inherit; } /*---------------------------------------------- 17. COLUMNS SECTION ------------------------------------------------*/ .column-section { margin-top: 40px; } div .column-section:first-child { margin-top: 0px; } .column { float: left; margin-right: 40px; min-height: 1px; } .column-section .column:first-child { margin-left: 40px; } .wrapper .column-section .column:first-child, .wrapper-small .column-section .column:first-child { margin-left: 0px; } .boxed-sticky, .bordered-sticky { margin-top: 0px; } .boxed-spaced .column, .boxed-sticky .column, .bordered-spaced .column, .bordered-sticky .column { background: #f5f6f7; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .text-light .boxed-spaced .column, .text-light .boxed-sticky .column { background: #0f0f0f ; } .bordered-spaced .column, .bordered-sticky .column { border: 1px solid rgba(0,0,0,0.15); background: none; } .text-light .bordered-spaced .column, .text-light .bordered-sticky .column { border-color: rgba(255,255,255,0.22); } .bordered-sticky .column { border-right: none; } .bordered-sticky .column:first-child { border-left: none; } .wrapper .bordered-sticky .column:first-child { border-left: 1px solid rgba(0,0,0,0.15); } .wrapper .bordered-sticky .column:first-child, .wrapper-small .bordered-sticky .column:first-child { border-left: 1px solid rgba(0,0,0,0.15); } .wrapper .text-light .bordered-sticky .column:first-child, .text-light .wrapper .bordered-sticky .column:first-child, .wrapper-small .text-light .bordered-sticky .column:first-child, .text-light .wrapper-small .bordered-sticky .column:first-child { border-left: 1px solid rgba(255,255,255,0.22); } .wrapper .bordered-sticky .column.last-col, .wrapper-small .bordered-sticky .column.last-col { border-right: 1px solid rgba(0,0,0,0.15); } .wrapper .text-light .bordered-sticky .column.last-col, .text-light .wrapper .bordered-sticky .column.last-col, .wrapper-small .text-light .bordered-sticky .column.last-col, .text-light .wrapper-small .bordered-sticky .column.last-col { border-right: 1px solid rgba(255,255,255,0.22); } .bordered-sticky + .bordered-sticky .column { border-top: none; } .column-section.rounded .column { -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; } .column-section.boxed-sticky.rounded .column:not(.accent-table), .column-section.bordered-sticky.rounded .column:not(.accent-table) { -moz-border-radius: 0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; } .column-section.boxed-sticky.rounded .column:first-child, .column-section.bordered-sticky.rounded .column:first-child { -moz-border-radius: 8px 0 0 8px; -khtml-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px; } .column-section.boxed-sticky.rounded .column.last-col, .column-section.bordered-sticky.rounded .column.last-col { -moz-border-radius: 0 8px 8px 0; -khtml-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0; } h1 + .column-section.bordered-sticky,h2 + .column-section.bordered-sticky,h3 + .column-section.bordered-sticky, h4 + .column-section.bordered-sticky,h5 + .column-section.bordered-sticky,h6 + .column-section.bordered-sticky, h1 + .column-section.boxed-sticky,h2 + .column-section.boxed-sticky,h3 + .column-section.boxed-sticky, h4 + .column-section.boxed-sticky,h5 + .column-section.boxed-sticky,h6 + .column-section.boxed-sticky, separator + .column-section.bordered-sticky, separator + .column-section.boxed-sticky { margin-top: 40px; } .column.nopadding { padding: 0px !important; } .column.notoppadding { padding-top: 0px !important; } .column.nobottompadding { padding-bottom: 0px !important; } .column.bigpadding { padding: 5em; } .one-full { width: calc(100% - 80px); float: none; margin-right: 0; } .one-half { width: calc(50% - 60px); } .one-third { width: calc(33.33% - 53.33px); } .two-third { width: calc(66.66% - 66.66px); } /* ((40*4)/3) + (40/3) */ .one-fourth { width: calc(25% - 50px); } .two-fourth { width: calc(50% - 60px); } .three-fourth { width: calc(75% - 70px); } .one-fifth { width: calc(20% - 48px); } .two-fifth { width: calc(40% - 56px); } .three-fifth { width: calc(60% - 64px); } .four-fifth { width: calc(80% - 72px); } .one-sixth { width: calc(16.66% - 46.66px); } .two-sixth { width: calc(33.33% - 53.33px); } .three-sixth { width: calc(50% - 60px); } .four-sixth { width: calc(66.66% - 66.66px); } .five-sixth { width: calc(83.33% - 73.33px); } .wrapper .one-full, .wrapper-small .one-full { width: 100%; float: none; margin-right: 0; } .wrapper .one-half, .wrapper-small .one-half { width: calc(50% - 20px); } .wrapper .one-third, .wrapper-small .one-third { width: calc(33.33% - 26.66px); } .wrapper .two-third, .wrapper-small .two-third { width: calc(66.6% - 13.33px); } /* ((40*3)/2) - (40/3) */ .wrapper .one-fourth, .wrapper-small .one-fourth { width: calc(25% - 30px); } .wrapper .two-fourth, .wrapper-small .two-fourth { width: calc(50% - 20px); } .wrapper .three-fourth, .wrapper-small .three-fourth { width: calc(75% - 10px); } .wrapper .one-fifth, .wrapper-small .one-fifth { width: calc(20% - 32px); } .wrapper .two-fifth, .wrapper-small .two-fifth { width: calc(40% - 24px); } .wrapper .three-fifth, .wrapper-small .three-fifth { width: calc(60% - 16px); } .wrapper .four-fifth, .wrapper-small .four-fifth { width: calc(80% - 8px); } .wrapper .one-sixth, .wrapper-small .one-fifth { width: calc(16.66% - 33.33px); } .wrapper .two-sixth, .wrapper-small .two-fifth { width: calc(33.33% - 26.66px); } .wrapper .three-sixth, .wrapper-small .three-fifth { width: calc(50% - 20px); } .wrapper .four-sixth, .wrapper-small .four-fifth { width: calc(66.66% - 13.33px); } .wrapper .five-sixth, .wrapper-small .five-fifth { width: calc(83.33% - 6.66px); } .boxed-sticky .column, .bordered-sticky .column, .boxed-sticky .column:first-child, .bordered-sticky .column:first-child { margin-left: 0; margin-right: 0; } .boxed-sticky .one-full, .bordered-sticky .one-full { width: 100%; float: none; margin-right: 0; } .boxed-sticky .one-half, .bordered-sticky .one-half { width: 50%; } .boxed-sticky .one-third, .bordered-sticky .one-third { width: 33.33%; } .boxed-sticky .two-third, .bordered-sticky .two-third { width: 66.6%; } .boxed-sticky .one-fourth, .bordered-sticky .one-fourth { width: 25%; } .boxed-sticky .two-fourth, .bordered-sticky .two-fourth { width: 50%; } .boxed-sticky .three-fourth, .bordered-sticky .three-fourth { width: 75%; } .boxed-sticky .one-fifth, .bordered-sticky .one-fifth { width: 20%; } .boxed-sticky .two-fifth, .bordered-sticky .two-fifth { width: 40%; } .boxed-sticky .three-fifth, .bordered-sticky .three-fifth { width: 60%; } .boxed-sticky .four-fifth, .bordered-sticky .four-fifth { width: 80%; } .last-col { margin-right: 0px !important; } .col-content:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .col-content { *display: inline-block; height: 1%; overflow: hidden; } /*---------------------------------------------- 18. FULLWIDTH SECTION ------------------------------------------------*/ .fullwidth-section .fullwidth-content { padding: 100px 0; } .fullwidth-section.notoppadding .fullwidth-content { padding-top: 0; } .fullwidth-section.nobottompadding .fullwidth-content { padding-bottom: 0; } header.header-transparent + #page-body .fullwidth-section:first-child::before { content: ""; display: inline-block; } header.header-transparent + #page-body .fullwidth-section:first-child .fullwidth-content { padding-top: 60px; } .fullwidth-section.fullheight { min-height: -webkit-calc(100vh - 60px); min-height: -moz-calc(100vh - 60px); min-height: calc(100vh - 60px); } header.header-transparent + #page-body .fullwidth-section.fullheight:first-child, #page-content #page-body:first-child .fullwidth-section.fullheight { min-height: 100vh; } header:not(.header-transparent) + #page-body .fullwidth-section.fullheight:first-child { min-height: calc(100vh - 90px); } /*---------------------------------------------- 19. PAGINATION & SHARE ------------------------------------------------*/ #share:not(.share-fixed) + #single-pagination:not(.img-pagination) { margin-top: 30px; } #pagination ul, #single-pagination:not(.img-pagination) ul { list-style: none; overflow:hidden; padding: 0 40px; margin: 0; text-align: center; } .wrapper #pagination ul, .wrapper-small #pagination ul, .wrapper #single-pagination:not(.img-pagination) ul, .wrapper-small #single-pagination:not(.img-pagination) ul { padding: 0; } #pagination ul li, #single-pagination:not(.img-pagination) ul li { margin: 0; padding: 30px 0; /*float: left;*/ display: inline-block; text-align: center; } #pagination ul li a, #single-pagination:not(.img-pagination) ul li a, #pagination ul li span { font-family:'Montserrat'; font-weight: 400; font-size: 11px; line-height: 17px; height: 17px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em; display: block; color: #1a1a1a; position: relative; transition: all 0.2s ease; } #pagination ul li.prev, #single-pagination:not(.img-pagination) ul li.prev { text-align: left; float: left; } #pagination ul li.next, #single-pagination:not(.img-pagination) ul li.next { text-align: right; float: right; } #pagination ul li.next a, #single-pagination:not(.img-pagination) ul li.next a { padding-right: 15px; } #pagination ul li.prev a, #single-pagination:not(.img-pagination) ul li.prev a { padding-left: 15px; } #pagination ul li a:hover, #single-pagination:not(.img-pagination) ul li a:hover { color: #00a054; } #pagination ul li.next a:after, #single-pagination:not(.img-pagination) ul li.next a:after { content: "\f125"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; right: 0; margin-top: -5px; } #pagination ul li.prev a:after, #single-pagination:not(.img-pagination) ul li.prev a:after { content: "\f124"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -5px; } /* pagiation with pages */ #pagination ul li.next a, #pagination ul li.prev a { display: block; text-indent: 9999px; } #pagination ul li.next a:after, #pagination ul li.prev a:after { text-indent: 0px !important; } #pagination ul li a, #pagination ul li.page span { height: 30px; line-height:30px; width: 15px; } #pagination ul li.page span.current, #pagination ul li.page a { font-size: 12px; width: 25px; height: 26px; line-height: 26px; padding-left: 1px; border: 2px solid #e0e0e0; border-radius:20px; } #pagination ul li.page span.current { margin: 0 3px; } #pagination ul li.page a { border-color:transparent; width: 20px; padding: 0; } /* img pagination */ .img-pagination ul { padding: 0; margin: 0; overflow:hidden; } .img-pagination ul li { display: block; float: left; width: 50%; list-style: none; padding: 0; margin: 0; } .img-pagination ul li a { display: block; background-position: center center; background-size: 100%; color: #ffffff; height: 220px; position: relative; transition: background-size 0.51s ease; -moz-transition: background-size 0.51s ease; -ms-transition: background-size 0.51s ease; -o-transition: background-size 0.51s ease; -webkit-transition: background-size 0.51s ease; } .img-pagination ul li a::before { content: ""; position:absolute; top: 0; left: 0; width: 80%; height: 100%; background: rgba(0,0,0,0.5); background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 ); transition: opacity 0.51s ease; -moz-transition: opacity 0.51s ease; -ms-transition: opacity 0.51s ease; -o-transition: opacity 0.51s ease; -webkit-transition: opacity 0.51s ease; } .img-pagination ul li.next a::before { left: auto; right: 0; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(241,111,92,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(241,111,92,0)), color-stop(100%, rgba(0,0,0,0.5))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(241,111,92,0) 0%, rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(241,111,92,0) 0%, rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(241,111,92,0) 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(241,111,92,0) 0%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 ); } .img-pagination ul li a .overlay-caption { padding: 30px; position:absolute; top: 50px; left: 0; } .img-pagination ul li.next a .overlay-caption { text-align: right; left: inherit; right: 0; } .img-pagination ul li a .post-name { margin-top: 10px; color: #ffffff; } .img-pagination ul li a span { font-family: 'Lato'; font-weight: 700; font-size: 11px; line-height: 17px; height: 17px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.1em; } .img-pagination ul li a:hover { background-size: 108%; } .img-pagination ul li a:hover:before { opacity: 0.2; } /* Share */ #share { margin-top: 30px; } .post-content + #share { margin-top: 60px; } #share ul { list-style: none; margin: 0; text-align: center; margin-left: -4px; padding: 0 3px; } #share.align-left ul { text-align: left; } #share.align-right ul { text-align: right; } #share ul li { margin: 0; padding: 0; display: inline-block; margin-right: -5px; } #share ul li a { line-height: 40px; height: 40px; min-width: 20px; padding: 0 10px; color: #ffffff; transition: all 0.2s ease; display: block; text-align: left; font-family:'Montserrat'; font-weight: 400; font-size: 11px; } #share ul li a:hover { padding: 0 15px; } #share ul li a:before { text-align: center; font: normal normal normal 12px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; width: 20px; display: inline-block; top: 2px; } #share ul li.facebook a:before { content:"\f09a"; } #share ul li.twitter a:before { content:"\f099"; } #share ul li.googleplus a:before { content: "\f0d5"; } #share ul li.pinterest a:before { content: "\f0d2"; } #share ul li.facebook a { background: #446ebf; } #share ul li.twitter a { background: #39aadc; } #share ul li.googleplus a { background: #d63d1e; } #share ul li.pinterest a { background: #c81e1e; } #share ul li a span { display: inline-block; margin: 0 2px; min-width: 40px; text-align: center; } /* Share fixed */ #share.share-fixed { position: fixed; right: -170px; bottom: 80px; z-index: 2; transition: all 0.3s ease; margin: 0; } #share.share-fixed.visible { right: -130px; } #share.share-fixed ul { margin: 0; padding: 0; text-align: left; width: 130px; } #share.share-fixed ul li { display: block; margin: 0; width: auto; } #share.share-fixed ul li a { padding: 0 !important; min-width: 50px; display: inline-block; -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); transition: all 0.3s ease; } #share.share-fixed ul li a:hover { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } #share.share-fixed ul li a:before { width: 40px; } #share.share-fixed ul li a span { margin: 0 15px 0 2px; min-width: auto; } /*---------------------------------------------- 20. THUMB OVERLAY EFFECT ------------------------------------------------*/ .thumb-overlay { overflow: hidden; height: auto; display: block; width: 100%; max-width: 100%; position: relative; margin: 0; padding: 0; } .isotope-grid .thumb-overlay, .owl-carousel .thumb-overlay { display: block; } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay { height: 100%; } .thumb-overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease ; transition: all 0.51s ease; } .thumb-overlay.text-light:after { background: #000000; } .thumb-overlay .overlay-caption { position: absolute; top: 50%; left: 30px; width: calc(100% - 60px); padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .thumb-overlay .overlay-caption:not(.align-left):not(.align-right) { text-align: center; } .thumb-overlay .overlay-caption.caption-bottom { top: inherit; bottom: 40px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .thumb-overlay .overlay-caption.caption-top { top: 40px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .thumb-overlay .overlay-caption hr { width: 60px; float: none; margin-top: 10px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .thumb-overlay .overlay-caption:not(.align-left):not(.align-right) hr { margin-right: auto; margin-left: auto; } .thumb-overlay .overlay-caption hr + h1, .thumb-overlay .overlay-caption hr + h2, .thumb-overlay .overlay-caption hr + h3, .thumb-overlay .overlay-caption hr + h4, .thumb-overlay .overlay-caption hr + h5, .thumb-overlay .overlay-caption hr + h6 { margin-top: 10px; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease ; transition: all 0.51s ease; } /* general effect */ .thumb-overlay img { -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease; transition: all 0.51s ease; } .thumb-overlay:hover img, .shop-item:hover .thumb-overlay img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.wide-img { -webkit-transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); -o-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.tall-img { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); } /* hover pic*/ .thumb-overlay img.hover-pic { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); position: absolute; top: 0; left: 0; } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay img.hover-pic.wide-img { -webkit-transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); -o-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay img.hover-pic.tall-img { -webkit-transform: translateX(-50%) scale(1.1); -moz-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); -o-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); } .thumb-overlay:hover img.hover-pic, .product-media:hover .thumb-overlay img.hover-pic { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.hover-pic.wide-img, .isotope-grid[class*='style-modern'] .isotope-item .product-media:hover .thumb-overlay img.hover-pic.wide-img { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .isotope-grid[class*='style-modern'] .isotope-item .thumb-overlay:hover img.hover-pic.tall-img, .isotope-grid[class*='style-modern'] .isotope-item .product-media:hover .thumb-overlay img.hover-pic.tall-img { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } .thumb-overlay .overlay-caption hr { margin-top: 0px; width: 0px; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease ; transition: all 0.51s ease; } .thumb-overlay:hover .overlay-caption hr { width: 60px; margin-top: 15px; } .thumb-overlay:hover .overlay-caption hr + h1, .thumb-overlay:hover .overlay-caption hr + h2, .thumb-overlay:hover .overlay-caption hr + h3, .thumb-overlay:hover .overlay-caption hr + h4, .thumb-overlay:hover .overlay-caption hr + h5, .thumb-overlay:hover .overlay-caption hr + h6 { margin-top: 15px;} /* hidden-on-start */ .thumb-overlay:not(.overlay-effect-3):not(.overlay-effect-4) .overlay-caption.hidden-on-start { opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.51s ease; -moz-transition: all 0.51s ease; -o-transition: all 0.51s ease; -ms-transition: all 0.51s ease ; transition: all 0.51s ease; } .thumb-overlay:not(.overlay-effect-3):not(.overlay-effect-4):hover .overlay-caption.hidden-on-start { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* overlay style 1 */ .thumb-overlay.overlay-effect-1:hover:after { opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } /* overlay style 2 */ .thumb-overlay.overlay-effect-2:hover:after { opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; width: calc(100% - 30px); height: calc(100% - 30px); left: 15px; top: 15px; } /* overlay style 3 */ .thumb-overlay.overlay-effect-3 .overlay-caption { height: auto; padding: 20px; width: 100%; top: auto; bottom: 0; left: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: opacity 0.51s ease; -moz-transition: opacity 0.51s ease; -o-transition: opacity 0.51s ease; -ms-transition: opacity 0.51s ease; } .thumb-overlay.overlay-effect-3 .overlay-caption.caption-top { bottom: auto; top: 0; } .thumb-overlay.overlay-effect-3 .overlay-caption:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% + 100px); z-index: -1; transition: opacity 0.51s ease; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.5)) ); background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100% ); } .thumb-overlay.overlay-effect-3 .overlay-caption.caption-top:after { bottom: auto; top: 0; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)) ); background-image: -moz-linear-gradient( rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100% ); } .thumb-overlay.overlay-effect-3.text-light .overlay-caption:after { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)) ); background-image: -moz-linear-gradient( rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100% ); } .thumb-overlay.overlay-effect-3.text-light .overlay-caption.caption-top:after { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)) ); background-image: -moz-linear-gradient( rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100% ); } /* overlay style 4 */ .thumb-overlay.overlay-effect-4 .overlay-caption { height: auto; padding: 20px; width: 100%; top: 100%; left: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: transform 0.31s ease; -moz-transition: transform 0.31s ease; -o-transition: transform 0.31s ease; -ms-transition: transform 0.31s ease; transition: transform 0.31s ease; } .thumb-overlay.overlay-effect-4 .overlay-caption:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: -1; opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .thumb-overlay.text-light.overlay-effect-4 .overlay-caption:after { background: #000000; } .thumb-overlay.overlay-effect-4:hover .overlay-caption { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /*---------------------------------------------- 21. ELEMENTS ------------------------------------------------*/ /* spacer -------------------------------------------------*/ div[class*='spacer-'] { display: block; } .spacer-mini { height: 20px; } .spacer-small { height: 40px; } .spacer-medium { height: 60px; } .spacer-big { height: 100px; } div[class*='spacer-'] + p, div[class*='spacer-'] + div, cdiv[class*='spacer-'] + blockquote, div[class*='spacer-'] + ul, div[class*='spacer-'] + h1, div[class*='spacer-'] + h2, div[class*='spacer-'] + h3, div[class*='spacer-'] + h4, div[class*='spacer-'] + h5, div[class*='spacer-'] + h6 { margin-top: 0px !important; } /* detail row -------------------------------------------------*/ p.meta-row { font-size: 14px; } p.meta-row + p.meta-row { margin-top: 0px; } p.meta-row .meta-label { font-family:'Montserrat'; font-weight: 400; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; display: inline-block; width: 130px; color: #1a1a1a; } /* has animation -------------------------------------------------*/ .has-animation { -webkit-transform: translateY(10%) ; -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); -webkit-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; -moz-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; -o-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; -ms-transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; transition: transform 0.8s ease 0.2s, opacity 0.8s ease 0.2s; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .has-animation.from-top { -webkit-transform: translateY(-70px) ; -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); } .has-animation.from-left { -webkit-transform: translateY(0px) translateX(-70px); -moz-transform: translateY(0px) translateX(-70px); -ms-transform: translateY(0px) translateX(-70px); -o-transform: translateY(0px) translateX(-70px); transform: translateY(0px) translateX(-70px); } .has-animation.from-right { -webkit-transform: translateY(0px) translateX(70px); -moz-transform: translateY(0px) translateX(70px); -ms-transform: translateY(0px) translateX(70px); -o-transform: translateY(0px) translateX(70px); transform: translateY(0px) translateX(70px); } .has-animation.fade { -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); -ms-transform: translateY(0px) translateX(0px); -o-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); } .has-animation.animated { -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); -ms-transform: translateY(0px) translateX(0px); -o-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Buttons */ .sr-button { font-family: 'Lato'; font-weight: 700; font-size: 12px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; background: #1a1a1a; color: #ffffff; display: inline-block; padding: 15px 40px; transition: all 0.2s ease; max-width: 100%; margin: 2px 0 3px 0; } .text-light .sr-button { background: #ffffff; color: #1a1a1a; } .align-center .sr-button { margin-left: 5px; margin-right: 5px; } .sr-button:hover { background: #00a054; color: #ffffff; } .text-light .sr-button:hover { background: #00a054; color: #ffffff; } .sr-button.button-tiny { font-size: 9px; line-height: 16px; padding: 7px 14px; } .sr-button.button-mini { font-size: 10px; line-height: 18px; padding: 9px 20px; } .sr-button.button-small { font-size: 11px; line-height: 20px; padding: 12px 30px; } .sr-button.button-medium { font-size: 12px; line-height: 22px; padding: 15px 40px; } .sr-button.button-big { font-size: 14px; line-height: 24px; padding: 20px 50px; } .sr-button.button-full { font-size: 18px; line-height: 32px; width: 100%; padding: 40px 0; font-weight: 400; margin: 0; } .sr-button.button-full strong { font-size: 22px; font-weight: 700; } .sr-button.button-1 { background: #1a1a1a; color: #ffffff; } .sr-button.button-1:hover { background: #00a054; color: #ffffff; } .text-light .sr-button.button-1 { background: #ffffff; color: #1a1a1a; } .text-light .sr-button.button-1:hover { background: #00a054; color: #ffffff; } .sr-button.button-2 { background: #00a054; color: #ffffff; } .sr-button.button-2:hover { background: #1a1a1a; color: #ffffff; } .text-light .sr-button.button-2:hover { background: #ffffff; color: #1a1a1a; } .sr-button.button-3 { background: #f0f0f0; color: #1a1a1a; } .sr-button.button-3:hover { background: #1a1a1a; color: #ffffff; } .text-light .sr-button.button-3 { background: #3d3d3d; color: #ffffff; } .text-light .sr-button.button-3:hover { background: #ffffff; color: #1a1a1a; } .sr-button.button-4 { background: transparent; border: 2px solid rgba(0, 0, 0, .2); color: #1a1a1a; } .sr-button.button-4:hover { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; } .text-light .sr-button.button-4 { border: 2px solid rgba(255, 255, 255, .2); color: #ffffff; } .text-light .sr-button.button-4:hover { background: #ffffff; border-color: #ffffff; color: #1a1a1a; } .sr-button.button-5 { background: transparent; border: 2px solid rgba(0, 0, 0, .2); color: #1a1a1a; } .sr-button.button-5:hover { background: #00a054; border-color: #00a054; color: #ffffff; } .text-light .sr-button.button-5 { border: 2px solid rgba(255, 255, 255, .2); color: #ffffff; } .text-light .sr-button.button-5:hover { background: #00a054; border-color: #00a054; color: #ffffff; } .sr-button.button-6 { background: transparent; border: 2px solid rgba(0, 0, 0, .2); color: #1a1a1a; } .sr-button.button-6:hover { border-color: #00a054; background: transparent; } .text-light .sr-button.button-6 { border: 2px solid rgba(255, 255, 255, .2); color: #ffffff; } .text-light .sr-button.button-6:hover { border-color: #00a054; background: transparent; } .sr-button.rounded { border-radius: 4px; } .sr-button.circled { border-radius: 50px; } /* Icon-Text Button */ .button-icon-text { position: relative } .button-icon-text i { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; } .sr-button.button-tiny.button-icon-text { padding-left: 34px; } .sr-button.button-tiny.button-icon-text i { font-size: 14px; left: 14px; } .sr-button.button-mini.button-icon-text { padding-left: 44px; } .sr-button.button-mini.button-icon-text i { font-size: 18px; left: 18px; } .sr-button.button-small.button-icon-text { padding-left: 58px; } .sr-button.button-small.button-icon-text i { font-size: 22px; left: 26px; } .sr-button.button-medium.button-icon-text { padding-left: 70px; } .sr-button.button-medium.button-icon-text i { font-size: 26px; left: 36px; } .sr-button.button-big.button-icon-text { padding-left: 90px; } .sr-button.button-big.button-icon-text i { font-size: 34px; left: 44px; } /* Icon Button */ .button-icon i { font-size: 20px; position: relative; display: block; width: 20px; height: 20px; line-height: 20px; } .sr-button.button-tiny.button-icon i { font-size: 13px; width: 28px; height: 28px; line-height: 28px; left: 0.5px; } .sr-button.button-mini.button-icon i { font-size: 17px; width: 38px; height: 38px; line-height: 38px; left: 0.5px; } .sr-button.button-small.button-icon i { font-size: 21px; width: 50px; height: 50px; line-height: 50px; left: 1px; } .sr-button.button-medium.button-icon i { font-size: 24px; width: 62px; height: 62px; line-height: 62px; left: 1px; } .sr-button.button-big.button-icon i { font-size: 32px; width: 76px; height: 76px; line-height: 76px; left: 1px; } .button-icon i.fa-play, .button-icon i.ion-play { left: 4% !important; } .sr-button.button-icon { padding: 0; text-align: center; } /* Separator (hr)*/ hr { border: none; background: #000000; height: 1px; width: 100%; margin: 0; opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; margin-left: 0; } .text-light hr { background: #ffffff; opacity: 0.22; filter: alpha(opacity=22); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=22)"; } .align-center hr, hr.align-center { margin-left: auto; margin-right: auto; } .align-right hr, hr.align-right { margin-left: auto; margin-right: 0; } /* hr spacings (this might be optimized depending on your font and lineheight used) */ hr + h1 { margin-top: 10px; } h1 + hr { margin-top: 11px; } hr + h2 { margin-top: 12px; } h2 + hr { margin-top: 13px; } hr + h3, h3 + hr { margin-top: 14px; } hr + h4, h4 + hr { margin-top: 18px; } hr + h5, h5 + hr { margin-top: 21px; } hr + h6, h6 + hr { margin-top: 22px; } hr + p, p + hr { margin-top: 20px; } hr.mini { width: 36px; } hr.small { width: 60px; } hr.medium { width: 120px; } hr.big { width: 180px; } hr.has-animation:not(.colored) { width: 0px; -webkit-transform: translateY(0px) ; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 0.15 !important; filter: alpha(opacity=15) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)" !important; } .text-light hr.has-animation:not(.colored) { opacity: 0.22; filter: alpha(opacity=22); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=22)"; } hr.mini.has-animation.animated { width: 36px; transition: width 0.5s; } hr.small.has-animation.animated { width: 60px; transition: width 0.6s; } hr.medium.has-animation.animated { width: 120px; transition: width 0.7s; } hr.big.has-animation.animated { width: 180px; transition: width 0.8s; } hr.thin { height: 1px; } hr.thick { height: 2px; } hr.fat { height: 4px; } hr.huge { height: 6px; } hr.colored { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #00a054; border-color: #00a054; } hr.dotted { background: none; height: 1px; border-top: 1px dotted #000000; } .text-light hr.dotted { border-color: #ffffff; } hr.zigzag { background: repeat-x url("data:image/svg+xml;utf-8,"); height: 5px; } .text-light hr.zigzag { background: repeat-x url("data:image/svg+xml;utf-8,"); } hr.zigzag.colored { background: repeat-x url("data:image/svg+xml;utf-8,"); } /* Icon Boxes */ .icon-box { overflow: hidden; } .icon-box .icon-box-icon { float: left; width: 50px; color: #1a1a1a; } .text-light .icon-box .icon-box-icon { color: #ffffff; } .icon-box .icon-box-content { float: right; width: calc(100% - 70px); margin-top: 3px; } /* Inline Video */ .inline-video { position: relative; cursor: pointer; display: inline-block; max-width: 100%; } .slider-item.inline-video, .parallax-section.inline-video { display: inherit; } .inline-video:before { content: "\f488"; font-family: "Ionicons"; color: #ffffff; font-size: 35px; width: 55px; height: 60px; line-height: 60px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) ; -moz-transform: translateX(-50%) translateY(-50%) ; -ms-transform: translateX(-50%) translateY(-50%) ; -o-transform: translateX(-50%) translateY(-50%) ; transform: translateX(-50%) translateY(-50%) ; padding-left: 5px; border: 2px solid rgba(255, 255, 255, .4); -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; transition: all 0.3s ease; } .inline-video:hover::before { border-color: #00a054; padding: 3px 3px 3px 7px; } .inline-video::after { content: attr(data-button); font-family: 'Lato'; font-weight: 700; font-size: 12px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; position: absolute; top: 50%; margin-top: 50px; left: 0; width: 100%; height: auto; text-align:center; } .inline-video .inline-iframe-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .inline-video .inline-iframe-container .close-inline-video { color: #ffffff; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) ; border: 2px solid rgba(255, 255, 255, .4); -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: all 0.3s ease; } .inline-video .inline-iframe-container .close-inline-video:hover { border-color: #00a054; } .inline-video.active .inline-iframe-container:hover .close-inline-video { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .inline-video .inline-iframe-container .close-inline-video:before { content: "\f12a"; font-family: "Ionicons"; font-size: 15px; width: 40px; height: 40px; position: absolute; top: 0; left: 0; } /* Counter */ .sr-counter { margin-top: 10px; } div .sr-counter:first-child { margin-top: 0; } .sr-counter .counter-value { font-family: 'Montserrat'; font-weight: 700; font-size: 26px; line-height: 36px; color: #1a1a1a; } .text-light .sr-counter .counter-value { color: #ffffff; } .sr-counter.counter-medium .counter-value { font-size: 36px; line-height: 38px; } .sr-counter.counter-big .counter-value { font-size: 46px; line-height: 50px; } .counter-value { opacity:0; -webkit-transition: opacity .6s ease; -o-transition: oopacity .6s ease; transition: opacity .6s ease; } .counter-value.animated { opacity:1; } .counter-value .main { display: none; } .counter-value .digit { position:relative; overflow:hidden; display: inline-block; vertical-align: middle; } .counter-value .digit > .digit-value { visibility:hidden; display: inline-block; vertical-align: middle; } .counter-value .digit .counter-animator { position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden; } .counter-value .digit .counter-animator ul { list-style:none; margin:0; padding:0; position:relative; transition: all 3s ease; } .counter-value .digit .counter-animator ul li { margin-top:0; } .sr-counter + h1, .sr-counter + h2, .sr-counter + h3, .sr-counter + h4, .sr-counter + h5, .sr-counter + h6 { margin-top: 10px; } /* Tabs ------------------------------------------------*/ .tabs { margin-top: 40px; } div .tabs:first-child { margin-top: 0px; } .tabs ul.tab-nav { padding: 0; margin: 0; list-style: none; position: relative; text-align: center; } .tabs ul.tab-nav li { display: inline-block; margin: 0 10px; position: relative; } .tabs ul.tab-nav li:after { content: ""; width: calc(100% + 2px); height: 2px; background: #000000; position: absolute; bottom: 10px; left: -1px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease ; transition: all 0.3s ease; z-index: 0; } .text-light .tabs ul.tab-nav li:after { background: #ffffff; } .tabs ul.tab-nav li.active:after { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; bottom: 0px; } .text-light .tabs ul.tab-nav li.active:after { opacity: 0.2; filter: alpha(opacity=2); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)"; } .tabs ul.tab-nav li a { display: block; margin-bottom: 10px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease ; transition: opacity 0.3s ease; } .tabs ul.tab-nav li.active a, .tabs ul.tab-nav li a:hover { color: #1a1a1a; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tabs .tab-container { margin-top: 40px; width: 100%; } .tabs .tab-container .tab-content { float: left; display: none; width: 100%; } .tabs .tab-container .active { display: block; } /* Button Tabs & Vertical */ .tabs-button ul.tab-nav li, .vertical-tabs ul.tab-nav li { margin: 0 -4px 0 0; border-left: 1px solid #e0e0e0; } .tabs-button ul.tab-nav li:first-child, .vertical-tabs ul.tab-nav li:first-child { border: none; } .tabs-button ul.tab-nav li:after, .vertical-tabs ul.tab-nav li:after { display: none; } .tabs-button ul.tab-nav li a, .vertical-tabs ul.tab-nav li a { background: #f5f6f7; margin: 0; padding: 15px 40px; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #9c9c9c; } .tabs-button ul.tab-nav li:not(.active) a:hover, .vertical-tabs ul.tab-nav li:not(.active) a:hover { color: #1a1a1a; } .tabs-button ul.tab-nav li.active a, .vertical-tabs ul.tab-nav li.active a { color: #ffffff; background: #00a054; } .tabs-button ul.tab-nav li.active, .tabs-button ul.tab-nav li.active + li, .vertical-tabs ul.tab-nav li.active, .vertical-tabs ul.tab-nav li.active + li { border-color: #f5f6f7; } .vertical-tabs { overflow: hidden; } .vertical-tabs ul.tab-nav { float: left; width: 300px; } .vertical-tabs .tab-container { float: right; margin: 0; width: calc(100% - 340px); } .vertical-tabs ul.tab-nav li { margin: 0; display: block; border-left: none; border-top: 1px solid #e0e0e0; } .vertical-tabs ul.tab-nav li a { display: block; } /* Toggle ------------------------------------------------*/ .toggle-item { margin-top: 20px; } div .toggle-item:first-child { margin: 0; } .toggle-title { position:relative; padding-left: 20px; cursor: pointer; } .toggle-title:hover .toggle-name { color:#00a054; } .toggle-title:after { content: "\f218"; font-family: "Ionicons"; font-size: 12px; line-height: 20px; color: #1a1a1a; width: 20px; height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; text-align: left; } .text-light .toggle-title:after { color: #ffffff; } .toggle-title.toggle-active:after { content: "\f209"; } .toggle-title:before { content: ""; width: calc(100% + 2px); height: 2px; background: #000000; position: absolute; bottom: 5px; left: -1px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease ; transition: all 0.3s ease; z-index: 0; } .text-light .toggle-title:before { background: #ffffff; } .toggle-title.toggle-active:before { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; bottom: -5px; } .text-light .toggle-title.toggle-active:before:after { opacity: 0.2; filter: alpha(opacity=2); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=2)"; } .toggle-inner { margin-top: 20px; padding-bottom: 20px; display: none; } /* Skills ------------------------------------------------*/ .progress-bar-item { margin-top: 20px; } div .progress-bar-item:first-child { margin-top: 0px; } .progress-bar-item .progress-name { margin-bottom: 4px; display: block; } .progress-bar-item .progress-bar { height: 2px; width: 100%; position: relative; background: rgba(0, 0, 0, .15); } .progress-bar-item.big-bar .progress-bar { height: 10px; border-radius: 2px; } .text-light .progress-bar-item .progress-bar { background: rgba(255, 255, 255, .2); } .progress-bar-item .progress-bar .progress-active { background: #1a1a1a; height: 100%; width: 0; position: relative; } .progress-bar-item.big-bar .progress-bar .progress-active { border-radius: 2px; } .text-light .progress-bar-item .progress-bar .progress-active { background: #ffffff; } .progress-bar-item .tooltip { position: absolute; width: 24px; height: 7px; line-height: 10px; line-height: 5px; padding: 8px 0 6px 0; font-size: 12px; text-align: center; color: #1a1a1a; font-weight: 400; top: -25px; right: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .text-light .tooltip { color: #ffffff; } /* Testimonials ------------------------------------------------*/ .testimonial { text-align: center; z-index: 1; } .testimonial-image { width: 80px; height: 80px; border-radius: 60px; overflow: hidden; display: inline-block; } .testimonial-content { margin-top: 20px; } .testimonial-content blockquote { font-size: 16px; line-height: 26px; color: #696969; margin: 0; padding: 30px 20px 0 20px; } .text-light .testimonial-content blockquote { color: rgba(255, 255, 255, .80); } .testimonial-content blockquote:before { font-size: 14px; line-height: 20px; width: 20px; height: 20px; top: 0px; margin-left: -10px; border: none; color: #1a1a1a; } .text-light .testimonial-content blockquote:before { color: #ffffff; } .testimonial-content .testimonial-name { opacity: 0.99; /* HACK FOR IMAGE BG OPTION */ margin-top: 20px; } .testimonial-content .testimonial-meta { margin-top: 0px; } /* image bg */ .testimonial-image-bg { position: relative; } .testimonial-image-bg:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; } .testimonial-image-bg { *display: inline-block; height: 1%; } .testimonial-image-bg .testimonial-image { border-radius: 0px; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: 0; } .testimonial-image-bg .testimonial-image img { display: block; width: 100%; height: 100%; object-fit: cover; } .testimonial-image-bg .testimonial-content { margin-top: 0px; text-align: left; width: 50%; float: right; } .testimonial-image-bg .testimonial-content blockquote { text-align: left; padding: 10px 0; font-size: 18px; line-height: 28px; } .testimonial-image-bg .testimonial-content blockquote:before { left: -10px; top: -5px; margin-left: 0px; opacity: 0.2; font-size: 40px; line-height: 40px; } /* Pricing Tables ------------------------------------------------*/ .pricing-table { text-align: center; } .accent-pricing .pricing-table { margin-top: 30px; } .accent-pricing .pricing-table.accent-table, .text-light .accent-pricing .pricing-table.accent-table { border: 2px solid #00a054; margin-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bordered-sticky .pricing-table.accent-table + .pricing-table { border-left: none; } .accent-pricing .pricing-table.plain, .text-light .accent-pricing .pricing-table.plain { border-color: #00a054; background: #00a054; } .pricing-table.accent-table .pricing-title { padding: 15px 0; } .pricing-table .pricing-price { margin-top: 20px; padding: 20px 0; border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); } .text-light .pricing-table .pricing-price, .pricing-table.text-light .pricing-price { border-color: rgba(255,255,255,0.22); } .pricing-table .pricing-price .price-unit { font-family: 'Montserrat'; font-size: 34px; line-height: 44px; font-weight: 400; color: #1a1a1a; display: block; } .text-light .pricing-table .pricing-price .price-unit, .pricing-table.text-light .pricing-price .price-unit { color: #ffffff; } .pricing-table.accent-table:not(.plain) .pricing-price .price-unit { color: #00a054; } .pricing-table .pricing-price .price-period { font-size: 14px; } .pricing-table .pricing-list { margin: 20px 0 0 0; list-style: none; padding: 0; } .pricing-table .pricing-action { margin-top: 20px; } .pricing-table.accent-table .pricing-action { padding: 15px 0; } /* Team members ------------------------------------------------*/ .team-content { margin-top: 20px; } /* Alerts ------------------------------------------------*/ div[class*='alert-'] { padding-left: 70px; position: relative; min-height: 50px; } div[class*='alert-']:before { content:"\f00d"; font: normal normal normal 12px/1 FontAwesome; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 50px; width: 50px; height: 50px; position: absolute; top: -2px; left: 0; border: 2px solid rgba(0, 0, 0, .2); border-radius: 60px; color: #ff4b14; } div[class*='alert-'] h1,div[class*='alert-'] h2,div[class*='alert-'] h3,div[class*='alert-'] h4,div[class*='alert-'] h5,div[class*='alert-'] h6 { color:#ff4b14; } div.alert-confirm:before { content:"\f00c"; color: #26c872; } div.alert-confirm h1,div.alert-confirm h2,div.alert-confirm h3,div.alert-confirm h4,div.alert-confirm h5,div.alert-confirm h6 { color:#26c872; } /*---------------------------------------------- 22. WIDGETS ------------------------------------------------*/ .widget { margin-top: 60px; } footer .widget { margin-top: 40px; } footer .one-full .widget { margin-top: 30px; } div .widget:first-child { margin-top: 0px; } .widget .widget-title { position: relative; padding-bottom: 20px; } .widget .widget-title:after { content: ""; width: 36px; height: 2px; background: #000000; position: absolute; bottom: 0px; left: 0px; opacity: 0.15; filter: alpha(opacity=15); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; } .text-light .widget .widget-title:after { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .align-center .widget .widget-title:after, .widget.align-center .widget-title:after { left: 50%; margin-left: -18px; } .align-right .widget .widget-title:after, .widget.align-right .widget-title:after { left: inherit; right: 0px; } /* Text Widget -------------------------------- */ .widget_text p { font-size: 14px; line-height: 22px; } /* Menu Widget -------------------------------- */ .widget ul:not(.socialmedia-widget) { list-style: none; padding: 0; margin-left: 0; } .widget ul:not(.socialmedia-widget):not(.product-list) li a { color: #696969; font-family:'Montserrat'; font-weight: 400; font-size: 12px; line-height: 20px; display: block; letter-spacing: 0.04em; transition: color 0.2s ease; } .text-light .widget ul:not(.socialmedia-widget):not(.product-list) li a { color: rgba(255, 255, 255, .80); } .widget ul:not(.socialmedia-widget):not(.product-list) li a:hover { color: #00a054; } .one-full .widget_menu ul li { display: inline-block; margin: 0 20px 0 0; } .align-center .one-full .widget_menu ul li, .one-full.align-center .widget_menu ul li { margin: 0 10px; } .align-right .one-full .widget_menu ul li, .one-full.align-right .widget_menu ul li { margin: 0 0 0 20px; } /* Social Widget ------------------------------------------------*/ .socialmedia-widget { margin: 20px 0 0 0; padding: 0; list-style: none; } .socialmedia-widget.align-center, .align-center .socialmedia-widget { text-align: center; } div .socialmedia-widget:first-child { margin: 0; } .socialmedia-widget li { display: inline-block; *display: inline; *zoom: 1; margin: 0 14px 0 0; position: relative; } .socialmedia-widget li:last-child { margin-right: 0px; } .align-center .socialmedia-widget li { margin-right: -5px; padding: 0 10px ; } .align-center .socialmedia-widget[class*='style-'] li { margin-right: -5px; padding: 0 0px ; } .align-right .socialmedia-widget li, .right-float .socialmedia-widget li { margin-left: 14px; margin-right: 0px; } .align-right .socialmedia-widget li:first-child, .right-float .socialmedia-widget li:first-child { margin-left: 0px; } .socialmedia-widget li a { font: normal normal normal 12px/1 FontAwesome; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 20px; color: #1a1a1a; /*transition: all 0.2s ease;*/ display: block; text-align: center; } .text-light .socialmedia-widget li a { color: #ffffff; } .socialmedia-widget li.facebook a:before, .socialmedia-widget li.facebook a:after { content:"\f09a"; } .socialmedia-widget li.twitter a:before, .socialmedia-widget li.twitter a:after { content:"\f099" } .socialmedia-widget li.tumblr a:before, .socialmedia-widget li.tumblr a:after { content: "\f173"; } .socialmedia-widget li.vimeo a:before, .socialmedia-widget li.vimeo a:after { content: "\f194"; } .socialmedia-widget li.dribbble a:before, .socialmedia-widget li.dribbble a:after { content: "\f17d"; } .socialmedia-widget li.deviantart a:before, .socialmedia-widget li.deviantart a:after { content: "\f1bd"; } .socialmedia-widget li.behance a:before, .socialmedia-widget li.behance a:after { content: "\f1b4"; } .socialmedia-widget li.flickr a:before, .socialmedia-widget li.flickr a:after { content: "\f16e"; } .socialmedia-widget li.linkedin a:before, .socialmedia-widget li.linkedin a:after { content: "\f0e1"; } .socialmedia-widget li.rss a:before, .socialmedia-widget li.rss a:after { content: "\f09e"; } .socialmedia-widget li.googleplus a:before, .socialmedia-widget li.googleplus a:after { content: "\f0d5"; } .socialmedia-widget li.pinterest a:before, .socialmedia-widget li.pinterest a:after { content: "\f0d2"; } .socialmedia-widget li.youtube a:before, .socialmedia-widget li.youtube a:after { content: "\f167"; } .socialmedia-widget li.mail a:before, .socialmedia-widget li.mail a:after { content: "\f0e0"; } .socialmedia-widget li.instagram a:before, .socialmedia-widget li.instagram a:after { content: "\f16d"; } .socialmedia-widget li.xing a:before, .socialmedia-widget li.xing a:after { content: "\f168"; } .socialmedia-widget li.dropbox a:before, .socialmedia-widget li.dropbox a:after { content: "\f16b"; } .socialmedia-widget li.stumbleupon a:before, .socialmedia-widget li.stumbleupon a:after { content: "\f1a4"; } .socialmedia-widget li.delicious a:before, .socialmedia-widget li.delicious a:after { content: "\f1a5"; } .socialmedia-widget li.wordpress a:before, .socialmedia-widget li.wordpress a:after { content: "\f19a"; } .socialmedia-widget li.vk a:before, .socialmedia-widget li.vk a:after { content: "\f189"; } .socialmedia-widget li.soundcloud a:before, .socialmedia-widget li.soundcloud a:after { content: "\f1be"; } .socialmedia-widget li.spotify a:before, .socialmedia-widget li.spotify a:after { content: "\f1bc"; } .socialmedia-widget li.codepen a:before, .socialmedia-widget li.codepen a:after { content: "\f1cb"; } .socialmedia-widget li.github a:before, .socialmedia-widget li.github a:after { content: "\f09b"; } .socialmedia-widget li.lastfm a:before, .socialmedia-widget li.lastfm a:after { content: "\f202"; } .socialmedia-widget li.jsfiddle a:before, .socialmedia-widget li.jsfiddle a:after { content: "\f1cc"; } .socialmedia-widget li.mixcloud a:before, .socialmedia-widget li.mixcloud a:after { content: "\f289"; } .socialmedia-widget li.skype a:before, .socialmedia-widget li.skype a:after { content: "\f17e"; } .socialmedia-widget li a:after { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /* sizes */ .socialmedia-widget.size-medium li a { font-size: 22px; line-height: 26px; } .socialmedia-widget.size-big li a { font-size: 28px; line-height: 32px; } .socialmedia-widget.size-huge li a { font-size: 40px; line-height: 44px; } .socialmedia-widget.size-medium li { margin-right: 20px; } .align-center .socialmedia-widget.size-medium li { margin-right: -5px; padding: 0 15px ; } .align-right .socialmedia-widget.size-medium li { margin-left: 20px; margin-right: 0px; } .socialmedia-widget.size-big li { margin-right: 25px; } .align-center .socialmedia-widget.size-big li { margin-right: -5px; padding: 0 20px ; } .align-right .socialmedia-widget.size-big li { margin-left: 25px; margin-right: 0px; } .socialmedia-widget.size-huge li { margin-right: 30px; } .align-center .socialmedia-widget.size-huge li { margin-right: -5px; padding: 0 25px ; } .align-right .socialmedia-widget.size-huge li { margin-left: 30px; margin-right: 0px; } /* styles */ .socialmedia-widget[class*='style-'] li a:before, .socialmedia-widget[class*='style-'] li a:after { width: 40px; line-height: 40px; } .socialmedia-widget.size-medium[class*='style-'] li a:before, .socialmedia-widget.size-medium[class*='style-'] li a:after { width: 60px;line-height: 60px; } .socialmedia-widget.size-big[class*='style-'] li a:before, .socialmedia-widget.size-big[class*='style-'] li a:after { width: 80px;line-height: 80px; } .socialmedia-widget.size-huge[class*='style-'] li a:before, .socialmedia-widget.size-huge[class*='style-'] li a:after { width: 100px;line-height: 100px; } .socialmedia-widget[class*='style-'] li { margin: 0 5px 0 0; } .align-center .socialmedia-widget[class*='style-'] li { margin: 0 3px; } .align-right .socialmedia-widget[class*='style-'] li { margin: 0 0 0 5px; } .socialmedia-widget li a { position: relative; overflow: hidden; } .socialmedia-widget[class*='style-'] li a:after, .socialmedia-widget[class*='style-'] li a:before { border: 1px solid rgba(0, 0, 0, .15); } .text-light .socialmedia-widget[class*='style-'] li a:after, .text-light .socialmedia-widget[class*='style-'] li a:before { border: 1px solid rgba(255,255,255,.22); } .socialmedia-widget li a:after { position: absolute; top: 0; left: 0; } .socialmedia-widget li a:before, .socialmedia-widget li a:after { display: block; } .socialmedia-widget[class*='style-rounded'] li a:after, .socialmedia-widget[class*='style-rounded'] li a:before { border-radius: 3px; } .socialmedia-widget[class*='style-circled'] li a:after, .socialmedia-widget[class*='style-circled'] li a:before { border-radius: 100px; } .socialmedia-widget.hover-slide-1[class*='style-rounded'] li a { border-radius: 3px; } .socialmedia-widget.hover-slide-1[class*='style-circled'] li a { border-radius: 100px; } /* hover general */ .socialmedia-widget li a, .socialmedia-widget li a:before, .socialmedia-widget li a:after { transition: all 0.25s ease; } .socialmedia-widget[class*='hover-slide'] li a:hover:before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .socialmedia-widget[class*='hover-slide'] li a:after { visibility: visible; top: 100%; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .socialmedia-widget[class*='hover-slide'] li a:hover:after { top: 0px; } /* hover 1 */ .socialmedia-widget.hover-slide-1[class*='style-'] li a { border: 1px solid rgba(0, 0, 0, .15); } .text-light .socialmedia-widget.hover-slide-1[class*='style-'] li a { border: 1px solid rgba(255,255,255,.22); } .socialmedia-widget.hover-slide-1[class*='style-'] li a:after, .socialmedia-widget.hover-slide-1[class*='style-'] li a:before { border: none; } .socialmedia-widget.hover-fade-1 li.facebook a:hover, .socialmedia-widget.hover-slide-1 li.facebook a:after { color: #446ebf; } .socialmedia-widget.hover-fade-1 li.twitter a:hover, .socialmedia-widget.hover-slide-1 li.twitter a:after { color: #39aadc; } .socialmedia-widget.hover-fade-1 li.tumblr a:hover, .socialmedia-widget.hover-slide-1 li.tumblr a:after { color: #4c6781; } .socialmedia-widget.hover-fade-1 li.vimeo a:hover, .socialmedia-widget.hover-slide-1 li.vimeo a:after { color: #15c9f5; } .socialmedia-widget.hover-fade-1 li.dribbble a:hover, .socialmedia-widget.hover-slide-1 li.dribbble a:after { color: #f14980; } .socialmedia-widget.hover-fade-1 li.deviantart a:hover, .socialmedia-widget.hover-slide-1 li.deviantart a:after { color: #2ea06f; } .socialmedia-widget.hover-fade-1 li.behance a:hover, .socialmedia-widget.hover-slide-1 li.behance a:after { color: #00b0f0; } .socialmedia-widget.hover-fade-1 li.flickr a:hover, .socialmedia-widget.hover-slide-1 li.flickr a:after { color: #f04783; } .socialmedia-widget.hover-fade-1 li.linkedin a:hover, .socialmedia-widget.hover-slide-1 li.linkedin a:after { color: #81d3fd; } .socialmedia-widget.hover-fade-1 li.rss a:hover, .socialmedia-widget.hover-slide-1 li.rss a:after { color: #ff8322; } .socialmedia-widget.hover-fade-1 li.googleplus a:hover, .socialmedia-widget.hover-slide-1 li.googleplus a:after { color: #d63d1e; } .socialmedia-widget.hover-fade-1 li.pinterest a:hover, .socialmedia-widget.hover-slide-1 li.pinterest a:after { color: #c81e1e; } .socialmedia-widget.hover-fade-1 li.youtube a:hover, .socialmedia-widget.hover-slide-1 li.youtube a:after { color: #ee423d; } .socialmedia-widget.hover-fade-1 li.mail a:hover, .socialmedia-widget.hover-slide-1 li.mail a:after { color: #74624d; } .socialmedia-widget.hover-fade-1 li.instagram a:hover, .socialmedia-widget.hover-slide-1 li.instagram a:after { color: #95604b; } .socialmedia-widget.hover-fade-1 li.xing a:hover, .socialmedia-widget.hover-slide-1 li.xing a:after { color: #036567; } .socialmedia-widget.hover-fade-1 li.dropbox a:hover, .socialmedia-widget.hover-slide-1 li.dropbox a:after { color: #008cd2; } .socialmedia-widget.hover-fade-1 li.stumbleupon a:hover, .socialmedia-widget.hover-slide-1 li.stumbleupon a:after { color: #f94213; } .socialmedia-widget.hover-fade-1 li.delicious a:hover, .socialmedia-widget.hover-slide-1 li.delicious a:after { color: #1b59c3; } .socialmedia-widget.hover-fade-1 li.wordpress a:hover, .socialmedia-widget.hover-slide-1 li.wordpress a:after { color: #118bc0; } .socialmedia-widget.hover-fade-1 li.vk a:hover, .socialmedia-widget.hover-slide-1 li.vk a:after { color: #29577b; } .socialmedia-widget.hover-fade-1 li.soundcloud a:hover, .socialmedia-widget.hover-slide-1 li.soundcloud a:after { color: #ff7700; } .socialmedia-widget.hover-fade-1 li.spotify a:hover, .socialmedia-widget.hover-slide-1 li.spotify a:after { color: #80b900; } .socialmedia-widget.hover-fade-1 li.codepen a:hover, .socialmedia-widget.hover-slide-1 li.codepen a:after { color: #171515; } .socialmedia-widget.hover-fade-1 li.github a:hover, .socialmedia-widget.hover-slide-1 li.github a:after { color: #171515; } .socialmedia-widget.hover-fade-1 li.lastfm a:hover, .socialmedia-widget.hover-slide-1 li.lastfm a:after { color: #f94f14; } .socialmedia-widget.hover-fade-1 li.jsfiddle a:hover, .socialmedia-widget.hover-slide-1 li.jsfiddle a:after { color: #0c9de8; } .socialmedia-widget.hover-fade-1 li.mixcloud a:hover, .socialmedia-widget.hover-slide-1 li.mixcloud a:after { color: #29587c; } .socialmedia-widget.hover-fade-1 li.skype a:hover, .socialmedia-widget.hover-slide-1 li.skype a:after { color: #00aef3; } /* hover 2 */ .socialmedia-widget.hover-fade-2 li a:hover:before, .socialmedia-widget.hover-slide-2 li a:after { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; } .text-light .socialmedia-widget.hover-fade-2 li a:hover:before, .text-light .socialmedia-widget.hover-slide-2 li a:after { background: #ffffff; border-color: #ffffff; color: #1a1a1a; } /* hover 3 */ .socialmedia-widget.hover-fade-3 li.facebook a:hover:before { background: #446ebf; border-color: #446ebf; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.twitter a:hover:before { background: #39aadc; border-color: #39aadc; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.tumblr a:hover:before { background: #4c6781; border-color: #4c6781; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.vimeo a:hover:before { background: #15c9f5; border-color: #15c9f5; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.dribbble a:hover:before { background: #f14980; border-color: #f14980; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.deviantart a:hover:before { background: #2ea06f; border-color: #2ea06f; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.behance a:hover:before { background: #00b0f0; border-color: #00b0f0; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.flickr a:hover:before { background: #f04783; border-color: #f04783; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.linkedin a:hover:before { background: #81d3fd; border-color: #81d3fd; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.rss a:hover:before { background: #ff8322; border-color: #ff8322; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.googleplus a:hover:before { background: #d63d1e; border-color: #d63d1e; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.pinterest a:hover:before { background: #c81e1e; border-color: #c81e1e; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.youtube a:hover:before { background: #ee423d; border-color: #ee423d; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.mail a:hover:before { background: #74624d; border-color: #74624d; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.instagram a:hover:before { background: #95604b; border-color: #95604b; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.xing a:hover:before { background: #036567; border-color: #036567; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.dropbox a:hover:before { background: #008cd2; border-color: #008cd2; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.stumbleupon a:hover:before { background: #f94213; border-color: #f94213; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.delicious a:hover:before { background: #1b59c3; border-color: #1b59c3; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.wordpress a:hover:before { background: #118bc0; border-color: #118bc0; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.vk a:hover:before { background: #29577b; border-color: #29577b; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.soundcloud a:hover:before { background: #ff7700; border-color: #ff7700; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.spotify a:hover:before { background: #80b900; border-color: #80b900; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.codepen a:hover:before { background: #171515; border-color: #171515; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.github a:hover:before { background: #171515; border-color: #171515; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.lastfm a:hover:before { background: #f94f14; border-color: #f94f14; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.jsfiddle a:hover:before { background: #0c9de8; border-color: #0c9de8; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.mixcloud a:hover:before { background: #29587c; border-color: #29587c; color: #ffffff; } .socialmedia-widget.hover-fade-3 li.skype a:hover:before { background: #00aef3; border-color: #00aef3; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.facebook a:after { background: #446ebf; border-color: #446ebf; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.twitter a:after { background: #39aadc; border-color: #39aadc; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.tumblr a:after { background: #4c6781; border-color: #4c6781; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.vimeo a:after { background: #15c9f5; border-color: #15c9f5; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.dribbble a:after { background: #f14980; border-color: #f14980; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.deviantart a:after { background: #2ea06f; border-color: #2ea06f; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.behance a:after { background: #00b0f0; border-color: #00b0f0; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.flickr a:after { background: #f04783; border-color: #f04783; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.linkedin a:after { background: #81d3fd; border-color: #81d3fd; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.rss a:after { background: #ff8322; border-color: #ff8322; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.googleplus a:after { background: #d63d1e; border-color: #d63d1e; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.pinterest a:after { background: #c81e1e; border-color: #c81e1e; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.youtube a:after { background: #ee423d; border-color: #ee423d; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.mail a:after { background: #74624d; border-color: #74624d; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.instagram a:after { background: #95604b; border-color: #95604b; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.xing a:after { background: #036567; border-color: #036567; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.dropbox a:after { background: #008cd2; border-color: #008cd2; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.stumbleupon a:after { background: #f94213; border-color: #f94213; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.delicious a:after { background: #1b59c3; border-color: #1b59c3; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.wordpress a:after { background: #118bc0; border-color: #118bc0; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.vk a:after { background: #29577b; border-color: #29577b; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.soundcloud a:after { background: #ff7700; border-color: #ff7700; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.spotify a:after { background: #80b900; border-color: #80b900; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.codepen a:after { background: #171515; border-color: #171515; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.github a:after { background: #171515; border-color: #171515; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.lastfm a:after { background: #f94f14; border-color: #f94f14; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.jsfiddle a:after { background: #0c9de8; border-color: #0c9de8; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.mixcloud a:after { background: #29587c; border-color: #29587c; color: #ffffff; } .socialmedia-widget.hover-slide-3 li.skype a:after { background: #00aef3; border-color: #00aef3; color: #ffffff; } /* Recent Posts ------------------------------------------------*/ .widget_recent_entries li { margin-top: 15px; } .widget_recent_entries span { font-size: 12px; line-height: 15px; display: block; font-family: 'Lato'; font-weight: 300; color: #9c9c9c; } .text-light .widget_recent_entries span { color: #8c8c8c; } /* Newsletter ------------------------------------------------*/ #newsletter-email { width: 280px; max-width: calc(100% - 100px); } #newsletter-submit { position: relative; left: -6px; padding-left: 0; padding-right: 0; width: 70px; margin: 0; } /* Search Widget ------------------------------------------------*/ #searchform { margin-top: 20px; } div #searchform:first-child { margin: 0; } #searchform > div { display: inline-block; position:relative; width: 100%; max-width: 400px; margin: 0; } #searchform label { display: none; } #searchform input[type="submit"] { display: none; } #searchform input[type="text"] { max-width: calc(100% - 47px); padding: 10px 35px 10px 10px; } #searchform > div:before { text-align: center; content: "\f2f5"; font-family: "Ionicons"; font-size: 16px; line-height: 20px; height: 20px; width: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; color: #1a1a1a; } /* Tag Cloud Widget ------------------------------------------------*/ .tagcloud { margin-top: 20px; } div .tagcloud:first-child { margin-top: 0; } .tagcloud > a { display: inline-block; border: 1px solid #e0e0e0; padding: 4px 6px; border-radius: 2px; margin: 0 1px 3px 0; font-weight: 400; font-size: 10px; line-height: 15px; text-transform: uppercase; color: #1a1a1a; } .text-light .tagcloud > a { border-color: #3d3d3d; color: #ffffff; } .tagcloud > a:hover { border-color: #00a054; } /* Product List Widget ------------------------------------------------*/ .product-list li { overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; } .product-list li .product-item-image { width: 50px; height: auto; float: left; } .product-list li .product-item-desc { width: calc(100% - 65px); position: relative; float: right; } .product-list li .product-name { font-size: 12px; line-height: 17px; } .product-list li .product-item-price, .product-list li .product-item-quantity { font-size: 11px; line-height: 17px; font-weight: 700; color: #9c9c9c; } .product-list li .star-rating { font-size: 12px; line-height: 16px; } /* Instagram/Flickr/Dribbble Widget ------------------------------------------------*/ .instagram-widget > div, .flickr-widget > div, .dribbble-widget > div { width: 12.5%; display: inline-block; } .instagram-widget.instagram-spaced > div, .flickr-widget.flickr-spaced > div, .dribbble-widget.dribbble-spaced > div { width: calc(12.5% - 20px); margin: 10px; } .instagram-widget > div img, .flickr-widget > div img, .dribbble-widget > div img { width: 100%; } .column .instagram-widget > div, aside .instagram-widget > div, .column .flickr-widget > div, aside .flickr-widget > div { width: 25%; } .column .instagram-widget.instagram-spaced > div, aside .instagram-widget.instagram-spaced > div, .column .flickr-widget.flickr-spaced > div, aside .flickr-widget.flickr-spaced > div { width: calc(25% - 20px); } .dribbble-widget > div { width: 16.6%; } .dribbble-widget.dribbble-spaced > div { width: calc(16.6% - 20px); } .column .dribbble-widget > div, aside .dribbble-widget > div { width: 33.3%; } .column .dribbble-widget.dribbble-spaced > div, aside .dribbble-widget.dribbble-spaced > div { width: calc(33.3% - 20px); } /*---------------------------------------------- 23. REVOLUTION SLIDER (sudo navigation + sudo layers) ------------------------------------------------*/ .tparrows.sudo-nav { background: #1a1a1a; width: 40px; height: 40px; transition: width 0.3s ease, margin 0.3s ease; } .tparrows.sudo-nav:hover { width: 50px; background: #1a1a1a; } .tp-rightarrow.tparrows.sudo-nav:hover { margin-left: -10px; } .tparrows.sudo-nav:before { text-align: center; content: "\f125"; font-family: "Ionicons"; font-size: 10px; line-height: 20px; height: 20px; width: 20px; color: #ffffff; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } .tp-rightarrow.tparrows.sudo-nav:before { content: "\f125"; margin-left: -8px; } .tp-leftarrow.tparrows.sudo-nav:before { content: "\f124"; margin-left: -12px; } .tp-bullets.sudo-bullets .tp-bullet { width: 13px; height: 13px; display: block; background: none; } .tp-bullets.sudo-bullets .tp-bullet:before { content: ""; position: absolute; top: 3px; left: 3px; width: 7px; height: 7px; background: #ffffff; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; transition: opacity 0.2s ease, background 0.2s ease; } .tp-bullets.sudo-bullets.sudo-dark .tp-bullet:before { background: #000000; } .tp-bullets.sudo-bullets .tp-bullet:after { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid #ffffff; border-radius: 30px; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.2s ease; } .tp-bullets.sudo-bullets.sudo-dark .tp-bullet:after { border-color: #000000; } .tp-bullets.sudo-bullets .tp-bullet:hover:before { opacity: 0.85; filter: alpha(opacity=85); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } .tp-bullets.sudo-bullets .tp-bullet.selected:before { background: transparent; } .tp-bullets.sudo-bullets .tp-bullet.selected:after { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .tp-caption.sudo-caption { font-family: 'Montserrat'; font-weight: 400; letter-spacing: -0.02em; color: #1a1a1a; } .tp-caption.sudo-caption strong { font-weight: 700; } .text-light .tp-caption.sudo-caption { color: #ffffff; } .tp-caption.sudo-caption.subtitle-1 { font-family: 'Lato'; font-weight: 300; letter-spacing: 0.03em; } .tp-caption.sudo-caption.subtitle-1 strong { font-weight: 400; } .tp-caption.sudo-caption.subtitle-2 { font-family: 'Lora'; font-weight: 400; font-style: italic; letter-spacing: 0.03em; } .tp-caption.sudo-caption.subtitle-2 strong { font-weight: 700; } /*---------------------------------------------- 24. CUSTOM STYLE ------------------------------------------------*/ /* !!!!!!!!!!!!!!!!!! Depending on your logo height you want to use, please adapt the values below !!!!!!!!!!!!!!!!!! */ /* your logo height */ header #logo { height: 30px; } nav#main-nav > ul > li > a { height: 30px; line-height: 30px; } #header-search a#show-search, #header-cart a#show-cart, #header-language a#show-language, #header-social .socialmedia-widget li a { height: 30px; line-height: 30px; } /* Height of the header on pageload - Logo height + padding of #logo a (30+2x30)*/ nav#main-nav .mega-menu-content:before { height: 90px; } header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero { margin-top: 90px; } header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero.hero-full { min-height: calc(100vh - 90px); } header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body { margin-top: 90px; } header.has-top-bar:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero { margin-top: calc(90px + 40px); } header.has-top-bar:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #hero.hero-full { min-height: calc(100vh - 90px - 40px); } header.has-top-bar:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body { margin-top: calc(90px +40px); } header.header-transparent.header-bordered + #hero #page-title, header.header-style-floating + #hero #page-title { margin-top: 90px; } #hero #page-title.title-adapt:not(.title-top):not(.title-bottom) { top: 90px; } header.header-transparent + #page-body .fullwidth-section:first-child::before { height: 90px; } header:not(.header-transparent) + #page-body .fullwidth-section.fullheight:first-child { min-height: calc(100vh - 90px); } /* YOUR CUSTOM CSS */ /* --------------------- Small desktop screens ------------------------ */ @media only screen and (max-width: 1280px) { #page-content { min-width: inherit; max-width: 100%; } .page-boxed #page-content { width: 100%; } .page-boxed header.header-style-floating { top: 40px; left: 40px; width: calc(100% - 80px); margin-left: 0; } .page-boxed header.header-style-vertical { left: 0; margin-left: 0; } .page-boxed header.header-style-vertical ~ #page-body #smart-nav { left: 300px; margin-left: 0; } .wrapper { width: calc(100% - 80px); } .main-content { width: calc(100% - 320px); } aside.sidebar { width: 260px; margin-right: 40px; } aside.sidebar.sidebar-grey, aside.sidebar.sidebar-grey::before { padding: 0 40px 100px 40px; width: 240px; } .wrapper .sidebar.sidebar-grey { padding: 30px; width: 200px; } nav#main-nav .mega-menu-content.col-2 .mega-menu-inner { width: 640px; } nav#main-nav .mega-menu-content.col-3 .mega-menu-inner { width: 780px; } nav#main-nav .mega-menu-content.col-4 .mega-menu-inner { width: 880px; } nav#main-nav .mega-menu-content.col-5 .mega-menu-inner { width: 960px; } } /* --------------------- Tablet Landscape ------------------------ */ /*@media only screen and (max-width: 1024px) { 17MEDIA ÄNDERUNG*/ @media only screen and (max-width: 768px) { /* Fonts */ /*17MEDIA EDIT!!! h1 { font-size: 67px; line-height: 80px; } h2 { font-size: 45px; line-height: 57px; } h3 { font-size: 32px; line-height: 44px; } h4 { font-size: 23px; line-height: 33px; } h5 { font-size: 16px; line-height: 23px; } h6 { font-size: 13px; line-height: 20px; }*/ /* header / menu appearance */ header { top: 0px !important; left: 0px !important; width: 100% !important; margin-left: 0!important; height: auto !important; } header .header-inner { padding: 0px 30px !important; } header.header-style-floating { border-top: none!important; border-left: none!important; border-right: none!important; } header.small-header:after { display: none; } header.header-style-floating + #hero #page-title { padding-top: 100px; } /* 17MEDIA EDIT header #logo, header.header-style-vertical #logo { padding-top: 15px; padding-bottom: 15px; height: 30px; border: none !important; width: auto; float: left; } header.header-bordered #logo, header.header-bordered.small-header:not(.not-sticky) #logo, header.header-bordered.small-header:not(.not-sticky):not(.header-style-vertical) #logo, header.header-bordered.small-header.header-dark:not(.mega-hover):not(.not-sticky) #logo { padding-right: 0; border: none !important; } header #menu .responsive-nav-toggle { height: 30px; line-height: 30px; margin-top: 15px; margin-bottom: 15px; } header #header-search, header #header-cart, header #header-language, header #header-social { padding-top: 15px; padding-bottom: 15px;} header #header-search a#show-search, header #header-cart a#show-cart, header #header-language a#show-language, #header-social .socialmedia-widget li a { height: 30px; line-height: 30px; } */ header.small-header:not(.not-sticky) #top-bar { padding: 0px 30px; line-height: 0px; height: 0px; overflow:hidden; } header.small-header:not(.not-sticky) #top-bar > div { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translate-Y(-40px); transform: translateY(-40px); transition: all 0.4s ease; height: 0px; } header #top-bar > div { display: none; } header #top-bar > div.show-on-mobile { display: block; text-align: center; width: 100%; } header #top-bar .socialmedia-widget li { margin-right: -5px; padding: 0 10px ; } header.header-style-vertical ~ #hero, header.header-style-vertical ~ #page-body, header.header-style-vertical ~ #footer { width: auto; margin: 0; } /* 17MEDIA EDIT #menu .responsive-nav-toggle { display: block; z-index: 1; } #menu .menu-inner { /*overflow: hidden;*/ /*position: fixed; top: 0; right: -302px; height: 100%; width: 300px; -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 4x 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15); transition: right 0.5s ease; background: #1a1a1a; border-left: 1px solid #3d3d3d; } #menu.menu-is-open .menu-inner { right: 0px; } #menu #menu-misc { position: absolute; top: 0px; left: 0; margin: 0; border: none !important; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.3s ease; } #menu.menu-is-open #menu-misc { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100"); transition: opacity 0.3s ease 0.3s; } #menu #main-nav { margin: 0; padding: 0 30px; overflow-y: scroll; width: calc(100% - 60px); max-height: calc(100vh - 150px); opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 0.3s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; } #menu.menu-is-open #main-nav { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100"); transition: opacity 0.3s ease 0.3s; } nav#main-nav ul > li { display: block; margin: 0; width: 100%; text-align: center !important; } nav#main-nav ul li a { height: 22px !important; line-height: 22px !important; padding: 4px 0 !important; display: inline-block !important; } nav#main-nav > ul > li > a:after { display: none; } nav#main-nav > ul > li > a.button-style { height: 30px !important; line-height: 30px !important; padding: 0 15px !important; margin: 4px 0; } nav#main-nav ul li.menu-item-has-children > a:before { content: "\f3d0" !important; display: block;right:-15px; } nav#main-nav ul li > ul.submenu { display: none; position: static; top: auto !important; left: auto !important; right: auto !important; transition: none !important; width: auto; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; background: none; margin-top: 0; padding: 15px 0; } nav#main-nav ul li > ul.submenu:after { display: none; } nav#main-nav ul li > ul.submenu > li { padding: 0; margin: 0 !important; } nav#main-nav .mega-menu-content { display: none; position: static; top: auto !important; left: auto !important; right: auto !important; transition: none !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; margin: 0; z-index: auto; background: none; padding: 15px 0; } nav#main-nav .mega-menu-content:before { display: none; } nav#main-nav .mega-menu-content .mega-menu-inner { width: auto !important; margin: 0 !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; transform: translateY(0) !important; transition: none !important; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; padding: 0; } nav#main-nav .mega-menu-content .mega-menu-inner > ul > li { float: none; width: 100% !important; margin: 0; } nav#main-nav .mega-menu-content ul li.mega-menu-title > a { margin: 0; } nav#main-nav .mega-menu-content ul li.mega-menu-title > a:after { display: none; } nav#main-nav .mega-menu-content ul li.mega-menu-title > a:before { content: "\f3d0"; font-family: "Ionicons"; font-size: 10px; line-height: 10px; height: 10px; width: 10px; text-align: center; position: absolute; top: 50%; right: -15px; margin-top: -5px; } nav#main-nav .mega-menu-content ul li.mega-menu-title > ul { display: none; padding: 15px 0; } nav#main-nav .mega-menu-content ul li.mega-menu-title > ul li { padding: 0 !important; } */ #header-cart .header-cart-content { display: none; } #header-language .header-language-content { top: 50px; } header:not(.header-transparent):not(.header-style-floating) + #hero { margin-top: 60px !important; } header:not(.header-transparent):not(.header-style-floating) + #hero.hero-full { min-height: calc(100vh - 60px) !important; } header:not(.header-transparent):not(.header-style-floating) + #page-body { margin-top: 60px !important; } header.has-top-bar:not(.header-transparent):not(.header-style-floating) + #hero { margin-top: calc(60px + 40px) !important; } header.has-top-bar:not(.header-transparent):not(.header-style-floating) + #hero.hero-full { min-height: calc(100vh - 60px - 40px) !important; } header.has-top-bar:not(.header-transparent):not(.header-style-floating) + #page-body { margin-top: calc(60px + 40px) !important; } header.header-transparent.header-bordered + #hero #page-title, header.header-style-floating + #hero #page-title { margin-top: 60px; } #hero #page-title.title-adapt:not(.title-top):not(.title-bottom) { top: 60px; } header.header-transparent + #page-body .fullwidth-section:first-child::before { height: 60px; } header:not(.header-transparent) + #page-body .fullwidth-section.fullheight:first-child { min-height: calc(100vh - 60px); } /* menu appearance */ /* share */ #share.share-fixed { margin-top: 30px; position: static; right: auto !important; bottom: auto !important; transition: none; } #share.share-fixed ul { margin: 0; text-align: center; margin-left: -4px; padding: 0 3px; width: auto; } #share.share-fixed.align-left ul { text-align: left; } #share.share-fixed.align-right ul { text-align: right; } #share.share-fixed ul li { display: inline-block; margin-right: -5px; } #share.share-fixed ul li a { min-width: inherit; padding: 0 10px !important; transition: all 0.2s ease; display: block; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #share.share-fixed ul li a:hover { padding: 0 15px !important; } #share.share-fixed ul li a:hover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #share.share-fixed ul li a:before { width: 20px; } #share.share-fixed ul li a span { margin: 0 2px; min-width: 40px; } #share + #single-pagination:not(.img-pagination) { margin-top: 30px; } /* isotope grid */ .isotope-grid[class*='style-modern'] .isotope-item, .isotope-grid[class*='style-modern'] .grid-sizer { width: 50% !important; } .isotope-grid[class*='style-modern'] .isotope-item.wide, .isotope-grid[class*='style-modern'] .isotope-item.wide-tall { width: 50% !important; } .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item, .isotope-grid.isotope-spaced[class*='style-modern'] .grid-sizer { width: calc(50% - 30px) !important; } .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item.wide, .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item.wide-tall { width: calc(50% - 30px) !important; } /* smart nav */ header.header-style-vertical ~ #page-body #smart-nav { left: 0px !important; margin-left: 0; } } /* --------------------- Small tablets / tablets portrait [17MEDIA GELÖSCHT] ------------------------ */ /* --------------------- Smartphones ------------------------ */ @media only screen and (max-width: 768px) { /* Fonts */ /*17MEDIA EDIT!!! h1 { font-size: 42px; line-height: 52px; } h2 { font-size: 34px; line-height: 42px; } h3 { font-size: 27px; line-height: 38px; } h4 { font-size: 20px; line-height: 29px; } h5 { font-size: 15px; line-height: 22px; } h6 { font-size: 13px; line-height: 20px; } div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 30px; } i + h1, i + h2, i + h3, i + h4, i + h5, i + h6 { margin-top: 15px; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 14px; } h2 + h3, h2 + h4, h2 + h5, h2 + h6, h6 + h2, h5 + h2, h4 + h2, h3 + h2 { margin-top: 11px; } h3 + h4, h3 + h5, h3 + h6, h4 + h3, h5 + h3, h6 + h3 { margin-top: 9px; } h4 + h5, h4 + h6, h5 + h4, h6 + h4 { margin-top: 7px; } h5 + h5, h5 + h6, h6 + h5, h6 + h6 { margin-top: 5px; } .uppercase { letter-spacing: 0.04em; }*/ /* columns */ .column { float: none !important; width: 100% !important; margin-right: 0 !important; margin-top: 40px !important; } .column.empty + .column { margin-top: 0 !important; } .column.bigpadding { padding: 60px 20px !important; } div .column:first-child { margin-top: 0px !important; } .boxed-sticky .column, .bordered-sticky .column { margin-top: 0px !important; } .bordered-sticky .column { border: 1px solid rgba(0,0,0,0.15); border-bottom: none; border-left: none; border-right: none; } .wrapper .bordered-sticky .column, .wrapper-small .bordered-sticky .column { border-left: 1px solid rgba(0,0,0,0.15); border-right: 1px solid rgba(0,0,0,0.15); } .bordered-sticky .column.last-col { border-bottom: 1px solid rgba(0,0,0,0.15); } .text-light .bordered-sticky .column { border: 1px solid rgba(255,255,255,0.22); border-bottom: none; border-left: none; border-right: none; } .wrapper .text-light .bordered-sticky .column, .text-light .wrapper .bordered-sticky .column, .wrapper.text-light .bordered-sticky .column, .wrappers-small .text-light .bordered-sticky .column, .text-light .wrapper-small .bordered-sticky .column, .wrapper-small.text-light .bordered-sticky .column { border-left: 1px solid rgba(255,255,255,0.22); border-right: 1px solid rgba(255,255,255,0.22); } .text-light .bordered-sticky .column.last-col { border-bottom: 1px solid rgba(255,255,255,0.22); } .column.empty-content { min-height: 220px !important; } .column.empty { display: none; } .column-section.boxed-sticky.rounded .column:first-child, .column-section.bordered-sticky.rounded .column:first-child { -moz-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; } .column-section.boxed-sticky.rounded .column.last-col, .column-section.bordered-sticky.rounded .column.last-col { -moz-border-radius:0 0 8px 8px; -khtml-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; } /* general spacing */ #page-content { min-width: inherit; max-width: 100%; } .page-boxed #page-content { width: 100%; } .wrapper { width: calc(100% - 40px); max-width: calc(100% - 40px); } .wrapper-small { width: calc(100% - 40px); max-width: calc(100% - 40px); } #page-body { padding-top: 60px; } footer .footer-inner { padding: 60px 0; } #hero #page-title { padding-top: 60px; padding-bottom: 60px; } header.header-style-floating + #hero #page-title { padding-top: 60px; } #hero.overlay-body #page-title { padding-bottom: 100px; } #hero.overlay-body { margin-bottom: -60px; } .classic-blog .blog-item { margin-top: 60px; } #shop-single .product-content { margin-top: 60px; } .related-items { margin-top: 60px; } .fullwidth-section .fullwidth-content { padding: 60px 0; } .spacer-mini { height: 15px; } .spacer-small { height: 30px; } .spacer-medium { height: 40px; } .spacer-big { height: 60px; } header .header-inner { padding: 0px 20px !important; } /* sidebar */ .main-content { width: 100%; float: none; } aside.sidebar { float: none; margin-right: 0; padding: 60px 20px 60px 20px !important; width: calc(100% - 40px) !important; } .wrapper aside.sidebar { padding: 60px 0px 60px 0px !important; width: 100% !important; } aside.sidebar.sidebar-grey::before { display: none; } /* shop */ #shop-single .product-thumbs { margin-top: 5px; } #shop-single .product-thumbs a { width: calc(20% - 4px); margin-right: 5px; } #shop-single .product-content .tabs .tab-container { margin-top: 30px; } .product-rating .star-rating { font-size: 14px; } #shop-single #product-review .product-rating .star-rating { font-size: 10px; line-height: 12px; } #shop-single #product-review .product-rating { top: -4px; } table.table-cart .product-remove { width: 20px; text-align: left; } table.table-cart .product-image { display: none; } table.table-cart .quantity { width: 30px; } table.table-cart .quantity input[type=text] { width: 15px; height: 15px; line-height: 15px; } table.table-cart .quantity input[type=button] { display: none; } table.table-cart .product-quantity { width: 30px; } table.table-cart .product-unit-price { display: none; } table.table-cart .coupon-code { width: 100%; max-width: 100%; float: none; } table.table-cart .coupon-code .coupon-text { width: 100%; margin: 0; } table.table-cart .coupon-code input[name=coupon-apply] { width: 100%; margin: 0; } table.table-cart .update-cart { width: 100%; margin-top: 15px; float: none; } #shop-cart .cart-total, #shop-checkout .cart-total, #shop-checkout .payment-option { padding: 15px; } /* form */ form .form-row { margin-top: 15px !important; } form .form-row:first-child, div .form-row:first-child { margin-top: 0px !important; } /* tabs */ .tabs-button ul.tab-nav li { display: block; margin: 0; border-left: none; border-top: 1px solid #e0e0e0; } .tabs-button ul.tab-nav li a { display: block; } .vertical-tabs ul.tab-nav { width: 100%; } .vertical-tabs .tab-container { width: 100%; } .tabs .tab-container { margin-top: 30px !important; } /* counter */ .counter-value { opacity:1; } .counter-value .main { display: block; } .counter-value .digit { display: none; } /* backtotop */ footer #backtotop { display: none; } /* pricing */ .bordered-sticky .pricing-table.accent-table + .pricing-table { border-left: 1px solid rgba(0,0,0,0.15); } .text-light .bordered-sticky .pricing-table.accent-table + .pricing-table { border-left: 1px solid rgba(255,255,255,0.22); } /* isotope grid */ .isotope-grid.isotope-spaced { width: calc(100% - 10px); left: 15px; } /* header search */ #header-search .header-search-content input[type=text] { font-size: 26px; height: 30px; line-height: 30px; } /* comments */ .comments .comment-content { margin-left: 0px; } .comments .user { display: none; } .comments .comment .children { margin-left: 20px; } /* single pagination */ #pagination ul, #single-pagination:not(.img-pagination) ul { padding: 0 20px; } /* img pagination */ .img-pagination ul li { float:none; width: 100%; } /* author */ .author-box { padding: 20px; } .author-box .author-image { float: none; width: 60px; } .author-box .author-details { float: none; width: 100%; margin-top: 20px; } /* share */ #share ul li a span { display: none; } /* scroll-down */ #scroll-down { width: 25px; height: 25px; bottom: 20px; margin-left: -12.5px; } #scroll-down:after { font-size: 9px; } /* instagram/flickr/dribbble widget */ .instagram-widget > div, .flickr-widget > div { width: 25% !important; } .instagram-widget.instagram-spaced > div, .flickr-widget.flickr-spaced > div { width: calc(25% - 14px) !important; margin: 7px !important; } .dribbble-widget > div { width: 33.3% !important; } .dribbble-widget.dribbble-spaced > div { width: calc(33.3% - 14px) !important; margin: 7px !important; } } @media only screen and (max-width: 580px) { /* isotope grid */ .isotope-grid.isotope-spaced { width: calc(100% - 40px); left: 0px; } .wrapper .isotope-grid.isotope-spaced { width: 100%; } .isotope-grid.isotope-spaced .isotope-item, .isotope-grid.isotope-spaced .grid-sizer { margin-right: 0px; } .isotope-grid[class*='style-column'] .isotope-item, .isotope-grid[class*='style-column'] .grid-sizer { width: 100% !important; } .isotope-grid[class*='style-modern'] .isotope-item, .isotope-grid[class*='style-modern'] .grid-sizer { width: 100% !important; } .isotope-grid[class*='style-modern'] .isotope-item.wide, .isotope-grid[class*='style-modern'] .isotope-item.wide-tall { width: 100% !important; } .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item, .isotope-grid.isotope-spaced[class*='style-modern'] .grid-sizer { width: 100% !important; } .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item.wide, .isotope-grid.isotope-spaced[class*='style-modern'] .isotope-item.wide-tall { width: 100% !important; } /* single pagination */ #single-pagination:not(.img-pagination) ul li a { font-size: 11px; display: block; text-indent: -9999px;} #single-pagination:not(.img-pagination) ul li.back a { text-indent: inherit; } #single-pagination:not(.img-pagination) ul li a:after { text-indent: 0px !important; } } /* ----------------------------------------------------------------------------------- COLORS ___________ Replace your color as needed ----------------------------------------------------------------------------------- */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, label abbr, a, #menu .responsive-nav-toggle:hover, .sub-dark #header-cart .cart-item-list li .product-name a:hover, #header-cart .cart-total .cart-total-amount, .portfolio-item .portfolio-desc a:hover .portfolio-name, .blog-item .blog-desc .post-category:not(.subtitle-1):not(.subtitle-2), .product-price ins, .product-rating .star-rating, .cart-total table.table-cart tr.total .product-price, #single-pagination ul li a:hover, .toggle-title:hover .toggle-name, .pricing-table.accent-table .pricing-price .price-unit, .widget ul:not(.socialmedia-widget):not(.product-list) li a:hover { color: #202864; } #page-loader .loader-figure, #smart-nav ul li.current-menu-item a, #smart-nav ul li.current-menu-item a span, .sr-button.button-5:hover, .text-light .sr-button.button-5:hover, .sr-button.button-6:hover, .text-light .sr-button.button-6:hover, hr.colored, .inline-video:hover::before, .inline-video .inline-iframe-container .close-inline-video:hover, .accent-pricing .pricing-table.accent-table, .text-light .accent-pricing .pricing-table.accent-table, .accent-pricing .pricing-table.plain, .text-light .accent-pricing .pricing-table.plain, .tagcloud > a:hover { border-color: #202864; } input[type=submit]:hover, input[type=button]:hover, button:hover, #menu .responsive-nav-toggle:hover .hamburger, #menu .responsive-nav-toggle:hover .hamburger:before, #menu .responsive-nav-toggle:hover .hamburger:after, #smart-nav ul li.current-menu-item a, #smart-nav ul li.current-menu-item a span, #header-search a#close-search:hover:before, #header-search a#close-search:hover:after, #header-cart a#show-cart span, .product-media .onsale, .shop-container .shop-item .product-media .add-to-cart-overlay a:hover, .sr-button:hover, .text-light .sr-button:hover, .sr-button.button-1:hover, .text-light .sr-button.button-1:hover, .sr-button.button-2, .sr-button.button-5:hover, .text-light .sr-button.button-5:hover, hr.colored, .tabs-button ul.tab-nav li.active a, .vertical-tabs ul.tab-nav li.active a, .accent-pricing .pricing-table.plain, .text-light .accent-pricing .pricing-table.plain { background-color: #202864; } .colored, nav#main-nav ul li ul > li a:hover, nav#main-nav ul li ul > li.current-menu-item > a, #menu.menu-is-open nav#main-nav ul li a:hover, header.header-style-vertical #menu nav#main-nav ul li a:hover, #header-search a#show-search:hover, #header-language .header-language-content ul.lang-select li a:hover, header.small-header #header-search a#show-search:hover, header.small-header.header-dark:not(.mega-hover) #header-search a#show-search:hover { color: #202864 !important; } nav#main-nav > ul > li > a.button-style:hover:before, header #menu .responsive-nav-toggle:hover .hamburger, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger, header #menu .responsive-nav-toggle:hover .hamburger:before, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:before, header #menu .responsive-nav-toggle:hover .hamburger:after, header #menu.menu-is-open .responsive-nav-toggle:hover .hamburger:after { background-color: #202864 !important; } hr.zigzag.colored { background: repeat-x url("data:image/svg+xml;utf-8,"); } /* ----------------------------------------------------------------------------------- FONTS ___________ Replace your fonts as needed ----------------------------------------------------------------------------------- */ body, input[type=text], input[type=password], input[type=email], textarea, input[type=submit], nav#main-nav ul li ul > li > a, .sr-button, .inline-video::after, .shop-grid .shop-item .product-media .add-to-cart-overlay a, .subtitle-1, .tp-caption.sudo-caption.subtitle-1, .widget-recent-posts span { font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6, .tp-caption.sudo-caption, label, select, table thead th, blockquote cite, small, #menu .open-nav, nav#main-nav > ul > li > a, nav#main-nav .mega-menu-content ul li.mega-menu-title > a, #header-search .header-search-content input[type=text], #header-language a#show-language, #header-language .header-language-content ul.lang-select li a, footer #backtotop, .filter li a, .blog-item .blog-content .post-meta li, .comments .comment-reply-link, .widget ul:not(.socialmedia-widget) li a, #single-pagination ul li a, #share ul li a, .product-media .onsale, .product-price, .pricing-table .pricing-price .price-unit, .sr-counter .counter-value, .widget ul:not(.socialmedia-widget):not(.product-list) li a { font-family: 'Open Sans', sans-serif; } .subtitle-2, .tp-caption.sudo-caption.subtitle-2, blockquote, #shop-single .product-rating a.review-link { font-family: 'Open Sans', sans-serif; } /* ----------------------------------------------------------------------------------- FONTS STYLING ___________ Change your specefic font settings (weight,size,style,...) if wanted ----------------------------------------------------------------------------------- */ /* - - - FONT 1 (Lato) - - - */ body { font-weight: 300; letter-spacing: 0.02em; font-size: 15px; line-height: 24px; margin-top: 50px; } .subtitle-1, .tp-caption.sudo-caption.subtitle-1 { font-weight: 300; letter-spacing: 0.03em; } .subtitle-1 b, .subtitle-1 strong, .tp-caption.sudo-caption.subtitle-1 strong { font-weight: 400; } input[type=text], input[type=password], input[type=email], textarea { font-weight: 300; font-size: 1rem !important; } input[type=submit] { font-weight: 700; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } nav#main-nav ul li ul > li > a { font-weight: 400; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; } .sr-button { font-family: 'Fjalla One', sans-serif; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; background: #202864; } .sr-button:hover { background: #eb5f1b; } .sr-button.neutral { background: #cdcdcd; } .sr-button.neutral:hover { background: #adadad; } .sr-button.inverse { background: #eb5f1b; } .sr-button.inverse:hover { background: #202864; } .inline-video:after { font-weight: 700; font-size: 12px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; } .shop-grid .shop-item .product-media .add-to-cart-overlay a { font-weight: 700; font-size: 11px; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; } .comments .time { font-weight: 300; font-size: 12px; line-height: 15px; } .widget-recent-posts span { font-weight: 300; font-size: 12px; line-height: 15px; } /* - - - FONT 1 (Lato) - - - */ /* - - - FONT 2 (Yanone Kaffeesatz) - - - */ h1, h2, h3, h4, h5, h6, .tp-caption.sudo-caption { font-weight: normal; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tp-caption.sudo-caption strong { font-weight: 700; } h1 { font-size: 72px; line-height: 86px; } h2 { font-size: 48px; line-height: 60px; } h3 { font-size: 34px; line-height: 46px; } h4 { font-size: 24px; line-height: 34px; } h5 { font-size: 17px; line-height: 26px; } h6 { font-size: 13px; line-height: 20px; } label { font-weight: 400; font-size: 14px; letter-spacing: -0.02em; } select { font-size: 14px; font-weight: 300; } table thead th { font-weight: 400; letter-spacing: -0.02em; font-size: 13px; line-height: 20px; } strong, b, dt { font-weight: 600; } i, dfn, em { font-style: italic; } strong i, b i, dt i, strong em, b em, dt em { font-style: italic; font-weight: 700; } blockquote cite { font-weight: 400; font-size: 13px; line-height: 20px; font-style: normal; } pre, code { font-size: 12px; line-height: 16px; } small { font-size: 14px; line-height: 17px; font-weight: 400; } small b, small strong { font-weight: 700; } #header-search .header-search-content input[type=text] { font-weight: 700; font-size: 42px; text-transform: uppercase; } #header-cart .cart-items li .cart-item-name { font-size: 11px; line-height: 17px; } #header-cart .cart-items li .cart-item-price, #header-cart .cart-items li .cart-item-quantity { font-size: 11px; line-height: 17px; font-weight: 700; } #header-cart .cart-total .cart-total-amount { font-weight: 700; font-size: 16px; } #header-language a#show-language { font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; } #header-language .header-language-content ul.lang-select li a { font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; } footer #backtotop { font-weight: 400; font-size: 11px; } .filter li a { font-weight: 400; font-size: 12px; line-height: 26px; letter-spacing: 0.04em; } .blog-item .blog-content .post-category { font-size: 11px; } .blog-item .blog-content .post-meta li { font-size: 10px; line-height: 17px; font-weight: 400; letter-spacing: 0; } .comments .comment-reply-link { font-weight: 400; font-size: 11px; line-height: 17px; text-transform: uppercase; letter-spacing: 0.1em; } .thumb-overlay .overlay-caption .caption-sub { font-size: 11px; } .widget ul:not(.socialmedia-widget) li a { font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: 0.04em; } .product-media .onsale { font-weight: 400; font-size: 10px; line-height: 17px; letter-spacing: 0.04em; text-transform: uppercase; } .product-price { font-weight: 400; font-size: 13px; line-height: 18px; } .sr-counter .counter-value { font-weight: 400; font-size: 16px; line-height: 22px; } .pricing-table .pricing-price .price-unit { font-weight: 400; font-size: 26px; line-height: 36px; } /* - - - FONT 2 (Yanone Kaffeesatz) - - - */ /* - - - FONT 3 (Lora) - - - */ .subtitle-2, .tp-caption.sudo-caption.subtitle-2 { font-weight: 400; font-style: italic; letter-spacing: 0.03em; } .subtitle-2 b, .subtitle-2 strong, .tp-caption.sudo-caption.subtitle-2 strong { font-weight: 700; } blockquote { font-weight: 400; font-style: italic; font-size: 26px; line-height: 34px; letter-spacing: 0.03em; text-align: left; padding: 20px; margin: 40px 0 0 40px; color: #999; } blockquote p { font-size: 1.3rem; } blockquote:before { color: #D4D4D4; content: "”"; font-family: Georgia; font-size: 9rem; left: -40px; position: absolute; top: 30px; } #shop-single .product-rating a.review-link { font-weight: 400; font-size: 12px; font-style: italic; letter-spacing: 0.03em; } /* - - - FONT 3 (Lora) - - - */ /** 17MEDIA STYLES **/ .link-17media { color: #9c9c9c !important; } .text-light .toggle-title::before { background: none; } .big-quote { font-size: 10rem; background: #010101; color: #FFFFFF; } h1, h2, h3, h4, h5, h6 { color: #202864; font-family: 'Fjalla One', sans-serif; font-style: normal; font-weight: normal; line-height: 1.2; margin-bottom: 1rem; margin-top: 0.7rem; text-transform: uppercase; } h2 { font-size: 1.7rem; margin-top: 1.8rem; } h1, .like-h1 { font-size: 2.75rem; margin-top: -0.7rem; font-weight: bold; color: #202864; } h1:after, .like-h1:after { background-color: #202864; content: ""; display: none; height: 7px; margin: 13px 0 25px; width: 50px; } h1.align-center:after, .like-h1.align-center:after { margin: 7px auto 30px; } h3 { font-size: 1.4rem; margin: 5px 0 15px; } h4 { font-size: 1.2rem; margin: 5px 0 10px; } h5 { font-size: 1rem; margin: 0px 0 10px; } h6.pretitle { font-size: 1.7rem; font-family: 'Fjalla One', cursive; color: #999999; margin-bottom: -17px; } h6.pretitle + h2 { margin-top: 17px; } p, li { font-size: 1rem; } /*AUFLISTUNG ERSTE EBENE*/ #page-body ul { list-style-type: square; } /*AUFLISTUNG ZWEITE EBENE*/ #page-body ul li ul { list-style-type: circle; margin-bottom: 30px; margin-left: 15px; margin-top: 10px; } h1 + hr { margin-top: 0px; height: 1px; width: 100%; } header { position: fixed; padding-bottom: 10px; /*background: rgba(255,255,255,0.6) !important;*/ background: #FFFFFF !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) { /*background: rgba(255,255,255,0.6) !important;*/ background: #FFFFFF !important; border-bottom: none !important; } header.not-sticky { position: fixed !important; } header.not-sticky.small-header { background: #FFFFFF !important; } #weiterlink { font-size: 1.1rem; color: #cdcdcd; transition: all 0.25s ease 0s; } #weiterlink:hover { color: #eb5f1b; } /*MAIN NAVIGATION*/ nav#main-nav { padding-right: 0 !important; transition: all 0.25s ease 0s; } nav#main-nav > ul.right { margin: 0; } nav#main-nav ul { list-style-type: none; } nav#main-nav > ul > li > ul.sub-menu { background: #FFFFFF; background: rgba(255, 255, 255, 0.95); left: 10px; display: none; margin-left: 0 !important; padding: 20px 13px; position: absolute; transition: all 0.25s ease 0s; width: 220px; } nav#main-nav > ul > li:hover > ul.sub-menu { display: block; } nav#main-nav > ul > li:last-child > ul.sub-menu { right: 0 !important; left: auto; } nav#main-nav ul li { float: left; font-size: 1.4rem; font-weight: 300; } nav#main-nav ul.sub-menu li { float: none; clear: both; padding: 0; line-height: 1.4; } nav#main-nav ul li.divider { display: none; } /* 1-STUFE */ nav#main-nav ul li a { font-size: 1.1rem; font-family: 'Fjalla One', sans-serif; text-transform: uppercase !important; font-weight: 400; padding: 8px 0 5px 10px; color: #202864; transition: all 0.25s ease 0s; letter-spacing: 2px; } nav#main-nav ul li a span { padding-left: 14px; } nav#main-nav ul li a:hover span { color: #eb5f1b; } nav#main-nav > ul > li.current_page_item a span, #main-nav > ul > li.current-page-ancestor a span, #main-nav > ul > li.current_page_item a:hover span, #main-nav > ul > li.current-page-ancestor a:hover span { } nav#main-nav > ul > li > a::after { background: transparent !important; } /* 2-STUFE */ nav#main-nav ul.sub-menu li { line-height: 1.25; } nav#main-nav ul.sub-menu li a { font-size: 0.85rem; text-transform: none; font-weight: 300; padding: 3px 7px; color: #202864; background: transparent; transition: all 0.25s ease 0s; } nav#main-nav ul.sub-menu li a span { border: none !important; padding-left: 0 !important; } nav#main-nav ul.sub-menu li a:hover { border: none !important; outline: none !important; /*background: #202864; color: #FFFFFF !important;*/ } nav#main-nav > ul > li > ul.sub-menu > li.current_page_item a, #main-nav > ul > li > ul.sub-menu > li.current_page_item a:hover, #main-nav > ul > li > ul.sub-menu > li.current-page-ancestor a:hover { color: #eb5f1b !important; } nav#main-nav > ul > li > ul.sub-menu > li.current-page-ancestor a { color: #000000; background: transparent; } /* TEXT SLIDER */ #textslider { } .item-wrapper-small { margin: 0px 70px 35px; text-align: center; } .bewertung { min-height: 250px; margin: 0px 35px 35px; text-align: center; padding: 27px 0; background: rgba(255,255,255,0.8); border-radius: 4px; } .foto { margin: 0px 12px 12px; text-align: center; padding: 0; } .ion-android-star { color: #EDC211; } hr.small { margin: 7px auto 30px; width: 50px; } #textslider h3, #textslider h4, #textslider h5, #textslider h6 { color: #5; } #textslider i.ion { color: #202864; } #owl-galerie.owl-carousel .owl-item { margin: 0 3px; } #owl-galerie.owl-carousel .owl-item:last-child { margin: 0 0 0 3px; } #owl-galerie.owl-carousel .owl-item:first-child { margin: 0 3px 0 0; } .owl-item p { padding: 0 39px !important; } #light-logo { display: none; } #contact-data a.mail-data:hover { color: #010101; } #f_error, #f_success { display: none; } input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error { border-color: #a01400 !important; } p { font-size: 1rem; } #impressum .toggle-title:after { display: none; } #impressum .toggle-title { padding: 0 !important; } footer .copyright { font-size: 13px; border: none !important; padding: 25px 0 17px; text-align: center; } #footer { border: none !important; } #bewertung-wrapper { background: #FFFFFF; box-shadow: 0 0 17px rgba(0, 0, 0, 0.25); width: 440px; padding: 20px; } select, input { font-size: 14px !important; font-weight: 300; margin-bottom: 0px; width: 100%; } select option.disabled { color: #999999; cursor: not-allowed; } input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, textarea:disabled, select:disabled { background-color: #f7f7f7; border-color: #e0e0e0; color: #c4c4c4; cursor: not-allowed; } label { color: #666666; } #submitButton { font-size: 12px; font-weight: 600; padding: 0 27px 12px 28px; } #submitButton i.ion { padding-right: 5px; position: relative; top: 5px; } header #logo { height: 30px; padding: 8px 0 2px !important; } header #logo img { height: auto; max-height: 100%; max-width: 330px; transition: all 0.4s ease 0s; } header:not(.header-transparent):not(.header-style-floating):not(.header-style-vertical) + #page-body { margin-top: 0px; } #kontakt { position: relative; } #kontaktdaten { /*padding: 0 0 0 45px;*/ } #kontaktdaten h3 { color: #ffffff; } p.slim { padding: 0 45px; } #googlemaps { max-width: 100%; } #googlemaps-wrapper { margin-right: 0 !important; height: 450px; position: relative; right: -21px; } #header .wrapper { position: relative; } #c2a { position: absolute; right: 0; top: 0; } #c2a a { color: #eeeeee; display: inline-block; font-family: 'Fjalla One', sans-serif; font-size: 1.1rem; padding: 10px 10px 10px; font-weight: 400; border-radius: 0 0 4px 4px; margin-left: 4px; transition: all 0.25s ease 0s; text-transform: uppercase; } #c2a a i.ion { padding-right: 5px; } #c2a a:hover { color: #FFFFFF; } #c2a-termin i.ion { position:relative; top: 1px; } #c2a-termin:hover { background: #202864 !important; } #c2a-facebook i.ion { position: relative; top: 3px; } #c2a-facebook:hover { color: #3b5998 !important; } .parallax-image-galerie { background: transparent url("/assets/imported/e9c902a2619e-escape-galerie-bg.jpg") no-repeat fixed top center; background-size: cover; min-height: 400px; } .parallax-image-kontakt { background: transparent url("/assets/imported/e4a88778d347-bg-pattern.jpg") no-repeat center center; background-size: cover; } .escape-details-bg { background: transparent url("/assets/imported/e4a88778d347-bg-pattern.jpg") no-repeat bottom right; background-size: cover; } .bg-schloss { background: transparent url("/assets/imported/aed71aaaaf18-escape-schloss-quer.png") no-repeat center center; background-color: transparent; } nav#main-nav { position: absolute; right: 215px; top: 0px; } #page-body { padding-top: 100px !important; } #page-body.no-padding-top-mobile { padding-top: 50px !important; } .home #page-body { padding-top: 0px !important; } svg.separator:not(:root) { overflow: hidden; } svg.separator { display: block; position: relative; top: -1px; } #curve1 path { fill: #FFFFFF; stroke: #FFFFFF; } #curve2 path { fill: #F7F7F7; stroke: #F7F7F7; } /*COLORS FOR FONTS AND BG*/ .font-color-1 { color: #ee6a53 !important; } .font-color-2 { color: #5fc3d3 !important; } .font-color-3 { color: #f9b023 !important; } .font-color-4 { color: #165973 !important; } .font-color-white { color: #FFFFFF !important; } .font-color-black { color: #202864 !important; } .font-color-orange { color: #eb5f1b !important; } .font-color-gray { color: #666666 !important; } .font-color-blue { color: #202864 !important; } .font-color-green { color: #eb5f1b !important; } .bg-color-1 { background-color: #ee6a53 !important; } .bg-color-2 { background-color: #5fc3d3 !important; } .bg-color-3 { background-color: #f9b023 !important; } .bg-color-4 { background-color: #165973 !important; } .bg-color-white { background-color: #FFFFFF !important; } .bg-color-black { background-color: #202864 !important; } .bg-color-red { background-color: #eb5f1b !important; } .bg-color-gray { background-color: #666666 !important; } .bg-color-lightgray { background-color: #F7F7F7 !important; } .bg-color-blue { background-color: #202864 !important; } .bg-color-green { background-color: #eb5f1b !important; } .link-box, .link-box:hover { color: #FFFFFF !important; text-align: center; } #footer h3 { line-height: 1.5rem; } .toggle-title::before { display: none !important; } .pflichtfeld-caption { text-align: left !important; font-size: 0.85rem; } table { border-collapse: collapse; margin-bottom: 30px; margin-top: 30px; max-width: 100%; width: 100%; position: relative; left: -5px; } table tbody td { background: #FFFFFF none repeat scroll 0 0; padding: 0 !important; text-align: left; vertical-align: center; } table tbody td.image { vertical-align: top; min-width: 50%; position: relative; width: 50%; } #preise-buchen-btn { position: absolute; border-radius: 50px 50px 50px 50px !important; padding: 20px !important; bottom: 25px; right: -30px; } table tbody td.text { background: #FFFFFF none repeat scroll 0 0; padding: 25px 25px 25px 40px !important; text-align: left; vertical-align: center; } table tr { border-bottom: none !important; } table thead tr th:last-child, table tbody tr td:last-child { text-align: left; } .sr-button.button-small { font-size: 1rem; } .sr-button.button-medium { font-size: 1.1rem; font-weight: 400; line-height: 20px; padding: 15px 20px; } .toggle-inner { margin-top: 15px; padding: 0 0 20px 0px; text-align: left; } .referenz p { margin-top: 10px; } .slick-slider .slick-slide img { margin: 0 auto; } .slick-slide img { display: block; } #headimage { max-height: 860px; overflow: hidden; text-align: center; } #parallax-header { height: 860px; background-size: cover !important; position: relative; } .referenz-image { position: relative; } .referenz-image .mask { position: absolute; top: 0; left: 0; } *::-moz-selection { background: #eb5f1b none repeat scroll 0 0; color: #ffffff; } #c2a-nav { display: none !important; } #logo .rwd-logo { display: none; } a.link { color: #eb5f1b; text-decoration: none; border: none !important; } a.link:hover { text-decoration: underline; } h5.toggle-name { padding: 3px 17px; } .kontaktbox { margin-top: 0; } .kontaktbox span.name { font-size: 1.3rem; font-family: 'Fjalla One', sans-serif; font-weight: 400; text-transform: uppercase; } .kontaktbox span.position { display: inline-block; font-family: 'Fjalla One', sans-serif; font-size: 0.8rem; font-weight: 400; margin-bottom: 7px; position: relative; text-transform: uppercase; top: -3px; } .footer-button { color: #202864; display: inline-block; font-family: 'Fjalla One', sans-serif; font-size: 1rem; margin-bottom: 5px; padding: 4px 10px; text-transform: uppercase; background:#FFFFFF } .footer-button i.ion { padding-right: 5px; position: relative; top: 2px; } .footer-button:hover { color: #FFFFFF; background: #eb5f1b; } .team-image { border-radius: 50%; overflow: hidden; max-width: 257px; display: block; border: 5px solid transparent !important; transition: all 0.25s ease 0s; margin: 0 auto; } #bewertung-wrapper { background: #FFFFFF; box-shadow: 0 0 17px rgba(0, 0, 0, 0.25); width: 440px; padding: 20px; } .wrapper .team-member.one-half, .wrapper-small .team-member.one-half { width: calc(50% - 10px); } .wrapper-small .team-member.column { float: left; margin-right: 20px; min-height: 1px; } .team-member.column { background: #FFFFFF; border-bottom: none !important; padding-top: 17px; display: block; } a.team-member.column:hover .team-image { border: 5px solid #202864 !important; } select, input { font-family: "Open Sans", sans-serif !important; font-size: 14px !important; font-weight: 300; margin-bottom: 0px; width: 100%; } select option.disabled { color: #999999; cursor: not-allowed; } input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, textarea:disabled, select:disabled { background-color: #f7f7f7; border-color: #e0e0e0; color: #c4c4c4; cursor: not-allowed; } label { color: #666666; } #submitButton { font-size: 12px; font-weight: 600; padding: 0 27px 12px 28px; } #submitButton i.ion { padding-right: 5px; position: relative; top: 5px; } #f_error, #f_success { display: none; } input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error, select.error { border-color: #a01400 !important; } h2.entry-title { margin: 0 0 1rem 0; } .blogloop .post { margin-bottom: 45px; } img.round-50 { width: 50% !important; border-radius: 50% 50% 50% 50% !important; } img.round-250px { max-width: 100% !important; width: 250px !important; border-radius: 50% 50% 50% 50% !important; } #jameda { position: absolute; bottom: 40px; right: 5%; z-index: 1500; } .relative { position: relative; } #footer-logo { max-width: 200px; } #oeffnungszeiten { border-collapse: collapse; margin-bottom: 0; margin-top: 0; max-width: 100%; width: 205px; position: relative; left: -5px; } table#oeffnungszeiten tbody td { background: transparent; border: 3px solid #ffffff; padding: 0px 2px 0px 0px !important; text-align: left; vertical-align: top; display: table-cell !important; } .teambildbreit { margin-top: 50px; } .owl-nav > div { background: #202864; } .owl-dots .owl-dot span:after { border: 2px solid #202864; } .owl-dots .owl-dot span { background: #202864; } .scale-in-center{-webkit-animation:scale-in-center 10s infinite alternate both;animation:scale-in-center 10s infinite alternate both} @-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1}100%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1}100%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1}} #logo-big { position: absolute; z-index: 1500; top: 225px; width: 100%; } #logo-big img { max-width: 700px; } .toggle-item { margin-top: 10px; background: #FFFFFF; padding: 10px 20px; } h3.toggle-name { margin: 0 !important; } div .toggle-item:first-child { margin: 0; } .toggle-title:after { font-size: 17px; color: #eb5f1b; } .preise.boxed-spaced .column, .preise.boxed-sticky .column, .preise.bordered-spaced .column, .preise.bordered-sticky .column { background: #ffffff !important; } .preise .column { margin-top: 20px !important; } .preise h3 { margin: 5px 0 10px !important; } .overlay-caption h4 { margin: 0px !important; font-weight: bold; } .thumb-overlay.text-light.overlay-effect-4 .overlay-caption:after { background: #eb5f1b ; } .thumb-overlay.overlay-effect-4 .overlay-caption:after { opacity: 0.85; filter: alpha(opacity=85); } .tabs ul.tab-nav li.active:after, .filter li.active:after { opacity: 1 !important; filter: alpha(opacity=15) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; bottom: 10px !important; background: #eb5f1b !important; } .filter li h3 a { font-size: 1.4rem !important; color: #202864 !important; font-family: 'Fjalla One', sans-serif !important; font-style: normal !important; font-weight: normal !important; line-height: 1.2 !important; } #sticker { position: absolute; right: 40px; top: 40px; z-index: 1500; } #sticker img { max-width: 225px; transition: transform .3s ease; } #sticker:hover img { transform: scale(1.1); } .fab.fa-tripadvisor.fa-2x { font-size: 2.3em !important; } .portfolio-desc h3 { padding-top: 12px !important; } .owl-teamslider .foto { float: left; width: 29.75%; } .angebot-image { height: 254px; } .angebot-image.lazy-loaded { height: auto !important; } .center-inline-box { display: inline-block !important; float: none; vertical-align: top; } .center-inline-box:last-child { margin-right: 0 !important; } .page-template-web-iframe #c2a-termin { display: none; } @media only screen and (max-width: 1200px) { nav#main-nav > ul > li { margin: 0 0 0 7px; } nav#main-nav > ul > li > a { letter-spacing: 0.9px; } #sticker img { max-width: 160px; } } @media only screen and (max-width: 1024px) { svg.separator { height: 80px; } nav#main-nav > ul > li > a { padding: 6px 0; color: #202864; } nav#main-nav > ul > li > a:hover { color: #202864 !important; } nav#main-nav > ul > li > a:after { background: transparent; } nav#main-nav > ul > li { float: none; margin: 0; display: block; } nav#main-nav > ul > li > ul.sub-menu { display: block; position: relative; left: 0; background: transparent; padding: 0 13px 20px; } nav#main-nav { padding: 12px 30px 12px 15px !important; background-color: #ffffff; display: none; z-index: 999; border-radius: 4px; right: 0px; top: 45px; overflow-y: scroll; max-height: 480px; } #c2a-nav { display: inline-block !important; } header.not-sticky { /*position: absolute !important;*/ } #parallax-header { height: 640px; } #logo-big { top: 100px; } .isotope-grid.style-column-3[class*="isotope-spaced"] .isotope-item, .isotope-grid.style-column-3[class*="isotope-spaced"] .grid-sizer { width: calc(50% - 30px); } #sticker img { max-width: 125px; } } @media only screen and (max-width: 920px) { #googlemaps-wrapper { width: calc(50% - 10px) !important; } .pakete .column.one-third { float: none !important; margin-right: 0 !important; width: 100% !important; margin-top: 20px !important; } #sticker { right: 20px; top: inherit; bottom: -40px; } #page-body.no-padding-top-mobile { padding-top: 0px !important; } .owl-teamslider .foto { float: none; width: auto; } } @media only screen and (max-width: 768px) { svg.separator { height: 60px; } .column.link-box { width: 33.33% !important; float: left !important; } #logo-big { top: 45px; } #logo-big img { max-width: 500px; } #parallax-header { height: 400px; } .preise .column.small-one-half { float: left !important; margin-right: 10px !important; width: calc(50% - 10px) !important; margin-top: 20px !important; padding: 20px 10px !important; } .preise .column.small-one-half.small-last-col { margin-right: 0px !important; margin-left: 10px !important; } } @media only screen and (max-width: 700px) { img.alignright { float: none; margin: 0 0 20px; display: block; } .social-icon { max-width: 65px; } #parallax-header { background-size: 175% auto !important; } table tbody td.text { padding: 18px 10px 18px 38px !important; } } @media only screen and (max-width: 640px) { svg.separator { height: 45px; } .sr-button.button-small { padding: 12px; } .owl-item p { padding: 0px !important; } .bewertung { margin: 0px 35px 35px; padding: 25px 15px; } .hide-on-small { display: none !important; } #c2a a { padding-right: 10px; } #c2a a span { display: none; } #c2a a#c2a-termin span { display: inline-block !important; } header.not-sticky { /*position: relative !important;*/ } #headimage { margin-top: 0; } #page-body { padding-top: 60px !important; } #page-body.no-padding-top-mobile { padding-top: 0px !important; } header.small-header:not(.not-sticky):not(.header-style-vertical) nav#main-nav > ul > li > a { padding-bottom: 0; padding-top: 0; } .column.link-box { padding: 17px; } table tbody td { display: block !important; text-align: left !important; width: inherit !important; } #footer { text-align: center; } /*header #logo { height: 100px; padding: 60px 0 0 !important; margin-top: 0; text-align: center; }*/ div .column:first-child { margin-top: 40px !important; } .align-left-small { text-align: left !important; } #parallax-image { background-size: 200% !important; } #parallax-header { height: 360px; } #preise-buchen-btn { bottom: -30px; right: 25px; } table tbody td.text { padding: 40px 25px 25px 25px !important; } #sticker { bottom: -25px; } #sticker img { max-width: 90px; } } @media only screen and (max-width: 600px) { .wrapper .isotope-grid[class*="isotope-spaced"] { width: 100%; } .isotope-grid.style-column-3[class*="isotope-spaced"] .isotope-item, .isotope-grid.style-column-3[class*="isotope-spaced"] .grid-sizer { width: 100%; } .isotope-grid.isotope-spaced .isotope-item, .isotope-grid.isotope-spaced .grid-sizer { margin-right: 0px; } } @media only screen and (max-width: 520px) { #logo-big { top: 45px; } #logo-big img { max-width: 300px; } #parallax-header { height: 280px; } } @media only screen and (max-width: 440px) { .column.link-box { display: block !important; float: none !important; width: 100% !important; } header #logo img { max-width: 100%; } h1, .like-h1 { font-size: 2rem; } } @media only screen and (max-width: 360px) { table tbody td.text { padding: 40px 18px 18px 18px !important; } } @media only screen and (max-width: 340px) { #c2a a#c2a-termin span { display: none !important; } } /* ========================================================== LCP-Fix Startseite Mobile (2026-06-10) Original-Hero (2740px / 236KB) ist auf Mobile stark oversized. Kleines Derivat nur auf der Startseite (<=640px). Original-Datei bleibt erhalten, Desktop unveraendert. Rollback: diesen Block komplett entfernen. ========================================================== */ @media only screen and (max-width: 640px) { body.home #parallax-header { background-image: url("/assets/imported/b3c7613c0c68-Hintergrund-Escape-VR2-mobil-1080.jpg") !important; } } /* ========================================================== Stufe-2-Fix (2026-06-10): Fremd-Domains eliminiert 1) Google Fonts self-hosted (latin-Subset; Umlaute + Euro enthalten). DSGVO-Bonus: kein Google-Server-Kontakt mehr. 2) FontAwesome ersetzt durch Mini-Subset (10 genutzte Icons, Quelle FA Free 5.8.1, CC BY 4.0 fontawesome.com/license). ACHTUNG: neue fa-Icons im Content brauchen erweitertes Subset - siehe lcp-fix-playbook.md! Rollback: Block entfernen + header.php-Links zurueck. ========================================================== */ @font-face { font-family: 'Fjalla One'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/imported/2cd06abd0b69-fjalla-one-v16-latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/imported/0a46de0f1588-open-sans-v44-latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/imported/0a46de0f1588-open-sans-v44-latin.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/imported/b22e47934e0f-fa-brands-subset.woff2") format('woff2'); } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/imported/363c16352240-fa-solid-subset.woff2") format('woff2'); } .fab, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .fa-2x { font-size: 2em; } .fa-facebook-f:before { content: "\f39e"; } .fa-gift:before { content: "\f06b"; } .fa-google:before { content: "\f1a0"; } .fa-heart:before { content: "\f004"; } .fa-instagram:before { content: "\f16d"; } .fa-ring:before { content: "\f70b"; } .fa-suitcase:before { content: "\f0f2"; } .fa-tripadvisor:before { content: "\f262"; } .fa-user-plus:before { content: "\f234"; } .fa-users:before { content: "\f0c0"; } /* ========================================================== CLS-Fix mobil, Stufe 1 (2026-07-30, Claude) - escapeleipzig.de ---------------------------------------------------------- Grund: style.css setzt global "img { width: auto; max-width: 100% }". Diese Autoren-Regel ueberschreibt die HTML-Attribute width/height (das sind nur Praesentations-Hinweise mit Spezifitaet 0). Folge: ein noch ladendes Bild hat keine feste Breite, die Box bleibt 0x0, und alles darunter springt, sobald die Datei ankommt. Ein reines "aspect-ratio" hilft deshalb NICHT - am 30.07.2026 im Browser nachgemessen: die Box bleibt 0x0. Es braucht immer BEIDES, feste Breite plus Seitenverhaeltnis. Die max-width-Werte entsprechen genau der heutigen Darstellung, die sichtbare Groesse aendert sich nicht (nachgemessen bei 375 px Breite und in der Desktop-Ansicht). Das Regiondo-Buchungswidget wird nicht beruehrt: kein Selektor hier greift auf [class*=regiondo], #rgd-, Buchungs-iframes oder #buchen. Rollback: diesen Block komplett entfernen. ========================================================== */ /* Karte im Kontaktbereich, echte Datei 1006x500 px. Groesster Einzelposten: reserviert heute 0 px, braucht mobil 179 bis 186 px. Laedt per loading="lazy" genau dann, wenn der Nutzer hinsieht, deshalb zaehlt der Sprung voll in den CLS. */ #kontakt img[src*="maps-escape-leipzig"] { width: 100%; max-width: 1006px; height: auto; aspect-ratio: 1006 / 500; } /* Fusszeilen-Logo, echte Datei 864x361 px. Der Deckel max-width 200px steht weiter oben in dieser Datei bei #footer-logo. Reserviert damit 200x83,6 px = heutige Box. */ #footer-logo[src*="escape-leipzig-logo"] { width: 100%; max-width: 200px; height: auto; aspect-ratio: 864 / 361; } /* Zahlungsarten-Grafik, echte Datei 780x94 px. Gleiches Bild wie in Hannover. Die Hannover-Regel vom 10.06.2026 setzt nur aspect-ratio und ist damit wirkungslos, siehe Bericht Abschnitt 2.2. */ #preise img[src*="zahlungensmoeglichkeiten"] { width: 100%; max-width: 780px; height: auto; aspect-ratio: 780 / 94; } /* TripAdvisor-Award-Bild. Die HTML-Attribute sagen 150x150, die Datei ist aber 200x220 px. Werte hier = echte Datei, damit das reservierte Feld auch dann stimmt, wenn die Attribute irgendwann wieder wirken. */ img[src*="tripadvisor-award"] { width: 100%; max-width: 200px; height: auto; aspect-ratio: 200 / 220; } /* ========================================================== CLS-Fix mobil, Stufe 2 (2026-07-30, Claude) - OPTIONAL ---------------------------------------------------------- Getrennt gehalten, weil die erste Regel den Ladezustand sichtbar veraendert und die zweite eine bestehende Deklaration antastet. Eigene Sichtpruefung noetig. Erst einspielen, wenn Stufe 1 laeuft. Rollback: diesen Block komplett entfernen. ========================================================== */ /* Galerie-Slider der Startseite. Alle 29 Bilder liegen im Format 3:2 (28 mal 1024x683, einmal 1217x811 = 1,5006), per SFTP am 30.07.2026 ausgelesen. Sichtbare Aenderung: solange ein Slide-Bild noch nicht geladen ist, ist der Slider heute nur so hoch wie der Alt-Text (48 px) und wird danach 234 px hoch. Mit dieser Regel steht die richtige Hoehe von Anfang an. Der Endzustand ist identisch, nur der Ladezustand sieht anders aus. Bewusst auf die Startseiten-Vorlage begrenzt, weil andere Seiten Galerien mit anderem Format haben. */ body.page-template-web-home #galerie .owl-item img { width: 100%; height: auto; aspect-ratio: 1024 / 683; } /* Kopfzeilen-Logo, echte Datei 472x157 px. Ersetzt height:auto durch height:100% (der Kasten #logo ist auf 30 px festgelegt), damit die Breite aus dem Seitenverhaeltnis folgt. Reserviert 90,2x30 px = exakt die heutige Darstellung. Wirkung auf den CLS ist wahrscheinlich klein, weil der Header position:fixed ist und keinen Seiteninhalt verschiebt. Nur mitnehmen, wenn die Kopfzeile mobil und Desktop danach sauber sitzt. */ header #logo img[src*="escape-logo"] { height: 100%; width: auto; aspect-ratio: 472 / 157; } /* NICHT im Patch, bewusst weggelassen: - #logo-big img (Hero-Logo, 720x425 px): der Kasten #logo-big ist position:absolute und verschiebt keinen Seiteninhalt. - video#springhierher: reserviert schon korrekt, weil die Inline-Regel .eu-inline-video video eine feste Breite (width:100% !important) setzt und damit die width/height-Attribute des video-Tags greifen. - #portfolio-grid img (Angebots-Kacheln): liegen in position:absolute-Kaesten, verschieben ebenfalls nichts. */ /* MENUE-NAME-FIX 2026-08-03 (Claude, Auftrag Artur) — Lighthouse-Befund „Links must have discernible text" am Burger-Knopf. Unter 640 px blendet `#c2a a span { display:none }` die Beschriftung aus; die Ausnahme darunter gilt nur fuer den Termin-Knopf, nicht fuer den Burger. Ergebnis war ein Link ohne Namen. Hier bleibt der vorhandene Text „Menue" im Barrierefreiheits-Baum, ist aber optisch unsichtbar. Kein optischer Unterschied. Rollback: diesen Block entfernen und den Versionsstempel in header.php hochziehen. */ @media only screen and (max-width: 640px) { #c2a a#c2a-nav span { display: inline-block !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; } }