@font-face {
    font-family: 'DINPro';
    src: url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Light.eot');
    src: url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Light.woff2') format('woff2'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Light.woff') format('woff'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Regular.eot');
    src: url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Regular.woff2') format('woff2'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Regular.woff') format('woff'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Bold.eot');
    src: url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Bold.woff2') format('woff2'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Bold.woff') format('woff'),
        url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



/*!
  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("https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/ionicons.eot?v=2.0.0");src:url("https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/ionicons.woff?v=2.0.0") format("woff"),url("https://cdn.xtento.com/skin/frontend/xtento/xtento2018/fonts/ionicons.svg?v=2.0.0#Ionicons") 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-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"}

/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.vbox-overlay{ 
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1040;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.vbox-preloader{
    position:absolute; 
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-align-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
/* ----- navigation ----- */
.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 40px;
    overflow: hidden;
    position: fixed;
    display: none;
    left: 0;
    z-index: 1050;
}
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 12px;
    display: block;
    background-position:10px center;
    overflow: hidden;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 1050;
}
.vbox-num{
    cursor: pointer;
    position: fixed;
    left: 0;
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    display: none;
    z-index: 1050;
}
/* ----- navigation ARROWS ----- */
.vbox-next, .vbox-prev{
    position: fixed;
    top: 50%;
    margin-top: -15px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    z-index: 1050;
}
.vbox-next span, .vbox-prev span{
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top-color: #B6B6B6;
    border-right-color: #B6B6B6;
    text-indent: -100px;
    position: absolute;
    top: 8px;
    display: block;
}
.vbox-prev{
    left: 15px;
}
.vbox-next{
    right: 15px;
}
.vbox-prev span{
    left: 10px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.vbox-next span{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 30px;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    height: 80vh;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    overflow: auto;
    text-align: left;
}
/* ------- Video & iFrames window ------ */
.venoframe{
    max-width: 100%;
    width: 100%;
    border: none;
    width: 100%;
    height: 260px;
    height: 80vh;
}
.venoframe.vbvid{
    height: 260px;
}
@media (min-width: 768px) {
    .venoframe, .vbox-inline{
        width: 90%;
        height: 360px;
        height: 80vh;
    }
    .venoframe.vbvid{
        width: 640px;
        height: 360px;
    }
}
@media (min-width: 992px) {
    .venoframe, .vbox-inline{
        max-width: 1200px;
        width: 80%;
        height: 540px;
        height: 80vh;
    }
    .venoframe.vbvid{
        width: 960px;
        height: 540px;
    }
}
@media (min-width: 1192px) {
    .venoframe.vbvid{
        width: 1319px;
        height: 664px;
    }
}
/* 
Please do NOT edit this part! 
or at least read this note: http://i.imgur.com/7C0ws9e.gif
*/
.vbox-open{
    overflow: hidden;
}
.vbox-container{
    position: relative;
    background: #000;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 20px 10px;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
.figlio{
    /*box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
    max-width: 100%;
    text-align: initial;
}
.vbox-content {
    -webkit-overflow-scrolling:touch;
}
/* ---------- preloader ----------
 * SPINKIT 
 * http://tobiasahlin.com/spinkit/
-------------------------------- */
.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;backface-visibility:visible;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{width:50px;height:40px;text-align:center;font-size:10px;margin:40px auto}.sk-wave .sk-rect{background-color:#333;height:100%;width:4px;margin:0 1px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-three-bounce{margin:40px auto;width:100px;text-align:center}.sk-three-bounce .sk-child{width:16px;height:16px;background-color:#333;border-radius:100%;margin:4px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-cube-grid,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-spinner-pulse{background-color:#333;border-radius:100%;-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}

.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
/*!
 * 
 *         SimpleBar.js - v2.5.1
 *         Scrollbars, simpler.
 *         https://grsmto.github.io/simplebar/
 *         
 *         Made by Adrien Grsmto from a fork by Jonathan Nicol
 *         Under MIT License
 *       
 */
[data-simplebar] {
    position: relative;
    z-index: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

[data-simplebar="init"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.simplebar-scroll-content {
    overflow-x: hidden;
    overflow-y: scroll;
    min-width: 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.simplebar-content {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 100%;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 11px;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: black;
    background-clip: padding-box;
}

.simplebar-track:hover .simplebar-scrollbar {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    -webkit-transition: opacity 0 linear;
    transition: opacity 0 linear;
}

.simplebar-track .simplebar-scrollbar.visible {
    opacity: 0.5;
}

.simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 11px;
}

.simplebar-track.vertical {
    top: 0;
}

.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

@charset "UTF-8";
/* 1180 */
/*
 * Extracted from @import compass/reset
 * c:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss
 */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle; }

blockquote, q {
  quotes: none; }

blockquote::after, blockquote:before, q::after, q:before {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.clearfix::after, .grid::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden; }

* html .clearfix, * html .grid {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix, *:first-child + html .grid {
  zoom: 1; }

/* IE7 */
* {
  box-sizing: border-box; }

html, body {
  min-height: 100%;
  height: 100%; }

body.loading, body.fixed {
  overflow: hidden; }

.global-wrap {
  clear: both;
  overflow: hidden; }

.wrap {
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 20px;
  position: relative;
  /* Less characters per line = better text readability */ }
  .wrap.wrap-narrow {
    max-width: 900px; }
  @media only screen and (min-width: 1280px) {
    .wrap {
      padding: 0; } }

.normal-content {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 1025px) {
    .normal-content {
      margin-top: 50px;
      margin-bottom: 50px; } }

a {
  color: inherit;
  text-decoration: none; }

button {
  cursor: pointer; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

*:focus {
  outline: none; }

/* Scroll to top button */
#go-top {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  border-radius: 50%;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
  background-color: rgba(88, 101, 113, 0.7);
  bottom: 60px;
  color: white;
  opacity: 0;
  padding: 0;
  position: fixed;
  right: 10px;
  z-index: -1; }
  #go-top.active {
    opacity: 1;
    z-index: 10; }
  @media only screen and (min-width: 1025px) {
    #go-top {
      bottom: 70px; } }

.fr {
  float: right; }

hr {
  background: #ced3d8;
  border: none;
  display: block;
  height: 1px;
  margin: 50px 0;
  width: 100%; }

/* Custom scrollbar - tweak default styles */
.editor .simplebar-content {
  padding-right: 15px; }

.simplebar-track.vertical {
  background-color: rgba(206, 211, 216, 0.5);
  width: 7px; }

.simplebar-scrollbar {
  right: 0; }

/* Venobox - tweak default styles */
.vbox-next span {
  right: 10px; }

@media only screen and (max-width: 767px) {
  .hide-tablet {
    display: none; } }

/* Default pace container */
/*
.pace { height: 100%; position: absolute; top: 0; z-index: 9999; width: 100%; }
body.loaded .pace { display: none; }
.pace-progress { background: black; height: 1px; position: relative; top: 50%; }
*/
@keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(0.1); }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0;
    transform: scale(0.7); } }
/* Element */
.pulse:before {
  animation: pulse 1.5s cubic-bezier(1, 0, 0, 0.5) infinite;
  border: 1px solid white;
  border-radius: 50%;
  content: '';
  display: block;
  height: 120px;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  position: absolute;
  top: 50%;
  width: 120px;
  z-index: -1; }

@keyframes display {
  0% {
    display: none; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
/* Standalone components */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track::before, .slick-track::after {
    content: "";
    display: table; }
  .slick-track::after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.btn {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  background: none;
  border: none;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  /* Icons, i.e. arrows inside buttons */ }
  .btn span {
    vertical-align: middle; }
  .btn i {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    font-size: 24px;
    left: 0;
    position: relative;
    vertical-align: middle; }
  .btn span + i {
    padding-left: 10px; }
  .btn i + span {
    padding-left: 10px; }
  .btn:hover span + i {
    left: 5px; }

/* Blue */
.btn-blue {
  background-color: #3792d4;
  color: white;
  font-size: 15px;
  height: 40px;
  line-height: 36px;
  padding: 0 20px; }
  .btn-blue:hover {
    background-color: #337fb5; }

/* Light grey */
.btn-light-grey {
  background-color: #8d9eab;
  color: white;
  font-size: 15px;
  height: 40px;
  line-height: 36px;
  padding: 0 20px; }
  .btn-light-grey:hover {
    background-color: #73808c; }

/* Blue stroke */
.btn-blue-stroke {
  border: 1px solid #3792d4;
  color: #010b1b;
  font-size: 15px;
  height: 40px;
  line-height: 35px;
  padding: 0 20px; }
  .btn-blue-stroke:hover {
    background-color: #3792d4;
    color: white; }

/* Dark gray */
.btn-gray {
  height: 48px;
  line-height: 48px;
  background-color: #586571;
  color: white;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase; }
  .btn-gray:hover {
    background-color: #010b1b; }

/* White */
.btn-white {
  height: 44px;
  line-height: 44px;
  background-color: white;
  color: #010b1b;
  font-size: 15px;
  padding: 0 20px; }
  .btn-white:hover {
    background-color: rgba(255, 255, 255, 0.7); }

/* White stroke */
.btn-white-stroke {
  height: 43px;
  line-height: 43px;
  border: 1px solid white;
  color: white;
  font-size: 15px;
  padding: 0 20px; }
  .btn-white-stroke:hover {
    background-color: white;
    color: #010b1b; }

/* Full width */
.btn-full {
  width: 100%; }

/* Large height, as in Checkout - Sign up */
@media only screen and (min-width: 768px) {
  .btn-large {
    height: 64px;
    line-height: 60px; }

  .btn-blue, .btn-blue-stroke {
    height: 48px;
    line-height: 41px;
    padding: 0 30px; }

  .btn-white {
    height: 64px;
    line-height: 64px;
    padding: 0 30px; }

  .btn-white-stroke {
    height: 62px;
    line-height: 62px;
    padding: 0 30px; } }
.help-trigger {
  cursor: pointer; }

/*
	GENERIC LAYOUT
*/
.reviews {
  background-color: #f0f1f2;
  margin-top: 40px;
  padding: 10px 0 50px;
  text-align: center; }
  .reviews blockquote {
    font-size: 15px;
    line-height: 1.5em;
    margin: 10px auto 0;
    max-width: 600px;
    padding: 0 30px;
    position: relative; }
    .reviews blockquote::before, .reviews blockquote::after {
      color: rgba(238, 103, 47, 0.3);
      font-family: Georgia, Times, serif;
      font-size: 120px;
      position: absolute; }
    .reviews blockquote::before {
      content: '\201C';
      left: -70px;
      top: 30px; }
    .reviews blockquote::after {
      bottom: -30px;
      content: '\201D';
      right: -70px; }
  .reviews .meta {
    color: #586571;
    display: block;
    font-size: 15px;
    margin-bottom: 20px; }
  .reviews .btn {
    margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .reviews {
      margin-top: 70px;
      padding: 20px 0 80px; }
      .reviews span[class^="rating"] {
        font-size: 24px; }
      .reviews blockquote {
        font-size: 18px;
        line-height: 1.5em;
        margin-top: 20px;
        padding: 0; }
        .reviews blockquote::before {
          left: -50px; }
        .reviews blockquote::after {
          right: -50px; }
      .reviews .meta {
        margin: 20px 0; }
      .reviews .btn {
        margin-top: 30px; } }
  @media only screen and (min-width: 1025px) {
    .reviews blockquote {
      max-width: 700px; }
      .reviews blockquote::before, .reviews blockquote::after {
        color: #ee672f;
        font-size: 180px; }
      .reviews blockquote::before {
        left: -90px; }
      .reviews blockquote::after {
        right: -90px; } }

/* Extension detail page */
.extension-reviews {
  overflow: hidden; }
  .extension-reviews .featured {
    background-color: #586571;
    color: white;
    padding: 50px 30px 20px; }
    .extension-reviews .featured blockquote {
      margin-top: 30px; }
    .extension-reviews .featured .meta {
      color: #f0f1f2;
      opacity: 0.5; }
  .extension-reviews .btn {
    width: 100%; }
  .extension-reviews .reviews-list {
    margin-top: 50px; }
  .extension-reviews .entry {
    text-align: left; }
    .extension-reviews .entry .text-wrap {
      background-color: white;
      padding: 20px 20px 10px 50px;
      position: relative;
      /* Speech arrow */ }
      .extension-reviews .entry .text-wrap::after {
        border: 20px solid transparent;
        border-bottom-color: white;
        bottom: -20px;
        content: '';
        display: block;
        left: -20px;
        position: absolute;
        transform: rotate(-45deg); }
    .extension-reviews .entry h3 {
      font-size: 18px;
      line-height: 1.5em;
      text-align: left; }
    .extension-reviews .entry span[class^="rating"] {
      font-size: 18px;
      margin-top: 0; }
    .extension-reviews .entry blockquote {
      font-size: 15px;
      line-height: 1.5em;
      padding: 0; }
      .extension-reviews .entry blockquote::before {
        color: #010b1b;
        font-size: 48px;
        left: -36px;
        top: 5px; }
      .extension-reviews .entry blockquote::after {
        content: normal; }
    .extension-reviews .entry .meta {
      color: #586571;
      font-size: 14px;
      margin-top: 15px;
      padding-left: 50px; }
    .extension-reviews .entry strong {
      font-weight: bold; }
  @media only screen and (min-width: 768px) {
    .extension-reviews .reviews-list {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap; }
    .extension-reviews .entry {
      margin-right: 50px;
      width: calc(50% - 25px); }
      .extension-reviews .entry:nth-child(2n) {
        margin-right: 0; }
      .extension-reviews .entry .text-wrap {
        padding: 30px 30px 30px 60px; }
      .extension-reviews .entry .meta {
        padding-left: 60px; } }

/*
	DEDICATED REVIEWS PAGE
*/
.extension.extension-reviews-inner .column-4-5 {
  margin-bottom: 40px; }
  .extension.extension-reviews-inner .column-4-5 header {
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
    .extension.extension-reviews-inner .column-4-5 header h5 {
      margin-bottom: 10px;
      text-align: center; }
    .extension.extension-reviews-inner .column-4-5 header h5 a {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out; }
      .extension.extension-reviews-inner .column-4-5 header h5 a:hover {
        color: #ee672f; }
      .extension.extension-reviews-inner .column-4-5 header h5 a i {
        padding-right: 5px; }
.extension.extension-reviews-inner .header-inner {
  flex: 1; }
.extension.extension-reviews-inner .reviews-summary {
  margin-left: auto;
  margin-top: 0; }
.extension.extension-reviews-inner a span {
  margin-top: 5px; }
.extension.extension-reviews-inner .btn-blue {
  margin-top: 10px; }
@media only screen and (min-width: 768px) {
  .extension.extension-reviews-inner .column-4-5 header {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    text-align: left; }
    .extension.extension-reviews-inner .column-4-5 header h5 {
      margin-bottom: 0;
      text-align: left; }
  .extension.extension-reviews-inner .btn-blue {
    margin-left: 20px; } }

/* Magento Connect box */
.magento-connect.box-aux {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  background-image: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/magento-marketplace-logo.svg);
  background-position: right 24px top 24px;
  background-repeat: no-repeat;
  background-size: 245px auto;
  display: block;
  margin-bottom: 50px;
  margin-top: 10px;
  position: relative;
  top: 0; }
  @media only screen and (max-width: 1024px) {
    .magento-connect.box-aux {
      background-image: none; } }
  .magento-connect.box-aux:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    top: -2px; }
  .magento-connect.box-aux .entry {
    margin-top: 0; }
  .magento-connect.box-aux p {
    margin-top: 20px; }

/* List */
.reviews-inner {
  background-color: transparent;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 3; }
  .reviews-inner .entry {
    margin-bottom: 20px; }
    .reviews-inner .entry .text-wrap {
      background-color: #f0f1f2; }
      .reviews-inner .entry .text-wrap::after {
        border-bottom-color: #f0f1f2; }

/* Add your review */
.add-review .grid .column-1-2 {
  padding-right: 0; }
.add-review .btn {
  margin-top: 30px; }

/*
	GENERAL CUSTOMER REVIEWS PAGEA
*/
.reviews-customer {
  overflow: visible; }
  .reviews-customer .entry {
    display: block; }
    .reviews-customer .entry .thumb {
      float: left;
      margin-left: -30px;
      margin-right: 20px;
      max-width: 150px; }
    .reviews-customer .entry blockquote {
      margin-top: 40px; }
    .reviews-customer .entry .text-wrap {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      position: relative;
      top: 0; }
      .reviews-customer .entry .text-wrap:hover {
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        top: -2px; }

/* Item rating */
span[class^="rating"] {
  color: #ee672f;
  display: inline-block;
  letter-spacing: 0.1em; }

.rating-1::before {
  content: "";
  font-family: Ionicons;
  font-weight: normal; }

.rating-2::before {
  content: "";
  font-family: Ionicons;
  font-weight: normal; }

.rating-3::before {
  content: "";
  font-family: Ionicons;
  font-weight: normal; }

.rating-4::before {
  content: "";
  font-family: Ionicons;
  font-weight: normal; }

.rating-5::before {
  content: "";
  font-family: Ionicons;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  span[class^="rating"] {
    margin-top: 10px; } }
/* Add a comment clickable rating */
/* Modified after http://jsfiddle.net/ghvNn/1080/ */
.add-review .star-rating {
  background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/icon/star-empty.png);
  background-size: contain;
  height: 24px;
  font-size: 0;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 150px; }
  .add-review .star-rating input[type="radio"] {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    width: 20%;
    z-index: 2; }
  .add-review .star-rating label {
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/icon/star-full.png);
    background-size: contain;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20%;
    z-index: 1; }
  .add-review .star-rating input:hover + label, .add-review .star-rating input:checked + label {
    opacity: 1; }
  .add-review .star-rating label ~ label {
    width: 40%; }
  .add-review .star-rating label ~ label ~ label {
    width: 60%; }
  .add-review .star-rating label ~ label ~ label ~ label {
    width: 80%; }
  .add-review .star-rating label ~ label ~ label ~ label ~ label {
    width: 100%; }

.slider-wrap {
  position: relative; }

/* Arrows navigation, as in Extensions Detail */
.slider-nav a {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  position: relative;
  background-color: #8d99a7;
  color: white;
  font-size: 24px;
  display: block;
  height: 140px;
  margin-top: -70px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 44px; }
  .slider-nav a::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .slider-nav a img {
    vertical-align: middle; }
  .slider-nav a:hover {
    background-color: #586571; }
.slider-nav .prev {
  left: 0; }
.slider-nav .next {
  right: 0; }

/* Dots pagination, as in Shopping Cart - "Related Extensions" */
.slick-dots {
  margin-top: 10px;
  text-align: center;
  width: 100%; }
  .slick-dots li {
    display: inline-block;
    margin: 0 4px; }
  .slick-dots button {
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    text-align: center;
    width: 12px;
    background: none;
    border: 1px solid #ced3d8;
    color: transparent;
    font-size: 0;
    padding: 0; }
  .slick-dots .slick-active button {
    background-color: #ee672f;
    border-color: transparent; }

/* Center slides in center mode - modified by https://github.com/kenwheeler/slick/issues/262#issuecomment-259907935 */
/* Only required if using centerMode with Slick */
.extension-screenshots .slick-no-slide .slick-track {
  width: 100% !important;
  text-align: center !important;
  transform: inherit !important; }

.extension-screenshots .slick-no-slide .slick-slide {
  float: none !important;
  display: inline-block !important; }

.form-fields, .fieldset {
  /* Help icon */
  /* Take into account prefix width */
  /* Form elements */ }
  .form-fields .grid, .fieldset .grid {
    flex-wrap: wrap; }
  .form-fields .entry, .fieldset .entry {
    border-bottom: 1px solid #ced3d8;
    font-size: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .form-fields .entry:last-of-type, .fieldset .entry:last-of-type {
      border-bottom: none; }
  .form-fields .title-line, .fieldset .title-line {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase; }
    .form-fields .title-line.required, .fieldset .title-line.required {
      position: relative; }
      .form-fields .title-line.required::before, .fieldset .title-line.required::before {
        color: #ee672f;
        content: '*';
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        right: -12px; }
      .form-fields .title-line.required + .help-trigger, .fieldset .title-line.required + .help-trigger {
        margin-left: 20px; }
    .form-fields .title-line::after, .fieldset .title-line::after {
      bottom: -10px; }
  .form-fields .help-trigger, .fieldset .help-trigger {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle; }
    .form-fields .help-trigger:hover, .fieldset .help-trigger:hover {
      color: #ee672f; }
    .form-fields .help-trigger i, .fieldset .help-trigger i {
      font-size: 18px; }
  .form-fields .field-wrap, .fieldset .field-wrap {
    margin-top: 3px; }
  .form-fields .field-prefix, .fieldset .field-prefix {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; }
    .form-fields .field-prefix input[type="text"], .form-fields .field-prefix input[type="password"], .fieldset .field-prefix input[type="text"], .fieldset .field-prefix input[type="password"] {
      flex: 1; }
  .form-fields .prefix, .fieldset .prefix {
    height: 48px;
    line-height: 48px;
    background-color: #f0f1f2;
    color: #586571;
    display: block;
    float: left;
    padding: 0 15px;
    text-align: center; }
  .form-fields input[type="text"], .form-fields input[type="password"], .form-fields input[type="number"], .form-fields input[type="file"], .form-fields .attachments-box, .form-fields textarea, .fieldset input[type="text"], .fieldset input[type="password"], .fieldset input[type="number"], .fieldset input[type="file"], .fieldset .attachments-box, .fieldset textarea {
    height: 48px;
    line-height: 48px;
    background-color: white;
    border: 1px solid #ced3d8;
    font-size: 15px; }
    .form-fields input[type="text"].tiny, .form-fields input[type="password"].tiny, .form-fields input[type="number"].tiny, .form-fields input[type="file"].tiny, .form-fields .attachments-box.tiny, .form-fields textarea.tiny, .fieldset input[type="text"].tiny, .fieldset input[type="password"].tiny, .fieldset input[type="number"].tiny, .fieldset input[type="file"].tiny, .fieldset .attachments-box.tiny, .fieldset textarea.tiny {
      width: 60px; }
  .form-fields input[type="text"], .form-fields input[type="password"], .fieldset input[type="text"], .fieldset input[type="password"] {
    padding: 0 15px; }
  .form-fields input[type="number"], .fieldset input[type="number"] {
    padding-left: 10px;
    padding-right: 5px; }
  .form-fields input[type="file"], .fieldset input[type="file"] {
    display: block;
    width: 100%; }
  .form-fields:not(.add-review) input[type="radio"], .form-fields input[type="checkbox"], .fieldset:not(.add-review) input[type="radio"], .fieldset input[type="checkbox"] {
    display: none; }
    .form-fields:not(.add-review) input[type="radio"] + label, .form-fields input[type="checkbox"] + label, .fieldset:not(.add-review) input[type="radio"] + label, .fieldset input[type="checkbox"] + label {
      display: inline-block;
      line-height: 1.5em;
      padding-left: 30px;
      position: relative; }
      .form-fields:not(.add-review) input[type="radio"] + label::before, .form-fields input[type="checkbox"] + label::before, .fieldset:not(.add-review) input[type="radio"] + label::before, .fieldset input[type="checkbox"] + label::before {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        border-radius: 50%;
        display: inline-block;
        height: 18px;
        line-height: 18px;
        text-align: center;
        width: 18px;
        background-color: white;
        border: 1px solid #a7a9ac;
        content: '';
        display: inline-block;
        margin-right: 7px;
        position: absolute;
        left: 0;
        top: 2px;
        vertical-align: middle; }
      .form-fields:not(.add-review) input[type="radio"] + label::after, .form-fields input[type="checkbox"] + label::after, .fieldset:not(.add-review) input[type="radio"] + label::after, .fieldset input[type="checkbox"] + label::after {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        border-radius: 50%;
        display: inline-block;
        height: 8px;
        line-height: 8px;
        text-align: center;
        width: 8px;
        content: '';
        position: absolute;
        left: 6px;
        top: 8px; }
    .form-fields:not(.add-review) input[type="radio"]:checked + label, .form-fields input[type="checkbox"]:checked + label, .fieldset:not(.add-review) input[type="radio"]:checked + label, .fieldset input[type="checkbox"]:checked + label {
      font-weight: bold; }
      .form-fields:not(.add-review) input[type="radio"]:checked + label::before, .form-fields input[type="checkbox"]:checked + label::before, .fieldset:not(.add-review) input[type="radio"]:checked + label::before, .fieldset input[type="checkbox"]:checked + label::before {
        border-color: #010b1b; }
      .form-fields:not(.add-review) input[type="radio"]:checked + label::after, .form-fields input[type="checkbox"]:checked + label::after, .fieldset:not(.add-review) input[type="radio"]:checked + label::after, .fieldset input[type="checkbox"]:checked + label::after {
        background-color: #010b1b; }
  .form-fields input[type="checkbox"] + label::before, .fieldset input[type="checkbox"] + label::before {
    border-radius: 0; }
  .form-fields input[type="checkbox"] + label::after, .fieldset input[type="checkbox"] + label::after {
    border-radius: 0;
    left: 4px; }
  .form-fields input[type="checkbox"]:checked + label::after, .fieldset input[type="checkbox"]:checked + label::after {
    content: "";
    font-family: Ionicons;
    font-weight: normal;
    background-color: transparent; }
  .form-fields textarea, .fieldset textarea {
    line-height: 1.5em;
    min-height: 120px;
    padding: 15px;
    width: 100%; }
  .form-fields .help-content, .fieldset .help-content {
    display: none; }

.contact-form textarea {
  height: 200px !important; }

/* Custom Sebastian */
.buttons-set {
  margin-top: 25px; }

/* Custom dropdown */
.select-wrap {
  position: relative; }
  .select-wrap::after {
    content: "";
    font-family: Ionicons;
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 1; }
  .select-wrap select {
    height: 48px;
    line-height: 48px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    background: white;
    border: 1px solid #ced3d8;
    font-size: 15px;
    padding: 0px 30px 0px 10px;
    width: 100%; }
  .select-wrap option {
    background-color: white; }

/* Checkout forms */
.checkout-form .editor {
  font-size: 15px;
  line-height: 1.7em; }
.checkout-form .btn {
  margin-top: 20px; }

.form-inline {
  /* Description text under form element */ }
  .form-inline label {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 5px;
    text-transform: uppercase; }
  .form-inline input[type="text"], .form-inline input[type="password"] {
    display: inline-block;
    width: 100%; }
  .form-inline .info {
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 5px; }
  .form-inline .vat {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap; }
    .form-inline .vat label {
      width: 100%; }
    .form-inline .vat .btn {
      margin-left: 5px;
      margin-top: 0; }
  .form-inline .info {
    width: 100%; }
    .form-inline .info a {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      border-bottom: 1px solid #ee672f; }
      .form-inline .info a:hover {
        background-color: #ee672f;
        color: white; }
  @media only screen and (min-width: 768px) {
    .form-inline label {
      font-size: 14px;
      margin-top: 20px; }
    .form-inline .vat input {
      width: auto; } }

/* Add asterix after a required label */
label.required, span.required, label.req, span.req {
  position: relative; }
  label.required::after, span.required::after, label.req::after, span.req::after {
    color: #ee672f;
    content: '*';
    display: inline-block;
    font-size: 18px;
    line-height: 1em;
    margin-left: 5px;
    top: 0; }

.simplebar-track {
  z-index: 11; }

.simplebar-scrollbar, .simplebar-track .simplebar-scrollbar.visible {
  background-color: #ee672f;
  opacity: 1; }

/* Boxed background content, i.e. Services / Checkout page */
.box-aux {
  background-color: #f0f1f2;
  margin: 20px 0 30px;
  padding: 20px;
  /* Box inside a box */ }
  .box-aux .title-smaller {
    margin-bottom: 10px; }
  .box-aux .entry {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    float: left;
    margin-right: 30px;
    margin-top: 10px; }
    .box-aux .entry:last-child {
      margin-right: 0; }
    .box-aux .entry .icon {
      font-size: 36px;
      margin-right: 15px;
      max-height: 32px;
      max-width: 32px; }
    .box-aux .entry .icon.small {
      font-size: 24px;
      text-align: center; }
  .box-aux .text {
    font-size: 15px;
    height: 100%;
    line-height: 1.5em;
    padding-top: 3px; }
  .box-aux a.entry .text {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid #a7a9ac; }
    .box-aux a.entry .text:hover {
      border-color: #ee672f; }
  .box-aux > .entry {
    float: none; }
  .box-aux .price {
    display: inline-block;
    font-size: 28px;
    font-weight: 100;
    padding-top: 10px; }
  .box-aux input.tiny {
    margin-bottom: 10px; }
  .box-aux .btn {
    vertical-align: top; }
  .box-aux .box-inner {
    background-color: white;
    border: 1px solid #ced3d8;
    line-height: 1.5em;
    padding: 15px 20px; }
    .box-aux .box-inner .box-inner {
      background-color: #f0f1f2;
      border: none;
      margin-bottom: 10px; }
  @media only screen and (min-width: 768px) {
    .box-aux {
      padding: 30px 30px 40px; }
      .box-aux .box-inner .box-inner {
        margin-bottom: 20px; }
      .box-aux .entry {
        margin-top: 15px; } }
  @media only screen and (min-width: 1025px) {
    .box-aux {
      margin: 40px 0; } }

/* Extensions detail page, Connectors detail page */
.box-promotion, .box-downloads {
  background-color: transparent;
  border: 1px solid #ced3d8;
  padding: 10px 30px 30px; }

.box-downloads .text ul li {
  margin-bottom: 8px; }
  .box-downloads .text ul li::before {
    content: '\f12f' !important;
    font-size: 21px !important; }
.box-downloads .text hr {
  margin: 40px 0 30px; }
.box-downloads .editor h5:first-child {
  margin-top: 50px; }

/* Tabs,i.e. Extensions Detail page */
.box-tabs {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-end; }
  .box-tabs a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    position: relative;
    height: 50px;
    line-height: 50px;
    background-color: #3792d4;
    color: #f0f1f2;
    flex: 1;
    font-size: 15px;
    font-weight: bold;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase; }
    .box-tabs a::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .box-tabs a img {
      vertical-align: middle; }
    .box-tabs a:hover {
      background-color: #337fb5; }
  .box-tabs .active {
    height: 60px;
    line-height: 60px;
    background-color: #f0f1f2;
    color: #010b1b; }
    .box-tabs .active:hover {
      background-color: #f0f1f2; }

.box-content {
  background-color: #f0f1f2;
  padding: 30px; }
  .box-content .entry {
    display: none; }
  .box-content .active {
    display: block; }

.box-layout-wrap {
  /*background-color: $white;*/
  padding: 50px 0; }

.box-layout-screenshot {
  background-color: white;
  border: 1px solid #ced3d8;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 20px; }
  .box-layout-screenshot .title-wrap {
    align-items: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 20px; }
  .box-layout-screenshot .icon {
    border-radius: 50%;
    display: inline-block;
    height: 72px;
    line-height: 72px;
    text-align: center;
    width: 72px;
    background-color: #ee672f;
    color: white;
    font-size: 36px;
    margin-right: 20px; }
  .box-layout-screenshot h3 {
    flex: 1;
    text-align: left; }
  .box-layout-screenshot .screenshot {
    background-color: #f0f1f2;
    margin-top: 0px;
    padding: 20px;
    text-align: center;
    width: 100%; }
    .box-layout-screenshot .screenshot em {
      display: block;
      font-size: 15px;
      padding-top: 10px; }
      .box-layout-screenshot .screenshot em strong {
        font-weight: bold; }
  .box-layout-screenshot img {
    box-shadow: 0px 0px 38px 12px rgba(0, 0, 0, 0.1);
    display: inline-block;
    max-width: 100%; }
  @media only screen and (min-width: 1025px) {
    .box-layout-screenshot {
      padding: 30px; }
      .box-layout-screenshot .icon-wrap {
        margin-right: 40px;
        width: 100px; }
      .box-layout-screenshot .icon {
        border-radius: 50%;
        display: inline-block;
        height: 96px;
        line-height: 96px;
        text-align: center;
        width: 96px;
        font-size: 60px; }
      .box-layout-screenshot .text-wrap {
        width: calc(100% - 140px); }
      .box-layout-screenshot .screenshot {
        padding: 40px;
        padding-bottom: 30px; } }

.box-layout-list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  /*justify-content: space-between;*/
  /* NEW */
  justify-content: center;
  /* ratio 4x3 */ }
  .box-layout-list .help-content {
    display: none; }
  .box-layout-list .text-wrap, .box-layout-list .text-wrap-fullsize {
    border: 1px solid #ced3d8;
    padding: 30px 25px;
    margin-bottom: 40px;
    width: 100%; }
    .box-layout-list .text-wrap:nth-child(2n), .box-layout-list .text-wrap-fullsize:nth-child(2n) {
      margin-right: 0; }
  .box-layout-list h3 {
    margin-bottom: 20px;
    text-align: left; }
  .box-layout-list .editor ul li::before {
    color: #ee672f; }
  @media only screen and (min-width: 1025px) {
    .box-layout-list .text-wrap {
      margin-right: 30px;
      padding: 40px 30px;
      width: 48%; }
    .box-layout-list .text-wrap-fullsize {
      padding: 40px 30px; }
    .box-layout-list h3 {
      margin-bottom: 30px; } }
  .box-layout-list .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    /* ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto; }
  .box-layout-list .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .box-layout-list .embed-container.ratio4x3 {
    padding-bottom: 75%; }

/* Extensions detail - installation & configuration service */
.modal-hide {
  display: none; }

.modal-services {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  /* Background image */ }
  .modal-services header {
    color: white;
    padding: 20px 40px 30px;
    position: relative;
    text-align: center; }
    .modal-services header h5 {
      margin: 20px 0 40px;
      position: relative;
      z-index: 1; }
    .modal-services header p {
      position: relative;
      z-index: 1; }
  .modal-services aside {
    background-color: #f0f1f2; }
  .modal-services .editor {
    font-size: 15px;
    line-height: 1.5em;
    padding: 25px 40px 15px; }
    .modal-services .editor ul li {
      margin-bottom: 20px;
      padding-left: 45px;
      position: relative; }
      .modal-services .editor ul li::before {
        content: "";
        font-family: Ionicons;
        font-weight: normal;
        font-size: 28px;
        left: 0;
        position: absolute;
        top: 3px; }
  .modal-services footer {
    align-self: flex-end;
    min-height: 85px;
    padding: 20px 30px 0;
    position: relative; }
    .modal-services footer .btn {
      margin-left: 20px; }
    .modal-services footer .link {
      border-bottom: 1px solid #ced3d8;
      font-size: 15px; }
  .modal-services .img-wrap {
    /*background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/trust.jpg) no-repeat center;*/
    background-color: #242831;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

/* Generic, as in Integrations Detail */
.table {
  text-align: left;
  /* Checkmark icons */ }
  .table .row {
    width: 100%;
    /* Zebra stripes */ }
    .table .row:nth-child(2n+3) {
      background-color: #f0f1f2; }
  .table .col-3-5 {
    padding: 10px 20px; }
  .table .col-1-5 {
    padding: 0 20px; }
  .table .header {
    background-color: #010b1b;
    color: white;
    font-weight: bold;
    padding-bottom: 0; }
    .table .header > * {
      display: none; }
    .table .header .title {
      display: block; }
  .table .green, .table .gray {
    /* Duplicate table heading on small devices */ }
    .table .green::before, .table .gray::before {
      color: #8d99a7;
      content: attr(data-title) ": ";
      margin-right: 10px; }
  .table .green {
    color: #00ea40; }
  .table .gray {
    color: #8d99a7; }
  .table .icon {
    font-size: 24px; }
  @media only screen and (min-width: 568px) {
    .table .row {
      align-items: center;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex; }
    .table .col-3-5 {
      text-align: left;
      width: 50%; }
    .table .col-1-5 {
      padding: 10px;
      text-align: center;
      width: 25%; }
    .table .header > * {
      display: block; }
    .table .green::before, .table .gray::before {
      content: normal; } }
  @media only screen and (min-width: 768px) {
    .table .col-3-5 {
      width: 60%; }
    .table .col-1-5 {
      padding: 10px;
      width: 20%; }
    .table .header {
      padding: 15px 0; } }

/* Products in Shopping Cart */
.table-cart {
  /* Table body */ }
  .table-cart .row {
    display: block; }
    .table-cart .row:last-child {
      border-bottom: none; }
  .table-cart .header > * {
    display: none; }
  .table-cart .header .product {
    display: block; }
  @media only screen and (max-width: 1024px) {
    .table-cart .header {
      font-size: 15px;
      padding: 5px 10px; } }
  @media only screen and (min-width: 768px) {
    .table-cart {
      /* Grid */ }
      .table-cart .header > * {
        display: block; }
      .table-cart .row {
        align-items: flex-start;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex; }
      .table-cart .header {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        padding-left: 20px;
        padding-right: 20px; }
      .table-cart .product {
        width: 30%; }
      .table-cart .options {
        width: 30%; }
      .table-cart .price, .table-cart .subtotal {
        padding-right: 20px;
        text-align: right;
        width: 15%; }
      .table-cart .quantity {
        width: 10%; }
      .table-cart .remove {
        width: 1%; } }
  @media only screen and (min-width: 1280px) {
    .table-cart .product {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      width: 30%; }
    .table-cart .options {
      width: 40%; }
    .table-cart .price, .table-cart .subtotal {
      text-align: right;
      padding-right: 30px;
      width: 10%; }
    .table-cart .quantity {
      width: 10%; }
    .table-cart .remove {
      width: 1%; } }
  .table-cart .body {
    background-color: #f0f1f2;
    margin-bottom: 20px;
    padding: 20px 20px 15px;
    position: relative; }
    .table-cart .body .product {
      padding-right: 20px; }
      .table-cart .body .product img {
        display: block;
        margin-right: 15px;
        max-width: 64px; }
      .table-cart .body .product h5 {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.2em;
        margin-top: 10px; }
    .table-cart .body .auto-renew {
      line-height: 1.2em;
      margin-top: 10px; }
      .table-cart .body .auto-renew input + label {
        color: #586571;
        display: inline; }
      .table-cart .body .auto-renew label {
        font-size: 15px; }
      .table-cart .body .auto-renew .help-trigger {
        color: #586571;
        margin-left: 5px; }
    .table-cart .body .edit {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      border-bottom: 1px solid #ee672f;
      color: #494f59;
      font-size: 13px;
      text-transform: uppercase; }
      .table-cart .body .edit:hover {
        background-color: #ee672f;
        color: white; }
    .table-cart .body .options {
      background-color: white;
      color: #494f59;
      font-size: 14px;
      margin: 15px 0;
      padding: 15px; }
      .table-cart .body .options li {
        margin-bottom: 10px; }
      .table-cart .body .options strong {
        display: block;
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom: 2px; }
      .table-cart .body .options em {
        display: block;
        line-height: 1.2em; }
    .table-cart .body .price, .table-cart .body .quantity, .table-cart .body .subtotal {
      display: inline-block;
      margin-right: 10px; }
    .table-cart .body .price, .table-cart .body .subtotal {
      padding-top: 10px; }
    .table-cart .body .quantity input {
      width: 50px; }
    .table-cart .body .subtotal {
      font-weight: bold; }
    .table-cart .body .remove {
      padding-top: 10px;
      position: absolute;
      right: 15px;
      top: 10px;
      text-align: right; }
      .table-cart .body .remove .icon {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        font-size: 24px; }
        .table-cart .body .remove .icon:hover {
          color: #ee672f; }
    @media only screen and (min-width: 768px) {
      .table-cart .body {
        background-color: transparent;
        border-bottom: 1px solid #ced3d8;
        margin-bottom: 0; }
        .table-cart .body:nth-child(2n+3) {
          background: none; }
        .table-cart .body:last-child {
          border-bottom: none; }
        .table-cart .body .options {
          background-color: transparent;
          margin: 0;
          padding: 0 15px 0 0; }
        .table-cart .body .price, .table-cart .body .quantity, .table-cart .body .subtotal {
          display: block;
          margin-right: 0; }
        .table-cart .body .remove {
          position: static; }
          .table-cart .body .remove .icon {
            font-size: 18px; } }
    @media only screen and (min-width: 1280px) {
      .table-cart .body .product h5 {
        margin-top: 0; }
      .table-cart .body .options ul {
        column-count: 2;
        column-gap: 30px; } }

/* As in Content Integrations page */
.breadcrumb {
  color: #8d99a7;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 15px;
  margin-top: 15px; }
  .breadcrumb li::after {
    color: #ced3d8;
    content: '/';
    display: inline-block;
    margin: 0 10px; }
  .breadcrumb li:last-child {
    color: #494f59; }
    .breadcrumb li:last-child::after {
      content: normal; }
    .breadcrumb li:last-child a {
      border-bottom: none;
      pointer-events: none; }
  .breadcrumb a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid #ced3d8; }
    .breadcrumb a:hover {
      color: #010b1b; }

body, input, textarea, select, button {
  color: #010b1b;
  font: normal 15px/1.5em DINPro, Helvetica, Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale; }

/* Headings */
.title-large {
  font-size: 36px;
  font-weight: 100;
  line-height: 1.2em; }

.title-default {
  position: relative;
  /* Line */
  /* Left aligned */
  /* No uppercase */
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 40px;
  position: relative;
  text-align: center;
  text-transform: uppercase; }
  .title-default::after {
    background-color: #ee672f;
    bottom: -20px;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px; }
  .title-default.left {
    text-align: left; }
    .title-default.left::after {
      left: 0;
      margin-left: 0; }
  .title-default.low {
    text-transform: none; }

.title-line {
  position: relative;
  /* Line */
  /* Left aligned */
  /* No uppercase */ }
  .title-line::after {
    background-color: #ee672f;
    bottom: -20px;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px; }
  .title-line.left {
    text-align: left; }
    .title-line.left::after {
      left: 0;
      margin-left: 0; }
  .title-line.low {
    text-transform: none; }

.title-small {
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.title-smaller {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.title-tiny {
  position: relative;
  /* Line */
  /* Left aligned */
  /* No uppercase */
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
  /* Line */ }
  .title-tiny::after {
    background-color: #ee672f;
    bottom: -20px;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px; }
  .title-tiny.left {
    text-align: left; }
    .title-tiny.left::after {
      left: 0;
      margin-left: 0; }
  .title-tiny.low {
    text-transform: none; }
  .title-tiny::after {
    bottom: -10px;
    left: 0;
    margin-left: 0; }

@media only screen and (min-width: 568px) {
  .title-default {
    font-size: 24px; } }
@media only screen and (min-width: 768px) {
  body, input, textarea, select, button {
    font-size: 18px;
    line-height: 1.5em; }

  .title-small {
    font-size: 24px; }

  .title-smaller {
    font-size: 18px; }

  .title-tiny {
    font-size: 18px; } }
@media only screen and (min-width: 1025px) {
  .title-large {
    font-size: 48px;
    line-height: 1.1em; }

  .title-default {
    font-size: 28px;
    margin: 50px 0 60px; } }
@media only screen and (min-width: 1280px) {
  .title-large {
    font-size: 48px;
    line-height: 1em; }

  .title-default {
    font-size: 28px; } }
/* Tiny MCE */
.editor p {
  margin-bottom: 20px; }
.editor a:not(.btn) {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  border-bottom: 1px solid #ee672f;
  font-weight: bold; }
  .editor a:not(.btn):hover {
    background-color: #ee672f;
    color: white; }
.editor strong {
  font-weight: bold; }
.editor i {
  font-style: italic; }
.editor ul:not(.messages):not(.form-list):not(.options-list) li {
  margin-bottom: 5px; }
  .editor ul:not(.messages):not(.form-list):not(.options-list) li::before {
    content: "";
    font-family: Ionicons;
    font-weight: normal;
    color: #ee672f;
    margin-right: 10px; }
.editor h3 {
  position: relative;
  /* Line */
  /* Left aligned */
  /* No uppercase */
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 40px; }
  .editor h3::after {
    background-color: #ee672f;
    bottom: -20px;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px; }
  .editor h3.left {
    text-align: left; }
    .editor h3.left::after {
      left: 0;
      margin-left: 0; }
  .editor h3.low {
    text-transform: none; }
  .editor h3::after {
    bottom: -15px;
    left: 0;
    margin-left: 0; }
.editor h4 {
  font-size: 28px;
  font-weight: 100;
  margin-bottom: 20px;
  margin-top: 30px; }
.editor h5, .editor h6 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px; }
.editor h6 {
  font-size: 18px;
  margin-bottom: 10px; }
.editor h1:first-child, .editor h2:first-child, .editor h3:first-child, .editor h4:first-child, .editor h5:first-child, .editor h6:first-child {
  margin-top: 0; }
.editor code, .editor pre {
  background-color: #f0f1f2;
  font-family: monospace;
  margin-bottom: 20px;
  padding: 10px;
  white-space: pre-wrap; }
.editor code {
  padding-bottom: 2px;
  padding-top: 2px; }

/*Above footer - Integrations / Services / Home */
.custom-inquire {
  /*background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/custom-inquire.jpg) no-repeat center;*/
  background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/gradient-space.png) no-repeat center;
  background-size: cover;
  color: white;
  padding: 20px 0 50px;
  text-align: center; }
  .custom-inquire.home-about .columns {
    font-size: 15px;
    line-height: 1.5em;
    text-align: left; }
  .custom-inquire .btn {
    margin-top: 30px; }
  @media only screen and (min-width: 1025px) {
    .custom-inquire {
      padding: 40px 0 80px; }
      .custom-inquire.home-about .columns {
        column-count: 2;
        column-gap: 40px; } }

footer.global .help-content {
  display: none; }
footer.global .featured-trust {
  background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/trust.jpg) no-repeat center;
  background-size: cover;
  padding: 40px 0 50px;
  /* Icons */ }
  footer.global .featured-trust li {
    margin-bottom: 40px;
    text-align: center; }
    footer.global .featured-trust li:last-child {
      margin-bottom: 0; }
  footer.global .featured-trust .img-wrap {
    position: relative;
    position: relative; }
    footer.global .featured-trust .img-wrap::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    footer.global .featured-trust .img-wrap img {
      vertical-align: middle; }
  footer.global .featured-trust svg {
    position: relative;
    width: 72px; }
  footer.global .featured-trust .st0 {
    fill: none;
    stroke: #ee672f;
    stroke-width: 1px; }
  footer.global .featured-trust .icon {
    color: white;
    display: block;
    font-size: 36px;
    left: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
  footer.global .featured-trust p {
    color: #f0f1f2;
    font-weight: 100;
    margin: -10px auto 0;
    max-width: 280px; }
  footer.global .featured-trust .contact p {
    margin-top: 0; }
  footer.global .featured-trust strong {
    color: white;
    display: block;
    font-weight: bold; }
  footer.global .featured-trust a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid #ee672f; }
    footer.global .featured-trust a:hover {
      background-color: #ee672f;
      color: white; }
  @media only screen and (min-width: 768px) {
    footer.global .featured-trust {
      padding: 70px 0; }
      footer.global .featured-trust ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex; }
      footer.global .featured-trust li {
        flex: 1;
        margin-bottom: 0; }
      footer.global .featured-trust .img-wrap {
        height: 120px; }
      footer.global .featured-trust svg {
        top: 50%;
        transform: translateY(-50%); }
      footer.global .featured-trust p, footer.global .featured-trust .contact p {
        margin-top: 20px; } }
footer.global .highlights {
  position: relative;
  background: #565051;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #565051 0%, #344c5b 50%, #565051 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #565051 0%, #344c5b 50%, #565051 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #565051 0%, #344c5b 50%, #565051 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565051', endColorstr='#565051',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  /* Pattern */
  padding: 40px 0; }
  footer.global .highlights > * {
    position: relative;
    z-index: 2; }
  footer.global .highlights::after {
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/gradient-space.png) no-repeat center;
    background-size: cover;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  footer.global .highlights h5 {
    color: white;
    margin-bottom: 60px;
    text-align: center; }
  footer.global .highlights li {
    align-items: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 20px; }
  footer.global .highlights i {
    border-radius: 50%;
    display: inline-block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
    font-size: 24px; }
  footer.global .highlights p {
    color: #ced3d8;
    flex: 1;
    font-size: 15px;
    line-height: 1.3em;
    padding: 0 20px; }
  @media only screen and (min-width: 568px) {
    footer.global .highlights i {
      border-radius: 50%;
      display: inline-block;
      height: 72px;
      line-height: 72px;
      text-align: center;
      width: 72px;
      font-size: 28px; } }
  @media only screen and (min-width: 768px) {
    footer.global .highlights {
      padding: 60px 0 70px; }
      footer.global .highlights ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex; }
      footer.global .highlights li {
        display: block;
        flex: 1;
        margin-bottom: 0;
        text-align: center; }
      footer.global .highlights p {
        margin-top: 15px; } }
footer.global .global {
  padding: 30px 20px 10px; }
  footer.global .global .entry {
    flex: 1;
    margin-bottom: 30px; }
  footer.global .global h6 {
    font-weight: bold;
    margin-bottom: 20px;
    position: relative; }
    footer.global .global h6::after {
      background-color: #ee672f;
      content: '';
      bottom: -10px;
      height: 2px;
      left: 0;
      position: absolute;
      width: 30px; }
  footer.global .global ul {
    font-size: 15px;
    font-weight: 100; }
  footer.global .global li a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid transparent;
    display: inline-block; }
    footer.global .global li a:hover {
      border-color: #ee672f; }
  footer.global .global i {
    margin-right: 5px; }
  footer.global .global .btn {
    height: 32px;
    line-height: 32px;
    background-color: #f0f1f2;
    font-size: 14px;
    margin-top: 15px;
    padding: 0 15px; }
    footer.global .global .btn:hover {
      background-color: #ced3d8; }
    footer.global .global .btn i {
      margin-left: 5px;
      position: relative;
      top: -2px; }
  @media only screen and (min-width: 568px) {
    footer.global .global {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap; }
      footer.global .global .entry {
        flex: auto;
        width: 50%; } }
  @media only screen and (min-width: 1025px) {
    footer.global .global {
      padding: 50px 20px; }
      footer.global .global .entry {
        flex: 1;
        margin-bottom: 0;
        width: auto; }
      footer.global .global h6 {
        margin-bottom: 40px; }
        footer.global .global h6::after {
          bottom: -15px; }
      footer.global .global li a {
        padding-top: 3px; }
      footer.global .global .btn {
        margin-top: 20px; } }
  @media only screen and (min-width: 1280px) {
    footer.global .global {
      padding: 50px 0; } }
footer.global .shortcuts {
  margin-top: 40px; }
  footer.global .shortcuts .shortcuts-content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  footer.global .shortcuts a {
    background-color: #262c36;
    display: block;
    margin: 0 10px 20px;
    max-width: 265px;
    overflow: hidden;
    position: relative;
    width: 100%; }
    footer.global .shortcuts a:hover .bg-wrap {
      transform: scale(1.1); }
    footer.global .shortcuts a:hover h5 {
      border-color: #ee672f; }
  footer.global .shortcuts .bg-wrap {
    transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    opacity: 0.3;
    padding-bottom: 70%;
    width: 100%; }
  footer.global .shortcuts .img-wrap {
    bottom: 20px;
    position: absolute;
    right: 20px;
    width: 64px; }
  footer.global .shortcuts h5 {
    transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid transparent;
    color: white;
    display: inline-block;
    font-size: 24px;
    font-weight: 100;
    left: 0;
    line-height: 1.5em;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    top: 20px; }
  footer.global .shortcuts h5 {
    transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid transparent;
    color: white;
    display: inline-block;
    font-size: 24px;
    font-weight: 100;
    left: 0;
    line-height: 1.5em;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    top: 40px; }
  footer.global .shortcuts svg {
    fill: none;
    stroke: #ee672f;
    stroke-width: 1px; }
  footer.global .shortcuts i {
    color: white;
    left: 0;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 100%; }
  @media only screen and (min-width: 568px) {
    footer.global .shortcuts a {
      width: calc(50% - 20px); } }
  @media only screen and (min-width: 1025px) {
    footer.global .shortcuts {
      margin-top: 60px; }
      footer.global .shortcuts .shortcuts-content {
        margin-left: -20px;
        margin-right: -20px; }
      footer.global .shortcuts a {
        flex: 1;
        justify-content: space-between;
        margin: 0 20px;
        width: auto; }
      footer.global .shortcuts .bg-wrap {
        padding-bottom: 100%; }
      footer.global .shortcuts .img-wrap {
        width: 72px; }
      footer.global .shortcuts h5 {
        top: 40px; } }
footer.global .outro {
  font-size: 15px;
  justify-content: space-between;
  padding: 30px; }
  footer.global .outro h6 {
    line-height: 1.5em;
    margin-bottom: 10px; }
  footer.global .outro .social-icons {
    margin-top: 10px; }
  footer.global .outro .payment-options {
    margin-top: 20px; }
    footer.global .outro .payment-options li {
      display: inline-block;
      margin-right: 5px; }
    footer.global .outro .payment-options img {
      display: block;
      max-width: 48px; }
  @media only screen and (min-width: 568px) {
    footer.global .outro .payment-options img {
      max-width: 64px; } }
  @media only screen and (min-width: 1025px) {
    footer.global .outro {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex; }
      footer.global .outro .payment-options {
        margin-top: 0; } }
  @media only screen and (min-width: 1280px) {
    footer.global .outro {
      padding: 30px 0; } }

header.global {
  /* Utility navigation */
  /* Left borders on some utility sections */
  /* "Select Technology Partner", "Extension of the Year" */
  /* Search clicked on small devices */
  /* Global navigation */
  /* Open mobile navigation */ }
  header.global .util {
    background-color: #010b1b;
    color: #8d99a7;
    font-size: 14px;
    left: 0;
    padding: 8px 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5; }
  header.global .left, header.global .right {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    height: 100%; }
  header.global .left {
    float: left; }
  header.global .right {
    float: right;
    position: relative;
    top: 3px; }
  @media only screen and (min-width: 568px) {
    header.global .util {
      height: 50px;
      padding: 8px 20px 0; }
    header.global .left, header.global .right {
      justify-content: space-between; }
    header.global .right {
      top: 0; } }
  header.global .util-border {
    position: relative; }
    header.global .util-border::before {
      border-left: 1px solid #494f59;
      content: '';
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0; }
    @media only screen and (min-width: 568px) {
      header.global .util-border::before {
        height: 80%; } }
  header.global .banner {
    display: none;
    margin-left: 20px;
    padding-left: 15px;
    text-transform: uppercase;
    /* Fix for small screens, hide banner */ }
    header.global .banner:first-of-type {
      border: none;
      display: inline-block;
      margin-left: 0;
      padding-left: 0; }
      header.global .banner:first-of-type::before {
        content: normal; }
    header.global .banner span {
      display: none;
      font-size: 13px;
      padding-top: 3px; }
    header.global .banner img {
      display: inline-block;
      margin-left: 10px;
      vertical-align: middle; }
    header.global .banner.select img {
      max-width: 122px; }
    @media only screen and (min-width: 768px) {
      header.global .banner {
        display: inline-block; } }
    @media only screen and (min-width: 1280px) {
      header.global .banner {
        margin-left: 30px;
        padding-left: 20px; }
        header.global .banner span {
          display: inline-block;
          font-size: 14px;
          padding-top: 2px; } }
    @media (max-width: 360px) {
      header.global .banner {
        display: none !important; } }
  header.global .search {
    padding-left: 10px; }
    header.global .search label {
      font-size: 24px;
      vertical-align: middle; }
    header.global .search input {
      background-color: transparent;
      border: none;
      color: white;
      font-size: 14px;
      max-width: 5px;
      padding-left: 7px;
      vertical-align: middle; }
  header.global .active {
    float: none;
    width: 100%; }
    header.global .active .search {
      flex: auto;
      margin-bottom: 10px;
      width: 100%; }
      header.global .active .search input {
        max-width: 120px; }
  @media only screen and (min-width: 568px) {
    header.global .util {
      position: relative; }
    header.global .active {
      float: right;
      width: auto; }
      header.global .active .search {
        flex: none;
        margin-bottom: 0;
        width: auto; }
    header.global .search input, header.global .active .search input {
      max-width: none; } }
  header.global .cart {
    color: white;
    padding-left: 20px;
    position: relative;
    /* Items in cart */ }
    header.global .cart .main i {
      color: white;
      font-size: 18px; }
    header.global .cart .main {
      position: relative;
      top: 2px; }
    header.global .cart .count {
      height: 18px;
      line-height: 18px;
      background-color: #3792d4;
      border-radius: 12px;
      color: white;
      font-weight: bold;
      left: 12px;
      padding: 0 8px;
      position: absolute;
      top: -10px; }
    header.global .cart .total {
      color: white;
      display: none;
      margin-left: 24px; }
    @media only screen and (min-width: 1025px) {
      header.global .cart .main {
        top: 0; }
      header.global .cart .total {
        display: inline-block; } }
    @media only screen and (min-width: 1280px) {
      header.global .cart .main {
        top: 2px; } }
    header.global .cart .dropdown {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      background-color: #010b1b;
      border-top: 1px solid #ee672f;
      display: none;
      opacity: 0;
      padding: 5px 20px 20px;
      position: absolute;
      right: -30px;
      top: 36px;
      visibility: hidden;
      width: 310px;
      z-index: -1; }
      header.global .cart .dropdown .entry {
        border-top: 1px solid #494f59;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        margin-top: 15px;
        padding-top: 15px;
        position: relative; }
        header.global .cart .dropdown .entry:first-child {
          border-top: none;
          margin-top: 0; }
        header.global .cart .dropdown .entry:hover .title {
          border-color: #ee672f; }
      header.global .cart .dropdown img {
        display: block;
        height: 100%;
        max-width: 51px; }
      header.global .cart .dropdown .text-wrap {
        flex: 1;
        padding-left: 15px;
        padding-right: 20px; }
      header.global .cart .dropdown .title {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        border-bottom: 1px solid transparent;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2; }
      header.global .cart .dropdown .price {
        color: #8d99a7;
        font-size: 15px; }
      header.global .cart .dropdown .remove {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        background: none;
        border: none;
        color: #8d99a7;
        font-size: 18px;
        position: absolute;
        right: 0;
        top: 16px; }
        header.global .cart .dropdown .remove:hover {
          color: white; }
      header.global .cart .dropdown .btn {
        clear: both;
        margin-top: 20px;
        width: 100%; }
      @media only screen and (min-width: 768px) {
        header.global .cart .dropdown {
          display: block; } }
      @media only screen and (min-width: 1280px) {
        header.global .cart .dropdown {
          left: 0;
          right: auto; } }
    header.global .cart:hover .dropdown {
      opacity: 1;
      top: 42px;
      visibility: visible;
      z-index: 1; }
  header.global .currency {
    margin-left: 30px;
    padding-left: 5px; }
    header.global .currency .label {
      color: white;
      display: none; }
    header.global .currency ul {
      display: inline-block;
      margin-left: 5px;
      position: relative;
      top: 2px; }
    header.global .currency li {
      display: inline-block; }
    header.global .currency a {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      border: 1px solid transparent;
      font-weight: bold;
      line-height: 1.2em;
      margin: 0 2px;
      padding: 0 5px;
      padding-bottom: 2px; }
    header.global .currency a:hover {
      color: white; }
    header.global .currency .current a {
      border-color: white;
      border-radius: 3px;
      color: white; }
    @media only screen and (min-width: 568px) {
      header.global .currency ul {
        position: relative;
        top: 5px; } }
    @media only screen and (min-width: 768px) {
      header.global .currency ul {
        top: 2px; } }
    @media only screen and (min-width: 1280px) {
      header.global .currency {
        margin-left: 30px;
        padding-left: 20px; }
        header.global .currency .label {
          display: inline-block;
          position: relative;
          top: 2px; }
        header.global .currency ul {
          top: 2px; } }
  header.global .global {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 4;
    /* Megamenu */
    /*.megamenu { @include speed-fast; background-color: white; border-top: 3px solid $orange; box-shadow: 0 10px 30px rgba(black, 0.2); display: none; left: 30px; margin-top: -20px; opacity: 0; padding: 30px; position: absolute; right: 30px; visibility: hidden; top: 100%; z-index: 3;*/
    /*li:not(.current):hover .megamenu { margin-top: -10px; opacity: 1; visibility: visible; }
    li:hover a { border-color: $orange;  }*/
    /* Download / Account */
    /* Mobile navigation */ }
    @media only screen and (min-width: 568px) {
      header.global .global {
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
        top: 0; } }
    header.global .global .logo {
      vertical-align: middle; }
    header.global .global .main {
      display: none;
      padding-top: 7px;
      /*li { margin-left: 4%; }*/
      /*@include tablet {
      	display: -webkit-flex;
      	display: -ms-flex;
      	display: flex;
      	flex: 1;
      	padding-left: 10px;
      	padding-top: 5px;
      	li {
      		display: none;
      	}
      	li.primary {
      		display: block;
      	}
      }
      @include desktop {
      	padding: 5px 0;
      	li {
      		display: block;
      	}
      }*/ }
      header.global .global .main li {
        margin-left: 3.75%;
        padding-bottom: 20px; }
      header.global .global .main li > a {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        border-bottom: 2px solid transparent;
        color: white;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        padding-top: 5px;
        text-transform: uppercase;
        white-space: nowrap; }
      header.global .global .main .current a, header.global .global .main a:hover {
        border-color: #ee672f; }
      @media only screen and (min-width: 768px) {
        header.global .global .main {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          flex: 1;
          padding-left: 10px;
          padding-top: 5px;
          /*li { display: none; }*/
          /* Show these on smaller desktop devices */ }
          header.global .global .main li.primary {
            display: block; } }
      @media only screen and (max-width: 1024px) {
        header.global .global .main li {
          display: none; } }
      @media only screen and (min-width: 1280px) {
        header.global .global .main {
          height: 100%;
          padding: 5px 0; }
          header.global .global .main li {
            display: block; } }
    header.global .global .megamenu {
      transition: all 100ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      background-color: white;
      border-top: 3px solid #ee672f;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
      display: none;
      left: 30px;
      margin-top: -30px;
      opacity: 0;
      padding: 30px;
      position: absolute;
      right: 30px;
      visibility: hidden;
      top: calc(100% - 5px);
      z-index: 3;
      /* Banner */ }
      @media only screen and (min-width: 1280px) {
        header.global .global .megamenu {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex; } }
      header.global .global .megamenu .category {
        font-size: 15px;
        flex: 1; }
      header.global .global .megamenu .category:not(.focus) a {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        color: #010b1b;
        display: block;
        line-height: 1.5em; }
        header.global .global .megamenu .category:not(.focus) a:hover {
          /*img { top: -5px; }*/ }
          header.global .global .megamenu .category:not(.focus) a:hover span {
            border-color: #ee672f; }
      header.global .global .megamenu .parent {
        font-weight: bold;
        padding-top: 0;
        text-transform: uppercase; }
      header.global .global .megamenu .sub {
        margin-top: 15px; }
      header.global .global .megamenu .child {
        font-weight: normal;
        padding-top: 5px;
        text-transform: none; }
        header.global .global .megamenu .child img {
          transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
          transition-timing-function: ease-in-out;
          display: inline-block;
          margin-right: 10px;
          max-width: 32px;
          position: relative;
          top: 0;
          margin-top: -3px; }
        header.global .global .megamenu .child span {
          transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
          transition-timing-function: ease-in-out;
          border-bottom: 1px solid transparent;
          display: inline-block;
          vertical-align: top; }
      header.global .global .megamenu .focus {
        background-color: #010b1b;
        color: white;
        display: block;
        min-height: 200px;
        position: relative;
        text-align: center; }
        header.global .global .megamenu .focus .bg-wrap {
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          height: 100%;
          left: 0;
          opacity: 0.3;
          position: absolute;
          top: 0;
          width: 100%; }
        header.global .global .megamenu .focus .focus-content {
          position: relative;
          z-index: 1; }
        header.global .global .megamenu .focus h6 {
          display: block;
          margin-bottom: 50px;
          margin-top: 30px; }
        header.global .global .megamenu .focus .btn {
          border-bottom: none; }
        header.global .global .megamenu .focus .icon {
          color: white; }
    header.global .global li:hover a {
      border-color: #ee672f; }
    header.global .global li:hover:not(.current) .megamenu {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      margin-top: -20px;
      opacity: 1;
      visibility: visible; }
    header.global .global .aux {
      display: none;
      margin-left: 20px;
      padding-top: 7px;
      /* Was notebook */ }
      header.global .global .aux li {
        margin-right: 20px; }
      header.global .global .aux a {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        border-bottom: 1px solid transparent;
        color: white;
        font-size: 14px;
        padding-bottom: 5px; }
        header.global .global .aux a:hover {
          border-color: #ee672f; }
          header.global .global .aux a:hover i {
            top: -5px; }
        header.global .global .aux a i {
          transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
          transition-timing-function: ease-in-out;
          display: inline-block;
          position: relative;
          text-align: center;
          top: 0;
          width: 21px;
          margin-bottom: 2px; }
      @media only screen and (min-width: 1280px) {
        header.global .global .aux {
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          margin-left: 40px; }
          header.global .global .aux a i {
            text-align: left;
            width: auto; } }
      @media only screen and (min-width: 1280px) {
        header.global .global .aux {
          margin-left: 0; } }
    header.global .global i {
      color: #8d99a7;
      font-size: 24px;
      margin-right: 7px;
      vertical-align: middle; }
    header.global .global .mobile-nav {
      background: none;
      border: none;
      margin-left: auto;
      padding: 0 10px;
      position: relative;
      top: -7px; }
      header.global .global .mobile-nav .icon {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        font-size: 48px;
        margin-right: 0; }
      header.global .global .mobile-nav:hover .icon {
        color: white; }
      @media only screen and (min-width: 1280px) {
        header.global .global .mobile-nav {
          display: none; } }
  header.global.open .global {
    background-color: #262c36; }
    header.global.open .global .main {
      display: block;
      flex: auto;
      order: 3;
      text-align: right;
      width: 100%; }
      header.global.open .global .main li {
        display: block; }
    header.global.open .global .aux {
      display: block;
      left: 0;
      position: absolute;
      top: 80px;
      width: auto; }

.hero {
  position: relative;
  background: #565051;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #565051 0%, #344c5b 50%, #565051 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #565051 0%, #344c5b 50%, #565051 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #565051 0%, #344c5b 50%, #565051 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565051', endColorstr='#565051',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  /* Pattern */
  height: 140px; }
  .hero > * {
    position: relative;
    z-index: 2; }
  .hero::after {
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/gradient-space.png) no-repeat center;
    background-size: cover;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }

.hero-product {
  height: 220px; }

.hero-home {
  height: auto; }
  @media only screen and (min-width: 568px) {
    .hero-home {
      height: auto; } }
  @media only screen and (min-width: 768px) {
    .hero-home {
      height: auto; } }

.hero-inner {
  height: 260px; }

.inner-heading {
  bottom: 40px;
  height: 100px;
  left: 0;
  overflow: hidden;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  width: 100%; }
  .inner-heading h1 {
    color: white;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: 10px;
    z-index: 1; }
  .inner-heading img {
    max-width: 200px;
    opacity: 0.7;
    position: relative;
    top: -40px; }

/** No inner - cms pages etc. */
.hero-noinner {
  height: 220px; }
  .hero-noinner .inner-heading {
    padding-top: 43px;
    bottom: 0; }

@media only screen and (min-width: 568px) {
  .hero-inner {
    height: 300px; }

  .inner-heading h1 {
    font-size: 48px;
    top: 0; } }
/* Home page, Extensions/Integrations list page */
.tabs, .inner-intro {
  background-color: white;
  padding: 10px;
  position: relative;
  text-align: center; }

.tabs {
  margin: 10px auto; }
  .tabs button {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    background: none;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    padding: 10px 0 5px;
    text-transform: uppercase; }
  .tabs button:hover, .tabs .mixitup-control-active, .tabs .current {
    border-bottom: 2px solid #93a5cf; }
  .tabs .mixitup-control-active, .tabs .current {
    font-weight: bold; }

@media only screen and (min-width: 1025px) {
  .tabs button {
    padding: 20px 0 10px; }
  .tabs button:hover, .tabs .mixitup-control-active, .tabs .current {
    border-width: 5px; } }
@media only screen and (min-width: 1280px) {
  .tabs, .inner-intro {
    margin-bottom: -50px;
    margin-top: 0;
    top: -68px; }

  .tabs button {
    font-size: 15px;
    margin: 0 20px; } }
.inner-intro {
  margin-top: -70px;
  padding-left: 20px;
  padding-right: 20px; }
  .inner-intro h2 {
    margin-bottom: 40px;
    margin-top: 30px; }
  @media only screen and (min-width: 1280px) {
    .inner-intro {
      margin-top: 0; } }

.tabs-wrap p {
  background-color: #f0f1f2;
  margin: 0 20px 20px;
  padding: 10px 20px;
  text-align: center; }
  @media only screen and (min-width: 1280px) {
    .tabs-wrap p {
      margin-top: -10px; } }

.list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  padding: 0 20px; }
  .list .entry {
    border-radius: 5px;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.15);
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    top: 0;
    transition: box-shadow 250ms, top 250ms;
    width: 100%; }
    .list .entry:hover {
      box-shadow: 0 24px 24px rgba(0, 0, 0, 0.2);
      top: -5px; }
  .list .gradient {
    background: #e4efe9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e4efe9 0%, #93a5cf 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e4efe9 0%, #93a5cf 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e4efe9 0%, #93a5cf 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efe9', endColorstr='#93a5cf',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    border-radius: 5px 5px 0 0;
    height: 100px; }
  .list .img-wrap {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    position: relative;
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/icon/hex.png) no-repeat center;
    height: 196px;
    margin-bottom: -100px;
    position: relative;
    text-align: center;
    top: -80px; }
    .list .img-wrap::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .list .img-wrap img {
      vertical-align: middle; }
    .list .img-wrap img {
      display: inline-block;
      vertical-align: middle;
      max-width: 115px; }
  .list h2 {
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 15px;
    position: relative; }
  .list .price {
    color: #ee672f;
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 5px;
    margin-top: 15px; }
  .list .description {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    background-color: rgba(255, 255, 255, 0.8);
    left: 0;
    line-height: 1.5em;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: -100px;
    width: 100%; }
  .list .entry:hover .description {
    opacity: 1;
    top: 0; }
  .list .btn {
    margin: 40px 1.5% 0;
    width: 100%; }
  @media only screen and (min-width: 568px) {
    .list {
      flex-direction: row;
      padding: 0 2%; }
      .list .entry {
        margin: 10px 1.5%;
        width: 47%; } }
  @media only screen and (min-width: 768px) {
    .list .entry {
      width: 30%; } }
  @media only screen and (min-width: 1025px) {
    .list .entry {
      width: 22%; } }
  @media only screen and (min-width: 1280px) {
    .list .entry {
      width: 17%; } }

.list .count, .cart-related .count {
  color: #8d99a7;
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  text-transform: uppercase; }

.extension-related span.count {
  color: #8d99a7;
  font-size: 14px;
  line-height: 1.5em;
  text-transform: uppercase; }

.pagination {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
  margin-top: 10px;
  /* Arrows */
  /* Numbers */ }
  .pagination a {
    display: block; }
  .pagination .prev, .pagination .next {
    height: 64px;
    position: relative;
    text-align: center;
    width: 55px; }
    .pagination .prev .st0, .pagination .next .st0 {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      fill: transparent;
      stroke: #8d99a7;
      stroke-width: 2px; }
    .pagination .prev .icon, .pagination .next .icon {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
    .pagination .prev:hover .st0, .pagination .next:hover .st0 {
      fill: #8d99a7; }
    .pagination .prev:hover .icon, .pagination .next:hover .icon {
      color: white; }
  .pagination .prev {
    margin-right: 15px; }
  .pagination .next {
    margin-left: 15px; }
  .pagination .page {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    position: relative;
    border-bottom: 5px solid transparent;
    font-weight: bold;
    height: 100%;
    margin: 10px 10px 0;
    padding: 5px;
    position: relative; }
    .pagination .page::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .pagination .page img {
      vertical-align: middle; }
    .pagination .page.current, .pagination .page:hover {
      border-bottom: 5px solid #93a5cf; }

.grid {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  /* Services detail page, Checkout - Sign up */
  /* Contact page */
  /* Contact textarea */ }
  .grid .column-1-5, .grid .column-4-5, .grid .column-1-4, .grid .column-3-4, .grid .column-1-3, .grid .column-2-3, .grid .column-1-2, .grid .column-1-6 {
    width: 100%; }
  .grid .column-1-2 {
    margin-top: 20px; }
    .grid .column-1-2:first-child {
      margin-top: 0; }
  .grid .column-2-3:first-child {
    margin-bottom: 30px; }
  .grid .column-1 {
    margin-top: 10px;
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .grid {
      /* Extension Detail page - intro */
      /* Services page, Checkout review page */
      /* Services detail page, Checkout - Sign up */
      /* Checkout billing page */ }
      .grid .column-1-5 {
        margin-right: 5%;
        width: 30%; }
        .grid .column-1-5:last-child {
          margin-right: 0; }
      .grid .column-4-5 {
        margin-right: 5%;
        width: 65%; }
        .grid .column-4-5:last-child {
          margin-right: 0; }
      .grid .column-1-3 {
        margin-right: 3%;
        width: 31%; }
        .grid .column-1-3:first-child {
          margin-left: 0; }
        .grid .column-1-3:last-child, .grid .column-1-3:nth-child(3n) {
          margin-right: 0; }
      .grid .column-2-3 {
        margin-right: 3%;
        width: 66%; }
        .grid .column-2-3:first-child {
          margin-bottom: 0;
          margin-left: 0;
          padding-right: 20px; }
        .grid .column-2-3:last-child {
          margin-right: 0; }
      .grid .column-1-2 {
        margin-top: 0;
        padding-right: 4%;
        width: 48%; }
        .grid .column-1-2:first-child {
          margin-right: 4%; }
        .grid .column-1-2:last-child {
          padding-right: 0; }
      .grid .column-1-6 {
        margin-right: 3%;
        width: 15%; }
        .grid .column-1-6:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1025px) {
    .grid {
      /* More details */ }
      .grid .column-1-4 {
        margin-right: 5%;
        width: 35%; }
        .grid .column-1-4:last-child {
          margin-right: 0; }
      .grid .column-3-4 {
        margin-right: 5%;
        width: 60%; }
        .grid .column-3-4:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1280px) {
    .grid {
      /* Extension Detail page - intro */
      /* More details */ }
      .grid .column-1-5 {
        margin-right: 5%;
        width: 20%; }
        .grid .column-1-5:last-child {
          margin-right: 0; }
      .grid .column-4-5 {
        margin-right: 5%;
        width: 75%; }
        .grid .column-4-5:last-child {
          margin-right: 0; }
      .grid .column-1-4 {
        margin-right: 5%;
        width: 25%; }
        .grid .column-1-4:last-child {
          margin-right: 0; }
      .grid .column-3-4 {
        margin-right: 5%;
        width: 70%; }
        .grid .column-3-4:last-child {
          margin-right: 0; } }

/* Borders to columns */
@media only screen and (min-width: 768px) {
  .grid.divided > * {
    border-right: 1px solid #ced3d8; }
    .grid.divided > *:last-child {
      border-right: none; } }
.divided-bottom > * {
  border-bottom: 1px solid #ced3d8; }
  .divided-bottom > *:last-child {
    border-bottom: none; }

/* Hide recaptcha badge */
.grecaptcha-badge {
  visibility: hidden; }

.downloadable-wrapper .help-content {
  display: none; }

.old-modal .help-content {
  display: none; }
.old-modal form label {
  color: #3d3d3d;
  font-weight: bold; }
.old-modal .enclosure {
  margin-bottom: 20px;
  min-width: 975px; }
.old-modal .enclosure ul {
  padding: 15px 20px 0px;
  padding-right: 15px; }
.old-modal .jqTransformSelectWrapper ul {
  padding: 0 !important; }
.old-modal .enclosure h3 {
  color: #3d3d3d;
  padding: 0 20px;
  line-height: 40px;
  /* 50 */ }
.old-modal #modal-config-title {
  margin-bottom: 20px; }
.old-modal .enclosure .help {
  background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/modal_dropdown.png) no-repeat right center;
  color: #617284;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: 300;
  padding-right: 20px;
  text-decoration: none; }
.old-modal input.radio,
.old-modal input.checkbox,
.old-modal .accordion li.checkbox input,
.old-modal #form-validate li.checkbox input,
.old-modal .login.inner li.checkbox input {
  display: block;
  float: left;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 12px;
  width: auto; }
.old-modal input.radio {
  margin-top: 11px; }
.old-modal label {
  color: #808080;
  cursor: pointer;
  display: block;
  line-height: 36px;
  /*40*/
  margin-bottom: 0; }
.old-modal label em {
  color: #525252;
  float: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-right: 15px; }
.old-modal .base,
.old-modal .checkout .base {
  background-color: #f5f7fa;
  border: 1px solid #b7cad6;
  border-radius: 3px; }
.old-modal .base:hover,
.old-modal .base.active,
.old-modal .checkout .base:hover,
.old-modal .checkout .base.active {
  background-color: #e6f0fa; }
.old-modal .total {
  float: left; }
.old-modal .submit {
  float: right; }
.old-modal .old-modal-content {
  font-size: 14px;
  width: 1000px; }
.old-modal .the-content a {
  color: #FF7113; }
.old-modal .box,
.old-modal .enclosure,
.old-modal .accordion {
  border: 1px solid #cbcbcb;
  box-shadow: 0 2px 3px #dadada;
  /* fallback */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); }
.old-modal .box {
  padding: 20px 20px 30px; }
.old-modal .box.light {
  background: white; }
.old-modal .box.dark {
  background: #fafafa; }
.old-modal .box h3,
.old-modal .accordion h3,
.old-modal .login.inner h2 {
  color: #808080;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase; }
.old-modal .box > h3,
.old-modal .box > .heading,
.old-modal .accordion h3,
.old-modal .login.inner h2 {
  background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/heading.png) repeat-x left bottom;
  margin-bottom: 17px;
  padding-bottom: 17px; }
.old-modal .box .heading h3 {
  float: left; }
.old-modal .enclosure,
.old-modal .accordion {
  border-radius: 3px; }
.old-modal .enclosure h3,
.old-modal .accordion h2 a {
  background: #fafafa;
  /* fallback */
  background-image: linear-gradient(bottom, #f7f7f7 20%, #fafafa 60%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 20%, #fafafa 60%);
  background-image: -moz-linear-gradient(bottom, #f7f7f7 20%, #fafafa 60%);
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 20%, #fafafa 60%);
  background-image: -ms-linear-gradient(bottom, #f7f7f7 20%, #fafafa 60%);
  border-bottom: 1px solid #d4d5d6;
  box-shadow: inset 0 1px 0 white, 0 1px 2px #f0f0f0;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
  padding: 0 25px;
  text-shadow: 0 1px 0 white;
  text-transform: uppercase; }
.old-modal .enclosure h3 em,
.old-modal .accordion h3 em,
.old-modal .login.inner h2 em {
  color: #808080;
  float: right;
  font-style: italic;
  font-size: 13px;
  font-weight: 300;
  text-transform: none; }
.old-modal .enclosure form,
.old-modal .accordion .step-wrap {
  padding: 25px; }
.old-modal form li {
  box-sizing: border-box;
  margin-bottom: 15px; }
.old-modal form li.full {
  width: 100%; }
.old-modal form li.half {
  float: left;
  margin-right: 3%;
  width: 47%; }
.old-modal .accordion li.half {
  margin-right: 6%; }
.old-modal form.manual li, .old-modal #ops_cc_data li {
  margin-right: 0; }
.old-modal form.manual li.margin, .old-modal #ops_cc_data li.margin {
  margin-right: 4%; }
.old-modal form.manual li.nomargin {
  margin-right: 0%; }
.old-modal form.manual li.two-thirds, .old-modal #ops_cc_data li.two-thirds {
  float: left;
  width: 62%; }
.old-modal form.manual li.one-third, .old-modal #ops_cc_data li.one-third {
  float: left;
  width: 34%; }
.old-modal form li.full input,
.old-modal form li.full textarea,
.old-modal form li.half input,
.old-modal form li.half textarea,
.old-modal form li.one-third input,
.old-modal form li.two-thirds input {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }
.old-modal form li.rating {
  float: left;
  width: 130px; }
.old-modal form li.rating .hint {
  padding: 10px 15px; }
.old-modal form li.attachment {
  float: left; }
.old-modal form li.submit {
  float: right;
  margin-top: 30px; }
.old-modal form .submit input,
.old-modal form .submit .button,
.old-modal form .submit button {
  margin-right: 0;
  padding: 0 20px; }
.old-modal a.cancel {
  color: #7c8da1;
  font-weight: 400;
  margin-right: 30px;
  text-decoration: none; }
.old-modal a.cancel:hover {
  color: black; }
.old-modal .title-main, .old-modal .page-title {
  background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/heading.png) repeat-x left bottom;
  line-height: 30px;
  margin-bottom: 30px;
  padding-bottom: 20px; }
.old-modal .title-main h1, .old-modal .page-title h1 {
  color: #1f1f1f;
  float: left;
  font-size: 32px; }
.old-modal .title-main h1.small,
.old-modal .title-main h1.small a {
  color: #839ab6;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none; }
.old-modal .title-main h1.small a:hover {
  color: black; }

/* Semi-black window overlay */
.drawer-overlay {
  transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1; }
  .drawer-overlay.open {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10; }

/* Sliding sidebar, as in Extensions Detail */
.drawer {
  transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  background-color: white;
  bottom: 0;
  position: fixed;
  right: -480px;
  top: 0;
  max-width: 480px;
  /* "Back to product" in "View demo" sidebar */ }
  .drawer.open {
    right: 0;
    z-index: 11; }
  .drawer header {
    background-color: #f0f1f2;
    margin-bottom: 30px;
    padding: 15px 30px 25px; }
    .drawer header small {
      color: #586571;
      font-size: 14px;
      text-transform: uppercase; }
    .drawer header h5 {
      margin-bottom: 0;
      margin-top: 5px;
      text-transform: none;
      text-align: left; }
      .drawer header h5::after {
        content: normal; }
    .drawer header .close {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      background-color: #f0f1f2;
      color: #586571;
      font-size: 28px;
      position: absolute;
      padding: 15px 20px;
      right: 0;
      top: 0;
      z-index: 10; }
      .drawer header .close:hover {
        color: #010b1b; }
  .drawer footer {
    align-items: center;
    background-color: #f0f1f2;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-around;
    padding: 20px 30px 25px; }
    .drawer footer strong {
      display: inline-block;
      font-weight: bold;
      margin-bottom: 5px;
      text-transform: uppercase; }
    .drawer footer h6 {
      font-size: 28px;
      font-weight: 100; }
    .drawer footer .btn {
      margin-left: auto; }
  .drawer .link {
    font-size: 15px;
    border-bottom: 1px solid #ced3d8; }

.drawer header, .extension-reviews-inner header {
  background-color: #f0f1f2;
  margin-bottom: 30px;
  padding: 15px 30px 25px; }
  .drawer header small, .extension-reviews-inner header small {
    color: #586571;
    font-size: 14px;
    text-transform: uppercase; }
  .drawer header h5, .extension-reviews-inner header h5 {
    margin-bottom: 0;
    margin-top: 5px;
    text-transform: none;
    text-align: left; }
    .drawer header h5::after, .extension-reviews-inner header h5::after {
      content: normal; }
  .drawer header .close, .extension-reviews-inner header .close {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    background-color: #f0f1f2;
    color: #586571;
    font-size: 28px;
    position: absolute;
    padding: 15px 20px;
    right: 0;
    top: 0;
    z-index: 10; }
    .drawer header .close:hover, .extension-reviews-inner header .close:hover {
      color: #010b1b; }

.drawer-content {
  padding: 0 30px; }

.home-intro {
  color: white;
  font-weight: 100;
  left: 0;
  padding: 160px 20px 40px;
  text-align: center;
  width: 100%;
  z-index: 2;
  /* Logo interaction */ }
  .home-intro h1 {
    font-size: 36px;
    line-height: 1em;
    position: relative;
    z-index: 1; }
  .home-intro p {
    font-weight: bold;
    margin-top: 10px;
    position: relative;
    z-index: 1; }
  .home-intro .btn {
    margin: 10px;
    position: relative; }
  .home-intro .interaction {
    display: inline-block;
    position: relative; }
    .home-intro .interaction .mother {
      margin: -30px auto -60px;
      max-width: 180px;
      width: 220px; }
    .home-intro .interaction .son {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      display: none;
      position: absolute;
      width: 32px; }
      .home-intro .interaction .son.p1 {
        right: 250%;
        top: 20%; }
      .home-intro .interaction .son.p2 {
        right: 180%;
        top: 80%; }
      .home-intro .interaction .son.p3 {
        right: -50%;
        top: 50%; }
      .home-intro .interaction .son.p4 {
        right: -120%;
        top: 120%; }
    .home-intro .interaction img {
      display: block;
      max-width: 100%; }
  @media only screen and (min-width: 568px) {
    .home-intro {
      padding-top: 20px; } }
  @media only screen and (min-width: 768px) {
    .home-intro {
      padding: 40px 30px 60px; }
      .home-intro h1 {
        font-size: 60px; }
      .home-intro p {
        margin-top: 20px; }
      .home-intro .btn {
        margin: 20px 10px; }
      .home-intro .interaction .mother {
        max-width: none; } }
  @media only screen and (min-width: 1025px) {
    .home-intro .interaction .son {
      display: block; } }

.tooltip-templates {
  display: none; }

.tooltipster-sidetip .tooltipster-content {
  padding: 15px;
  text-align: center; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
  color: #010b1b;
  font-size: 15px; }

.home-featured {
  background-color: #f0f1f2;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  padding: 20px 30px 30px; }
  .home-featured li {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex: 1;
    padding: 10px 0; }
    .home-featured li:last-child {
      border-right: none; }
  .home-featured .img-wrap {
    display: inline-block;
    height: 80px;
    position: relative;
    text-align: center;
    width: 70px; }
  .home-featured svg {
    height: 100%;
    width: 100%; }
  .home-featured .st0 {
    fill: none;
    stroke: #ee672f;
    stroke-width: 1px; }
  .home-featured .icon {
    font-size: 36px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
  .home-featured img.icon {
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 30px; }
  .home-featured .text-wrap {
    flex: 1;
    margin-left: 15px; }
  .home-featured h2 {
    color: #ee672f;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase; }
  .home-featured p {
    font-weight: 100;
    line-height: 1.2em;
    margin-top: 5px; }
  .home-featured a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-bottom: 1px solid #ee672f; }
    .home-featured a:hover {
      background-color: #ee672f;
      color: white; }
  @media only screen and (min-width: 768px) {
    .home-featured {
      flex-direction: row; }
      .home-featured li {
        flex-direction: column;
        align-items: center;
        text-align: center; }
      .home-featured .text-wrap {
        margin-left: 0;
        margin-top: 10px;
        padding: 0 20px; } }
  @media only screen and (min-width: 1280px) {
    .home-featured {
      flex-direction: row;
      padding: 30px 30px 100px; }
      .home-featured li {
        /*border-right: 1px solid $gray-blue;*/
        flex-direction: row;
        padding: 20px;
        text-align: left; }
      .home-featured .img-wrap {
        height: 113px;
        width: 98px; }
      .home-featured .icon {
        font-size: 60px; }
      .home-featured img.icon {
        max-width: 50px; }
      .home-featured .text-wrap {
        margin-left: 25px;
        padding: 0; }
      .home-featured h2 {
        font-size: 18px; }
      .home-featured p {
        font-size: 21px;
        margin-top: 10px;
        padding-right: 25px; } }
  @media only screen and (min-width: 1600px) {
    .home-featured {
      padding-left: 50px;
      padding-right: 50px; }
      .home-featured .img-wrap {
        height: 133px;
        width: 115px; }
      .home-featured img.icon {
        max-width: 60px; }
      .home-featured .text-wrap {
        margin-top: 0;
        padding-right: 0; }
      .home-featured p {
        font-size: 24px;
        margin-top: 15px; } }

/* Featured extensions - tabs */
.home-list .entry h2 {
  min-height: 2.6em; }

.client-list {
  background-color: #fff;
  padding: 20px 0 70px; }
  .client-list .slider-wrap {
    background-color: white;
    margin-top: 50px;
    padding: 20px 60px; }
  .client-list .frame {
    height: 150px;
    position: relative; }
  .client-list img {
    padding: 0 15px;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.contact {
  position: relative;
  z-index: 3; }

.textual {
  position: relative;
  z-index: 3; }

/* Contact options */
.contact-needs {
  padding: 0;
  text-align: left; }
  .contact-needs li {
    border-bottom: 1px solid #f0f1f2;
    padding: 20px 20px 10px;
    width: 100%; }
  .contact-needs .heading-wrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex; }
  .contact-needs i {
    border-radius: 50%;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
    border: 1px solid #ced3d8;
    font-size: 24px; }
    .contact-needs i::before {
      position: relative;
      top: -2px; }
  .contact-needs h5 {
    height: 100%;
    margin-left: 20px;
    margin-top: 10px; }
  .contact-needs p {
    color: #586571;
    line-height: 1.3em; }
  .contact-needs .editor {
    font-size: 15px;
    line-height: 1.5em; }
  @media only screen and (min-width: 768px) {
    .contact-needs {
      border-bottom: 1px solid #f0f1f2;
      padding: 0 20px; }
      .contact-needs ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex; }
      .contact-needs li {
        border-bottom: none;
        flex: 1;
        padding: 20px;
        text-align: center;
        width: auto; }
        .contact-needs li:nth-child(3n+2) {
          background-color: #f0f1f2; }
      .contact-needs .heading-wrap {
        display: block; }
      .contact-needs i {
        border-radius: 50%;
        display: inline-block;
        height: 72px;
        line-height: 72px;
        text-align: center;
        width: 72px;
        font-size: 28px; }
      .contact-needs h5 {
        margin-left: 0;
        text-align: center; }
        .contact-needs h5::after {
          left: 50%;
          margin-left: -15px; }
      .contact-needs p {
        margin-top: 15px;
        padding: 0 20px; } }

/* Message form */
.contact-form {
  margin-bottom: 50px;
  text-align: center; }
  .contact-form h5 {
    margin-bottom: 30px; }
  .contact-form .grid {
    text-align: left; }
    .contact-form .grid > * {
      margin-top: 15px; }
  .contact-form .btn {
    margin-top: 30px; }
  .contact-form .attachment {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .contact-form {
      margin-bottom: 70px; }
      .contact-form .column-1-3 {
        width: 31%; }
        .contact-form .column-1-3:nth-child(3) {
          margin-right: 0; }
      .contact-form .column-1-2 {
        padding-right: 0;
        width: 50%; }
      .contact-form .column-attachments {
        padding-left: 3%; } }

/* Legal links */
.contact-legal, .terms-intro {
  margin-bottom: 0;
  text-align: center; }
  .contact-legal .entry, .terms-intro .entry {
    float: none;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 0; }
    .contact-legal .entry:last-child, .terms-intro .entry:last-child {
      margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .contact-legal .wrap, .terms-intro .wrap {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: center; }
    .contact-legal .entry, .terms-intro .entry {
      border-right: 1px solid #ced3d8;
      margin: 15px 30px 0 0;
      padding-right: 30px; }
      .contact-legal .entry:last-child, .terms-intro .entry:last-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0; } }

.box-aux .entry-links {
  margin-top: 0;
  width: 100%; }

.terms-intro {
  margin-top: 0; }

.textual {
  margin-bottom: 70px; }

/* List page */
.extensions-list {
  position: relative;
  z-index: 3; }
  .extensions-list .list .entry {
    margin-bottom: 40px; }
  .extensions-list .tabs-wrap {
    margin-top: -70px; }
  @media only screen and (min-width: 768px) {
    .extensions-list .tabs-wrap {
      margin-top: -65px; } }
  @media only screen and (min-width: 1280px) {
    .extensions-list .list .entry h2 {
      min-height: 2.6em; }
    .extensions-list .tabs-wrap {
      margin-top: 0; } }

.pull-side {
  margin-bottom: -80px;
  position: relative;
  top: -80px; }

.extension {
  position: relative;
  z-index: 1;
  /* Thumbnail */
  /* SVG */
  /* Reviews */
  /* Video intro */
  /* Connectors page */ }
  .extension .column-1-5 {
    text-align: center; }
  .extension .img-wrap {
    position: relative; }
    .extension .img-wrap img {
      left: 50%;
      max-width: 120px;
      position: absolute;
      top: 50%;
      transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); }
    .extension .img-wrap svg {
      max-width: 180px; }
  .extension .st0 {
    fill: #f0f1f2; }
  .extension .reviews-summary {
    margin-top: 5px;
    padding-top: 1px; }
    .extension .reviews-summary span[class^="rating"] {
      display: block;
      font-size: 24px; }
    .extension .reviews-summary .count, .extension .reviews-summary .add {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      color: #8d99a7;
      font-size: 14px;
      padding: 0 6px;
      text-transform: uppercase; }
      .extension .reviews-summary .count:hover, .extension .reviews-summary .add:hover {
        color: black; }
    .extension .reviews-summary .count {
      font-weight: bold; }
  .extension .video {
    background-color: #010b1b;
    color: white;
    display: block;
    height: 0;
    margin-top: 30px;
    padding-bottom: 55%;
    position: relative; }
    .extension .video .bg-wrap {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      left: 0;
      opacity: 0.5;
      position: absolute;
      top: 0;
      width: 100%; }
    .extension .video .play {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      left: 50%;
      margin-left: -36px;
      margin-top: -12px;
      max-width: 72px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1; }
    .extension .video .watch {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 1; }
      .extension .video .watch em {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        background-color: #ee672f;
        display: inline-block;
        font-size: 14px;
        padding: 2px 10px;
        text-transform: uppercase; }
    .extension .video:hover .bg-wrap {
      opacity: 0.3; }
    .extension .video:hover img {
      max-width: 80px; }
    .extension .video:hover em {
      padding: 5px 10px; }
  .extension h1 {
    margin-top: 30px; }
  .extension .excerpt {
    margin-top: 30px; }
  .extension .help {
    color: #586571;
    font-size: 15px;
    padding: 5px 0; }
    .extension .help i {
      font-size: 18px;
      margin-right: 7px;
      vertical-align: top; }
    .extension .help a {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      border-bottom: 1px solid #ced3d8;
      color: #010b1b;
      display: inline-block; }
      .extension .help a:hover {
        background-color: #f0f1f2;
        padding: 0 5px; }
      .extension .help a i {
        margin-left: 3px; }
    .extension .help strong {
      color: #010b1b;
      font-weight: bold; }
  .extension .highlights {
    border: 1px solid #ced3d8;
    margin-top: 30px;
    padding: 10px 20px 0; }
    .extension .highlights li {
      align-items: center;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      margin-bottom: 10px; }
    .extension .highlights i {
      background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/icon/hex-blue.png) no-repeat center;
      color: white;
      display: inline-block;
      font-size: 24px;
      height: 48px;
      line-height: 1em;
      text-align: center;
      width: 42px; }
      .extension .highlights i::before {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
    .extension .highlights p {
      flex: 1;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5em;
      padding-left: 10px;
      text-transform: uppercase; }
  .extension hr {
    margin: 30px 0 15px; }
  @media only screen and (min-width: 568px) {
    .extension .help {
      padding: 5px 30px; }
      .extension .help a {
        margin-left: 15px; }
      .extension .help p a {
        margin-left: 22px; }
    .extension .highlights {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .extension .highlights li {
        width: 50%; } }
  @media only screen and (min-width: 768px) {
    .extension .img-wrap img {
      max-width: 149px; }
    .extension .img-wrap svg {
      max-width: 240px; }
    .extension .column-4-5 {
      margin-bottom: 80px;
      position: relative;
      top: 80px; }
    .extension h1 {
      margin-top: 20px; } }
  @media only screen and (min-width: 1025px) {
    .extension .highlights {
      flex-wrap: nowrap; }
      .extension .highlights li {
        width: auto; } }

/* "Available for" subtitle / "Select version" in sidebar */
.available-version {
  color: #586571;
  font-size: 14px;
  margin-top: 20px;
  text-transform: uppercase;
  /* Extensions detail - view demo drawer */ }
  .available-version .version-wrap-all {
    margin-top: 10px; }
  .available-version .version-wrap {
    display: inline-block;
    margin: 0 10px;
    text-transform: none; }
    .available-version .version-wrap:first-of-type {
      margin-left: 0; }
  .available-version img {
    display: inline-block;
    margin-right: 5px;
    max-width: 24px;
    vertical-align: top; }
  .available-version strong {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    color: #010b1b;
    font-weight: bold;
    font-size: 18px; }
  .available-version em {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    color: #ee672f; }
  .available-version .version-wrap.btn {
    border-color: #ced3d8;
    margin: 0 20px 15px 0;
    padding: 0 20px; }
    .available-version .version-wrap.btn img {
      max-width: 20px; }
    .available-version .version-wrap.btn strong {
      font-size: 14px;
      text-transform: uppercase; }
    .available-version .version-wrap.btn:hover {
      background-color: #f0f1f2; }
      .available-version .version-wrap.btn:hover i {
        color: #010b1b; }
  @media only screen and (min-width: 568px) {
    .available-version .version-wrap-all {
      display: inline-block;
      margin-top: 0; }
    .available-version .version-wrap:first-of-type {
      margin-left: 10px; } }

/* Share */
.social-icons {
  margin-top: 20px; }
  .social-icons li {
    display: inline-block;
    margin: 0 2px; }
  .social-icons a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    border-radius: 50%;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    border: 1px solid #8d99a7;
    color: #8d99a7; }
    .social-icons a:hover {
      background-color: #8d99a7;
      color: white; }

/* Price area, also in extension footer */
.cta {
  margin-top: 30px; }

.cta-content {
  background-color: #f0f1f2;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  text-align: center; }
  .cta-content > * {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle; }
  .cta-content .price {
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
    margin-right: 30px; }
  .cta-content a {
    margin-right: 15px; }
  .cta-content.cta-footer {
    margin-top: 50px;
    text-align: center; }
  @media only screen and (min-width: 1025px) {
    .cta-content {
      display: block;
      text-align: left; }
      .cta-content > * {
        margin-bottom: 0; }
      .cta-content.cta-footer {
        margin-top: 90px; } }

.version-support {
  background-color: #f0f1f2;
  margin-top: 40px;
  text-align: left;
  /* Connectors page */ }
  .version-support h4 {
    border-bottom: 1px solid #ced3d8;
    padding: 10px 0;
    text-align: center; }
    .version-support h4::after {
      content: normal; }
  .version-support ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px; }
  .version-support li {
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative; }
    .version-support li::before {
      content: "";
      font-family: Ionicons;
      font-weight: normal;
      color: #ee672f;
      font-size: 24px;
      left: 20px;
      position: absolute; }
    .version-support li:first-child {
      border-left: none; }
    .version-support li.no {
      color: #8d99a7; }
      .version-support li.no::before {
        color: #8d99a7;
        content: '\f128';
        font-size: 22px; }
      .version-support li.no em {
        color: #010b1b; }
  .version-support strong {
    display: inline-block;
    font-weight: bold;
    width: 100%; }
  .version-support .btn {
    font-size: 14px;
    height: 32px;
    line-height: 28px;
    width: 100%; }
  .version-support.vertical ul {
    padding: 20px 0; }
  .version-support.vertical li {
    padding-left: 30px; }
    .version-support.vertical li::before {
      left: 0; }
  @media only screen and (min-width: 568px) {
    .version-support {
      /* Extensions detail page, integrations detail page */ }
      .version-support:not(.vertical) ul {
        flex-direction: row; }
      .version-support:not(.vertical) li {
        width: 50%; } }
  @media only screen and (min-width: 1025px) {
    .version-support {
      margin-top: 60px;
      /* Extensions detail page, integrations detail page */
      /* Connectors page */ }
      .version-support:not(.vertical) ul {
        flex-wrap: nowrap; }
      .version-support:not(.vertical) li {
        border-left: 1px solid #ced3d8;
        margin-bottom: 0;
        width: auto; }
        .version-support:not(.vertical) li:first-child {
          border-left: none; }
      .version-support.vertical ul {
        padding: 20px; } }

.version-support-sidebar {
  background-color: #f0f1f2;
  margin-top: 20px;
  /* Flag: Germany */ }
  .version-support-sidebar h4 {
    border-bottom: 1px solid #ced3d8;
    padding: 10px 0;
    text-align: center; }
    .version-support-sidebar h4::after {
      content: normal; }
  .version-support-sidebar ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px; }
  .version-support-sidebar li {
    font-size: 15px;
    position: relative; }
    .version-support-sidebar li:first-child {
      border-left: none; }
    .version-support-sidebar li.no {
      color: #8d99a7; }
      .version-support-sidebar li.no::before {
        color: #8d99a7;
        content: '\f128';
        font-size: 22px; }
      .version-support-sidebar li.no em {
        color: #010b1b; }
    .version-support-sidebar li em::before {
      content: "";
      font-family: Ionicons;
      font-weight: normal;
      color: #ee672f;
      font-size: 24px;
      padding-right: 5px;
      vertical-align: top;
      padding-left: 2px; }
  .version-support-sidebar strong {
    display: inline-block;
    font-weight: bold;
    width: 100%; }
  .version-support-sidebar b {
    font-weight: bold; }
  .version-support-sidebar .btn {
    font-size: 14px;
    height: 32px;
    line-height: 28px;
    width: 100%; }
  @media only screen and (min-width: 568px) {
    .version-support-sidebar ul {
      flex-direction: row; }
    .version-support-sidebar li {
      width: 50%; } }
  @media only screen and (min-width: 1025px) {
    .version-support-sidebar {
      margin-top: 40px; }
      .version-support-sidebar li {
        width: auto; } }
  .version-support-sidebar .phoca-flagbox {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    position: relative; }
  .version-support-sidebar .flag-de {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==");
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top; }

@media only screen and (max-width: 567px) {
  .made-in-germany-box {
    display: none; } }
.made-in-germany-box li {
  width: 100%; }

/* Compensate onePageNav margin */
section[class^="extension-"]:not(.extension-related):not(.extension-walkthrough):not(.reviews) {
  border-top: 20px solid transparent;
  margin-top: -10px;
  padding-top: 1px; }

/** was: 70px, -60px */
.extension-screenshots .slider-wrap {
  background-color: #f0f1f2; }
.extension-screenshots .slider {
  padding: 20px 50px;
  /* When there are fewer slides than slidesToShow */ }
  .extension-screenshots .slider.slick-no-slide {
    padding: 20px 0; }
.extension-screenshots .slick-no-slide .slick-track {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center; }
.extension-screenshots .slider-nav a {
  height: calc( 100% - 50px );
  margin-top: 0;
  top: 25px; }
.extension-screenshots .slide {
  background-color: #010b1b;
  display: block;
  height: 240px;
  margin: 5px;
  position: relative; }
  .extension-screenshots .slide:hover .bg-wrap {
    opacity: 0.6; }
.extension-screenshots .bg-wrap {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: 0.5; }
.extension-screenshots .version {
  background-color: #ee672f;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  color: white;
  display: block;
  font-size: 14px;
  left: 10px;
  padding: 0 10px;
  position: absolute;
  top: 10px;
  text-transform: uppercase;
  z-index: 1; }
.extension-screenshots .caption {
  bottom: 0;
  color: white;
  font-size: 14px;
  left: 0;
  line-height: 1.3em;
  padding: 0 20px 20px;
  position: absolute;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
  width: 100%; }

.vbox-title {
  color: white;
  font-size: 15px;
  height: auto;
  line-height: 1.3em;
  padding: 10px 20px; }
  @media only screen and (min-width: 1025px) {
    .vbox-title {
      font-size: 18px;
      line-height: 1.5em;
      padding: 15px 40px; } }

.extension-accents, .extension-features {
  text-align: center; }
  .extension-accents .entry, .extension-features .entry {
    display: inline-block;
    margin-bottom: 70px;
    text-align: center;
    width: 100%; }
  .extension-accents .img-wrap, .extension-features .img-wrap {
    background-color: #f0f1f2;
    padding: 30px 20px;
    width: 100%; }
    .extension-accents .img-wrap em, .extension-features .img-wrap em {
      display: block; }
  .extension-accents img, .extension-features img {
    box-shadow: 0px 0px 38px 12px rgba(0, 0, 0, 0.1);
    display: inline-block;
    max-width: 100%; }
  .extension-accents .text-wrap, .extension-features .text-wrap {
    padding: 20px 40px 0;
    text-align: left; }
  .extension-accents h3, .extension-features h3 {
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    text-align: left; }
    .extension-accents h3::after, .extension-features h3::after {
      bottom: -10px;
      left: 0;
      margin-left: 0; }
    .extension-accents h3 a, .extension-features h3 a {
      border-bottom: 1px solid #ee672f; }
  .extension-accents p, .extension-features p {
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .extension-accents ul, .extension-features ul {
      column-count: 2;
      column-gap: 50px; }
    .extension-accents ul.one-col, .extension-features ul.one-col {
      column-count: 1;
      column-gap: 0; }
    .extension-accents div.flex-container, .extension-features div.flex-container {
      display: flex; }
    .extension-accents ul.flex, .extension-features ul.flex {
      column-count: 1;
      column-gap: 0;
      width: 48%; }
    .extension-accents ul.flex:nth-child(2n), .extension-features ul.flex:nth-child(2n) {
      margin-left: 50px; }
    .extension-accents .img-wrap, .extension-features .img-wrap {
      padding: 40px;
      padding-bottom: 30px; }
      .extension-accents .img-wrap em, .extension-features .img-wrap em {
        font-size: 14px;
        padding-top: 10px; }
    .extension-accents h3, .extension-features h3 {
      margin-bottom: 30px; } }

.extension-features {
  /*padding-bottom: 40px;*/
  	/*ul .icon { background: transparent url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/icon/hex-gray.png) no-repeat center; display: inline-block; float: left; font-size: $font-large; height: 55px; left: -2px; padding: 0; position: relative; vertical-align: middle; width: 48px;
          &::before { position: relative; top: 50%; transform: translateY(-50%); }
      }*/ }
  .extension-features ul {
    padding-top: 20px; }
  .extension-features .entry {
    margin-bottom: 30px;
    position: relative; }
  .extension-features .help-content {
    display: none; }
  .extension-features .has-new {
    margin-top: 20px; }
  .extension-features .new {
    background-color: #ee672f;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    left: 0px;
    line-height: 1.7em;
    margin-bottom: 5px;
    margin-top: -30px;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase; }
  .extension-features h3 {
    /*margin-left: 60px;*/ }
  .extension-features .editor {
    /*padding-left: 60px;*/
    text-align: left; }
  .extension-features .btn {
    margin: 0 5px;
    vertical-align: top; }
  .extension-features small {
    font-size: 14px; }
  @media only screen and (min-width: 568px) {
    .extension-features .img-wrap {
      float: left;
      margin-right: 20px; }
    .extension-features .text-wrap {
      padding: 0 40px 0 70px; }
    .extension-features .has-new {
      margin-top: 30px; } }
  @media only screen and (min-width: 768px) {
    .extension-features {
      /*padding-bottom: 60px;*/ }
      .extension-features .entry {
        margin-bottom: 40px; } }

.extension-related {
  background-color: #f0f1f2;
  padding: 20px 0 70px;
  margin-top: 60px; }
  .extension-related .subtitle {
    margin: -20px auto 0;
    max-width: 850px;
    text-align: center; }
  .extension-related .slider-wrap {
    background-color: white;
    margin-top: 50px;
    padding: 20px 45px; }
  .extension-related .entry {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    padding: 0 20px; }
  .extension-related .img-wrap {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 120px; }
  .extension-related img {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
  .extension-related .st0 {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    fill: #f0f1f2;
    stroke: transparent;
    stroke-width: 1px; }
  .extension-related .entry:hover .st0 {
    fill: transparent;
    stroke: #8d99a7; }
  .extension-related .text-wrap {
    padding-right: 10px;
    padding-top: 10px; }
  .extension-related h4 {
    font-weight: bold;
    line-height: 1.2em;
    min-height: 2.4em; }
  .extension-related .price {
    color: #ee672f;
    display: block;
    margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .extension-related {
      /* Once the slider kicks in */ }
      .extension-related .entry {
        display: block; } }

/*
	EXTENSIONS DETAIL, CONNECTOR DETAILS FEED
*/
.extension-details .box, .connector .box {
  margin-top: 40px;
  text-align: left; }
  .extension-details .box h5, .connector .box h5 {
    font-weight: bold;
    margin-bottom: 20px; }
    .extension-details .box h5::after, .connector .box h5::after {
      bottom: -10px; }
  .extension-details .box ul, .connector .box ul {
    margin-bottom: 20px;
    padding-top: 5px; }
    .extension-details .box ul li, .connector .box ul li {
      border-bottom: 1px solid #ced3d8;
      font-size: 15px;
      margin-bottom: 10px;
      padding-bottom: 15px; }
    .extension-details .box ul i, .connector .box ul i {
      display: inline-block;
      font-size: 21px;
      vertical-align: middle;
      width: 16px; }
    .extension-details .box ul em, .connector .box ul em {
      line-height: 1.2em; }
    .extension-details .box ul strong, .connector .box ul strong {
      display: block;
      font-weight: bold;
      line-height: 1.2em;
      padding-left: 20px; }
  .extension-details .box .btn, .connector .box .btn {
    height: 32px;
    line-height: 28px;
    font-size: 13px;
    margin-top: 10px;
    padding: 0 12px; }
    .extension-details .box .btn i, .connector .box .btn i {
      font-size: 18px;
      vertical-align: middle; }

.extension-details .box {
  margin-bottom: 40px; }

/* Extensions detail footer - "Get sample files", "Receive support" */
.helpers {
  margin-bottom: 1px; }
  .helpers > * {
    color: white;
    flex: 1;
    padding: 30px 0 70px;
    position: relative; }
  .helpers .sample-files {
    background-color: #586571; }
    .helpers .sample-files .bg-wrap {
      background-image: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/sample-files.jpg); }
  .helpers .receive-support {
    background-color: #262c36; }
    .helpers .receive-support .bg-wrap {
      background-image: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/receive-support.jpg); }
  .helpers .bg-wrap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0.15;
    position: absolute;
    top: 0;
    width: 100%; }
  .helpers .img-wrap {
    left: 20px;
    position: absolute;
    top: 80px;
    width: 70px;
    z-index: 1; }
    .helpers .img-wrap .st0 {
      fill: #3792d4; }
    .helpers .img-wrap i {
      font-size: 36px;
      left: 0;
      margin-top: -3px;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
  .helpers .text-wrap {
    margin-left: 120px;
    padding-right: 20px;
    position: relative;
    z-index: 1; }
    .helpers .text-wrap li {
      margin-bottom: 5px; }
      .helpers .text-wrap li a {
        transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition-timing-function: ease-in-out;
        border-bottom: 1px solid #f0f1f2; }
        .helpers .text-wrap li a:hover {
          background-color: #f0f1f2;
          color: black; }
  .helpers .btn {
    margin-top: 30px; }
  @media only screen and (min-width: 568px) {
    .helpers .img-wrap {
      left: 40px;
      width: 90px; }
      .helpers .img-wrap i {
        font-size: 48px;
        margin-top: 0; }
    .helpers .text-wrap {
      margin-left: 170px; } }
  @media only screen and (min-width: 1025px) {
    .helpers {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex; }
      .helpers .sample-files .text-wrap {
        margin-left: 170px; }
      .helpers .receive-support .img-wrap {
        left: auto;
        right: 40px; }
      .helpers .receive-support .text-wrap {
        margin-left: 0;
        margin-right: 200px;
        padding-left: 50px; } }
  @media only screen and (min-width: 1280px) {
    .helpers .sample-files .img-wrap {
      left: 70px; }
    .helpers .sample-files .text-wrap {
      margin-left: 250px;
      padding-right: 50px; }
    .helpers .receive-support .img-wrap {
      right: 70px; }
    .helpers .receive-support .text-wrap {
      margin-right: 200px;
      padding-left: 70px; }
    .helpers .img-wrap {
      width: 120px; }
      .helpers .img-wrap i {
        font-size: 72px; } }

/* Page tabs */
.extension-tabs {
  transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition-timing-function: ease-in-out;
  background-color: white;
  box-shadow: 0 24px 32px rgba(0, 0, 0, 0.12);
  display: none;
  left: 0;
  opacity: 0;
  padding: 0 15px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1; }
  .extension-tabs.active {
    opacity: 1;
    z-index: 3; }
  .extension-tabs .logo {
    padding: 5px 0;
    padding-right: 17px;
    padding-top: 7px; }
    .extension-tabs .logo img {
      max-width: none; }
    .extension-tabs .logo a {
      padding: 0; }
    .extension-tabs .logo a:hover {
      background-color: #fff; }
  .extension-tabs .preview {
    padding: 5px 0; }
  .extension-tabs img {
    display: block;
    float: left;
    margin-right: 12px;
    max-width: 52px; }
  .extension-tabs h6 {
    font-weight: bold;
    line-height: 1.2em;
    padding-top: 1px;
    white-space: nowrap; }
  .extension-tabs em {
    color: #ee672f;
    font-size: 15px; }
  .extension-tabs ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-left: auto; }
  .extension-tabs a {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 100%;
    padding: 0 10px;
    text-transform: uppercase; }
    .extension-tabs a::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .extension-tabs a img {
      vertical-align: middle; }
  .extension-tabs a:hover {
    background-color: #f0f1f2; }
  .extension-tabs .current a, .extension-tabs .current a:hover {
    background-color: #ee672f;
    color: white; }
  @media only screen and (min-width: 1025px) {
    .extension-tabs {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: space-between; } }
  @media only screen and (min-width: 1280px) {
    .extension-tabs a {
      font-size: 15px;
      padding: 0 20px; } }

/* Tooltips */
.help-content {
  text-align: left; }

/* Connectors detail page */
.connector aside img {
  margin-top: 30px;
  max-width: 100%; }
.connector .column-1-5 .box-content {
  padding-bottom: 15px;
  padding-top: 0; }
  .connector .column-1-5 .box-content i {
    font-size: 18px;
    margin: 0 3px;
    vertical-align: -2px; }
  .connector .column-1-5 .box-content strong {
    padding-left: 0; }
  .connector .column-1-5 .box-content a {
    border-bottom: 1px solid #ee672f; }
.connector .column-4-5 {
  top: 0; }

/* Custom */
.extension-walkthrough {
  background-color: white;
  padding: 10px 0 40px; }
  .extension-walkthrough .title-default {
    margin-bottom: 0; }
  .extension-walkthrough .subtitle {
    margin: -20px auto 0;
    max-width: 850px;
    text-align: center; }
  .extension-walkthrough .slider-wrap {
    background-color: white;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px 25px;
    max-width: 1380px;
    border-top: 1px solid #ced3d8;
    border-bottom: 1px solid #ced3d8; }
  .extension-walkthrough .text-wrap h4 {
    font-size: 22px;
    line-height: 35px;
    margin: 5px 0 15px;
    font-weight: bold; }
  .extension-walkthrough .text-wrap p {
    font-size: 16px;
    line-height: 22px;
    padding: 0 10px;
    margin-bottom: 20px; }
  .extension-walkthrough .img-wrap {
    padding: 0 30px; }
  .extension-walkthrough img {
    display: inline-block;
    max-width: 100%;
    max-height: 520px;
    cursor: zoom-in; }
  .extension-walkthrough .slider-container {
    text-align: center;
    position: relative;
    width: 75% !important;
    margin-right: 25% !important; }
  .extension-walkthrough .navigation {
    width: 25%;
    position: absolute;
    background: white;
    height: 100%;
    top: 0;
    right: 0;
    padding: 17px 20px 0 0;
    overflow-y: hidden;
    border-left: 1px solid #e2e2e2;
    padding-left: 25px;
    flex-direction: column;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal; }
    .extension-walkthrough .navigation .title {
      font-weight: bold;
      margin-bottom: 7px; }
    .extension-walkthrough .navigation ul {
      max-height: 92%;
      overflow-y: auto; }
    .extension-walkthrough .navigation li {
      padding: 10px 10px 10px 0;
      position: relative;
      cursor: pointer;
      border-left: 10px solid transparent;
      border-bottom: 1px solid #e2e2e2; }
    .extension-walkthrough .navigation li.active {
      font-weight: bold; }
  .extension-walkthrough .entry {
    justify-content: center;
    padding: 0 20px; }
  @media only screen and (min-width: 768px) {
    .extension-walkthrough {
      /* Once the slider kicks in */ }
      .extension-walkthrough .entry {
        display: block; } }

.extension-walkthrough-pdf img {
  max-height: none !important;
  border: 1px solid #eee; }

.extension-walkthrough-pdf .navigation li {
  border-left: 0; }

.extension-walkthrough-pdf .navigation li:nth-child(4n) {
  border-bottom: 4px solid #cecece; }

/* List page */
.integrations-list {
  position: relative;
  z-index: 3; }
  .integrations-list .list .entry::before {
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/icon/plug.png) no-repeat left top;
    content: '';
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 3; }
  .integrations-list .list .img-wrap {
    background: none;
    margin-bottom: -130px;
    top: -90px; }
    .integrations-list .list .img-wrap img {
      max-width: 95%;
      max-height: 50%;
      margin-left: -4px; }
  @media only screen and (min-width: 1025px) {
    .integrations-list {
      margin-bottom: 60px; } }

/* List footer */
.search-integrations {
  margin-bottom: 50px;
  text-align: center; }
  .search-integrations .field-wrap {
    display: inline-block;
    position: relative; }
  .search-integrations label {
    color: #494f59;
    font-size: 24px;
    left: 0;
    position: absolute;
    top: 5px; }
  .search-integrations #inline-search-input, .search-integrations #feed-search-input {
    background: none;
    border: none;
    border-bottom: 1px solid #8d99a7;
    font-size: 15px;
    padding: 7px 0 7px 30px;
    width: 280px; }
  .search-integrations #feed-search-input {
    margin-bottom: 15px;
    margin-top: -15px; }
  .search-integrations .inline-search-content {
    margin-top: 30px; }
    .search-integrations .inline-search-content span {
      display: inline-block;
      font-size: 13px;
      line-height: 1.5em;
      margin: 5px 20px; }
  .search-integrations mark {
    background-color: #ee672f;
    color: white; }

/* Details page */
.integration {
  /* Thumbnail */ }
  .integration .img-wrap {
    position: relative; }
    .integration .img-wrap img {
      left: 50%;
      max-width: 150px;
      top: 40%; }
    .integration .img-wrap .icon-wrap {
      bottom: 10px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%); }
    .integration .img-wrap .icon {
      border-radius: 50%;
      display: inline-block;
      height: 48px;
      line-height: 48px;
      text-align: center;
      width: 48px;
      background-color: white;
      color: #8d99a7;
      font-size: 28px;
      position: relative;
      z-index: 1; }
    .integration .img-wrap .logo {
      background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/logo-magento.png) no-repeat center;
      background-size: contain;
      height: 50px;
      position: relative;
      top: -10px;
      width: 50px; }
    @media only screen and (min-width: 768px) {
      .integration .img-wrap img {
        max-width: 190px; }
      .integration .img-wrap .icon-wrap {
        bottom: 30px; }
      .integration .img-wrap .logo {
        height: 60px;
        width: 60px; } }

/* Page tabs */
.extension-tabs.integrations img {
  max-width: 120px;
  padding-top: 3px; }

/* Version compatibility */
@media only screen and (min-width: 768px) {
  .extension-details .columns {
    column-count: 2;
    column-gap: 70px; } }
/* Content Integrations page - features */
@media only screen and (min-width: 768px) {
  .content-features {
    border-bottom: none;
    margin-top: 40px;
    padding: 0; }
    .content-features li {
      background-color: #f0f1f2;
      border-left: 1px solid #ced3d8; }
      .content-features li:first-child {
        border-left: none; }
    .content-features i {
      font-size: 32px; } }

/* List extensions */
.content-extensions {
  margin-top: 40px;
  /* Svg hexagon */ }
  .content-extensions > .editor {
    text-align: center; }
  .content-extensions .content-extensions-list {
    margin: 50px 0; }
    .content-extensions .content-extensions-list .editor {
      clear: both;
      font-size: 15px;
      line-height: 1.5em;
      padding-top: 30px; }
  .content-extensions .entry {
    border: 1px solid #ced3d8;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 30px; }
  .content-extensions .img-wrap {
    height: 100%;
    max-width: 120px;
    text-align: center; }
  .content-extensions .img-link {
    display: block;
    position: relative; }
    .content-extensions .img-link img {
      max-width: 64%; }
  .content-extensions .st0 {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    fill: #f0f1f2;
    stroke: transparent;
    stroke-width: 1px; }
  .content-extensions .img-link:hover .st0 {
    fill: transparent;
    stroke: #8d99a7; }
  .content-extensions h4 {
    margin-top: 10px;
    text-align: left; }
    .content-extensions h4 a {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      border-bottom: 1px solid #ee672f; }
      .content-extensions h4 a:hover {
        background-color: #ee672f;
        color: white; }
  .content-extensions h6 {
    color: #8d99a7;
    margin-top: 15px; }
  .content-extensions .cta {
    clear: both; }
    .content-extensions .cta em {
      font-weight: bold;
      line-height: 44px;
      margin-right: 20px; }
  @media only screen and (min-width: 568px) {
    .content-extensions .text-wrap {
      flex: 1;
      padding-left: 20px; } }
  @media only screen and (min-width: 1025px) {
    .content-extensions {
      margin-top: 60px; }
      .content-extensions .text-wrap {
        padding-left: 40px; } }

/* Help */
.content-integrations-help {
  margin-bottom: 70px; }
  .content-integrations-help .contact-needs li {
    padding: 30px; }
  .content-integrations-help .contact-needs i {
    font-size: 32px; }

.services-list {
  position: relative;
  z-index: 3; }
  .services-list .list {
    margin: 20px auto 40px;
    max-width: 1180px;
    padding: 0 10px; }
  .services-list .entry {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding-bottom: 40px; }
  .services-list .gradient {
    position: relative;
    height: 160px; }
    .services-list .gradient::before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .services-list .gradient img {
      vertical-align: middle; }
  .services-list h2 {
    margin-top: 20px; }
  .services-list .btn {
    margin-top: 20px;
    width: auto; }
  @media only screen and (min-width: 1280px) {
    .services-list .list {
      margin: 10px auto 70px;
      padding: 0; } }

.services-detail {
  position: relative;
  z-index: 3; }
  .services-detail .gradient {
    background: #e4efe9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e4efe9 0%, #93a5cf 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e4efe9 0%, #93a5cf 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e4efe9 0%, #93a5cf 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efe9', endColorstr='#93a5cf',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    height: 0;
    padding-bottom: 15%;
    padding-top: 15%;
    text-align: center; }
    .services-detail .gradient img {
      position: relative;
      transform: translateY(-50%); }
  .services-detail .inner-intro {
    margin-bottom: 20px; }
  .services-detail .form-fields {
    margin-top: 20px; }
  .services-detail .field-wrap {
    margin-top: 10px;
    vertical-align: top; }
    .services-detail .field-wrap strong {
      color: #ee672f;
      font-weight: bold; }
  @media only screen and (min-width: 568px) {
    .services-detail .field-wrap {
      display: inline-block;
      width: 48%; } }
  @media only screen and (min-width: 768px) {
    .services-detail .gradient {
      padding-bottom: 50%;
      padding-top: 50%; }
    .services-detail .form-fields {
      margin-top: 0; }
    .services-detail .field-wrap {
      width: 100%; } }
  @media only screen and (min-width: 1025px) {
    .services-detail .field-wrap {
      width: 49%; } }
  @media only screen and (min-width: 1280px) {
    .services-detail .inner-intro {
      margin-bottom: -30px; } }

.shopping-cart {
  margin-bottom: 40px;
  position: relative;
  z-index: 3; }

.cart-summary {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  text-align: left;
  /* Show only primary call-to-action on small devices */
  /*.totals { display: none; }*/ }
  .cart-summary .price {
    display: inline-block;
    font-size: 28px;
    font-weight: 100;
    margin-top: 5px; }
  .cart-summary .cta {
    margin-top: 5px; }
  .cart-summary .btn {
    margin-left: 10px;
    vertical-align: top; }
  .cart-summary .btn-blue-stroke {
    display: none; }

@media only screen and (min-width: 1025px) {
  .shopping-cart {
    margin-bottom: 70px; } }
@media only screen and (min-width: 1280px) {
  .cart-summary {
    margin-bottom: -60px;
    /* Show only primary call-to-action on small devices */ }
    .cart-summary .btn-blue-stroke {
      display: inline-block; }
    .cart-summary .totals {
      display: inline-block; } }
.checkout .btn-blue-stroke {
  display: inline-block; }
@media only screen and (max-width: 767px) {
  .checkout .title-default::after, .checkout .title-default-content {
    display: none; } }

/* Related extensions */
.cart-related {
  background-color: #f0f1f2;
  padding: 20px 30px;
  /*.entry:hover img { top: -5px; }*/ }
  .cart-related .cart-related-list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap; }
  .cart-related .entry {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-top: 5px;
    position: relative;
    top: 0; }
    .cart-related .entry:last-child {
      padding-right: 0; }
  .cart-related img {
    transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition-timing-function: ease-in-out;
    margin-right: 15px;
    max-width: 64px;
    position: relative;
    top: 0; }
  .cart-related h6 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
    min-height: 2.4em; }
  .cart-related span[class^="rating"] {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 0; }
  .cart-related .count {
    display: inline-block; }
  .cart-related .price {
    color: #ee672f;
    display: inline-block;
    margin-right: 10px; }
  .cart-related .btn {
    height: 32px;
    line-height: 28px;
    padding: 0 10px; }
    .cart-related .btn i {
      font-size: 18px; }

/* Discount, Cart link, Checkout link, etc. */
.cart-footer {
  background-color: #586571;
  color: white;
  padding: 20px 30px 30px; }
  .cart-footer .column-1-3 {
    margin-bottom: 30px;
    padding-right: 30px; }
    .cart-footer .column-1-3:last-child {
      margin-bottom: 0; }
  .cart-footer input[type="text"] {
    border: none; }
  .cart-footer .discount input {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    vertical-align: top; }
  .cart-footer .btn-white-stroke {
    height: 48px;
    line-height: 48px; }
  .cart-footer .share-cart input {
    text-overflow: ellipsis;
    width: calc(100% - 44px); }
  .cart-footer .total h6 {
    display: block;
    margin-bottom: 5px; }
  .cart-footer .total strong {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px; }
  .cart-footer .total .btn {
    margin-top: 20px; }
  @media only screen and (min-width: 568px) {
    .cart-footer .column-1-3 {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .cart-footer .column-1-3 {
      padding-right: 0;
      width: 31%; }
    .cart-footer .total {
      margin-top: 0; }
      .cart-footer .total li {
        margin-left: 30px;
        text-align: right; }
      .cart-footer .total .btn {
        float: right;
        margin-top: 30px; } }
  @media only screen and (min-width: 1280px) {
    .cart-footer .total h6 {
      display: inline-block;
      margin-right: 15px; }
    .cart-footer .total strong {
      display: inline-block;
      margin-bottom: 0;
      margin-top: 10px; } }

/* Checkout */
.checkout h2 {
  margin-top: 0; }

/* Checkout billing - above submit button */
.billing-footer {
  margin-top: 20px; }
  .billing-footer label {
    font-weight: normal;
    margin-top: 0;
    text-transform: none; }
    .billing-footer label a {
      transition: all 250ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition-timing-function: ease-in-out;
      border-bottom: 1px solid #ee672f; }
      .billing-footer label a:hover {
        background-color: #ee672f;
        color: white; }

/* Payment methods - accordion */
.payment-method {
  border-bottom: 1px solid #ced3d8;
  margin-bottom: 20px; }
  .payment-method .payment-header {
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 0; }
    .payment-method .payment-header label {
      cursor: pointer;
      display: block;
      font-size: 15px;
      margin-bottom: 5px;
      margin-top: 0; }
    .payment-method .payment-header .sub {
      font-size: 15px;
      padding-left: 30px; }
  .payment-method .payment-content {
    margin-bottom: 40px;
    padding-left: 30px; }
    .payment-method .payment-content label {
      display: block;
      margin-top: 10px; }
    .payment-method .payment-content.box-inner {
      padding-bottom: 40px; }
  .payment-method:last-child {
    border-bottom: none;
    margin-bottom: 0; }
    .payment-method:last-child .payment-content {
      margin-bottom: 0; }
  .payment-method .payment-icons {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-left: 30px; }
    .payment-method .payment-icons li {
      margin-right: 5px; }
      .payment-method .payment-icons li:last-child {
        margin-right: 0; }
    .payment-method .payment-icons img {
      display: block;
      max-width: 48px; }
  .payment-method .billing-footer {
    margin-top: 10px; }
  @media only screen and (min-width: 568px) {
    .payment-method {
      /* Credit card - adjust grid */ }
      .payment-method .payment-header {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between; }
        .payment-method .payment-header label {
          font-size: 18px; }
      .payment-method .payment-content.card-fields .column-1-3, .payment-method .payment-content.card-fields .column-1-6 {
        margin-right: 3%;
        width: 48%; }
        .payment-method .payment-content.card-fields .column-1-3:nth-child(2n), .payment-method .payment-content.card-fields .column-1-6:nth-child(2n) {
          margin-right: 0; }
      .payment-method .payment-icons {
        flex-wrap: nowrap;
        margin-left: 20px;
        margin-top: 0;
        padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    .payment-method {
      /* Credit card - adjust grid */ }
      .payment-method .payment-icons img {
        max-width: 64px; }
      .payment-method .payment-content.card-fields .column-1-6 {
        width: 24%; } }
  @media only screen and (min-width: 1025px) {
    .payment-method .payment-content.card-fields .column-1-3 {
      width: 30%; }
      .payment-method .payment-content.card-fields .column-1-3:nth-child(2n) {
        margin-right: 3%; }
    .payment-method .payment-content.card-fields .column-1-6 {
      margin-right: 2%;
      width: 16%; } }

.cart-review .box-aux .entry {
  float: none; }
.cart-review hr {
  margin: 30px 0; }
.cart-review .terms {
  font-size: 15px;
  overflow: hidden;
  line-height: 1.5em;
  padding-right: 20px; }
  .cart-review .terms .title-smaller {
    margin-bottom: 20px; }
  .cart-review .terms .terms-content {
    max-height: 240px; }
  .cart-review .terms .billing-footer {
    border-top: 1px solid #ced3d8;
    padding-top: 10px; }
  .cart-review .terms .field-wrap {
    margin-top: 10px; }

span.price {
  width: auto !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important; }

/*# sourceMappingURL=main.css.map */

/* BLOG */
.postDetails a {
    font-weight: bold;
}

.postTitle h2 {
    font-weight: bold !important;
    font-size: 24px !important;
}

.column-1-5 .block-account .block-title strong {
    font-size: 24px !important;
    color: #000;
}

.postTitle h3 {
    font-size: 14px !important;;
}

.postWrapper {
    padding-bottom: 50px !important;
}

.postWrapper .tags h4 {
    font-size: 18px !important;
    display: inline-block !important;
}

.postWrapper .editor img.float.left {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 3px;
}

.grid .column-4-5 .toolbar {
    font-size: 14px !important;
}

/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/validation_advice_bg.gif) 2px 0 no-repeat;
    color: #eb340a;
    margin-bottom: 5px;
    margin-left: 5px;
}

.validation-failed {
    border: 1px dashed #eb340a !important;
    background: #faebe7 !important;
}

.validation-passed {
}

/* Global Messages  */
.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #df280a;
    font-weight: bold;
}

.notice {
    color: #e26703;
}

.messages,
.messages ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.messages {
    width: 100%;
    overflow: hidden;
}

.messages li {
    margin: 0 0 10px !important;
}

.messages li li {
    margin: 0 0 3px !important;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 9px 14px !important;
    background-repeat: no-repeat !important;
    min-height: 19px !important;
    padding: 8px 8px 8px 32px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    background-image: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/i_msg-error.gif);
    color: #df280a;
}

.success-msg {
    border-color: #446423;
    background-color: #eff5ea;
    background-image: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/i_msg-success.gif);
    color: #3d6611;
}

.note-msg,
.notice-msg {
    border-color: #fcd344;
    background-color: #fafaec;
    background-image: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/i_msg-note.gif);
    color: #3d6611;
}


/* View Product */
.compatibility-table {
    border: 1px solid #e2e2e2;
    margin-top: 5px;
}

.compatibility-table th {
    font-weight: bold;
    background-color: #f5f5f5;
}

.compatibility-table th, .compatibility-table td {
    padding: 5px;
    border: solid 1px #e2e2e2;
    text-align: center;
    width: 187px
}
















/* Block: Account */
.block-account .block-title {
    border-bottom: 1px solid #DDDDDD;
    border: 0;
    margin-bottom: 5px;
}

.block-account .block-title strong {
    font-size: 16px;
    font-weight: bold;
}

.block-account .block-content {
    /*padding: 7px 10px 7px;*/
}

.block-account .block-content li a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    color: #5f5d5c;
    text-decoration: none !important;
    font-weight: normal;
}

.block-account .block-content li a:hover {
    color: #1E7EC8;
}

.block-account .block-content li.last a {
    border-bottom: 0;
}

.block-account .block-content li.current {
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    /*text-decoration: underline;*/
    font-weight: bold;
}

.block-account .block-content li.current.last {
    border-bottom: 0;
}

.pager .next img {
    vertical-align: middle;
}

.pager .previous img {
    vertical-align: middle;
}

/* Pager */
.pager {
    /*background-color: #fff;*/
    /*padding: 4px 8px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;*/
    height: 23px;
    text-align: center;
    margin: 10px 0;
}

.pager .amount {
    float: left;
    margin: 0;
}

.pager .limiter {
    float: right;
}

.pager .limiter label {
    vertical-align: middle;
}

.pager .limiter select {
    padding: 0;
    margin: 0 0 1px;
    vertical-align: middle;
}

.pager .pages {
    margin: 0 140px;
}

.pager .pages ol {
    display: inline;
}

.pager .pages li {
    display: inline;
    margin: 0 2px;
}

.pager .pages .current {
    font-weight: bold;
}


/* Data Table */
.data-table {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.data-table .odd {
    background: #fff
}

.data-table .even {
}

/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/
.data-table td.last,
.data-table th.last {
    border-right: 1px solid #ddd;
}

.data-table tr.last th,
.data-table tr.last td {
}

.data-table th {
    padding: 3px 8px;
    font-weight: bold;
}

.data-table td {
    padding: 3px 8px;
}

.data-table thead th {
    padding: 5px;
    border-left: 1px solid #ddd;
    font-weight: bold;
    white-space: nowrap;
}

.data-table thead th.wrap {
    white-space: normal;
}

.data-table thead th a,
.data-table thead th a:hover {
    color: #fff;
}

.data-table thead th {
    background: #F2F2F2;
}

.data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap;
}

.data-table tfoot {
    border-bottom: 1px solid #ddd;
}

.data-table tfoot tr.first {
}

.data-table tfoot tr {
    border-bottom: 1px solid #ddd;
}

.data-table tfoot td {
    border-bottom: 0;
    border-left: 1px solid #ddd;
}

.data-table tfoot th {
    border-bottom: 0;
    border-left: 1px solid #ddd;
}

.data-table tfoot strong {
    font-size: 16px;
}

.data-table tbody {
    background-color: #fff;
}

.data-table tbody th,
.data-table tbody td {
    padding: 5px;
    border-left: 1px solid #ddd;
}

.data-table tbody td {
    border-bottom: 1px solid #ddd;
}

/* Bundle products tables */
.data-table tbody.odd tr {
    background: #fff !important;
}

.data-table tbody.even tr {
    background: #fff !important;
}

.data-table tbody.odd tr td,
.data-table tbody.even tr td {
    border-bottom: 0;
}

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
    border-bottom: 1px solid #d9dde3;
}

.data-table tbody td .option-label {
    font-weight: bold;
    font-style: italic;
}

.data-table tbody td .option-value {
    padding-left: 10px;
}


/********** < Dashboard */
.dashboard .welcome-msg {
    /*margin: 0 8em 1.5em 0;*/
}

.dashboard .welcome-msg p {
    margin: 0;
}

.dashboard .col2-set {
    margin: 0 0 15px;
}

/* General Box */
.box-account {
    background: #fff url(https://cdn.xtento.com/skin/frontend/default/xtento/images/bkg_account_box.gif) 0 0 repeat-x;
    border: 1px solid #ccc;
    border-color: #ccc #999 #999 #ccc;
    padding: 15px;
    margin: 0 0 20px;
}

.box-account .box-head {
    border-bottom: 1px solid #d9dde3;
    margin: 0 0 10px;
    text-align: right;
}

.box-account .box-head h2 {
    float: left;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 21px;
}

.dashboard .box .box-title {
    background: url(https://cdn.xtento.com/skin/frontend/default/xtento/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 2px;
    margin: 0 0 8px;
    text-align: right;
}

.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 {
    background-image: url(https://cdn.xtento.com/skin/frontend/default/xtento/images/i_folder-table.gif);
}

/* Block: Account Information */
.dashboard .box-info .box-head h2 {
    background-image: url(https://cdn.xtento.com/skin/frontend/default/xtento/images/i_ma-info.gif);
}

.dashboard .box-info h4 {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Block: Reviews */
.dashboard .box-reviews .box-head h2 {
    background-image: url(https://cdn.xtento.com/skin/frontend/default/xtento/images/i_ma-reviews.gif);
}

.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c;
}

.dashboard .box-reviews .details {
    margin-left: 20px;
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px;
}

.dashboard .box-reviews li.item.last {
    margin: 0;
}

.dashboard .box-reviews .ratings {
    margin: 7px 0 0;
}

/* Block: Tags */
.dashboard .box-tags .box-head h2 {
    background-image: url(https://cdn.xtento.com/skin/frontend/default/xtento/images/i_ma-tags.gif);
}

.dashboard .box-tags .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c;
}

.dashboard .box-tags .details {
    margin-left: 20px;
}

.dashboard .box-tags li.item {
    margin: 0 0 7px;
}

.dashboard .box-tags li.item.last {
    margin: 0;
}

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
    display: inline;
}

/********** Dashboard > */

/* Address Book */
.addresses-list h2 {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.addresses-list h3 {
    font-weight: bold;
    font-size: 13px;
}

.addresses-list address {
    margin: 0 0 3px;
}

.addresses-list p {
    margin: 0;
}

.addresses-list a {
    font-weight: bold;
}

.addresses-list .link-remove {
    color: #646464;
}

.addresses-list .separator {
    margin: 0 3px;
}

.addresses-list li.item {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px 13px;
    margin: 0 0 10px;
}

.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0;
}

.addresses-list li.empty p {
    font-weight: bold;
}


/* Order View */
.order-info {
    background: #dee5e8;
    border: 1px solid #d0cbc1;
    padding: 4px 8px;
    margin: 0 0 8px;
}

.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline;
}

.order-info .current {
    font-weight: bold;
}

.order-info li {
    margin: 0 3px;
}

.order-date {
    margin: 10px 0;
}

.order-info-box {
    background-color: #fff;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px;
}

.order-info-box h2 {
    font-weight: bold;
    font-size: 13px;
}

.order-info-box .box-payment p {
    margin: 0 0 5px;
}

.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px;
}

.order-items {
    width: 100%;
    overflow-x: auto;
}

.order-items h2,
.order-items h3 {
    font-weight: bold;
    font-size: 13px;
}

.order-items .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
}

.order-items .link-print {
    float: right;
    color: #1e7ec8;
    font-weight: normal;
}

.order-items p .link-print {
    float: none;
}

.order-gift-message {
    margin: 15px 0;
}

.gift-message dt strong {
    color: #666;
}

.gift-message dd {
    margin: 5px 0 0;
    font-size: 13px;
}

.order-about {
    margin: 15px 0;
}

.order-about dt {
    font-weight: bold;
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px;
}

.tracking-table {
    margin: 0 0 15px;
}

.tracking-table th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table th,
.tracking-table td {
    padding: 1px 5px 0 0;
}

.tracking-table-popup {
    width: 100%;
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px;
}

/* Order Print Pages */
.page-print .print-head {
    margin: 0 0 15px;
}

.page-print .print-head .logo {
    float: left;
}

.page-print .print-head address {
    float: left;
    margin-left: 15px;
}

.page-print h1 {
    font-size: 16px;
    font-weight: bold;
}

.page-print h2,
.page-print h3 {
    font-size: 13px;
    font-weight: bold;
}

.page-print h2.h2 {
    font-size: 16px;
    font-weight: bold;
}

.page-print .order-date {
    background: url(https://cdn.xtento.com/skin/frontend/default/xtento/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.page-print .col2-set {
    margin: 0 0 10px;
}

/* Price Rewrites */
.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline;
}

.nobr {
white-space: nowrap !important;
}

.title-buttons {
text-align: right;
}

/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 48.5%;
}

.col2-set .col-2 {
    float: right;
    width: 48.5%;
}

.col2-set .col-narrow {
    width: 32%;
}

.col2-set .col-wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}

.a-right {
text-align: right !important;
}


/* Options Tool Tip */
.item-options dt {
    font-weight: bold;
    font-style: italic;
}

.item-options dd {
    padding-left: 10px;
    margin: 0 0 4px;
}

.product-collateral .item-options dd {
    padding-left: 27px;
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/file_icon.png) 0 0 no-repeat;
}

.truncated {
    cursor: help;
}

.truncated a.dots {
    cursor: help;
}

.truncated a.details {
    cursor: help;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999;
}

.truncated .truncated_full_value dl {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
}

.truncated .show dl {
    top: -20px;
    left: 50%;
}


/* Comparison */
table#pricing-matrix {
    width: 100%;
    margin: 8px 0 0 0;
    border-collapse: collapse;
    font-size: 12px;
    border: 1px solid #EEEEEE;
}

table#pricing-matrix a {
}

table#pricing-matrix a:hover {
    background-color: transparent;
}

table#pricing-matrix thead {
}

table#pricing-matrix thead tr {
}

table#pricing-matrix thead tr th {
    background: whiteSmoke;
    text-align: center;
    padding: 10px 0;
}

table#pricing-matrix tbody {
}

table#pricing-matrix tbody tr {
    background-color: #fff;
}

table#pricing-matrix tbody tr td {
    text-align: center;
    border: 1px solid #EEEEEE;
    color: #000000;
    padding-top: 6px;
}

table#pricing-matrix tbody tr td.feature {
    text-align: left;
    border-left: none;
    font-weight: bold;
    padding: 5px 0 5px 5px;
}

table#pricing-matrix tbody tr td.price {
    width: 95px;
    font-weight: bold;
    background: #FFFFCC;
    padding: 5px 0 5px 0px;
}

table#pricing-matrix tbody tr td.price small {
    display: block;
    font-size: 9px;
    padding: 2px 0 0 0;
}


/* Noscript Notice */
.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.noscript .noscript-inner {
    width: 950px;
    margin: 0 auto;
    padding: 12px 0 12px;
    background: url(https://cdn.xtento.com/skin/frontend/xtento/xtento2018/images/i_notice.gif) 20px 50% no-repeat;
}

.noscript p {
    margin: 0;
}


/* MIS */
.mis {
    /*width: 902px;*/
    margin: 0 auto;
}

.mis-header {
    height: 165px;
}

.mis-header .cleft {
    width: 150px;
    margin-right: 20px;
    margin-left: 10px;
    float: left;
}

.mis-header .cright {
    padding-left: 20px;
    text-align: justify;
    width: 863px;
}

#mis-table {
    width: 876px;
    margin: 0px auto;
    border-collapse: collapse;
    border: none;
    margin-top: 5px;
    margin-bottom: 20px;
}

#mis-table .row {
    height: 150px;
    border-bottom: 1px solid #ccc;
}

#mis-table .cell {
    padding: 15px;
    padding-left: 5px;
    width: 33%;
}

#mis-table .cell .name {
    margin-bottom: 0px;
    height: 56px;
    text-align: center;
}

#mis-table .cell .name a {
    /*color: #646461;*/
    font-weight: bold;
    font-size: 18px;
}

#mis-table .cell .p-logo {
    text-align: center;
    width: 281px;
}

#mis-table .cell .price-box {
    margin-top: 20px;
}

#mis-table .cell .price {
    margin-top: 5px;
    margin-left: 28px;
    float: left;
}

#mis-table .cell .price a {
    font-weight: bold;
    text-decoration: none;
    font-size: 24px;
}

#mis-table .upper-price {
    vertical-align: top;
    font-size: 0.6em;
    line-height: 1.25em;
    margin-left: 2px;
}

#mis-table .cell .learn-more {
    float: right;
}

/* Testimonial
=====================================================================*/
#review-table {
    /*width: 910px;*/
    margin: 0px auto;
    border-collapse: collapse;
    border: none;
    margin-bottom: 20px;
    margin-left: -20px;
    width: 100%;
}

#review-table .cell {
    padding-bottom: 20px;
    padding-top: 25px;
    margin-left: -10px;
}

#review-table .cell .name {
    margin-bottom: 10px;
    height: 56px;
}

#review-table .cell .name a {
    font-weight: bold;
    font-size: 18px;
}

#review-table .cell .p-logo {
    text-align: center;
    width: 281px;
}

.imgtestimonial {
    float: left;
    display: inline;
    width: 200px;
    text-align: center;
}

.imgtestimonial img {
    padding-top: 5px;
    background: #fff;
}

.contenttestimonial {
    /*width: 249px;*/
    max-width: 400px;
    float: right;
}

h3.titletestimonial {
    letter-spacing: -1px;
    float: left;
}

.titletestimonial a {
    text-decoration: none;
    font-size: 115%;
}

.urltestimonial {
    float: right;
    display: inline;
    font-weight: bold;
}

.boxtestimonial {
    font-family: Georgia, Garamond, serif;
    text-align: justify;
}

.boxtestimonial p {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 3px;
}

.hidden-rdf {
    display: none;
}

/* EU VAT */
div.euvat-taxvat-validation-success {
	margin-top: 5px;
	border-color:#446423;
    color:#3d6611;
    background:#eff5ea;
    text-align: left;
    padding: 9px;
}
div.euvat-taxvat-validation-failure {
	margin-top: 5px;
	border-color:#f16048;
    color:#df280a;
    background:#faebe7;
    text-align: left;
    padding: 9px;
}
div.euvat-ajax-working {
	margin-top: 5px;
}



/* Stripe customizations */
ul#payment_form_cryozonic_stripe {
    padding-left: 0 !important;
    padding-top: 0 !important;
}
ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new {
    margin-left: 0 !important;;
}
.pci-dss-info-block {
    width: 600px !important;
}
.pci-dss-info-text {
    top: 0 !important;
    margin-left: -24px !important;
}
.stripe-elements-field {
    width: 100% !important;
    height: 48px !important;
    line-height: 48px !important;
    background-color: white !important;
    border: 1px solid #ced3d8 !important;
    font-size: 15px !important;
    border-radius: 0 !important;
    padding: 0 15px !important;
    padding-top: 11px !important;
    margin: 0 !important;
    box-shadow: 0 !important;
}
.cryozonic-stripe-brand {
    top: -15px !important;
    margin-left: -58px !important;
}

form#new-card {
    margin-top: 35px;
}
form#new-card h2 {
    font-weight: bold;
    font-size: 120%;
    margin-bottom:5px;
}
form#new-card .buttons-set .required, form#new-card .back-link {
    display:none;
}
form#new-card .payment-method:last-child .payment-content {
    padding-left: 0;
}
form#new-card #cryozonic_stripe_cc_type_exp_div {
    margin-right: 25px;
}
form#new-card .column-1-3:first-of-type {
    display: none;
}
form#new-card .buttons-set {
    margin-top:0;
}
DIV.ajaxcartpro_progress{
	border: 1px #999999 solid;
	display: block;
	position: fixed;
	text-align: center;
	padding: 10px;
	background-color: #ffffff;
	z-index: 9999;
    color: black;
    min-width: 260px;
    min-height: 50px;
	/*position:absolute;*/
	/*top: expression(parseInt(document.documentElement.scrollTop, 10) +window.ACPTop+ "px");*/
}

DIV.ajaxcartpro_confirm{
	border: 1px #999999 solid;
	display: block;
	position: fixed;
	text-align: center !important;
	padding: 10px;
	background-color: #ffffff;
	z-index: 999999;
    color: black;
    min-heigth:104px;
    min-width: 260px;
    height:auto!important;

	/*position:absolute;*/
	/*top: expression(parseInt(document.documentElement.scrollTop, 10) +200+ "px");*/
}

DIV.ajaxcartpro_confirm p{
	width: 260px;
}



/*#aw_acp_continue, #aw_acp_checkout{
	padding:0;
	line-height:24px;
	height:24px;
	margin:0px auto;
	display:block;
	font-family:Arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}


#aw_acp_continue{
	color:#333;
	background:url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/ajaxcart/images/btn_continue_shopping.png');
	width:144px;
}


#aw_acp_checkout{
	color:#fff;
	background:url('https://cdn.xtento.com/skin/frontend/xtento/xtento2018/ajaxcart/images/btn_view_cart.png');
	width:164px;
}*/

#acp_configurable_block dt
{
    text-align: left;
    padding-left: 10px;
}

#acp_configurable_block .price
{
    font-size: 14px;
}

#acp_configurable_block .product-name
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#acp-overlay
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
    z-index: 10000;
}
#acp-overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
}

#acp_product_options
{
    display: block;
    min-width: 400px;
    height: auto !important;
    position: fixed;
    z-index:10000;
    background-color: white;
    padding: 10px;
    /*position:absolute;*/
    /*top: expression(parseInt(document.documentElement.scrollTop, 10) +window.ACPTop+ "px");*/
}

#acp_product_options .product-options dt label.required em {
    color: #EB340A;
    margin-left: 5px;
}

#product-options-wrapper
{
     margin:0;
}
.map-popup
{
    z-index: 1001 !important;
}

div#acp_configurable_block form#product_addtocart_form_acp div#acp_product_options div#product-options-wrapper.product-options li span.label label {
float:left;
}
body.checkout-cart-index div div#acp_configurable_block form#product_addtocart_form_acp div#acp_product_options div#product-options-wrapper.product-options div.price-box span.price {
font-weight:bold;
font-size:16px;
}

#cryozonic-stripe-accepted-cards img {
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	display: inline-block;
}
#cryozonic-stripe-accepted-cards.cryozonic-stripe-detected img {
	opacity: 0.3;
}
#cryozonic-stripe-accepted-cards.cryozonic-stripe-detected img.active {
	opacity: 1;
}

input#cryozonic_stripe_cc_number {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-position-x: 80%;
    -moz-transition: background-position-x 0.25s ease-in-out;
    -webkit-transition: background-position-x 0.25s ease-in-out;
    transition: background-position-x 0.25s ease-in-out;
}

input#cryozonic_stripe_cc_number.cctype-detected {
    background-position-x: 99%;
}

.adminhtml-sales-order-create-index #payment_form_cryozonic_stripe input[type="text"]
{
	width: 200px;
}

.dialog_content {
    background-color: #fff;
}
.img-preload {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}
/* Customer Account */
.saved-cards label {
    display: inline;
}
.saved-cards {
    font-size: 1.15em;
}
.saved-cards li {
    margin: 4px 0;
}
#new-card .form-list select {
    width: auto;
}
#new-card .form-list label {
    float: none;
}
#cryozonic_stripe_cc_cid {
    width: 40px;
}

/* Checkout */
#mandates.saved-cards label {
    font-weight: normal;
    margin-left: 4px;
}
ul#payment_form_cryozonic_stripe {
    padding-left: 20px;
    padding-top: 15px;
}
.adminhtml-sales-order-create-index ul#payment_form_cryozonic_stripe {
    padding: 5px 0 10px;
}
ul#payment_form_cryozonic_stripe li {
    display: block;
}
ul#payment_form_cryozonic_stripe li.stripe-new {
    display: none;
}
ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new {
    display: block;
    margin-left: 20px;
}
/* Idev OSC 3-column fixes */
.onestepcheckout-column-middle ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new {
    margin-left: 0;
}
.onestepcheckout-column-middle ul#payment_form_cryozonic_stripe {
    margin: 10px 0;
    padding-left: 0px;
}
/* ~Idev OSC */
.sp-methods .saved-cards li label {
    float: none;
}
.saved-cards {
    margin-top: 14px;
}
.saved-cards input.select {
    position: relative;
    top: -1px;
}
.saved-cards span {
    display: inline-block;
}
.saved-cards span.type {
    font-weight: bold;
    margin-left: 3px;
}
.saved-cards span.exp {
    float: right;
}
.saved-cards label {
    display: inline;
}
.saved-cards span.cryozonic-stripe-fade {
    color: #aaa;
    font-weight: normal;
}
.form-list .saved-cards label {
    float: none;
}
#cryozonic-stripe-card-errors {
    border: 0;
    border-radius: 3px;
    height: 0;
    margin: 0 auto;
    transition: height 1s, margin 1s, border 1s, padding 1s;
    display: inline-block;
    padding: 0 1em;
}
#cryozonic-stripe-card-errors.populated {
    border: 1px hsla(0,100%,50%,0.5) dashed;
    padding: 5px 1em;
    color: #D20;
    height: auto;
    margin: 0.5em auto 1em;
}

/* Card Icons */
#payment_form_cryozonic_stripe span.type.Visa { background: url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/img/visa.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.American.Express { background: url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/img/amex.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.MasterCard { background: url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/img/mastercard.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.Discover { background: url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/img/discover.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.Diners { background: url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/img/diners.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.JCB { background: url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/img/jcb.png) no-repeat; }

#payment_form_cryozonic_stripe span.type.Visa,
#payment_form_cryozonic_stripe span.type.American.Express,
#payment_form_cryozonic_stripe span.type.MasterCard,
#payment_form_cryozonic_stripe span.type.Discover,
#payment_form_cryozonic_stripe span.type.Diners,
#payment_form_cryozonic_stripe span.type.JCB {
    padding-left: 30px;
    background-position-y: -3px;
    background-size: 24px;
}

/* Apple Pay */
#co-payment-form #cryozonic-apple-pay-section #apple-pay-button,
ul#payment_form_cryozonic_stripe li#apple-pay-section #apple-pay-button {
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 24px;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    border-radius: 10px;
}
#co-payment-form #cryozonic-apple-pay-section,
ul#payment_form_cryozonic_stripe li#apple-pay-section {
    display: none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#co-payment-form.payment-request-api-supported #cryozonic-apple-pay-section,
ul#payment_form_cryozonic_stripe.payment-request-api-supported li#apple-pay-section {
    display: block;
}
#co-payment-form.payment-request-api-supported #cryozonic-apple-pay-section #apple-pay-button,
ul#payment_form_cryozonic_stripe.payment-request-api-supported li#apple-pay-section #apple-pay-button {
    display: none;
}
#co-payment-form #cryozonic-apple-pay-section label,
ul#payment_form_cryozonic_stripe li#apple-pay-section label {
    font-weight: bold;
    margin: 10px 0;
    float: none;
    display: block;
}
#cryozonic-apple-pay-result {
    margin-bottom: 20px;
}
#co-payment-form.apple-pay-success .sp-methods {
    display: none;
}

/* Authorized Apple Pay Result */
#co-payment-form #cryozonic-apple-pay-result label,
.form-list #apple-pay-result label {
    display: inline-block;
    float: none;
}
#co-payment-form #cryozonic-apple-pay-result,
ul#payment_form_cryozonic_stripe li#apple-pay-result {
    text-align: center;
    font-size: 1.1em;
    display: none;
}
#cryozonic-apple-pay-result > div,
#apple-pay-result > div {
    display: block;
    margin: 5px 0;
}
#co-payment-form.apple-pay-success #cryozonic-apple-pay-result,
ul#payment_form_cryozonic_stripe.apple-pay-success li#apple-pay-result {
    display: block;
}
#co-payment-form.payment-request-api-supported.apple-pay-success #cryozonic-apple-pay-section,
ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success li#apple-pay-section {
    display: none;
}
ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new {
    display: none;
}
ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success.stripe-new li#cryozonic_stripe_cc_save_div.stripe-new {
    display: block;
}
ul#payment_form_cryozonic_stripe.apple-pay-success ul#saved-cards {
    display: none;
}

/* Stripe Elements */
#card-details-label {
    display: block;
}
#cryozonic-stripe-card-number {
    width: 225px;
    display: inline-block;
}
.cryozonic-stripe-brand {
    opacity: 0.5;
    height: 24px;
    width: 32px;
    display: inline-block;
    font-size: 20px;
    margin-left: -49px;
    position: relative;
    top: -9px;
}
#cryozonic-stripe-card-expiry {
    width: 93px;
    display: inline-block;
}
#cryozonic-stripe-card-cvc {
    width: 68px;
    display: inline-block;
}
.stripe-elements-field {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 4px 14px;
    border-style: none;
    background-color: #fefefe;
    box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #fefefe;
    border-radius: 4px;
}
li.cryozonic-stripe-elements.no-wrap {
    white-space: nowrap;
}
.pci-dss-info-block {
    margin: 10px 15px -16px 25px;
    width: 240px;
}
#pci-svg {
    position: relative;
    left: -25px;
    top: 5px;
    opacity: 0.5;
    fill: green;
}
.pci-dss-info-text {
    display: inline-block;
    position: relative;
    top: -20px;
}

/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:PaymentFont;src:url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.eot);src:url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.woff) format('woff2'),url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.woff) format('woff'),url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://cdn.xtento.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}