@font-face {
font-family: 'clip-font';
src: url('assets/fonts/clip-font.eot');
src: url('assets/fonts/clip-font.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/clip-font.woff') format('woff'),
url('assets/fonts/clip-font.ttf') format('truetype'),
url('assets/fonts/clip-font.svg#clip-font') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'clip-font';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="clip-"] {
*/
.clip-settings,
.clip-camera,
.clip-tag,
.clip-bulb,
.clip-paperplane,
.clip-bubble,
.clip-banknote,
.clip-music,
.clip-data,
.clip-t-shirt,
.clip-clip,
.clip-calendar,
.clip-vynil,
.clip-truck,
.clip-note,
.clip-world,
.clip-key,
.clip-pencil,
.clip-pencil-2,
.clip-images,
.clip-images-2,
.clip-list,
.clip-earth,
.clip-pictures,
.clip-cog,
.clip-home,
.clip-home-2,
.clip-pencil-3,
.clip-images-3,
.clip-eyedropper,
.clip-droplet,
.clip-droplet-2,
.clip-image,
.clip-music-2,
.clip-camera-2,
.clip-camera-3,
.clip-headphones,
.clip-headphones-2,
.clip-gamepad,
.clip-podcast,
.clip-connection,
.clip-connection-2,
.clip-new,
.clip-book,
.clip-file,
.clip-file-2,
.clip-file-plus,
.clip-file-minus,
.clip-file-check,
.clip-file-remove,
.clip-file-3,
.clip-copy,
.clip-copy-2,
.clip-copy-3,
.clip-copy-4,
.clip-paste,
.clip-stack,
.clip-stack-2,
.clip-folder,
.clip-folder-upload,
.clip-folder-download,
.clip-folder-remove,
.clip-folder-plus,
.clip-folder-2,
.clip-folder-open,
.clip-cc,
.clip-tag-2,
.clip-barcode,
.clip-cart,
.clip-phone-hang-up,
.clip-phone,
.clip-phone-2,
.clip-location,
.clip-compass,
.clip-map,
.clip-alarm,
.clip-clock,
.clip-history,
.clip-stopwatch,
.clip-keyboard,
.clip-screen,
.clip-laptop,
.clip-mobile,
.clip-mobile-2,
.clip-tablet,
.clip-mobile-3,
.clip-rotate,
.clip-rotate-2,
.clip-redo,
.clip-undo,
.clip-database,
.clip-bubble-2,
.clip-bubbles,
.clip-bubble-3,
.clip-bubble-4,
.clip-bubble-dots,
.clip-bubble-dots-2,
.clip-bubbles-2,
.clip-bubbles-3,
.clip-user,
.clip-users,
.clip-user-plus,
.clip-user-minus,
.clip-user-cancel,
.clip-user-block,
.clip-user-2,
.clip-user-3,
.clip-users-2,
.clip-user-4,
.clip-user-5,
.clip-hanger,
.clip-quotes-left,
.clip-quotes-right,
.clip-busy,
.clip-spinner,
.clip-spinner-2,
.clip-spinner-3,
.clip-spinner-4,
.clip-spinner-5,
.clip-spinner-6,
.clip-microscope,
.clip-search,
.clip-zoom-in,
.clip-zoom-out,
.clip-search-2,
.clip-key-2,
.clip-key-3,
.clip-keyhole,
.clip-wrench,
.clip-wrench-2,
.clip-cog-2,
.clip-cogs,
.clip-health,
.clip-stats,
.clip-inject,
.clip-bars,
.clip-rating,
.clip-rating-2,
.clip-rating-3,
.clip-leaf,
.clip-balance,
.clip-atom,
.clip-atom-2,
.clip-lamp,
.clip-remove,
.clip-puzzle,
.clip-puzzle-2,
.clip-cube,
.clip-cube-2,
.clip-pyramid,
.clip-puzzle-3,
.clip-puzzle-4,
.clip-clipboard,
.clip-switch,
.clip-list-2,
.clip-list-3,
.clip-list-4,
.clip-list-5,
.clip-list-6,
.clip-grid,
.clip-grid-2,
.clip-grid-3,
.clip-grid-4,
.clip-grid-5,
.clip-grid-6,
.clip-menu,
.clip-menu-2,
.clip-circle-small,
.clip-tree,
.clip-menu-3,
.clip-menu-4,
.clip-cloud,
.clip-download,
.clip-upload,
.clip-download-2,
.clip-upload-2,
.clip-globe,
.clip-upload-3,
.clip-download-3,
.clip-earth-2,
.clip-network,
.clip-link,
.clip-link-2,
.clip-link-3,
.clip-link-4,
.clip-attachment,
.clip-attachment-2,
.clip-eye,
.clip-eye-2,
.clip-windy,
.clip-bookmark,
.clip-bookmark-2,
.clip-brightness-high,
.clip-brightness-medium,
.clip-star,
.clip-star-2,
.clip-star-3,
.clip-star-4,
.clip-star-5,
.clip-star-6,
.clip-heart,
.clip-thumbs-up,
.clip-thumbs-up-2,
.clip-cursor,
.clip-stack-empty,
.clip-question,
.clip-notification,
.clip-notification-2,
.clip-question-2,
.clip-plus-circle,
.clip-plus-circle-2,
.clip-minus-circle,
.clip-minus-circle-2,
.clip-info,
.clip-info-2,
.clip-cancel-circle,
.clip-cancel-circle-2,
.clip-checkmark-circle,
.clip-checkmark-circle-2,
.clip-close,
.clip-close-2,
.clip-close-3,
.clip-checkmark,
.clip-checkmark-2,
.clip-close-4,
.clip-wave,
.clip-wave-2,
.clip-arrow-up-left,
.clip-arrow-up,
.clip-arrow-up-right,
.clip-arrow-right,
.clip-arrow-down-right,
.clip-arrow-down,
.clip-arrow-down-left,
.clip-arrow-left,
.clip-arrow-up-left-2,
.clip-arrow-up-2,
.clip-arrow-up-right-2,
.clip-arrow-right-2,
.clip-arrow-down-right-2,
.clip-arrow-down-2,
.clip-arrow-down-left-2,
.clip-arrow-left-2,
.clip-arrow,
.clip-arrow-2,
.clip-arrow-3,
.clip-arrow-4,
.clip-arrow-up-3,
.clip-arrow-right-3,
.clip-arrow-down-3,
.clip-arrow-left-3,
.clip-checkbox-unchecked,
.clip-checkbox,
.clip-checkbox-checked,
.clip-checkbox-unchecked-2,
.clip-square,
.clip-checkbox-partial,
.clip-checkbox-partial-2,
.clip-checkbox-checked-2,
.clip-checkbox-unchecked-3,
.clip-radio-checked,
.clip-radio-unchecked,
.clip-circle,
.clip-circle-2,
.clip-new-tab,
.clip-popout,
.clip-embed,
.clip-code,
.clip-seven-segment-0,
.clip-seven-segment-1,
.clip-seven-segment-2,
.clip-seven-segment-3,
.clip-seven-segment-4,
.clip-seven-segment-5,
.clip-seven-segment-6,
.clip-seven-segment-7,
.clip-seven-segment-8,
.clip-seven-segment-9,
.clip-share,
.clip-google,
.clip-google-plus,
.clip-facebook,
.clip-twitter,
.clip-feed,
.clip-youtube,
.clip-youtube-2,
.clip-vimeo,
.clip-flickr,
.clip-picassa,
.clip-dribbble,
.clip-forrst,
.clip-deviantart,
.clip-steam,
.clip-github,
.clip-github-2,
.clip-wordpress,
.clip-blogger,
.clip-tumblr,
.clip-yahoo,
.clip-tux,
.clip-apple,
.clip-finder,
.clip-android,
.clip-windows,
.clip-windows8,
.clip-soundcloud,
.clip-skype,
.clip-reddit,
.clip-linkedin,
.clip-lastfm,
.clip-stumbleupon,
.clip-stackoverflow,
.clip-pinterest,
.clip-xing,
.clip-foursquare,
.clip-paypal,
.clip-paypal-2,
.clip-libreoffice,
.clip-file-pdf,
.clip-file-openoffice,
.clip-file-word,
.clip-file-excel,
.clip-file-zip,
.clip-file-powerpoint,
.clip-file-xml,
.clip-file-css,
.clip-html5,
.clip-css3,
.clip-chrome,
.clip-firefox,
.clip-IE,
.clip-opera,
.clip-safari,
.clip-IcoMoon,
.clip-fullscreen-exit-alt,
.clip-fullscreen,
.clip-fullscreen-alt,
.clip-fullscreen-exit,
.clip-transfer,
.clip-left-quote,
.clip-right-quote,
.clip-heart-2,
.clip-study,
.clip-wand,
.clip-zoom-in-2,
.clip-zoom-out-2,
.clip-search-3,
.clip-user-6,
.clip-users-3,
.clip-archive,
.clip-keyboard-2,
.clip-paperclip,
.clip-home-3,
.clip-chevron-up,
.clip-chevron-right,
.clip-chevron-left,
.clip-chevron-down,
.clip-error,
.clip-add,
.clip-minus,
.clip-alert,
.clip-pictures-2,
.clip-atom-3,
.clip-eyedropper-2,
.clip-warning,
.clip-expand,
.clip-clock-2,
.clip-target,
.clip-loop,
.clip-refresh,
.clip-spin-alt,
.clip-exit,
.clip-enter,
.clip-locked,
.clip-unlocked,
.clip-arrow-5,
.clip-music-3,
.clip-droplet-3,
.clip-credit,
.clip-phone-3,
.clip-phone-4,
.clip-map-2,
.clip-clock-3,
.clip-calendar-2,
.clip-calendar-3,
.clip-pie,
.clip-airplane,
.clip-tree-2,
.clip-sun,
.clip-bubble-paperclip {
font-family: 'clip-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.clip-settings:before {
content: "\e000";
}
.clip-camera:before {
content: "\e001";
}
.clip-tag:before {
content: "\e002";
}
.clip-bulb:before {
content: "\e003";
}
.clip-paperplane:before {
content: "\e004";
}
.clip-bubble:before {
content: "\e005";
}
.clip-banknote:before {
content: "\e006";
}
.clip-music:before {
content: "\e007";
}
.clip-data:before {
content: "\e008";
}
.clip-t-shirt:before {
content: "\e009";
}
.clip-clip:before {
content: "\e00a";
}
.clip-calendar:before {
content: "\e00b";
}
.clip-vynil:before {
content: "\e00c";
}
.clip-truck:before {
content: "\e00d";
}
.clip-note:before {
content: "\e00e";
}
.clip-world:before {
content: "\e00f";
}
.clip-key:before {
content: "\e010";
}
.clip-pencil:before {
content: "\e011";
}
.clip-pencil-2:before {
content: "\e012";
}
.clip-images:before {
content: "\e013";
}
.clip-images-2:before {
content: "\e014";
}
.clip-list:before {
content: "\e015";
}
.clip-earth:before {
content: "\e016";
}
.clip-pictures:before {
content: "\e017";
}
.clip-cog:before {
content: "\e018";
}
.clip-home:before {
content: "\e019";
}
.clip-home-2:before {
content: "\e01a";
}
.clip-pencil-3:before {
content: "\e01b";
}
.clip-images-3:before {
content: "\e01c";
}
.clip-eyedropper:before {
content: "\e01d";
}
.clip-droplet:before {
content: "\e01e";
}
.clip-droplet-2:before {
content: "\e01f";
}
.clip-image:before {
content: "\e020";
}
.clip-music-2:before {
content: "\e021";
}
.clip-camera-2:before {
content: "\e022";
}
.clip-camera-3:before {
content: "\e023";
}
.clip-headphones:before {
content: "\e024";
}
.clip-headphones-2:before {
content: "\e025";
}
.clip-gamepad:before {
content: "\e026";
}
.clip-podcast:before {
content: "\e027";
}
.clip-connection:before {
content: "\e028";
}
.clip-connection-2:before {
content: "\e029";
}
.clip-new:before {
content: "\e02a";
}
.clip-book:before {
content: "\e02b";
}
.clip-file:before {
content: "\e02c";
}
.clip-file-2:before {
content: "\e02d";
}
.clip-file-plus:before {
content: "\e02e";
}
.clip-file-minus:before {
content: "\e02f";
}
.clip-file-check:before {
content: "\e030";
}
.clip-file-remove:before {
content: "\e031";
}
.clip-file-3:before {
content: "\e032";
}
.clip-copy:before {
content: "\e033";
}
.clip-copy-2:before {
content: "\e034";
}
.clip-copy-3:before {
content: "\e035";
}
.clip-copy-4:before {
content: "\e036";
}
.clip-paste:before {
content: "\e037";
}
.clip-stack:before {
content: "\e038";
}
.clip-stack-2:before {
content: "\e039";
}
.clip-folder:before {
content: "\e03a";
}
.clip-folder-upload:before {
content: "\e03b";
}
.clip-folder-download:before {
content: "\e03c";
}
.clip-folder-remove:before {
content: "\e03d";
}
.clip-folder-plus:before {
content: "\e03e";
}
.clip-folder-2:before {
content: "\e03f";
}
.clip-folder-open:before {
content: "\e040";
}
.clip-cc:before {
content: "\e041";
}
.clip-tag-2:before {
content: "\e042";
}
.clip-barcode:before {
content: "\e043";
}
.clip-cart:before {
content: "\e044";
}
.clip-phone-hang-up:before {
content: "\e045";
}
.clip-phone:before {
content: "\e046";
}
.clip-phone-2:before {
content: "\e047";
}
.clip-location:before {
content: "\e048";
}
.clip-compass:before {
content: "\e049";
}
.clip-map:before {
content: "\e04a";
}
.clip-alarm:before {
content: "\e04b";
}
.clip-clock:before {
content: "\e04c";
}
.clip-history:before {
content: "\e04d";
}
.clip-stopwatch:before {
content: "\e04e";
}
.clip-keyboard:before {
content: "\e04f";
}
.clip-screen:before {
content: "\e050";
}
.clip-laptop:before {
content: "\e051";
}
.clip-mobile:before {
content: "\e052";
}
.clip-mobile-2:before {
content: "\e053";
}
.clip-tablet:before {
content: "\e054";
}
.clip-mobile-3:before {
content: "\e055";
}
.clip-rotate:before {
content: "\e056";
}
.clip-rotate-2:before {
content: "\e057";
}
.clip-redo:before {
content: "\e058";
}
.clip-undo:before {
content: "\e059";
}
.clip-database:before {
content: "\e05a";
}
.clip-bubble-2:before {
content: "\e05b";
}
.clip-bubbles:before {
content: "\e05c";
}
.clip-bubble-3:before {
content: "\e05d";
}
.clip-bubble-4:before {
content: "\e05e";
}
.clip-bubble-dots:before {
content: "\e05f";
}
.clip-bubble-dots-2:before {
content: "\e060";
}
.clip-bubbles-2:before {
content: "\e061";
}
.clip-bubbles-3:before {
content: "\e062";
}
.clip-user:before {
content: "\e063";
}
.clip-users:before {
content: "\e064";
}
.clip-user-plus:before {
content: "\e065";
}
.clip-user-minus:before {
content: "\e066";
}
.clip-user-cancel:before {
content: "\e067";
}
.clip-user-block:before {
content: "\e068";
}
.clip-user-2:before {
content: "\e069";
}
.clip-user-3:before {
content: "\e06a";
}
.clip-users-2:before {
content: "\e06b";
}
.clip-user-4:before {
content: "\e06c";
}
.clip-user-5:before {
content: "\e06d";
}
.clip-hanger:before {
content: "\e06e";
}
.clip-quotes-left:before {
content: "\e06f";
}
.clip-quotes-right:before {
content: "\e070";
}
.clip-busy:before {
content: "\e071";
}
.clip-spinner:before {
content: "\e072";
}
.clip-spinner-2:before {
content: "\e073";
}
.clip-spinner-3:before {
content: "\e074";
}
.clip-spinner-4:before {
content: "\e075";
}
.clip-spinner-5:before {
content: "\e076";
}
.clip-spinner-6:before {
content: "\e077";
}
.clip-microscope:before {
content: "\e078";
}
.clip-search:before {
content: "\e079";
}
.clip-zoom-in:before {
content: "\e07a";
}
.clip-zoom-out:before {
content: "\e07b";
}
.clip-search-2:before {
content: "\e07c";
}
.clip-key-2:before {
content: "\e07d";
}
.clip-key-3:before {
content: "\e07e";
}
.clip-keyhole:before {
content: "\e07f";
}
.clip-wrench:before {
content: "\e080";
}
.clip-wrench-2:before {
content: "\e081";
}
.clip-cog-2:before {
content: "\e082";
}
.clip-cogs:before {
content: "\e083";
}
.clip-health:before {
content: "\e084";
}
.clip-stats:before {
content: "\e085";
}
.clip-inject:before {
content: "\e086";
}
.clip-bars:before {
content: "\e087";
}
.clip-rating:before {
content: "\e088";
}
.clip-rating-2:before {
content: "\e089";
}
.clip-rating-3:before {
content: "\e08a";
}
.clip-leaf:before {
content: "\e08b";
}
.clip-balance:before {
content: "\e08c";
}
.clip-atom:before {
content: "\e08d";
}
.clip-atom-2:before {
content: "\e08e";
}
.clip-lamp:before {
content: "\e08f";
}
.clip-remove:before {
content: "\e090";
}
.clip-puzzle:before {
content: "\e091";
}
.clip-puzzle-2:before {
content: "\e092";
}
.clip-cube:before {
content: "\e093";
}
.clip-cube-2:before {
content: "\e094";
}
.clip-pyramid:before {
content: "\e095";
}
.clip-puzzle-3:before {
content: "\e096";
}
.clip-puzzle-4:before {
content: "\e097";
}
.clip-clipboard:before {
content: "\e098";
}
.clip-switch:before {
content: "\e099";
}
.clip-list-2:before {
content: "\e09a";
}
.clip-list-3:before {
content: "\e09b";
}
.clip-list-4:before {
content: "\e09c";
}
.clip-list-5:before {
content: "\e09d";
}
.clip-list-6:before {
content: "\e09e";
}
.clip-grid:before {
content: "\e09f";
}
.clip-grid-2:before {
content: "\e0a0";
}
.clip-grid-3:before {
content: "\e0a1";
}
.clip-grid-4:before {
content: "\e0a2";
}
.clip-grid-5:before {
content: "\e0a3";
}
.clip-grid-6:before {
content: "\e0a4";
}
.clip-menu:before {
content: "\e0a5";
}
.clip-menu-2:before {
content: "\e0a6";
}
.clip-circle-small:before {
content: "\e0a7";
}
.clip-tree:before {
content: "\e0a8";
}
.clip-menu-3:before {
content: "\e0a9";
}
.clip-menu-4:before {
content: "\e0aa";
}
.clip-cloud:before {
content: "\e0ab";
}
.clip-download:before {
content: "\e0ac";
}
.clip-upload:before {
content: "\e0ad";
}
.clip-download-2:before {
content: "\e0ae";
}
.clip-upload-2:before {
content: "\e0af";
}
.clip-globe:before {
content: "\e0b0";
}
.clip-upload-3:before {
content: "\e0b1";
}
.clip-download-3:before {
content: "\e0b2";
}
.clip-earth-2:before {
content: "\e0b3";
}
.clip-network:before {
content: "\e0b4";
}
.clip-link:before {
content: "\e0b5";
}
.clip-link-2:before {
content: "\e0b6";
}
.clip-link-3:before {
content: "\e0b7";
}
.clip-link-4:before {
content: "\e0b8";
}
.clip-attachment:before {
content: "\e0b9";
}
.clip-attachment-2:before {
content: "\e0ba";
}
.clip-eye:before {
content: "\e0bb";
}
.clip-eye-2:before {
content: "\e0bc";
}
.clip-windy:before {
content: "\e0bd";
}
.clip-bookmark:before {
content: "\e0be";
}
.clip-bookmark-2:before {
content: "\e0bf";
}
.clip-brightness-high:before {
content: "\e0c0";
}
.clip-brightness-medium:before {
content: "\e0c1";
}
.clip-star:before {
content: "\e0c2";
}
.clip-star-2:before {
content: "\e0c3";
}
.clip-star-3:before {
content: "\e0c4";
}
.clip-star-4:before {
content: "\e0c5";
}
.clip-star-5:before {
content: "\e0c6";
}
.clip-star-6:before {
content: "\e0c7";
}
.clip-heart:before {
content: "\e0c8";
}
.clip-thumbs-up:before {
content: "\e0c9";
}
.clip-thumbs-up-2:before {
content: "\e0ca";
}
.clip-cursor:before {
content: "\e0cb";
}
.clip-stack-empty:before {
content: "\e0cc";
}
.clip-question:before {
content: "\e0cd";
}
.clip-notification:before {
content: "\e0ce";
}
.clip-notification-2:before {
content: "\e0cf";
}
.clip-question-2:before {
content: "\e0d0";
}
.clip-plus-circle:before {
content: "\e0d1";
}
.clip-plus-circle-2:before {
content: "\e0d2";
}
.clip-minus-circle:before {
content: "\e0d3";
}
.clip-minus-circle-2:before {
content: "\e0d4";
}
.clip-info:before {
content: "\e0d5";
}
.clip-info-2:before {
content: "\e0d6";
}
.clip-cancel-circle:before {
content: "\e0d7";
}
.clip-cancel-circle-2:before {
content: "\e0d8";
}
.clip-checkmark-circle:before {
content: "\e0d9";
}
.clip-checkmark-circle-2:before {
content: "\e0da";
}
.clip-close:before {
content: "\e0db";
}
.clip-close-2:before {
content: "\e0dc";
}
.clip-close-3:before {
content: "\e0dd";
}
.clip-checkmark:before {
content: "\e0de";
}
.clip-checkmark-2:before {
content: "\e0df";
}
.clip-close-4:before {
content: "\e0e0";
}
.clip-wave:before {
content: "\e0e1";
}
.clip-wave-2:before {
content: "\e0e2";
}
.clip-arrow-up-left:before {
content: "\e0e3";
}
.clip-arrow-up:before {
content: "\e0e4";
}
.clip-arrow-up-right:before {
content: "\e0e5";
}
.clip-arrow-right:before {
content: "\e0e6";
}
.clip-arrow-down-right:before {
content: "\e0e7";
}
.clip-arrow-down:before {
content: "\e0e8";
}
.clip-arrow-down-left:before {
content: "\e0e9";
}
.clip-arrow-left:before {
content: "\e0ea";
}
.clip-arrow-up-left-2:before {
content: "\e0eb";
}
.clip-arrow-up-2:before {
content: "\e0ec";
}
.clip-arrow-up-right-2:before {
content: "\e0ed";
}
.clip-arrow-right-2:before {
content: "\e0ee";
}
.clip-arrow-down-right-2:before {
content: "\e0ef";
}
.clip-arrow-down-2:before {
content: "\e0f0";
}
.clip-arrow-down-left-2:before {
content: "\e0f1";
}
.clip-arrow-left-2:before {
content: "\e0f2";
}
.clip-arrow:before {
content: "\e0f3";
}
.clip-arrow-2:before {
content: "\e0f4";
}
.clip-arrow-3:before {
content: "\e0f5";
}
.clip-arrow-4:before {
content: "\e0f6";
}
.clip-arrow-up-3:before {
content: "\e0f7";
}
.clip-arrow-right-3:before {
content: "\e0f8";
}
.clip-arrow-down-3:before {
content: "\e0f9";
}
.clip-arrow-left-3:before {
content: "\e0fa";
}
.clip-checkbox-unchecked:before {
content: "\e0fb";
}
.clip-checkbox:before {
content: "\e0fc";
}
.clip-checkbox-checked:before {
content: "\e0fd";
}
.clip-checkbox-unchecked-2:before {
content: "\e0fe";
}
.clip-square:before {
content: "\e0ff";
}
.clip-checkbox-partial:before {
content: "\e100";
}
.clip-checkbox-partial-2:before {
content: "\e101";
}
.clip-checkbox-checked-2:before {
content: "\e102";
}
.clip-checkbox-unchecked-3:before {
content: "\e103";
}
.clip-radio-checked:before {
content: "\e104";
}
.clip-radio-unchecked:before {
content: "\e105";
}
.clip-circle:before {
content: "\e106";
}
.clip-circle-2:before {
content: "\e107";
}
.clip-new-tab:before {
content: "\e108";
}
.clip-popout:before {
content: "\e109";
}
.clip-embed:before {
content: "\e10a";
}
.clip-code:before {
content: "\e10b";
}
.clip-seven-segment-0:before {
content: "\e10c";
}
.clip-seven-segment-1:before {
content: "\e10d";
}
.clip-seven-segment-2:before {
content: "\e10e";
}
.clip-seven-segment-3:before {
content: "\e10f";
}
.clip-seven-segment-4:before {
content: "\e110";
}
.clip-seven-segment-5:before {
content: "\e111";
}
.clip-seven-segment-6:before {
content: "\e112";
}
.clip-seven-segment-7:before {
content: "\e113";
}
.clip-seven-segment-8:before {
content: "\e114";
}
.clip-seven-segment-9:before {
content: "\e115";
}
.clip-share:before {
content: "\e116";
}
.clip-google:before {
content: "\e117";
}
.clip-google-plus:before {
content: "\e118";
}
.clip-facebook:before {
content: "\e119";
}
.clip-twitter:before {
content: "\e11a";
}
.clip-feed:before {
content: "\e11b";
}
.clip-youtube:before {
content: "\e11c";
}
.clip-youtube-2:before {
content: "\e11d";
}
.clip-vimeo:before {
content: "\e11e";
}
.clip-flickr:before {
content: "\e11f";
}
.clip-picassa:before {
content: "\e120";
}
.clip-dribbble:before {
content: "\e121";
}
.clip-forrst:before {
content: "\e122";
}
.clip-deviantart:before {
content: "\e123";
}
.clip-steam:before {
content: "\e124";
}
.clip-github:before {
content: "\e125";
}
.clip-github-2:before {
content: "\e126";
}
.clip-wordpress:before {
content: "\e127";
}
.clip-blogger:before {
content: "\e128";
}
.clip-tumblr:before {
content: "\e129";
}
.clip-yahoo:before {
content: "\e12a";
}
.clip-tux:before {
content: "\e12b";
}
.clip-apple:before {
content: "\e12c";
}
.clip-finder:before {
content: "\e12d";
}
.clip-android:before {
content: "\e12e";
}
.clip-windows:before {
content: "\e12f";
}
.clip-windows8:before {
content: "\e130";
}
.clip-soundcloud:before {
content: "\e131";
}
.clip-skype:before {
content: "\e132";
}
.clip-reddit:before {
content: "\e133";
}
.clip-linkedin:before {
content: "\e134";
}
.clip-lastfm:before {
content: "\e135";
}
.clip-stumbleupon:before {
content: "\e136";
}
.clip-stackoverflow:before {
content: "\e137";
}
.clip-pinterest:before {
content: "\e138";
}
.clip-xing:before {
content: "\e139";
}
.clip-foursquare:before {
content: "\e13a";
}
.clip-paypal:before {
content: "\e13b";
}
.clip-paypal-2:before {
content: "\e13c";
}
.clip-libreoffice:before {
content: "\e13d";
}
.clip-file-pdf:before {
content: "\e13e";
}
.clip-file-openoffice:before {
content: "\e13f";
}
.clip-file-word:before {
content: "\e140";
}
.clip-file-excel:before {
content: "\e141";
}
.clip-file-zip:before {
content: "\e142";
}
.clip-file-powerpoint:before {
content: "\e143";
}
.clip-file-xml:before {
content: "\e144";
}
.clip-file-css:before {
content: "\e145";
}
.clip-html5:before {
content: "\e146";
}
.clip-css3:before {
content: "\e147";
}
.clip-chrome:before {
content: "\e148";
}
.clip-firefox:before {
content: "\e149";
}
.clip-IE:before {
content: "\e14a";
}
.clip-opera:before {
content: "\e14b";
}
.clip-safari:before {
content: "\e14c";
}
.clip-IcoMoon:before {
content: "\e14d";
}
.clip-fullscreen-exit-alt:before {
content: "\e14e";
}
.clip-fullscreen:before {
content: "\e14f";
}
.clip-fullscreen-alt:before {
content: "\e150";
}
.clip-fullscreen-exit:before {
content: "\e151";
}
.clip-transfer:before {
content: "\e152";
}
.clip-left-quote:before {
content: "\e153";
}
.clip-right-quote:before {
content: "\e154";
}
.clip-heart-2:before {
content: "\e155";
}
.clip-study:before {
content: "\e156";
}
.clip-wand:before {
content: "\e157";
}
.clip-zoom-in-2:before {
content: "\e158";
}
.clip-zoom-out-2:before {
content: "\e159";
}
.clip-search-3:before {
content: "\e15a";
}
.clip-user-6:before {
content: "\e15b";
}
.clip-users-3:before {
content: "\e15c";
}
.clip-archive:before {
content: "\e15d";
}
.clip-keyboard-2:before {
content: "\e15e";
}
.clip-paperclip:before {
content: "\e15f";
}
.clip-home-3:before {
content: "\e160";
}
.clip-chevron-up:before {
content: "\e161";
}
.clip-chevron-right:before {
content: "\e162";
}
.clip-chevron-left:before {
content: "\e163";
}
.clip-chevron-down:before {
content: "\e164";
}
.clip-error:before {
content: "\e165";
}
.clip-add:before {
content: "\e166";
}
.clip-minus:before {
content: "\e167";
}
.clip-alert:before {
content: "\e168";
}
.clip-pictures-2:before {
content: "\e169";
}
.clip-atom-3:before {
content: "\e16a";
}
.clip-eyedropper-2:before {
content: "\e16b";
}
.clip-warning:before {
content: "\e16d";
}
.clip-expand:before {
content: "\e16e";
}
.clip-clock-2:before {
content: "\e16f";
}
.clip-target:before {
content: "\e170";
}
.clip-loop:before {
content: "\e171";
}
.clip-refresh:before {
content: "\e173";
}
.clip-spin-alt:before {
content: "\e172";
}
.clip-exit:before {
content: "\e174";
}
.clip-enter:before {
content: "\e175";
}
.clip-locked:before {
content: "\e176";
}
.clip-unlocked:before {
content: "\e177";
}
.clip-arrow-5:before {
content: "\e16c";
}
.clip-music-3:before {
content: "\e178";
}
.clip-droplet-3:before {
content: "\e179";
}
.clip-credit:before {
content: "\e17a";
}
.clip-phone-3:before {
content: "\e17b";
}
.clip-phone-4:before {
content: "\e17c";
}
.clip-map-2:before {
content: "\e17d";
}
.clip-clock-3:before {
content: "\e17e";
}
.clip-calendar-2:before {
content: "\e17f";
}
.clip-calendar-3:before {
content: "\e180";
}
.clip-pie:before {
content: "\e181";
}
.clip-airplane:before {
content: "\e182";
}
.clip-tree-2:before {
content: "\e183";
}
.clip-sun:before {
content: "\e184";
}
.clip-bubble-paperclip:before {
content: "\e185";
}
/* ---------------------------------------------------------------------- */
/* Import fonts
/* ---------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900);
/* ---------------------------------------------------------------------- */
/* Basic Elements & Classes
/* ---------------------------------------------------------------------- */
body {
color: #888888;
direction: ltr;
font-family: 'Open+Sans', sans-serif;
font-size: 13px;
}
a,
a:focus,
a:hover,
a:active {
outline: 0 !important;
text-decoration: none;
font-weight: 300;
color: #f63b08;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Open Sans';
color: #383838;
}
h1,
h2,
h3 {
margin-bottom: 10px;
margin-top: 10px;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
margin-top: 1.5em;
}
p {
margin: 0.85em 0;
}
p img {
margin: 0;
}
/* ---------------------------------------------------------------------- */
/* Generic Classes
/* ---------------------------------------------------------------------- */
.no-padding {
padding: 0 !important;
}
.no-display {
display: none;
}
.example {
margin: 15px 0;
padding: 14px 19px;
}
.widget {
-moz-box-sizing: content-box;
color: #333;
margin-bottom: 30px;
padding: 10px 12px;
position: relative;
}
.space5 {
display: block;
margin-bottom: 5px !important;
clear: both;
}
.space7 {
margin-bottom: 7px !important;
clear: both;
}
.space10 {
margin-bottom: 10px !important;
clear: both;
}
.space12 {
margin-bottom: 12px !important;
clear: both;
}
.space15 {
margin-bottom: 15px !important;
clear: both;
}
.space20 {
margin-bottom: 20px !important;
clear: both;
}
.teal {
color: #569099;
}
a.teal:hover {
color: #4d8189;
}
.orange {
color: #E6674A;
}
a.orange:hover {
color: #E35434;
}
.bricky {
color: #C83A2A;
}
a.bricky:hover {
color: #B33426;
}
.circle-img {
border-radius: 100% 100% 100% 100%;
}
.center {
text-align: center;
}
hr {
background-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
border: 0 none;
height: 1px;
margin: 22px 0;
}
hr.fade-right {
background-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
background-image: linear-gradient(left center , rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
border: 0 none;
height: 1px;
margin: 22px 0;
}
hr.fade-left {
background-image: -o-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -webkit-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -webkit-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
border: 0 none;
height: 1px;
margin: 22px 0;
}
.ie8 hr {
background: #E2E2E2;
}
.go-top {
cursor: pointer;
display: block;
width: 30px;
height: 30px;
font-size: 16px;
margin-bottom: 0;
margin-right: 0;
margin-top: -2px;
text-decoration: none;
line-height: 30px;
text-align: center;
}
.section-content {
margin-left: 5%;
}
.wrapper {
clear: both;
min-height: 100px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.wrapper.padding50 {
padding-top: 50px;
padding-bottom: 50px;
}
.wrapper.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.wrapper-grey {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
background-color: #FCFCFC;
color: #888888;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.wrapper-grey h1,
.wrapper-grey h2,
.wrapper-grey h3 {
color: #444444;
}
.white {
color: #FFFFFF !important;
}
.promobox {
background-color: #F6F6F6;
border-color: #FAEBCC;
margin: 20px 0;
padding: 20px;
border: 1px solid #E7E7E7;
}
#scroll-top {
background-color: #363839;
transition: all 0.3s ease-out 0s;
border: 1px solid #444444;
color: #EEEEEE;
border-radius: 2px;
bottom: 70px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 20px;
text-align: center;
text-decoration: none;
display: none;
width: 50px;
z-index: 10000;
}
#scroll-top:hover {
background-color: #FCFCFC;
border: 1px solid #E1E1E1;
color: #007AFF;
}
.show-grid [class*="col-"] {
background: #E6E7E8;
border: 10px solid #F7F8FA;
line-height: 2em;
margin-bottom: 10px;
text-align: center;
}
/* ---------------------------------------------------------------------- */
/* Animated Elements
/* ---------------------------------------------------------------------- */
.animate-if-visible,
.animate-group .animate {
position: relative;
opacity: 0;
}
.ie8 .animate-if-visible,
.ie8 .animate {
filter: alpha(opacity = 0);
}
/* ---------------------------------------------------------------------- */
/* Top Bar
/* ---------------------------------------------------------------------- */
#topbar {
background: #FFFFFF;
border-bottom: 1px solid #EFEFEF;
font-size: 10px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1031;
}
#topbar .callus {
color: #999999;
line-height: 40px;
font-size: 11px;
font-weight: normal;
padding: 0 10px;
}
#topbar .callus a {
color: #999999;
}
#topbar .social-icons ul {
float: right !important;
}
.colored-top-bar #topbar .callus,
.colored-top-bar #topbar .callus a {
color: #FFFFFF;
}
.colored-top-bar .social-icons ul li a:before {
color: #FFFFFF;
}
/* ---------------------------------------------------------------------- */
/* Social Icons
/* ---------------------------------------------------------------------- */
.social-icons ul {
float: left;
list-style: none;
margin: 0 0 -1px 0;
padding: 0;
height: 40px;
overflow: hidden;
}
.social-icons ul li {
display: block;
float: left;
margin: 0;
padding: 0;
height: 40px;
overflow: hidden;
}
.social-icons ul li a {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 80px;
opacity: 0.6;
text-indent: -9999px;
transition: all 0.2s ease 0s;
width: 40px;
top: 0;
font-size: 16px;
position: relative;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-icons ul li a:hover {
top: -40px;
}
.social-icons ul li a:before {
position: absolute;
width: 40px;
height: 40px;
font-family: FontAwesome;
text-indent: 0;
line-height: 40px;
top: 0;
left: 0;
text-align: center;
color: #999999;
}
.social-icons ul li a:after {
position: absolute;
width: 40px;
height: 40px;
font-family: FontAwesome;
text-indent: 0;
line-height: 40px;
top: 40px;
left: 0;
text-align: center;
color: #FFFFFF;
}
.social-icons ul li.social-twitter a:before {
content: "\f099";
}
.social-icons ul li.social-twitter a:after {
content: "\f099";
background: #48C4D2;
}
.social-icons ul li.social-dribbble a:before {
content: "\f17d";
}
.social-icons ul li.social-dribbble a:after {
content: "\f17d";
background: #EF5B92;
}
.social-icons ul li.social-facebook a:before {
content: "\f09a";
}
.social-icons ul li.social-facebook a:after {
content: "\f09a";
background: #3B5998;
}
.social-icons ul li.social-google a:before {
content: "\f0d5";
}
.social-icons ul li.social-google a:after {
content: "\f0d5";
background: #DD4B39;
}
.social-icons ul li.social-linkedin a:before {
content: "\f0e1";
}
.social-icons ul li.social-linkedin a:after {
content: "\f0e1";
background: #71B2D0;
}
.social-icons ul li.social-youtube a:before {
content: "\f167";
}
.social-icons ul li.social-youtube a:after {
content: "\f167";
background: #F45750;
}
.social-icons ul li.social-rss a:before {
content: "\f09e";
}
.social-icons ul li.social-rss a:after {
content: "\f09e";
background: #FE9900;
}
ul.social-icons {
margin: 0;
padding: 0;
width: auto;
}
ul.social-icons li {
background-color: #FFFFFF;
background-image: url("../img/social-sprites.png");
background-position: 0 100px;
background-repeat: no-repeat;
border-radius: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
display: inline-block;
margin: -1px 1px 5px 0;
overflow: visible;
padding: 0;
transition: all 0.3s ease 0s;
}
ul.social-icons li a {
display: block;
height: 30px;
text-align: center;
width: 30px;
}
ul.social-icons li[class] a {
text-indent: -9999px;
}
ul.social-icons li a:hover {
text-decoration: none;
}
ul.social-icons li a i[class^="icon-"] {
color: #444444;
position: relative;
top: 3px;
}
ul.social-icons li a:active {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.3) inset;
}
ul.social-icons li:active,
ul.social-icons li a:active {
border-radius: 100%;
}
ul.social-icons li.digg {
background-position: 0 0;
}
ul.social-icons li.digg:hover {
background-position: 0 -30px;
}
ul.social-icons li.dribbble {
background-position: 0 -60px;
}
ul.social-icons li.dribbble:hover {
background-position: 0 -90px;
}
ul.social-icons li.facebook {
background-position: 0 -120px;
}
ul.social-icons li.facebook:hover {
background-position: 0 -150px;
}
ul.social-icons li.flickr {
background-position: 0 -180px;
}
ul.social-icons li.flickr:hover {
background-position: 0 -210px;
}
ul.social-icons li.forrst {
background-position: 0 -240px;
}
ul.social-icons li.forrst:hover {
background-position: 0 -270px;
}
ul.social-icons li.googleplus {
background-position: 0 -300px;
}
ul.social-icons li.googleplus:hover {
background-position: 0 -330px;
}
ul.social-icons li.html5 {
background-position: 0 -360px;
}
ul.social-icons li.html5:hover {
background-position: 0 -390px;
}
ul.social-icons li.icloud {
background-position: 0 -420px;
}
ul.social-icons li.icloud:hover {
background-position: 0 -450px;
}
ul.social-icons li.lastfm {
background-position: 0 -480px;
}
ul.social-icons li.lastfm:hover {
background-position: 0 -510px;
}
ul.social-icons li.linkedin {
background-position: 0 -540px;
}
ul.social-icons li.linkedin:hover {
background-position: 0 -570px;
}
ul.social-icons li.myspace {
background-position: 0 -600px;
}
ul.social-icons li.myspace:hover {
background-position: 0 -630px;
}
ul.social-icons li.paypal {
background-position: 0 -660px;
}
ul.social-icons li.paypal:hover {
background-position: 0 -690px;
}
ul.social-icons li.picasa {
background-position: 0 -720px;
}
ul.social-icons li.picasa:hover {
background-position: 0 -750px;
}
ul.social-icons li.pinterest {
background-position: 0 -780px;
}
ul.social-icons li.pinterest:hover {
background-position: 0 -810px;
}
ul.social-icons li.reddit {
background-position: 0 -840px;
}
ul.social-icons li.reddit:hover {
background-position: 0 -870px;
}
ul.social-icons li.rss {
background-position: 0 -900px;
}
ul.social-icons li.rss:hover {
background-position: 0 -930px;
}
ul.social-icons li.skype {
background-position: 0 -960px;
}
ul.social-icons li.skype:hover {
background-position: 0 -990px;
}
ul.social-icons li.stumbleupon {
background-position: 0 -1020px;
}
ul.social-icons li.stumbleupon:hover {
background-position: 0 -1050px;
}
ul.social-icons li.tumblr {
background-position: 0 -1080px;
}
ul.social-icons li.tumblr:hover {
background-position: 0 -1110px;
}
ul.social-icons li.twitter {
background-position: 0 -1140px;
}
ul.social-icons li.twitter:hover {
background-position: 0 -1170px;
}
ul.social-icons li.vimeo {
background-position: 0 -1200px;
}
ul.social-icons li.vimeo:hover {
background-position: 0 -1230px;
}
ul.social-icons li.wordpress {
background-position: 0 -1260px;
}
ul.social-icons li.wordpress:hover {
background-position: 0 -1290px;
}
ul.social-icons li.yahoo {
background-position: 0 -1320px;
}
ul.social-icons li.yahoo:hover {
background-position: 0 -1350px;
}
ul.social-icons li.youtube {
background-position: 0 -1380px;
}
ul.social-icons li.youtube:hover {
background-position: 0 -1410px;
}
ul.social-icons li.github {
background-position: 0 -1440px;
}
ul.social-icons li.github:hover {
background-position: 0 -1470px;
}
ul.social-icons li.behance {
background-position: 0 -1500px;
}
ul.social-icons li.behance:hover {
background-position: 0 -1530px;
}
ul.social-icons li.yelp {
background-position: 0 -1560px;
}
ul.social-icons li.yelp:hover {
background-position: 0 -1590px;
}
ul.social-icons li.mail {
background-position: 0 -1620px;
}
ul.social-icons li.mail:hover {
background-position: 0 -1650px;
}
ul.social-icons li.instagram {
background-position: 0 -1680px;
}
ul.social-icons li.instagram:hover {
background-position: 0 -1710px;
}
ul.social-icons li.foursquare {
background-position: 0 -1740px;
}
ul.social-icons li.foursquare:hover {
background-position: 0 -1770px;
}
ul.social-icons li.zerply {
background-position: 0 -1800px;
}
ul.social-icons li.zerply:hover {
background-position: 0 -1830px;
}
ul.social-icons li.vk {
background-position: 0 -1860px;
}
ul.social-icons li.vk:hover {
background-position: 0 -1890px;
}
/* ---------------------------------------------------------------------- */
/* Navbar Elements
/* ---------------------------------------------------------------------- */
.navbar-default {
background: rgba(255, 255, 255, 0.9);
border-color: #E7E7E7;
}
.ie8 .navbar-default {
background: #FFFFFF;
top: 0;
}
.ie8 .navbar-default.space-top {
top: 40px;
}
body.isMobile .navbar-default {
position: absolute !important;
}
.navbar > .container .navbar-brand {
padding: 0 10px 0;
margin-left: 0;
font-family: 'Raleway', sans-serif;
font-size: 30px;
line-height: inherit;
color: #666666;
}
.navbar > .container .navbar-brand i {
font-size: 25px;
}
.navbar-nav > li > a {
padding-bottom: 0 !important;
padding-top: 0 !important;
height: 90px;
line-height: 90px;
display: block;
margin-right: 5px;
}
.navbar-default .navbar-nav > li > a {
color: #808080;
}
.dropdown-menu {
font-size: inherit;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.dropdown.open > a {
border-bottom-width: 2px;
border-bottom-style: solid;
background: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
background: none;
color: #333333;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.navbar-default .navbar-nav > .active > a:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
position: absolute;
text-align: center;
bottom: 2px;
width: 100%;
left: 0;
line-height: 0;
}
.navbar-default > .container {
position: relative;
}
.single-menu .navbar-default .navbar-nav > li > a {
padding-top: 2px !important;
}
.single-menu .navbar-default .navbar-nav > .active > a,
.single-menu .navbar-default .navbar-nav > .active > a:hover,
.single-menu .navbar-default .navbar-nav > .active > a:focus {
border-top: 2px solid #007AFF;
border-bottom: none;
padding-top: 0 !important;
}
.single-menu .navbar-default .navbar-nav > li > a:hover,
.single-menu .navbar-default .navbar-nav > li > a:focus,
.single-menu .navbar-default .navbar-nav > li.dropdown.open > a {
border-bottom: none;
background: #007AFF;
color: #ffffff;
}
.single-menu .navbar-default .navbar-nav > .active > a:before {
content: "\f0d7";
top: 1px;
bottom: auto;
}
.single-menu .navbar-default .navbar-nav > li.menu-search > a:hover,
.single-menu .navbar-default .navbar-nav > li.menu-search > a:focus,
.single-menu .navbar-default .navbar-nav > li.menu-search.dropdown.open > a {
border-bottom: none;
background: none;
color: #808080;
}
.mega-menu .mega-menu-content {
padding: 20px 30px;
line-height: normal !important;
}
.mega-menu .mega-menu-content ul.sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
.mega-menu .mega-menu-content ul.sub-menu .mega-menu-sub-title {
color: #333333;
display: block;
font-size: 1em;
font-weight: 600;
padding-bottom: 5px;
text-transform: uppercase;
}
.mega-menu .mega-menu-content ul.sub-menu a {
display: block;
font-weight: normal;
padding: 8px;
line-height: 23px;
font-size: 12px;
height: auto;
min-height: 23px;
text-align: left;
text-decoration: none;
color: #808080;
}
.mega-menu .mega-menu-content ul.sub-menu a:hover,
.mega-menu .mega-menu-content ul.sub-menu a:focus {
background-color: #F5F5F5;
color: #262626;
text-decoration: none;
}
.navbar-nav > li > .dropdown-menu {
border-top-width: 2px;
border-top-style: solid;
margin-top: -2px;
left: 0;
right: auto;
}
.menu-search > a:hover,
.menu-search > a:focus {
border-bottom: none !important;
}
/* ---------------------------------------------------------------------- */
/* Search Box
/* ---------------------------------------------------------------------- */
.search-box {
border-radius: 0;
width: 300px;
line-height: normal;
right: 0;
top: auto;
left: auto;
bottom: -55px;
}
.search-box .arrow {
left: auto !important;
margin-left: 0 !important;
right: 10px;
top: -11px;
}
.search-box input {
background-color: #F8F8F8;
border-color: #E1E1E1;
color: #808080;
border-radius: 0;
box-shadow: none;
}
/* ---------------------------------------------------------------------- */
/* Icons
/* ---------------------------------------------------------------------- */
.icons > section {
margin-top: 20px;
}
.the-icons li {
line-height: 40px;
}
.the-icons li i {
transition: font-size 0.2s ease 0s;
}
.the-icons li:hover i {
font-size: 26px;
}
/* ---------------------------------------------------------------------- */
/* Buttons
/* ---------------------------------------------------------------------- */
.btn {
font-family: 'Open Sans';
}
.btn-teal {
background-color: #569099;
border-color: #4d8189;
color: #ffffff;
}
.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
background-color: #4d8189;
border-color: #447178;
color: #ffffff;
}
.btn-teal.disabled:hover,
.btn-teal.disabled:focus,
.btn-teal.disabled:active,
.btn-teal.disabled.active,
.btn-teal[disabled]:hover,
.btn-teal[disabled]:focus,
.btn-teal[disabled]:active,
.btn-teal[disabled].active,
fieldset[disabled] .btn-teal:hover,
fieldset[disabled] .btn-teal:focus,
fieldset[disabled] .btn-teal:active,
fieldset[disabled] .btn-teal.active {
background-color: #569099;
border-color: #569099;
color: #ffffff;
}
.btn-beige {
background-color: #cc9;
border-color: #c4c488;
color: #ffffff;
}
.btn-beige:hover,
.btn-beige:focus,
.btn-beige:active,
.btn-beige.active {
background-color: #c4c488;
border-color: #bbbb77;
color: #ffffff;
}
.btn-beige.disabled:hover,
.btn-beige.disabled:focus,
.btn-beige.disabled:active,
.btn-beige.disabled.active,
.btn-beige[disabled]:hover,
.btn-beige[disabled]:focus,
.btn-beige[disabled]:active,
.btn-beige[disabled].active,
fieldset[disabled] .btn-beige:hover,
fieldset[disabled] .btn-beige:focus,
fieldset[disabled] .btn-beige:active,
fieldset[disabled] .btn-beige.active {
background-color: #cc9;
border-color: #cc9;
color: #ffffff;
}
.btn-dark-beige {
background-color: #afaa6d;
border-color: #a6a05d;
color: #ffffff;
}
.btn-dark-beige:hover,
.btn-dark-beige:focus,
.btn-dark-beige:active,
.btn-dark-beige.active {
background-color: #a6a05d;
border-color: #979152;
color: #ffffff;
}
.btn-dark-beige.disabled:hover,
.btn-dark-beige.disabled:focus,
.btn-dark-beige.disabled:active,
.btn-dark-beige.disabled.active,
.btn-dark-beige[disabled]:hover,
.btn-dark-beige[disabled]:focus,
.btn-dark-beige[disabled]:active,
.btn-dark-beige[disabled].active,
fieldset[disabled] .btn-dark-beige:hover,
fieldset[disabled] .btn-dark-beige:focus,
fieldset[disabled] .btn-dark-beige:active,
fieldset[disabled] .btn-dark-beige.active {
background-color: #afaa6d;
border-color: #afaa6d;
color: #ffffff;
}
.btn-orange {
background-color: #eb6a10;
border-color: #e35434;
color: #ffffff !important;
font-weight: 300;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
background-color: #f49d00;
border-color: #f49d00;
color: #ffffff !important;
font-weight: 300;
}
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active {
background-color: #e6674a;
border-color: #e6674a;
color: #ffffff !important;
font-weight: 300;
}
.btn-purple {
background-color: #57517b;
border-color: #413d5c;
color: #ffffff;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
background-color: #4c476c;
border-color: #413d5c;
color: #ffffff;
}
.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled]:hover,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple:hover,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple.active {
background-color: #57517b;
border-color: #333;
color: #ffffff;
}
.btn-dark-grey {
background-color: #333;
border-color: #333;
color: #ffffff;
}
.btn-dark-grey:hover,
.btn-dark-grey:focus,
.btn-dark-grey:active,
.btn-dark-grey.active {
background-color: #262626;
border-color: #1a1a1a;
color: #ffffff;
}
.btn-dark-grey.disabled:hover,
.btn-dark-grey.disabled:focus,
.btn-dark-grey.disabled:active,
.btn-dark-grey.disabled.active,
.btn-dark-grey[disabled]:hover,
.btn-dark-grey[disabled]:focus,
.btn-dark-grey[disabled]:active,
.btn-dark-grey[disabled].active,
fieldset[disabled] .btn-dark-grey:hover,
fieldset[disabled] .btn-dark-grey:focus,
fieldset[disabled] .btn-dark-grey:active,
fieldset[disabled] .btn-dark-grey.active {
background-color: #333;
border-color: #333;
color: #ffffff;
}
.btn-med-grey {
background-color: #666;
border-color: #595959;
color: #ffffff;
}
.btn-med-grey:hover,
.btn-med-grey:focus,
.btn-med-grey:active,
.btn-med-grey.active {
background-color: #595959;
border-color: #4d4d4d;
color: #ffffff;
}
.btn-med-grey.disabled:hover,
.btn-med-grey.disabled:focus,
.btn-med-grey.disabled:active,
.btn-med-grey.disabled.active,
.btn-med-grey[disabled]:hover,
.btn-med-grey[disabled]:focus,
.btn-med-grey[disabled]:active,
.btn-med-grey[disabled].active,
fieldset[disabled] .btn-med-grey:hover,
fieldset[disabled] .btn-med-grey:focus,
fieldset[disabled] .btn-med-grey:active,
fieldset[disabled] .btn-med-grey.active {
background-color: #666;
border-color: #666;
color: #ffffff;
}
.btn-light-grey {
background-color: #999;
border-color: #8c8c8c;
color: #ffffff;
}
.btn-light-grey:hover,
.btn-light-grey:focus,
.btn-light-grey:active,
.btn-light-grey.active {
background-color: #8c8c8c;
border-color: #808080;
color: #ffffff;
}
.btn-light-grey.disabled:hover,
.btn-light-grey.disabled:focus,
.btn-light-grey.disabled:active,
.btn-light-grey.disabled.active,
.btn-light-grey[disabled]:hover,
.btn-light-grey[disabled]:focus,
.btn-light-grey[disabled]:active,
.btn-light-grey[disabled].active,
fieldset[disabled] .btn-light-grey:hover,
fieldset[disabled] .btn-light-grey:focus,
fieldset[disabled] .btn-light-grey:active,
fieldset[disabled] .btn-light-grey.active {
background-color: #999;
border-color: #999;
color: #ffffff;
}
.btn-bricky {
background-color: #C83A2A;
border-color: #b33426;
color: #ffffff;
}
.btn-bricky:hover,
.btn-bricky:focus,
.btn-bricky:active,
.btn-bricky.active {
background-color: #b33426;
border-color: #9e2e21;
color: #ffffff;
}
.btn-bricky.disabled:hover,
.btn-bricky.disabled:focus,
.btn-bricky.disabled:active,
.btn-bricky.disabled.active,
.btn-bricky[disabled]:hover,
.btn-bricky[disabled]:focus,
.btn-bricky[disabled]:active,
.btn-bricky[disabled].active,
fieldset[disabled] .btn-bricky:hover,
fieldset[disabled] .btn-bricky:focus,
fieldset[disabled] .btn-bricky:active,
fieldset[disabled] .btn-bricky.active {
background-color: #C83A2A;
border-color: #C83A2A;
color: #ffffff;
}
.btn-green {
background-color: #3D9400;
border-color: #327b00;
color: #ffffff;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
background-color: #327b00;
border-color: #286100;
color: #ffffff;
}
.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active,
.btn-green.disabled.active,
.btn-green[disabled]:hover,
.btn-green[disabled]:focus,
.btn-green[disabled]:active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green:hover,
fieldset[disabled] .btn-green:focus,
fieldset[disabled] .btn-green:active,
fieldset[disabled] .btn-green.active {
background-color: #3D9400;
border-color: #3D9400;
color: #ffffff;
}
.btn-blue {
background-color: #364F6A;
border-color: #2d4259;
color: #ffffff;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
background-color: #2d4259;
border-color: #253648;
color: #ffffff;
}
.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled:active,
.btn-blue.disabled.active,
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue:hover,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:active,
fieldset[disabled] .btn-blue.active {
background-color: #364F6A;
border-color: #364F6A;
color: #ffffff;
}
.btn-yellow {
background-color: #FFB848;
border-color: #ffae2f;
color: #ffffff;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
background-color: #ffae2f;
border-color: #ffa415;
color: #ffffff;
}
.btn-yellow.disabled:hover,
.btn-yellow.disabled:focus,
.btn-yellow.disabled:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled]:hover,
.btn-yellow[disabled]:focus,
.btn-yellow[disabled]:active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow:hover,
fieldset[disabled] .btn-yellow:focus,
fieldset[disabled] .btn-yellow:active,
fieldset[disabled] .btn-yellow.active {
background-color: #FFB848;
border-color: #FFB848;
color: #ffffff;
}
.btn-red {
background-color: #E02222;
border-color: #cc1d1d;
color: #ffffff;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
background-color: #cc1d1d;
border-color: #b61919;
color: #ffffff;
}
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active {
background-color: #E02222;
border-color: #E02222;
color: #ffffff;
}
.btn-teal .caret,
.btn-beige .caret,
.btn-dark-beige .caret,
.btn-orange .caret,
.btn-purple .caret,
.btn-dark-grey .caret,
.btn-med-grey .caret,
.btn-light-grey .caret,
.btn-bricky .caret,
.btn-green .caret,
.btn-blue .caret,
.btn-yellow .caret,
.btn-red .caret {
border-top-color: #ffffff;
}
.dropup .btn-teal .caret,
.dropup .btn-beige .caret,
.dropup .btn-dark-beige .caret,
.dropup .btn-orange .caret,
.dropup .btn-purple .caret,
.dropup .btn-dark-grey .caret,
.dropup .btn-med-grey .caret,
.dropup .btn-light-grey .caret,
.dropup .btn-bricky .caret,
.dropup .btn-green .caret,
.dropup .btn-blue .caret,
.dropup .btn-yellow .caret,
.dropup .btn-red .caret {
border-bottom: 4px solid #FFFFFF;
}
.btn-squared {
border-radius: 0 !important;
}
.btn {
transition: all 0.3s ease 0s !important;
}
.btn-icon {
background-color: #EFEFEF;
background-image: -moz-linear-gradient(center top , #FAFAFA, #EFEFEF);
border: 1px solid #DDDDDD;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
cursor: pointer;
height: 80px;
display: block;
font-size: 14px;
margin-bottom: 15px;
margin-top: 15px;
padding: 5px 0 0;
position: relative;
text-align: center;
transition: all 0.3s ease 0s;
color: #333333;
}
.btn-icon:hover {
border-color: #A5A5A5;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
color: #444444;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
}
.btn-icon .badge {
border-radius: 12px 12px 12px 12px !important;
border-style: solid;
border-width: 0;
box-shadow: none;
color: #FFFFFF !important;
font-family: 'Open Sans';
font-size: 11px !important;
font-weight: 300;
padding: 3px 7px;
position: absolute;
right: -5px;
text-shadow: none;
top: -5px;
}
.btn-icon [class^="fa-"],
.btn-icon [class*=" fa-"],
.btn-icon [class^="clip-"],
.btn-icon [class*=" clip-"] {
clear: both;
display: block;
}
.buttons-widget .btn,
.buttons-widget .make-switch {
margin-bottom: 5px;
}
.buttons-widget .btn-group-vertical .btn {
margin-bottom: 0;
}
/* ---------------------------------------------------------------------- */
/* Labels and Badges
/* ---------------------------------------------------------------------- */
.badge-success {
background-color: #5CB85C;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
background-color: #449D44;
}
.badge-warning {
background-color: #F0AD4E;
}
.badge-warning[href]:hover,
.badge-warning[href]:focus {
background-color: #EC971F;
}
.badge-info {
background-color: #5BC0DE;
}
.badge-info[href]:hover,
.badge-info[href]:focus {
background-color: #31B0D5;
}
.badge-danger {
background-color: #D9534F;
}
.badge-danger[href]:hover,
.badge-danger[href]:focus {
background-color: #C9302C;
}
.badge-new {
background-color: #007AFF;
border-radius: 12px 12px 12px 12px !important;
font-size: 11px !important;
font-weight: 300;
height: 18px;
padding: 3px 6px;
text-align: center;
text-shadow: none !important;
vertical-align: middle;
}
.label {
font-size: 85% !important;
padding: 0.4em 0.6em !important;
}
.label-inverse,
.badge-inverse {
background-color: #555555;
}
/* ---------------------------------------------------------------------- */
/* Home elements
/* ---------------------------------------------------------------------- */
.circle-icon {
background-color: #333333;
border-radius: 75px 75px 75px 75px;
color: #FFFFFF;
margin-top: 2px;
text-align: center;
height: 55px;
line-height: 56px;
width: 55px;
display: inline-block;
font-size: 24px !important;
}
.circle-icon.circle-green {
background-color: #3D9400;
border-color: #327B00;
color: #FFFFFF;
}
.circle-icon.circle-blue {
background-color: #007AFF;
border-color: #007AFF;
color: #FFFFFF;
}
.circle-icon.circle-teal {
background-color: #569099;
border-color: #4D8189;
color: #FFFFFF;
}
.circle-icon.circle-bricky {
background-color: #C83A2A;
border-color: #b33426;
color: #ffffff;
}
.core-box {
display: inline-block;
padding-bottom: 50px;
padding-top: 50px;
}
.core-box .heading {
margin-bottom: 15px;
}
.core-box .heading .circle-icon {
float: left;
}
.core-box .heading h2 {
line-height: 55px !important;
margin: 0;
padding-left: 65px;
font-weight: normal;
color: #666666;
font-size: 18px;
}
.core-box .content {
color: #747474 !important;
line-height: 20px;
margin-bottom: 15px;
}
.core-box .view-more {
float: right;
}
.core-box .view-more i {
display: inline-block;
}
.core-box .view-more:hover {
text-decoration: none;
}
.grid-container {
margin-top: 50px;
}
.grid-item {
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
position: relative;
margin-bottom: 15px;
}
.grid-content {
background-color: #FFFFFF;
color: #666666;
padding: 15px;
position: relative;
}
.grid-content:before {
content: "\f0d8";
display: inline-block;
font-family: FontAwesome;
position: absolute;
text-align: center;
top: -3px;
width: 100%;
left: 0;
line-height: 0;
color: #ffffff;
}
.grid-image {
position: relative;
}
/* ---------------------------------------------------------------------- */
/* Image Overlay
/* ---------------------------------------------------------------------- */
.image-overlay {
background: #FFFFFF;
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 500;
left: 0;
top: 0;
text-align: center;
}
.ie8 .image-overlay {
filter: alpha(opacity = 0);
}
.image-overlay .circle-icon {
height: 80px;
line-height: 80px;
margin: -40px 0 0 0;
position: relative;
text-align: center;
top: 50%;
width: 80px;
z-index: 500;
}
.image-overlay .circle-icon.circle-small {
height: 50px;
line-height: 50px;
margin: -25px 0 0 0;
width: 50px;
position: relative;
}
.isMobile .image-overlay {
display: none;
}
.isMobile .team-list .image-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
bottom: 0;
font-size: 15px;
height: 60px;
left: 0;
opacity: 1;
position: relative;
right: 0;
text-align: center;
top: auto;
visibility: visible;
z-index: 1;
display: inline-block;
}
.isMobile .team-list .image-overlay:hover {
opacity: 0.7;
}
.isMobile .team-list .image-overlay .circle-icon {
height: 50px;
line-height: 50px;
margin: 4px 0 0 0;
position: relative;
text-align: center;
top: auto;
width: 50px;
z-index: 500;
}
/* ---------------------------------------------------------------------- */
/* Icon List
/* ---------------------------------------------------------------------- */
.icon-list {
list-style: none;
margin: 0;
margin-left: 5%;
padding: 0;
}
.icon-list-content {
padding-left: 80px;
}
.icon-list li {
position: relative;
margin: 0;
padding: 0 0 30px 0;
display: inline-block;
}
.icon-list .circle-icon {
float: left;
z-index: 5;
position: relative;
}
.icon-list .timeline {
border-right-style: dashed;
border-right-width: 1px;
border-color: #D0D0D0;
height: 99%;
left: 27px;
position: absolute;
top: 1%;
width: 1px;
}
.icon-list li:last-child .timeline {
display: none;
}
/* ---------------------------------------------------------------------- */
/* Flexslider Elements
/* ---------------------------------------------------------------------- */
.slides li {
position: relative;
}
#carousel li {
margin-right: 5px;
}
#carousel li img {
padding: 5px;
border-style: solid;
border-width: 1px;
border-color: #D0D0D0;
cursor: pointer;
}
.flex-direction-nav a:before {
font-size: 20px !important;
}
.flex-control-paging li a.flex-active {
background: rgba(0, 0, 0, 0.4) !important;
}
.flex-control-paging li a {
background: rgba(0, 0, 0, 0.2) !important;
}
.flex-control-nav {
bottom: auto !important;
margin-top: 10px !important;
position: relative !important;
}
.flexslider {
background: url("assets/") no-repeat scroll center center #FFFFFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
position: relative;
}
#carousel {
margin-top: 5px;
}
div.flexslider {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
margin: 0;
}
.flex-direction-nav a {
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: color 0 ease-in !important;
transition: none !important;
background: #222222;
border: none;
font-weight: normal;
margin: 0;
opacity: 0.5;
width: 26px !important;
height: 26px !important;
line-height: 26px;
color: #FFFFFF !important;
text-align: center !important;
text-shadow: none !important;
}
.flex-direction-nav a.flex-next {
right: 10px !important;
font-size: 9px;
}
.flex-direction-nav a.flex-next:before {
font-family: "fontawesome" !important;
content: "\f105" !important;
}
.flex-direction-nav a.flex-prev {
left: 10px !important;
font-size: 9px;
}
.flex-direction-nav a.flex-prev:before {
font-family: "fontawesome" !important;
content: "\f104" !important;
}
/* ---------------------------------------------------------------------- */
/* Tabs
/* ---------------------------------------------------------------------- */
.tabbable {
margin-bottom: 15px;
}
.nav-tabs {
border-color: #DDDDDD;
margin-bottom: 0;
margin-left: 0;
position: relative;
top: 1px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
z-index: 12;
}
.nav-tabs > li:first-child > a {
margin-left: 0;
}
.nav-tabs > li > a:hover {
background-color: #FFFFFF;
border-color: #DDDDDD;
color: #4C8FBD;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus {
background-color: #F9F9F9;
border-color: #DDDDDD;
border-radius: 0 0 0 0 !important;
color: #999999;
line-height: 16px;
margin-right: -1px;
position: relative;
}
.tab-content {
border: 1px solid #DDDDDD;
padding: 16px 12px;
position: relative;
}
.tabs-below > .nav-tabs {
border-bottom-width: 0;
border-color: #DDDDDD;
margin-bottom: 0;
margin-top: -1px;
top: auto;
}
.tabs-below > .nav-tabs > li > a,
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-color: #DDDDDD;
}
.tabs-below > .nav-tabs > li.active > a,
.tabs-below > .nav-tabs > li.active > a:hover,
.tabs-below > .nav-tabs > li.active > a:focus {
border-bottom: 2px solid #DDDDDD;
border-color: transparent #DDDDDD #DDDDDD;
border-top-width: 1px;
margin-top: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 60px;
}
.tabs-left > .nav-tabs {
border-color: #DDDDDD;
float: left;
margin-bottom: 0;
top: auto;
}
.tabs-left > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs > li > a:hover {
border-color: #DDDDDD;
margin: 0 -1px 0 0;
}
.tabs-left > .nav-tabs > li.active > a,
.tabs-left > .nav-tabs > li.active > a:focus,
.tabs-left > .nav-tabs > li.active > a:hover {
border-color: #DDDDDD;
border-right: none;
border-left: 2px solid #DDDDDD;
border-top-width: 1px;
margin: 0 -1px;
}
.tabs-right > .nav-tabs {
border-color: #DDDDDD;
float: right;
margin-bottom: 0;
top: auto;
}
.tabs-right > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:hover {
border-color: #DDDDDD;
margin: 0 -1px;
}
.tabs-right > .nav-tabs > li.active > a,
.tabs-right > .nav-tabs > li.active > a:focus,
.tabs-right > .nav-tabs > li.active > a:hover {
border-color: #DDDDDD;
border-left: none;
border-right: 2px solid #DDDDDD;
border-top-width: 1px;
margin: 0 -2px 0 -1px;
}
.nav-tabs > li > a > .badge {
line-height: 8px;
opacity: 0.7;
}
.nav-tabs > li > a > [class*="fa-"] {
opacity: 0.75;
}
.nav-tabs > li.active > a > .badge,
.nav-tabs > li.active > a > [class*="fa-"] {
opacity: 1;
}
.nav-tabs li [class*=" fa-"],
.nav-tabs li [class^="fa-"] {
display: inline-block;
text-align: center;
width: 1.25em;
}
.nav-tabs > li.open .dropdown-toggle {
background-color: #4F99C6;
border-color: #4F99C6;
color: #FFFFFF;
}
.nav-tabs > li.open .dropdown-toggle > [class*="fa-"] {
color: #FFFFFF !important;
opacity: 1;
}
.tabs-left .tab-content,
.tabs-right .tab-content {
overflow: auto;
}
/*teal*/
.tab-teal > li.active > a,
.tab-teal > li.active > a:hover,
.tab-teal > li.active > a:focus {
border-color: #DDDDDD;
border-top: 2px solid #569099;
}
.tab-teal > li > a:hover {
color: #569099;
}
.tab-teal > li.dropdown.open.active > a:hover,
.tab-teal > li.dropdown.open.active > a:focus {
background-color: #569099;
border-color: #569099;
color: #FFFFFF;
}
.tab-teal > li.open .dropdown-toggle {
background-color: #569099;
border-color: #569099;
color: #FFFFFF;
}
.tab-teal .dropdown-menu > li > a:hover,
.tab-teal .dropdown-menu > li > a:focus {
background-color: #569099;
}
.tab-teal .active > a,
.tab-teal .active > a:hover,
.tab-teal .active > a:focus {
background-color: #569099;
}
.tabs-left > .tab-teal > li.active > a,
.tabs-left > .tab-teal > li.active > a:focus,
.tabs-left > .tab-teal > li.active > a:hover {
border-color: #DDDDDD;
border-right: none;
border-left: 2px solid #569099;
}
.tabs-below > .tab-teal > li.active > a,
.tabs-below > .tab-teal > li.active > a:hover,
.tabs-below > .tab-teal > li.active > a:focus {
border-color: #DDDDDD;
border-top: none;
border-bottom: 2px solid #569099;
}
.tabs-right > .tab-teal > li.active > a,
.tabs-right > .tab-teal > li.active > a:focus,
.tabs-right > .tab-teal > li.active > a:hover {
border-color: #DDDDDD;
border-left: none;
border-right: 2px solid #569099;
}
.tab-padding.tab-teal > li > a,
.tab-padding.tab-teal > li > a:focus,
.tab-padding.tab-teal > li > a:hover {
border-color: rgba(0, 0, 0, 0);
color: #FFFFFF;
}
.tab-padding.tab-teal > li:not(.active) > a:hover {
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) transparent;
opacity: 0.85;
}
.tab-padding.tab-teal > li:not(.active) > a > [class*="fa-"]:first-child {
color: #FFFFFF !important;
}
.tab-padding.tab-teal > li:not(.active) > a > .badge {
background-color: #FFFFFF !important;
color: rgba(0, 0, 0, 0.4) !important;
}
.tab-padding.tab-teal > li > a,
.tab-padding.tab-teal > li > a:focus {
background-color: #7DAFB7;
}
.tab-padding.tab-teal > li.active > a,
.tab-padding.tab-teal > li.active > a:focus,
.tab-padding.tab-teal > li.active > a:hover {
background-color: #FFFFFF;
box-shadow: none;
color: #4F80A0;
}
.tab-padding.tab-teal > li.active > a,
.tab-padding.tab-teal > li.active > a:focus,
.tab-padding.tab-teal > li.active > a:hover {
border-color: #569099 #DDDDDD transparent;
color: #4D8189;
}
.tabs-below .tab-padding.tab-teal > li.active > a {
border-color: transparent #7DB4D8 #7DB4D8;
}
.tab-padding.tab-teal {
border-bottom-color: #569099;
background-color: #F3F8F8;
}
.tabs-below .nav-tabs.tab-teal {
padding-bottom: 6px;
border-bottom-color: #DDDDDD;
border-top: 0 none;
}
/*bricky*/
.tab-bricky > li.active > a,
.tab-bricky > li.active > a:hover,
.tab-bricky > li.active > a:focus {
border-color: #C83A2A #DDDDDD transparent;
border-top: 2px solid #C83A2A;
}
.tab-bricky > li > a:hover {
color: #C83A2A;
}
.tab-bricky > li.dropdown.open.active > a:hover,
.tab-bricky > li.dropdown.open.active > a:focus {
background-color: #C83A2A;
border-color: #C83A2A;
color: #FFFFFF;
}
.tab-bricky > li.open .dropdown-toggle {
background-color: #C83A2A;
border-color: #C83A2A;
color: #FFFFFF;
}
.tab-bricky .dropdown-menu > li > a:hover,
.tab-bricky .dropdown-menu > li > a:focus {
background-color: #C83A2A;
}
.tab-bricky .active > a,
.tab-bricky .active > a:hover,
.tab-bricky .active > a:focus {
background-color: #C83A2A;
}
.tabs-left > .tab-bricky > li.active > a,
.tabs-left > .tab-bricky > li.active > a:focus,
.tabs-left > .tab-bricky > li.active > a:hover {
border-color: #DDDDDD transparent #DDDDDD #C83A2A;
border-left: 2px solid #C83A2A;
}
.tabs-below > .tab-bricky > li.active > a,
.tabs-below > .tab-bricky > li.active > a:hover,
.tabs-below > .tab-bricky > li.active > a:focus {
border-bottom: 2px solid #C83A2A;
border-color: transparent #DDDDDD #C83A2A;
}
.tabs-right > .tab-bricky > li.active > a,
.tabs-right > .tab-bricky > li.active > a:focus,
.tabs-right > .tab-bricky > li.active > a:hover {
border-color: #DDDDDD #C83A2A #DDDDDD transparent;
border-right: 2px solid #C83A2A;
}
.tab-padding.tab-bricky > li > a,
.tab-padding.tab-bricky > li > a:focus,
.tab-padding.tab-bricky > li > a:hover {
border-color: rgba(0, 0, 0, 0);
color: #FFFFFF;
}
.tab-padding.tab-bricky > li:not(.active) > a:hover {
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) transparent;
opacity: 0.85;
}
.tab-padding.tab-bricky > li:not(.active) > a > [class*="fa-"]:first-child {
color: #FFFFFF !important;
}
.tab-padding.tab-bricky > li:not(.active) > a > .badge {
background-color: #FFFFFF !important;
color: rgba(0, 0, 0, 0.4) !important;
}
.tab-padding.tab-bricky > li > a,
.tab-padding.tab-bricky > li > a:focus {
background-color: #DC6456;
}
.tab-padding.tab-bricky > li.active > a,
.tab-padding.tab-bricky > li.active > a:focus,
.tab-padding.tab-bricky > li.active > a:hover {
background-color: #FFFFFF;
box-shadow: none;
color: #333333;
}
.tab-padding.tab-bricky > li.active > a,
.tab-padding.tab-bricky > li.active > a:focus,
.tab-padding.tab-teal > li.active > a:hover {
border-color: #C83A2A #DDDDDD transparent;
color: #333333;
}
.tabs-below .tab-padding.tab-bricky > li.active > a {
border-color: transparent #C83A2A #DDDDDD;
}
.tab-padding.tab-bricky {
border-bottom-color: #C83A2A;
background-color: #FBEEEC;
}
.tabs-below .nav-tabs.tab-bricky {
padding-bottom: 6px;
border-bottom-color: #DDDDDD;
border-top: 0 none;
}
/*green*/
.tab-green > li.active > a,
.tab-green > li.active > a:hover,
.tab-green > li.active > a:focus {
border-color: #3D9400 #DDDDDD transparent;
border-top: 2px solid #3D9400;
}
.tab-green > li > a:hover {
color: #3D9400;
}
.tab-green > li.dropdown.open.active > a:hover,
.tab-green > li.dropdown.open.active > a:focus {
background-color: #3D9400;
border-color: #3D9400;
color: #FFFFFF;
}
.tab-green > li.open .dropdown-toggle {
background-color: #3D9400;
border-color: #3D9400;
color: #FFFFFF;
}
.tab-green .dropdown-menu > li > a:hover,
.tab-green .dropdown-menu > li > a:focus {
background-color: #3D9400;
}
.tab-green .active > a,
.tab-green .active > a:hover,
.tab-green .active > a:focus {
background-color: #3D9400;
}
.tabs-left > .tab-green > li.active > a,
.tabs-left > .tab-green > li.active > a:focus,
.tabs-left > .tab-green > li.active > a:hover {
border-color: #DDDDDD transparent #DDDDDD #3D9400;
border-left: 2px solid #3D9400;
}
.tabs-below > .tab-green > li.active > a,
.tabs-below > .tab-green > li.active > a:hover,
.tabs-below > .tab-green > li.active > a:focus {
border-bottom: 2px solid #3D9400;
border-color: transparent #DDDDDD #3D9400;
}
.tabs-right > .tab-green > li.active > a,
.tabs-right > .tab-green > li.active > a:focus,
.tabs-right > .tab-green > li.active > a:hover {
border-color: #DDDDDD #3D9400 #DDDDDD transparent;
border-right: 2px solid #3D9400;
}
.tab-padding.tab-green > li > a,
.tab-padding.tab-green > li > a:focus,
.tab-padding.tab-green > li > a:hover {
border-color: rgba(0, 0, 0, 0);
color: #FFFFFF;
}
.tab-padding.tab-green > li:not(.active) > a:hover {
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) transparent;
opacity: 0.85;
}
.tab-padding.tab-green > li:not(.active) > a > [class*="fa-"]:first-child {
color: #FFFFFF !important;
}
.tab-padding.tab-green > li:not(.active) > a > .badge {
background-color: #FFFFFF !important;
color: rgba(0, 0, 0, 0.4) !important;
}
.tab-padding.tab-green > li > a,
.tab-padding.tab-green > li > a:focus {
background-color: #71B145;
}
/*purple*/
.tab-purple > li.active > a,
.tab-purple > li.active > a:hover,
.tab-purple > li.active > a:focus {
border-color: #57517B #DDDDDD transparent;
border-top: 2px solid #57517B;
}
.tab-purple > li > a:hover {
color: #57517B;
}
.tab-purple > li.dropdown.open.active > a:hover,
.tab-purple > li.dropdown.open.active > a:focus {
background-color: #57517B;
border-color: #57517B;
color: #FFFFFF;
}
.tab-purple > li.open .dropdown-toggle {
background-color: #57517B;
border-color: #57517B;
color: #FFFFFF;
}
.tab-purple .dropdown-menu > li > a:hover,
.tab-purple .dropdown-menu > li > a:focus {
background-color: #57517B;
}
.tab-purple .active > a,
.tab-purple .active > a:hover,
.tab-purple .active > a:focus {
background-color: #57517B;
}
.tabs-left > .tab-purple > li.active > a,
.tabs-left > .tab-purple > li.active > a:focus,
.tabs-left > .tab-purple > li.active > a:hover {
border-color: #DDDDDD transparent #DDDDDD #57517B;
border-left: 2px solid #57517B;
}
.tabs-below > .tab-purple > li.active > a,
.tabs-below > .tab-purple > li.active > a:hover,
.tabs-below > .tab-purple > li.active > a:focus {
border-bottom: 2px solid #57517B;
border-color: transparent #DDDDDD #57517B;
}
.tabs-right > .tab-purple > li.active > a,
.tabs-right > .tab-purple > li.active > a:focus,
.tabs-right > .tab-purple > li.active > a:hover {
border-color: #DDDDDD #57517B #DDDDDD transparent;
border-right: 2px solid #57517B;
}
.tab-padding.tab-purple > li > a,
.tab-padding.tab-purple > li > a:focus,
.tab-padding.tab-purple > li > a:hover {
border-color: rgba(0, 0, 0, 0);
color: #FFFFFF;
}
.tab-padding.tab-purple > li:not(.active) > a:hover {
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) transparent;
opacity: 0.85;
}
.tab-padding.tab-purple > li:not(.active) > a > [class*="fa-"]:first-child {
color: #FFFFFF !important;
}
.tab-padding.tab-purple > li:not(.active) > a > .badge {
background-color: #FFFFFF !important;
color: rgba(0, 0, 0, 0.4) !important;
}
.tab-padding.tab-purple > li > a,
.tab-padding.tab-purple > li > a:focus {
background-color: #84809F;
}
.tab-padding.tab-purple > li.active > a,
.tab-padding.tab-purple > li.active > a:focus,
.tab-padding.tab-purple > li.active > a:hover {
background-color: #FFFFFF;
box-shadow: none;
color: #333333;
}
.tab-padding.tab-purple > li.active > a,
.tab-padding.tab-purple > li.active > a:focus,
.tab-padding.tab-teal > li.active > a:hover {
border-color: #57517B #DDDDDD transparent;
color: #333333;
}
.tabs-below .tab-padding.tab-purple > li.active > a {
border-color: transparent #57517B #DDDDDD;
}
.tab-padding.tab-purple {
border-bottom-color: #57517B;
background-color: #F5F4F9;
}
.tabs-below .nav-tabs.tab-purple {
padding-bottom: 6px;
border-bottom-color: #DDDDDD;
border-top: 0 none;
}
.tab-padding.tab-green > li.active > a,
.tab-padding.tab-green > li.active > a:focus,
.tab-padding.tab-green > li.active > a:hover {
background-color: #FFFFFF;
box-shadow: none;
color: #333333;
}
.tab-padding.tab-green > li.active > a,
.tab-padding.tab-green > li.active > a:focus,
.tab-padding.tab-teal > li.active > a:hover {
border-color: #3D9400 #DDDDDD transparent;
color: #333333;
}
.tabs-below .tab-padding.tab-green > li.active > a {
border-color: transparent #3D9400 #DDDDDD;
}
.tab-padding.tab-green {
border-bottom-color: #3D9400;
background-color: #EFFBEC;
}
.tabs-below .nav-tabs.tab-green {
padding-bottom: 6px;
border-bottom-color: #DDDDDD;
border-top: 0 none;
}
/*blue*/
.tab-blue > li.active > a,
.tab-blue > li.active > a:hover,
.tab-blue > li.active > a:focus {
border-color: #364F6A #DDDDDD transparent;
border-top: 2px solid #364F6A;
}
.tab-blue > li > a:hover {
color: #364F6A;
}
.tab-blue > li.dropdown.open.active > a:hover,
.tab-blue > li.dropdown.open.active > a:focus {
background-color: #364F6A;
border-color: #364F6A;
color: #FFFFFF;
}
.tab-blue > li.open .dropdown-toggle {
background-color: #364F6A;
border-color: #364F6A;
color: #FFFFFF;
}
.tab-blue .dropdown-menu > li > a:hover,
.tab-blue .dropdown-menu > li > a:focus {
background-color: #364F6A;
}
.tab-blue .active > a,
.tab-blue .active > a:hover,
.tab-blue .active > a:focus {
background-color: #364F6A;
}
.tabs-left > .tab-blue > li.active > a,
.tabs-left > .tab-blue > li.active > a:focus,
.tabs-left > .tab-blue > li.active > a:hover {
border-color: #DDDDDD transparent #DDDDDD #364F6A;
border-left: 2px solid #364F6A;
}
.tabs-below > .tab-blue > li.active > a,
.tabs-below > .tab-blue > li.active > a:hover,
.tabs-below > .tab-blue > li.active > a:focus {
border-bottom: 2px solid #364F6A;
border-color: transparent #DDDDDD #364F6A;
}
.tabs-right > .tab-blue > li.active > a,
.tabs-right > .tab-blue > li.active > a:focus,
.tabs-right > .tab-blue > li.active > a:hover {
border-color: #DDDDDD #364F6A #DDDDDD transparent;
border-right: 2px solid #364F6A;
}
.tab-padding.tab-blue > li > a,
.tab-padding.tab-blue > li > a:focus,
.tab-padding.tab-blue > li > a:hover {
border-color: rgba(0, 0, 0, 0);
color: #FFFFFF;
}
.tab-padding.tab-blue > li:not(.active) > a:hover {
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) transparent;
opacity: 0.85;
}
.tab-padding.tab-blue > li:not(.active) > a > [class*="fa-"]:first-child {
color: #FFFFFF !important;
}
.tab-padding.tab-blue > li:not(.active) > a > .badge {
background-color: #FFFFFF !important;
color: rgba(0, 0, 0, 0.4) !important;
}
.tab-padding.tab-blue > li > a,
.tab-padding.tab-blue > li > a:focus {
background-color: #6C7F92;
}
.tab-padding.tab-blue > li.active > a,
.tab-padding.tab-blue > li.active > a:focus,
.tab-padding.tab-blue > li.active > a:hover {
background-color: #FFFFFF;
box-shadow: none;
color: #333333;
}
.tab-padding.tab-blue > li.active > a,
.tab-padding.tab-blue > li.active > a:focus,
.tab-padding.tab-teal > li.active > a:hover {
border-color: #364F6A #DDDDDD transparent;
color: #333333;
}
.tabs-below .tab-padding.tab-blue > li.active > a {
border-color: transparent #364F6A #DDDDDD;
}
.tab-padding.tab-blue {
border-bottom-color: #364F6A;
background-color: #F3F5F6;
}
.tabs-below .nav-tabs.tab-blue {
padding-bottom: 6px;
border-bottom-color: #DDDDDD;
border-top: 0 none;
}
.nav > li.active > .dropdown-toggle {
cursor: pointer !important;
}
.nav-pills .open .dropdown-toggle > [class*="fa-"],
.nav > li.dropdown.open.active > a:hover > [class*="fa-"],
.nav > li.dropdown.open.active > a:focus > [class*="fa-"] {
color: #FFFFFF !important;
}
.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .disabled[class*="fa-"]:first-child {
color: #909090 !important;
}
.nav-tabs.tab-space-1 > li > a {
margin-right: 1px;
}
.nav-tabs.tab-space-2 > li > a {
margin-right: 2px;
}
.nav-tabs.tab-space-3 > li > a {
margin-right: 3px;
}
.nav-tabs.tab-space-4 > li > a {
margin-right: 4px;
}
.nav-tabs.tab-padding {
padding: 6px 5px 0;
border: 1px solid #DDDDDD;
}
.panel-tabs .nav-tabs {
float: right;
margin-top: -52px;
border: none;
}
.panel-tabs .nav-tabs > li > a {
height: 36px;
border-top: none;
border-bottom: none;
background: none;
border-right: 1px solid #CDCDCD;
box-shadow: 1px 1px 0 0 #FFFFFF;
}
.panel-tabs .nav-tabs > li > a:hover {
background: #ffffff;
}
.panel-tabs .nav-tabs > li:first-child > a {
box-shadow: 0 1px 0 1px #FFFFFF;
}
.panel-tabs .nav-tabs > li.active > a,
.panel-tabs .nav-tabs > li.active > a:hover,
.panel-tabs .nav-tabs > li.active > a:focus {
background-color: #FFFFFF;
background-image: none;
border-color: #4C8FBD #DDDDDD transparent;
border-top: none;
box-shadow: none;
color: #333333;
line-height: 16px;
margin-top: 0;
}
.panel-tabs .tab-content {
border: none;
padding: 0;
}
.tabs-right > .nav-tabs > li {
float: none;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav > li {
display: block;
position: relative;
}
.nav {
list-style: none;
}
/* ---------------------------------------------------------------------- */
/* Accordion
/* ---------------------------------------------------------------------- */
.accordion-custom .panel {
background-color: #FFFFFF;
border: none;
border-radius: 0 0 0 0;
box-shadow: none;
}
.accordion-custom .panel-heading {
padding: 0;
background-image: none;
height: auto;
box-shadow: none;
border-radius: 0;
}
.accordion-custom .panel-body {
border: none !important;
}
.accordion-custom .panel-heading .accordion-toggle {
background-color: #cccccc;
color: #606060;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 1;
padding: 10px;
position: relative;
}
.accordion-custom .panel-heading .accordion-toggle:hover,
.accordion-custom .panel-heading .accordion-toggle:focus {
text-decoration: none;
}
.accordion-custom .panel-heading .accordion-toggle.collapsed {
background-color: #F3F3F3;
border-color: #D9D9D9;
border-width: 0 0 0 1px;
color: #606060;
font-weight: normal;
}
.accordion-custom .panel-heading .accordion-toggle > .icon-arrow:before {
content: "ï¨";
font-family: "fontawesome" !important;
font-style: normal;
font-weight: normal;
}
.accordion-custom .panel-heading .accordion-toggle.collapsed > .icon-arrow:before {
content: "ï§" !important;
font-family: "fontawesome" !important;
font-style: normal;
font-weight: normal;
}
.accordion-custom.panel-group .panel-heading .accordion-toggle > .icon-arrow {
font-size: 11px;
padding: 0 5px;
}
.accordion-custom.panel-group .panel-heading .accordion-toggle.collapsed > .icon-arrow {
opacity: 0.75;
}
.accordion-teal .panel-heading .accordion-toggle {
background-color: #ffffff !important;
border-left: none;
line-height: 22px;
}
.accordion-teal .panel-heading .accordion-toggle.collapsed {
background-color: #ffffff !important;
border-left: none;
border-bottom: 1px solid #E7E7E7;
}
.accordion-teal .panel-heading .accordion-toggle > .icon-arrow:before {
display: block;
float: left;
height: 22px;
width: 22px;
line-height: 22px;
text-align: center;
font-weight: normal;
}
.accordion-teal .panel-heading .accordion-toggle.collapsed > .icon-arrow:before {
background-color: #333333;
}
/* ---------------------------------------------------------------------- */
/* Slider Revolution Elements
/* ---------------------------------------------------------------------- */
.bannercontainer {
background-color: #fff;
width: 960px;
position: relative;
position: relative;
margin-left: auto;
margin-right: auto;
}
.banner {
width: 960px;
height: 500px;
position: relative;
overflow: hidden;
}
.bannercontainer-simple {
padding: 0px;
background-color: #fff;
width: 960px;
position: relative;
position: relative;
margin-left: auto;
margin-right: auto;
}
.banner-simple {
width: 960px;
height: 500px;
position: relative;
overflow: hidden;
}
.fullwidthbanner-container {
width: 100% !important;
position: relative;
padding: 0;
overflow: hidden;
}
.fullwidthbanner-container .fullwidthabnner {
width: 100% !important;
max-height: 450px !important;
position: relative;
border-bottom: 1px solid #E7E7E7;
overflow: hidden;
background: rgb(246, 246, 246);
}
.fullwidthbanner-container .fullwidthabnner > ul {
list-style: none;
margin: 0;
padding: 0;
}
.fullwidthbanner-container .fullwidthabnner > ul li {
position: absolute;
}
@media only screen and (min-width: 770px) and (max-width: 959px) {
.banner,
.bannercontainer {
width: 760px;
height: 396px;
}
}
@media only screen and (min-width: 480px) and (max-width: 769px) {
.banner,
.bannercontainer {
width: 480px;
height: 250px;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.banner,
.bannercontainer {
width: 320px;
height: 167px;
}
}
/*Revolution*/
.slide_title {
color: #555555;
font-family: 'Open Sans';
font-size: 45px;
font-weight: 300;
text-transform: uppercase;
}
.slide_subtitle {
font-family: 'Open Sans';
font-size: 18px;
font-weight: 400;
padding: 5px;
text-transform: uppercase;
}
.slide_list_item {
background-color: #0088CC;
color: #FAFAFA;
font-family: 'Open Sans';
font-size: 14px;
font-weight: 400;
padding: 5px;
text-transform: uppercase;
}
.slide_desc {
color: #7B8793;
font-size: 14px;
line-height: 24px;
}
.slide_desc_bordered {
border-left: 3px solid #DDDDDD !important;
padding-left: 5px;
}
/* ---------------------------------------------------------------------- */
/* Testimonial
/* ---------------------------------------------------------------------- */
blockquote.testimonial {
background: #F8F8F8;
border: 0 none;
color: #666666;
font-style: italic;
margin: 0;
padding: 15px;
position: relative;
}
blockquote.testimonial p {
color: #8A8A8A;
font-size: 13px;
font-style: italic;
margin-top: 0;
}
div.testimonial-arrow-down {
border-left: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid rgba(0, 0, 0, 0);
border-top: 15px solid #F8F8F8;
height: 0;
margin: 0 0 0 25px;
width: 0;
}
div.testimonial-author {
margin: 8px 0 0 8px;
min-height: 60px;
}
div.testimonial-author div.img-thumbnail {
float: left;
margin-right: 10px;
}
div.testimonial-author div.img-thumbnail img {
max-width: 60px;
}
div.testimonial-author strong {
color: #111111;
display: block;
padding-top: 7px;
}
div.testimonial-author span {
color: #666666;
display: block;
font-size: 12px;
}
div.testimonial-author p {
color: #999999;
margin: 0 0 0 25px;
text-align: left;
}
/* ---------------------------------------------------------------------- */
/* Footer elements
/* ---------------------------------------------------------------------- */
footer {
background: #363839;
border-top: 4px solid #1F1F1F;
font-size: 0.9em;
padding: 40px 0 0;
position: relative;
}
footer h4 {
font-size: 1.8em;
font-weight: 200;
text-shadow: 1px 1px 1px #000000;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer a {
color: #FFFFFF !important;
}
footer div.twitter a.time {
color: #999999;
display: block;
font-size: 0.9em;
padding-top: 3px;
}
footer ul.contact {
list-style: none;
margin: 0;
padding: 0;
}
footer ul.contact p {
margin-bottom: 10px;
line-height: 27px;
}
footer ul.contact i {
float: left;
margin: 7px 8px 10px 0;
}
footer div.newsletter form {
max-width: 262px;
width: 100%;
}
footer div.twitter .fa {
clear: both;
font-size: 20px;
position: relative;
top: 3px;
}
footer div.twitter a.time {
color: #999999;
display: block;
font-size: 0.9em;
margin-bottom: 20px;
padding-top: 3px;
}
div.footer-copyright nav {
float: right;
}
div.footer-copyright {
background: #333333;
border-top: 1px solid #444444;
margin-top: 40px;
padding: 20px 0 20px;
}
div.footer-copyright p {
color: #555555;
margin: 0;
padding: 0;
}
div.footer-copyright nav ul {
list-style: none;
margin: 0;
padding: 0;
}
div.footer-copyright nav ul li {
border-left: 1px solid #505050;
display: inline-block;
line-height: 12px;
margin: 0;
padding: 0 8px;
}
div.footer-copyright nav ul li:first-child {
border: none;
padding-left: 0;
}
/* ---------------------------------------------------------------------- */
/* Slidingbar
/* ---------------------------------------------------------------------- */
#slidingbar-area {
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
width: 100%;
z-index: 99999;
}
#slidingbar {
background: rgba(54, 56, 57, 0.9);
color: #8C8989;
display: none;
height: auto;
overflow: hidden;
padding: 35px 10px;
position: relative;
z-index: 3;
}
.ie8 #slidingbar {
background: #363839;
}
.sb_toggle {
border-color: rgba(0, 0, 0, 0) #363839 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 0 40px 40px 0;
bottom: -40px;
height: 0;
position: absolute;
right: 0;
width: 0;
z-index: 999;
transition: border 100ms ease-out;
-webkit-transition: border 100ms ease-out;
-moz-transition: border 100ms ease-out;
-o-transition: border 100ms ease-out;
}
.colored-top-bar .sb_toggle {
border-color: rgba(0, 0, 0, 0) #363839 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.sb_toggle.open {
border-color: rgba(0, 0, 0, 0) rgba(54, 56, 57, 0.9) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.ie8 .sb_toggle {
border-color: transparent #363839 transparent transparent;
}
.sb_toggle:after {
color: #FFFFFF;
content: "ï§";
display: block;
font-family: "fontawesome";
font-size: 11px;
height: 40px;
left: 24px;
position: absolute;
text-shadow: none !important;
top: 3px;
}
.sb_toggle.open:after {
content: "ï¨";
display: block;
font-family: "fontawesome";
font-size: 12px;
height: 40px;
left: 24px;
position: absolute;
top: 3px;
}
#slidingbar h2 {
color: #DDDDDD;
margin: 0 0 28px;
text-transform: uppercase;
font-size: 13px !important;
}
/* ---------------------------------------------------------------------- */
/* Page Top
/* ---------------------------------------------------------------------- */
.page-top {
background-color: #F6F6F6;
padding: 10px 0;
border-bottom: 1px solid #E7E7E7;
}
.page-top .container {
padding: 0;
}
.page-top h1 {
color: #383838;
font-size: 20px;
line-height: 35px;
margin-left: 10px;
margin-top: 10px;
}
.breadcrumb {
background: none;
margin-bottom: 0;
position: relative;
top: 10px;
}
.breadcrumb > .active {
color: #555555;
}
/* ---------------------------------------------------------------------- */
/* Team List
/* ---------------------------------------------------------------------- */
ul.team-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.team-list .thumbnail {
position: relative;
}
ul.team-list .thumbnail {
border: none;
}
/* ---------------------------------------------------------------------- */
/* Progress Bar
/* ---------------------------------------------------------------------- */
.progress {
background: none repeat scroll 0 0 #FAFAFA;
border-radius: 25px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
height: 20px;
overflow: visible !important;
}
.progress-bar {
border-radius: 25px;
box-shadow: none;
position: relative;
overflow: visible !important;
}
/* ---------------------------------------------------------------------- */
/* Feature Box
/* ---------------------------------------------------------------------- */
.feature-box .feature-icon {
color: #333333;
display: inline-block;
float: left;
height: 35px;
line-height: 35px;
margin-right: 10px;
position: relative;
text-align: center;
width: 35px;
top: 5px;
}
.feature-box .feature-icon > i {
font-size: 30px;
}
.feature-box .feature-info {
padding-left: 50px;
}
/* ---------------------------------------------------------------------- */
/* Map
/* ---------------------------------------------------------------------- */
#map {
width: 100%;
height: 300px;
}
/* ---------------------------------------------------------------------- */
/* Blog Elements
/* ---------------------------------------------------------------------- */
.blog-photo-stream li {
display: inline-block;
margin: 0 5px 8px 0;
overflow: hidden;
}
.blog-photo-stream img {
border: 2px solid #9CA5AE;
padding: 2px;
width: 60px;
}
.blog-categories li a:before {
content: "\f105";
font-family: FontAwesome !important;
font-size: 8px;
padding-right: 10px;
position: relative;
top: -1px;
}
.blog-posts article {
border-bottom: 1px solid #DDDDDD;
margin-bottom: 50px;
padding-bottom: 10px;
}
.blog-posts article .flexslider {
margin-bottom: 25px;
background: #FFFFFF;
border: 4px solid #FFFFFF;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
position: relative;
}
article .post-meta {
margin-bottom: 7px;
}
article .post-meta > span {
display: inline-block;
padding-right: 10px;
}
.post-page .post-meta,
.recent-posts .post-meta {
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
margin: 20px 0;
padding: 10px 0;
}
div.post-media {
border-top: 1px solid #EEEEEE;
margin: 15px 0 0 0;
padding: 20px 0 15px 0;
}
div.post-author div.img-thumbnail {
display: inline-block;
float: left;
margin-right: 20px;
}
div.post-media p {
line-height: 20px;
margin: 0;
padding: 0;
}
div.post-media h4 i {
margin-right: 5px;
}
div.post-comments img.media-object {
height: 60px;
position: relative;
top: 2px;
width: 60px;
}
ul.blog-categories {
margin-bottom: 35px;
}
ul.blog-categories > li a {
border-bottom: 1px solid #EDEDDE;
padding: 8px 20px;
transition: all 0.3s ease 0s;
}
ul.post-list {
list-style: none;
margin: 0;
padding: 0;
}
ul.post-list li {
border-bottom: 1px dotted #E2E2E2;
padding: 15px 0;
display: block;
min-height: 90px;
}
ul.post-list .post-image {
margin-right: 10px;
float: left;
}
/* ---------------------------------------------------------------------- */
/* Pricing Tables
/* ---------------------------------------------------------------------- */
#pricing_table_example1 .pricing-table {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
float: left;
font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
padding: 20px;
position: relative;
text-shadow: 0 1px rgba(255, 255, 255, 0.8);
text-align: center;
}
#pricing_table_example1 .featured {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
box-shadow: 20px 0 10px -10px rgba(0, 0, 0, 0.15), -20px 0 10px -10px rgba(0, 0, 0, 0.15);
z-index: 2;
}
#pricing_table_example1 .pricing-table:nth-child(1) {
border-radius: 5px 0 0 5px;
}
#pricing_table_example1 .pricing-table:nth-child(4) {
border-radius: 0 5px 5px 0;
}
#pricing_table_example1 .pricing-table h3 {
background-color: #EEEEEE;
background-image: linear-gradient(#FFFFFF, #EEEEEE);
font-size: 20px;
font-weight: normal;
margin: -20px -20px 50px;
padding: 20px;
}
#pricing_table_example1 .featured h3 {
background-color: #DDDDDD;
background-image: linear-gradient(#EEEEEE, #DDDDDD);
border-radius: 5px 5px 0 0;
}
#pricing_table_example1 .pricing-table:nth-child(1) h3 {
border-radius: 5px 0 0 0;
}
#pricing_table_example1 .pricing-table:nth-child(4) h3 {
border-radius: 0 5px 0 0;
}
#pricing_table_example1 .pricing-table h3 span {
background: none repeat scroll 0 0 #FFFFFF;
border: 5px solid #FFFFFF;
border-radius: 100px 100px 100px 100px;
box-shadow: 0 5px 20px #DDDDDD inset, 0 3px 0 #999999 inset;
color: #777777;
display: block;
font: bold 35px/100px Georgia, Serif;
height: 100px;
margin: 10px auto -65px;
width: 100px;
line-height: 85px;
}
#pricing_table_example1 .pricing-table ul {
list-style: none outside none;
margin: 20px 0 0;
padding: 0;
}
#pricing_table_example1 .pricing-table li {
border-top: 1px solid #DDDDDD;
padding: 10px 0;
}
#pricing_table_example1 .pricing-table .signup {
background-color: #72CE3F;
background-image: linear-gradient(#72CE3F, #62BC30);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 0 rgba(0, 0, 0, 0.7);
color: #FFFFFF;
display: inline-block;
font: bold 14px Arial, Helvetica;
margin: 20px 0 0;
padding: 8px 20px;
position: relative;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
text-transform: uppercase;
}
#pricing_table_example1 .pricing-table .signup:hover {
background-color: #62BC30;
background-image: linear-gradient(#62BC30, #72CE3F);
}
#pricing_table_example1 .pricing-table .signup:active,
#pricing_table_example1 .pricing-table .signup:focus {
background: none repeat scroll 0 0 #62BC30;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset;
top: 2px;
}
#pricing_table_example2 .featured {
z-index: 2;
}
#pricing_table_example2 .top {
background: none repeat scroll 0 0 #2F2E35;
border-radius: 10px 10px 0 0;
height: 50px;
}
#pricing_table_example2 .top h2 {
color: #FFFFFF;
font: 300 30px/50px Helvetica, Verdana, sans-serif;
text-align: center;
margin: 0;
}
#pricing_table_example2 .pricing-table {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.3);
position: relative;
text-align: center;
padding: 0 0 20px 0;
}
#pricing_table_example2 .pricing-table ul {
font: 300 18px/2 Helvetica, Verdana, sans-serif;
list-style-type: none;
margin: 20px 20px 0 20px;
padding: 0;
}
#pricing_table_example2 .pricing-table ul strong {
font-weight: bold;
}
#pricing_table_example2 .pricing-table hr {
background-color: #BCBEC0;
border: 0 none;
color: #BCBEC0;
height: 1px;
margin: 20px 0 0 0;
}
#pricing_table_example2 .pricing-table h1 {
font: bold 88px/1 Helvetica, Verdana, sans-serif;
margin: 20px 0 0;
}
#pricing_table_example2 .pricing-table h1 sup {
font-size: 45px;
}
#pricing_table_example2 .pricing-table p {
color: #BCBEC0;
font: 500 14px/1 Helvetica, Verdana, sans-serif;
}
/* ---------------------------------------------------------------------- */
/* 404 and 500 errors
/* ---------------------------------------------------------------------- */
body.error-full-page {
background: #ffffff !important;
}
body.error-full-page .page-error {
margin-top: 60px;
}
.page-error {
text-align: center;
}
.page-error .error-number {
display: block;
font-size: 158px;
font-weight: 300;
letter-spacing: -10px;
line-height: 128px;
margin-top: 0;
text-align: center;
}
.page-error .error-details {
display: block;
padding-top: 0;
text-align: center;
}
.page-error .error-details .btn-return {
margin: 10px 0;
}
.page-error .error-details h3 {
margin-top: 0;
}
/* ---------------------------------------------------------------------- */
/* Portfolio Elements
/* ---------------------------------------------------------------------- */
#Grid {
min-height: 500px;
}
#Grid .mix {
display: none;
margin-bottom: 20px;
opacity: 0;
text-align: center;
vertical-align: top;
}
div.portfolio-info {
margin: 2px 0 10px 0;
}
.portfolio-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.portfolio-info ul li {
border-right: 1px solid #E6E6E6;
color: #B1B1B1;
display: inline-block;
font-size: 0.9em;
margin-right: 8px;
padding-right: 8px;
}
.portfolio-info ul li i.fa {
margin-right: 4px;
}
.portfolio-item {
position: relative;
}
.portfolio-item a.thumb-info span.thumb-info-title {
background: rgba(0, 0, 0, 0.7);
bottom: 4px;
color: #FFFFFF;
font-size: 12px;
font-weight: 700;
left: 4px;
padding: 10px;
position: absolute;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}
.portfolio-page ul.nav li a:hover,
.portfolio-page ul.nav li.active a {
background: #357EBD;
color: #FFFFFF;
}
.portfolio-page ul.nav li a {
background: #EEEEEE;
color: #555555;
cursor: pointer;
display: inline-block;
margin-bottom: 5px;
margin-right: 2px;
padding: 6px 15px;
}
/* ---------------------------------------------------------------------- */
/* Form Elements
/* ---------------------------------------------------------------------- */
.form-control {
padding: 3px 10px;
border-color: #d4d4d4;
background-color: #ffffff;
color: #555555;
font-size: 16px;
border-radius: 0;
}
label {
font-size: 12px;
}
.symbol.required:before {
content: "*";
display: inline;
color: #E6674A;
}
/* ---------------------------------------------------------------------- */
/* Icon Box
/* ---------------------------------------------------------------------- */
.icon-box {
border-radius: 3px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
padding: 35px 20px 20px;
background: #FFFFFF;
position: relative;
margin-top: 70px;
text-align: center;
}
.icon-box .icon-box-icon {
border: 2px solid rgba(255, 255, 255, 0.6);
border-radius: 75px;
color: #FFFFFF;
display: inline-block;
font-size: 24px !important;
height: 56px;
line-height: 56px;
text-align: center;
width: 56px;
position: absolute;
top: -70px;
left: 50%;
overflow: hidden;
margin: 0 0 0 -23px;
}
.icon-box .icon-box-title {
font-size: 16px;
letter-spacing: 1px;
margin: 0 0 16px;
padding: 2px 0 0;
text-transform: uppercase;
}
/* ---------------------------------------------------------------------- */
/* Style Selector
/* ---------------------------------------------------------------------- */
#style_selector {
background: none repeat scroll 0 0 #FFFFFF;
position: fixed;
right: 0;
top: 100px;
width: 215px;
z-index: 9999;
}
#style_selector_container {
border: 1px solid rgba(23, 24, 26, 0.15);
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
box-shadow: 0 2px 9px 2px rgba(0, 0, 0, 0.14);
display: none;
}
#style_selector_container img {
border-radius: 100% 100% 100% 100%;
}
.style-main-title {
background: #D9D9D9;
border-bottom: 1px solid rgba(23, 24, 26, 0.15);
color: #000000;
font-size: 15px;
height: 44px;
line-height: 44px;
text-align: center;
}
.box-title {
font-size: 12px;
height: 33px;
line-height: 33px;
text-align: center;
color: #AAA9A9 !important;
}
.input-box {
border-bottom: 1px solid rgba(23, 24, 26, 0.15);
padding: 0 10px 10px 10px;
text-align: center;
}
.input-box input[type="text"] {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid rgba(23, 24, 26, 0.15);
color: #000000;
font-size: 11px;
margin-left: 10px;
padding: 3px;
width: 60px;
}
.input-box select {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid rgba(23, 24, 26, 0.15);
color: #000000;
margin-left: 5px;
width: 120px;
}
.input-box .radio-inline {
margin: 0 10px !important;
}
#style_selector .style-toggle {
background: #ffffff;
cursor: pointer;
height: 44px;
width: 35px;
border: 1px solid rgba(23, 24, 26, 0.15);
border-right: none;
border-radius: 5px 0 0 5px;
line-height: 44px;
text-align: center;
color: #007AFF;
font-size: 14px;
}
#style_selector > .open:before {
content: "\e162";
font-family: 'clip-font';
line-height: 1;
}
#style_selector > .open {
background-position: left top;
left: -35px;
position: absolute;
top: 44px;
width: 35px;
opacity: 1;
}
#style_selector > .close:before {
content: "\e163";
font-family: 'clip-font';
line-height: 1;
}
#style_selector > .close {
background-position: left bottom;
position: absolute;
right: 0;
top: 45px;
width: 35px;
opacity: 0.9;
}
#style_selector .images {
border-bottom: 1px solid rgba(23, 24, 26, 0.15);
padding-bottom: 10px;
text-align: center;
position: relative;
}
#style_selector .images img {
height: 24px;
margin-bottom: 7px;
margin-right: 7px;
width: 25px;
z-index: 1000;
}
#style_selector .images img.active {
border: 0 solid #CCCCCC;
opacity: 0.5;
}
#style_selector .images .form-group {
width: 50px;
text-align: center;
color: #AAA9A9;
font-size: 10px;
margin-bottom: 0;
}
.layout-boxed > .navbar,
.layout-boxed .main-container,
.layout-boxed > .footer {
max-width: 1170px !important;
margin-left: auto !important;
margin-right: auto !important;
border-left-width: 1px;
border-left-style: solid;
border-right-width: 1px;
border-right-style: solid;
}
#style_selector .images input {
display: none;
}
#style_selector .images .form-group {
display: inline-block;
}
#style_selector .images .add-on {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
display: inline-block;
font-weight: normal;
line-height: 20px;
min-width: 20px;
padding: 5px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
width: auto;
margin-left: 2px;
}
#style_selector .images .add-on i {
cursor: pointer;
display: block;
height: 20px;
width: 20px;
}
#style_selector .clear_style {
margin-right: 20px;
}
span {
font-weight: bold;
}
h1.navbar-brand {
margin: 0;
}
:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: #9ED174 auto 5px;
}
td,
th {
/* padding: 1px;*/
}
.discount {
color: red;
}
.discount-price {
color: gray;
text-decoration: line-through;
}
#login .logo img {
width: 50px;
}
.content .servicesblock img {
width: auto;
max-width: 88px;
}
.personalfavlink {
white-space: nowrap;
}
#dynamicContent.preloadContent {
min-height: 160px;
}
#dynamicContent .sort-wrapper {
background-color: #eb6a10;
color: #ffffff;
}
#dynamicContent.preloadContent div {
visibility: hidden;
}
#dynamicContent.preloadContent .btn-default {
visibility: hidden !important;
display: none !important;
}
.red-border {
border: 1px solid red;
}
.content-color.regiontext {
margin-bottom: 40px;
}
.no-padding {
padding: 0px;
}
.semi-padding-right {
padding-left: 10px;
padding-right: 5px;
}
.google-map {
height: 100%;
}
.preloadContent {
background: transparent url("assets/images/hourglass.gif") no-repeat center center;
}
#login_iframe {
width: 0px;
height: 0px;
border: none;
background: none;
}
/* font */
.row {
max-width: 1162px;
margin: 0 auto;
}
.showWarning {
margin: 10px 0px 14px 0px;
}
.travel-tips-footer a {
text-transform: uppercase;
}
.bigsize {
font-size: 135%;
}
.footer-content-wrapper {
margin-top: 40px;
}
.footer-content-wrapper p {
font-size: 13px;
font-weight: 300;
line-height: 2;
color: #5c5c5c;
}
.footer-content-wrapper,
.footer-content-wrapper p a {
color: #5c5c5c;
font-weight: 300;
}
.info-column-left p {
line-height: 1 !important;
padding-bottom: 15px;
}
.info-double-columns img {
/* box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35);*/
}
#footer {
background-color: #ffffff !important;
}
.footer-main-wrapper {
line-height: 2;
margin: 80px auto;
}
#footer > div.row.footer-main-wrapper > div.col-xs-12.footer-content-wrapper a {
color: #5c5c5c;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.btn {
font-family: 'Open+Sans', sans-serif !important;
font-size: 14px;
color: #555555;
}
.navbar-brand {
font-family: 'Roboto', sans-serif !important;
font-size: 14px;
color: #555555;
}
.font-thin {
font-weight: 300;
}
a,
button {
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s;
}
ul {
margin-bottom: 0px;
}
hr {
height: 0px;
}
select,
input,
textarea {
padding: 3px 10px;
border: 1px solid #d4d4d4;
background-color: #ffffff;
color: #555555;
font-size: 16px;
}
#mapContainer {
position: relative;
right: 50%;
text-align: center;
}
/*map css*/
#mapContainer iframe {
display: inline-block;
margin-right: -100%;
}
#mapContainerouter {
overflow: hidden;
height: 800px;
width: 100%;
}
/* body css */
.popover-content {
padding: 9px;
}
.content-color {
position: relative;
}
.green-color {
background: #9ED174;
}
.black-text-color {
color: #595959;
}
.blue-content-color {
background: #20417c;
}
.blue-text-color {
color: #ffffff;
font-size: 12px;
line-height: 1.92;
text-align: left;
}
.white-text-color {
color: white;
}
.white-background-color {
background: white;
}
.grey-color {
color: #b2b3b3;
}
.focus-underline-white:focus,
.focus-underline-white:hover {
color: #ffffff;
text-decoration: underline;
}
.focus-underline:focus,
.focus-underline:hover {
text-decoration: underline;
}
.text-underline {
text-decoration: underline;
}
.ellipsed {
text-overflow: ellipsis;
overflow: hidden;
}
#home {
max-width: 100%;
}
#home > .works-container-personal .text-center {
text-align: left;
}
#home .carousel-control {
display: block !important;
width: 5%;
}
#home .carousel-control > span {
color: white;
}
#home .works-container .carousel-control > span {
color: #f49d00;
top: 57%;
}
#home .works-container-personal .carousel-inner > div {
padding-left: 45px;
padding-right: 45px;
}
#home .works-container .carousel-inner > div {
padding-left: 40px;
padding-right: 40px;
}
.padding-0 {
padding-left: 0px;
padding-right: 0px;
}
.promotionalText {
background-color: #ff0000;
font-size: 20px;
font-weight: 300;
color: #ffffff;
text-align: center;
padding: 5px;
}
.padding-right-0 {
padding-right: 0px;
}
.padding-left-8 {
padding-left: 8px;
}
.margin-top-15 {
margin-top: 15px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-50 {
margin-top: 50px;
}
.margin-bot-30 {
margin-bottom: 30px;
}
.margin-bot-15 {
margin-bottom: 15px;
}
.margin-bot-10 {
margin-bottom: 10px;
}
.margin-bot-5 {
margin-bottom: 5px;
}
.padding-bot-30 {
padding-bottom: 30px;
}
.padding-bot-10 {
padding-bottom: 10px;
}
.padding-top-7 {
padding-top: 7px;
}
h1 {
font-size: 364%;
/* font-weight: 100;
letter-spacing: 1.3px;*/
}
body {
overflow-x: hidden;
background-color: white;
}
/* body end */
/* header css */
.header-content .user-menu > li > a:hover,
.header-content .user-menu > li > a:focus,
.header-content .user-menu > li > a:active,
.header-content .menu-currency-list > li > a:focus,
.header-content .menu-currency-list > li > a:hover,
.header-content .menu-currency-list > li > a:active {
/* opacity: 0.8; */
background-color: transparent !important;
/*text-decoration: underline !important;*/
}
#header .popover-button {
font-size: 20px;
letter-spacing: 0.6px;
text-align: center;
color: #ffffff;
display: inline-block;
padding: 4.5px 15px;
background-color: #299ae2;
white-space: nowrap;
cursor: pointer;
}
#header .popover-button:hover,
#header .popover-button:focus,
#header .popover-button:active {
background-color: #299ae2;
text-decoration: underline;
color: #222222;
}
.menu-language object {
pointer-events: none;
}
#header .user-menu > li > a,
#header .menu-currency-list > li > a,
.navbar > .container .navbar-brand {
font-weight: 400;
font-family: 'Open+Sans', sans-serif !important;
font-size: 16px;
color: #222222;
text-transform: unset !important;
}
#header .navbar-default {
background-color: #ffffff;
}
#header .navbar-brand {
font-size: 157%;
font-weight: 100;
color: #222222;
font-size: 157%;
padding: 3px 0px 0px !important;
}
#header .dropdown-menu li a {
color: #20417c;
}
#header .user-menu-popover .popover-inner {
background: #d3e3f5;
}
#header .user-menu-popover .arrow::after {
border-bottom-color: #d3e3f5;
}
#header .user-menu-popover ul {
padding-left: 0px;
list-style-type: none;
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
text-align: left;
padding-bottom: 20px;
}
#header .popover-content {
padding: 14px 14px 20px;
}
#calendarmonth table thead tr:first-child th {
line-height: 38px;
}
#header .user-menu-popover ul > li {
padding: 5px;
}
#header .nav > li > a:focus,
.nav > li > a:hover {
background: none;
}
.popover-img {
display: inline-block;
}
.popover-text {
display: inline-block;
vertical-align: sub;
/* padding-left: 9px; */
}
.popover-text .wishlist-remove {
cursor: pointer;
}
.popover-text a {
text-decoration: underline;
}
#header .popover {
border-color: transparent;
padding: 0px;
box-shadow: none;
}
.cookiesLabel {
font-size: 14px;
padding: 0 25px 15px 100px;
line-height: 20px;
}
.cookies-btn {
padding: 12px 23px;
border-radius: 20px !important;
background-color: #f63b08 !important;
text-align: center !important;
color: #fff !important;
font-size: 140%;
text-transform: lowercase;
}
.cookies-btn:hover {
text-decoration: none;
background-color: #f49d00;
}
.cookiesLabel a {
color: #f63b08;
}
.header-content {
height: 50px;
max-height: 81px !important;
}
.cookiesLabelContainer {
height: 140px;
}
.cookies-content {
padding-top: 25px;
background-color: #fff;
color: #f63b08;
position: fixed;
bottom: 0;
right: 0;
left: 0;
height: 110px;
}
/* header end */
/* slider css */
.slider-image {
position: relative;
}
.slider-image.slider-carousel {
max-height: 760px;
}
.slider-menu-inner {
/*padding-left: 20px;
padding-right: 20px;*/
}
.works-container-personal {
background-color: #f49d00;
padding: 80px 0;
}
.works-container h2 {
color: #000;
text-align: center;
font-size: 32px;
margin-top: 20px;
margin-bottom: 40px;
}
.works-container-about-us {
position: relative;
}
.works-container-about-us h2 {
margin: 0px;
color: #000;
text-align: center;
font-size: 32px;
padding: 0 0 20px 15px;
}
.works-container-about-us .image-container {
background: #f63b08 !important;
padding-bottom: 30px;
}
.works-container-about-us p {
font-size: 114%;
font-weight: 300;
}
.works-container-about-us .video-overlay {
position: absolute;
top: 5%;
left: 50%;
z-index: 10;
transform: translateX(-50%);
}
.slidercontainer {
max-height: 760px;
}
.image-menu-title h1 {
font-size: 58px;
text-align: center;
color: #ffffff;
text-shadow: 0 0 56px rgba(0, 0, 0, 0.75);
font-weight: 300;
}
.image-caption {
bottom: 130px;
position: absolute;
right: 15%;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-indicators {
visibility: hidden;
}
.works-container-personal .carousel-inner {
height: 390px;
}
.carousel-inner > div > div {
position: relative;
height: 100%;
}
.carousel-inner .carousel-inner > div > div > img {
position: relative;
/*top: 50%;*/
left: 0;
/*transform: translateY(-50%);*/
width: 100%;
}
.carousel-control {
opacity: 1;
}
.carousel-control.left {
background-color: unset;
background-image: unset;
}
.carousel-control.right {
background-color: unset;
background-image: unset;
}
.carousel-control .glyphicon-chevron-left {
font-size: 60px;
left: 15px;
top: 45%;
}
.carousel-control .glyphicon-chevron-right {
font-size: 60px;
right: 45px;
}
.glyphicon-chevron-left:before {
font-family: "Glyphicons Halflings";
content: "\e257";
}
.glyphicon-chevron-right:before {
font-family: "Glyphicons Halflings";
content: "\e258";
}
.slider-menu .caret {
color: #eb6a10 !important;
border-top: 14.3px solid #eb6a10;
border-right: 7.4px solid transparent;
border-left: 7.4px solid transparent;
}
.slider-menu .slider-menu-filter .caret {
color: #f63b08;
margin-left: -15px;
}
.slider-menu .slider-menu-filter .filter {
color: #eb6a10;
margin-left: -15px;
}
.slider-menu-title {
font-size: 58px;
}
.slider-menu-title h1 {
font-size: 86%;
font-weight: 400;
text-align: center;
color: #ffffff;
text-shadow: 0 0 56px rgba(0, 0, 0, 0.75);
}
.slider-menu-title {
text-align: center;
}
.slider-menu {
position: absolute;
bottom: 75px;
width: 100%;
max-width: 1162px;
/* margin-top: -106px; */
}
.slider-logo {
position: absolute;
top: 20px;
width: 100%;
}
.slider-logo img {
top: 30px;
width: 283px;
}
.slider-logo img.notacceptedcookies {
top: 70px;
position: absolute;
}
.btn-default:hover,
.btn-default.active,
.btn-default:active,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default,
.btn-default.active:hover {
background-color: white;
border-color: white;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-submenu {
position: relative;
}
.dropdown-menu li a {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
/* line-height: 1.95; */
letter-spacing: 0.5px;
text-align: left;
color: #595959;
}
.slidercontainer {
overflow: hidden;
}
.home-slider .dropdown-menu > li > a:focus,
.home-slider .dropdown-menu > li > a:hover {
background-color: #f35527;
color: white;
font-weight: bold;
}
.revoslider-reset-button,
.slider-button-filter {
display: inline-block !important;
/*width: 50% !important;*/
padding: 0 !important;
}
/*
.slider-button-filter {
/*text-align: left !important
}
.revoslider-reset-button {
text-align: right !important
}*/
.revoslider-reset-button a {
border-radius: 20px !important;
background-color: #eb6a10 !important;
text-align: center !important;
color: #000000 !important;
font-weight: bold;
border: none;
padding: 9px 24px;
}
.slider-button-filter a {
width: 100%;
border-radius: 20px !important;
background-color: #eb6a10 !important;
text-align: center !important;
color: #000000 !important;
font-size: 20px;
border: none;
padding: 6px 24px;
}
.revoslider-reset-button a:hover {
background-color: #f49d00 !important;
}
.resovslider-icon {
font-size: 110%;
color: #eb6a10 !important;
}
.revoslider-reset-button a:hover,
.revoslider-reset-button .btn-default:focus {
background-color: #eb6a10;
}
.revoslider-reset-button a span {
color: #ffffff !important;
top: 4px;
position: relative;
font-size: 100%;
}
.callendar-img {
height: 100%;
padding-left: 7px !important;
}
@media (width: 1024px) {
.callendar-img {
height: 100%;
padding-right: 0px;
}
}
.callendar-img img {
width: 20px;
margin-bottom: 5px;
}
.caret-img {
height: 100%;
}
.caret-img img {
width: 20px;
margin-left: -9px;
}
.filter-img {
height: 100%;
}
.filter-img img {
width: 20px;
margin-left: -15px;
}
.reset-serch {
width: 22px;
vertical-align: unset;
}
.cal-text {
padding-left: 20px;
}
.extras-filter {
padding-left: 7px !important;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
/*.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}*/
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.revoslider-container > a,
.revoslider-container > button,
.revoslider-container > div {
width: 100%;
display: block;
font-size: 140%;
font-weight: 400;
color: #222222;
letter-spacing: 0.6px;
text-align: left;
border-radius: 0px;
border: none;
padding: 6px 6px;
}
.revoslider-container .search-btn:hover {
background: #f49d00 !important;
}
.revoslider-container .reset-btn:hover {
background: #f49d00 !important;
}
.revoslider-container:last-child a {
border-radius: 20px;
background-color: #eb6a10 !important;
color: #ffffff !important;
font-weight: bold !important;
font-style: normal;
}
.revoslider-container > a .filter-selected,
.revoslider-container > div .filter-selected {
font-size: 51%;
line-height: 12px;
vertical-align: top;
}
.revoslider-container > a .filter-value,
.revoslider-container > div .filter-value {
color: #eb6a10 !important;
font-size: 76%;
}
.revoslider-container > a .filter-input,
.revoslider-container > div .filter-input {
font-size: 85%;
border: none;
background: none;
height: 24px;
width: 100%;
}
.revoslider-container {
padding: 10px 3px 10px 3px !important;
}
.revoslider-container:not(:first-child) {
padding-left: 20px !important;
}
.seven-cols a {
line-height: 1.7557143;
}
.slider-menu-filter ul {
list-style-type: none;
}
.slider-menu-filter .popover {
left: -283% !important;
max-width: 891px;
width: 700%;
}
.slider-menu-arrival .popover,
.slider-menu-checkout .popover {
left: 0% !important;
max-width: 1600px;
width: 590px;
}
.slider-menu-filter .popover.bottom > .arrow {
left: 66%;
}
.slider-menu-arrival .popover.bottom > .arrow,
.slider-menu-checkout .popover.bottom > .arrow {
left: 5%;
}
.slider-menu-filter .popover label {
font-size: 85%;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.55;
letter-spacing: 0.5px;
text-align: left;
color: #595959;
text-overflow: ellipsis;
width: 85%;
white-space: nowrap;
overflow: hidden;
margin-bottom: -5px;
margin-top: 7px;
}
.slider-menu .popover,
.slider-menu .dropdown-menu {
border-radius: 0;
background: #ffffff;
}
.popover.bottom > .arrow:after {
border-bottom-color: rgb(255, 255, 255);
}
.slider-menu-filter .popover input {
/* margin-right: 10px; */
}
/* .slider-menu .btn-group {
background: rgba(131, 127, 124, 0.6);
padding: 10px 0 10px 10px;
}
.slider-menu button {
height: 357%;
width: 14.2857%;
} */
.menu-button-text {
display: inline-block;
color: #595959;
font-size: 142%;
vertical-align: middle;
margin: 0 10px;
font-size: 157%;
font-weight: 300;
}
.menu-button-container {
background: white;
padding: 19px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-ms-transition: background-color .3s;
transition: background-color .3s;
}
.menu-button-content {
margin-right: 6px;
}
.slider-menu button {
padding: 7px;
}
.slider-menu i {
font-size: 130% !important;
color: #fff;
/* vertical-align: middle; */
vertical-align: -2px;
}
/* slider end*/
/* footer css */
#footer {
background: #ececec;
}
div.footer-copyright {
background: inherit;
border-top: none;
}
#footer h4 {
color: #5c5c5c;
font-size: 15px;
text-transform: uppercase;
}
#footer p {
color: #5c5c5c;
line-height: 1.86;
margin: 0 0 0px;
font-size: 100%;
}
a.right-border {
border-right: 1px solid #ffffff;
}
#footer hr {
margin: 15px 0;
}
#footer .top-line {
height: 10px;
background-color: #20417c;
}
#footer .bottom-line {
/*height: 60px;*/
background: #f35527 !important;
}
#footer .contact-icon {
color: #f49d00;
padding-bottom: 20px;
}
#footer .copyright-content {
font-family: 'Open+Sans', sans-serif !important;
display: inline-block;
vertical-align: middle;
/*height: 60px;*/
font-size: 130%;
line-height: 60px;
text-align: left;
color: #ffffff;
font-weight: normal !important;
}
#footer .copyright-content span,
#footer .copyright-content .copyright_2 div[ng-bind-html] {
float: right;
}
#footer .copyright-content span,
#footer .copyright-content .copyright_2 div[ng-bind-html] div {
float: left;
}
#footer .left-copyright-content {
font-family: 'Open+Sans', sans-serif !important;
font-size: 130%;
}
#footer .copyright-content a {
font-family: 'Open+Sans', sans-serif !important;
color: #ffffff;
padding: 0 10px;
}
/* footer end*/
.dropdown-menu li a {
float: none;
}
/* works container css */
.module-container-caroucel .module-item {
display: flex;
justify-content: space-between;
margin: 0 10px;
}
.personal-fav-info .green {
background: #9ED174;
font-size: 128%;
color: white;
position: relative;
height: 30px;
float: right;
}
.personal-fav-info .green-color {
padding-left: 0px;
padding-right: 5px;
}
.personal-fav-info-content {
padding: 0 15px;
}
.personal-fav-image {
/*height: 130px;*/
overflow: hidden;
background: #ffffff;
padding: 0 15px 0;
}
.personal-fav-image img {
width: 100%;
max-height: 220px;
}
.personal-favorite p {
color: black;
}
.extracatname {
font-weight: bold;
margin-top: 20px;
}
b.personal-agent {
/*padding: 10px;*/
line-height: 1.1;
min-height: 200px;
padding: 15px;
}
.container-right .personal-agent .personal-agent-info {
padding-left: 0px;
}
.personal-agent-info:before {
content: none;
}
.personal-fav-name,
.personal-fav-region {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.green .arrow-right {
position: absolute;
right: 0;
}
.personal-fav-info .green > span:nth-child(1) {
font-size: 107%;
}
.personal-fav-name {
font-size: 120%;
letter-spacing: 0.5px;
color: #595959;
padding-top: 7px;
}
.personal-fav-region {
font-size: 164%;
letter-spacing: 0.6px;
color: #20417c;
padding-bottom: 10px;
}
.personal-agent-info.grid-content {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
.personal-agent-heading {
margin: 0 15px;
}
.personal-agent-heading h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 56px;
line-height: 26px;
font-size: 164%;
font-weight: bold;
text-align: left;
padding: 0 !important;
margin: 15px 0;
}
.nopadding {
padding-left: 0;
padding-right: 0;
}
.personal-favorite,
.personal-agent {
height: 400px;
}
.personal-fav-info {
height: 100%;
padding: 15px;
background-color: white;
}
.works-container-personal .grid-container {
padding-bottom: 20px;
}
.personal-small-container {
padding: 0;
}
.works-container-personal span {
font-size: 114%;
font-weight: 300;
color: #595959;
font-family: 'Open+Sans', sans-serif;
}
span.ellipsis {
/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
}
.personal-fav-info-content span.fav-content {
/*max-height: 100%;*/
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
text-overflow: initial;
margin-bottom: 10px;
}
.works-container-personal span.more {
text-align: left;
color: #9ED174;
}
.personal-agent row {
display: table-cell;
vertical-align: middle;
}
.personal-agent-content {
color: #595959;
padding: 15px !important;
line-height: 14px;
}
.personal-agent-content div:first-child {
padding-bottom: 1px !important;
}
.container-right .personal-agent-content span {
font-size: 111%;
}
.personal-agent-name {
font-size: 132%;
letter-spacing: 0.5px;
font-weight: normal;
color: #20417c;
}
/* worksContainerRegion css */
.works-container {
overflow: hidden;
font-size: 142%;
margin-top: 80px;
margin-bottom: 80px;
}
.favorites-container {
padding-top: 20px;
}
.favorites-container img {
height: 50%;
display: inline-block;
vertical-align: middle;
}
.img-with-text {
position: relative;
}
.img-with-text img {
height: 180px;
width: 100%;
}
.the-text {
width: 100%;
padding-left: 10px;
display: inline-block;
}
.works-container strong {
font-size: 214%;
font-weight: normal;
cursor: pointer;
}
.works-container li,
.content-inner.tip-content li {
font-size: 178%;
font-weight: 300;
letter-spacing: 0.6px;
}
.favorite-region .bottom-text,
.custom-region .bottom-text,
.favorite-region .top-text,
.custom-region .top-text {
background-color: #eb6a10;
overflow: hidden;
padding: 10px 0px;
color: #ffffff;
}
.favorite-region .top-text {
padding: 40px 0;
}
.top-text div a div {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 28px;
line-height: 28px;
}
.favorite-region p {
/*font-size: 111%;*/
}
.favorite-region .bottom-text .favorite-title {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 16px;
height: 80px;
}
.works-container a,
.tip-content a {
color: #ffffff;
}
.works-container span,
.tip-content span {
color: #ffffff;
}
.works-container span.previous-price {
text-decoration: cancel-overline;
}
.works-container p {
margin: 0 0 0px;
}
.bottom-text ul,
.content-inner.tip-content ul {
color: #9ED174;
list-style-type: square;
}
/* video */
video {
display: block;
width: 100%;
height: 581px;
object-fit: cover;
max-width: 1920px;
margin: 0 auto;
}
.works-container-about-us .video-mask {
overflow: hidden;
}
/*about us container*/
.works-container-about-us {
background-color: #f63b08 !important;
overflow: hidden;
color: #ffffff;
padding-bottom: 80px;
}
.works-container-about-us h2 {
font-size: 32px;
text-align: left;
color: #ffffff;
text-align: center;
font-size: 32px;
padding-top: 80px;
padding-bottom: 50px;
}
.margin-bottom-10 p {
margin: 0;
}
.about-us-content p,
.landlord-content p {
margin: 0;
font-size: 142%;
letter-spacing: 0.5px;
}
.about-us-content,
.landlord-content {
background: #d3e4f5;
overflow: hidden;
}
.landlord-content {
padding: 9px 10px;
}
/*about us container end*/
/* buy houses container*/
.buy-houses-content {
/*height: 260px*/
}
.buy-houses-content .arrow-right {
padding-right: 15px;
}
.works-container-buy-houses ul {
list-style-type: none;
font-size: 142%;
padding-left: 10px;
font-weight: 300;
line-height: initial;
}
.works-container-buy-houses li:before {
content: " - ";
}
.works-container-buy-houses .green-color {
position: absolute;
height: 40px;
letter-spacing: 0.6px;
font-size: 164%;
padding-top: 4px;
right: 0;
bottom: 0;
z-index: 0;
padding-right: 8px;
}
.buy-house-text {
letter-spacing: 0.4px;
position: relative;
padding-top: 13px;
margin-bottom: 40px;
}
.buy-house-image {
position: relative;
z-index: 1;
}
.works-container-buy-houses p {
margin: 0px;
}
.works-container-buy-houses img {
width: 100%;
}
.house-row-1 {
font-size: 142%;
padding-bottom: 5px;
}
.house-row-2 {
font-size: 121%;
}
.house-row-3,
.house-row-5 {
font-size: 128%;
font-style: italic;
text-decoration: underline;
padding-bottom: 5px;
letter-spacing: 0.5px;
font-weight: 300;
font-stretch: normal;
}
.house-row-4 {
font-size: 135%;
font-weight: 300;
letter-spacing: 0.5px;
font-stretch: normal;
font-size: 121%;
color: #595959;
}
.house-row-6 {
font-size: 142%;
}
.house-row-7 {
font-size: 142%;
}
/* buy houses container end*/
.margin-bottom-10 {
margin-bottom: 10px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
.margin-bottom-10 button {
height: 40px;
color: white;
line-height: 40px;
padding: 0 9px 9px;
font-size: 178%;
padding-left: 10px;
border: none;
text-align: left;
}
.margin-bottom-10 a.homemenulink {
height: 40px;
display: block;
color: white;
line-height: 40px;
padding: 0 9px 9px;
font-size: 178%;
padding-left: 10px;
border: none;
text-align: left;
}
.no-left-border {
padding-left: 9px;
}
.no-right-border {
font-weight: bold;
padding-right: 0;
}
/*Breadcrumbs*/
.breadcrumbs-wrapper {
background-color: #f49d00;
color: #ffffff;
}
#breadcrumbs {
font-size: 20px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1;
text-align: left;
color: #555555;
margin: 30px 0px;
}
#breadcrumbs .container {
padding: 0px;
}
.header-image-container {
object-fit: cover;
height: auto;
max-width: 100%;
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
}
.header-image-container img {
object-fit: cover;
object-position: 100% 70%;
width: 100%;
height: 581px;
}
#breadcrumbs ul {
padding: 0px;
margin: 0px;
}
#breadcrumbs li {
list-style: none;
display: inline;
color: #ffffff;
}
#breadcrumbs li a {
font-size: 15px;
color: #ffffff;
}
/*Content page*/
.content {
border-bottom: 5px solid #ffffff;
background-color: #ffffff;
}
.content h1 {
background-color: #20417c;
padding: 15px 20px;
font-size: 25px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 0.8;
text-align: left;
color: #ffffff;
margin: 0px;
}
.content-default ul {
list-style: none;
padding: 0;
margin: 0;
}
.content-default li {
padding-left: 1.75em;
position: relative;
list-style: none;
}
.content-default li:before {
font-size: 15px;
content: "â– ";
color: #9ED174;
position: absolute;
left: 0em;
}
.content-default hr {
height: 2px;
background-color: #9ED174;
}
.content-inner {
padding: 0px 0px 40px 0;
}
.content h2 {
font-weight: 300;
font-style: normal;
font-stretch: normal;
/*border-top: 2px solid #9ED174; border-bottom: 2px solid #9dad38;*/
font-size: 20px;
font-weight: normal;
}
.content p,
.content-inner {
font-size: 15px;
color: #595959;
}
.content img {
/* max-width: 100%;
width: 100%;*/
}
/* content right */
.right-menu h3,
.contact-right h3,
.right-module h3 {
margin: 0px;
background-color: #f35527 !important;
font-size: 20px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
padding: 7px 21px;
text-align: left;
color: #ffffff;
}
.right-module .towishlistbutton {
margin-top: 0;
position: static;
}
.container-right img {
/*width:100%;*/
}
.contact-right-inner {
background-color: #d3e3f5;
padding: 20px;
font-size: 17px;
}
.right-module-content-blue {
background-color: #d3e3f5;
padding: 20px;
font-size: 16px;
}
.teravelLinks > li:before {
content: "-";
text-indent: -5px;
}
ul.teravelLinks {
list-style: none;
margin-left: 0;
padding-left: 0px;
}
ul.teravelLinks > li:before {
display: inline-block;
content: "-";
width: 5px;
margin-left: -5px;
}
ul.teravelLinks a {
color: #555555;
}
.blue {
color: #299ae2;
font-style: italic;
}
.underline {
text-decoration: underline;
}
.right-menu ul {
padding: 10px 10px 5px 10px;
list-style: none;
}
.right-menu ul li a {
margin-bottom: 5px;
background-color: #eb6a10;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.83;
text-align: left;
color: #ffffff;
display: block;
padding: 3px 11px;
}
.right-menu ul li a:hover,
.right-menu ul li a.active {
font-style: italic;
background-color: #f49d00;
}
.right-module {
margin-bottom: 20px;
}
.breadcrumbsimage,
.breadcrumbsimage:hover {
color: #555555;
}
.top-info-row {
margin-bottom: 20px;
}
/* Search listing */
.top-info-search {
font-size: 25px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
margin: 30px 0;
text-align: left;
color: #ffffff;
}
.object-description p {
margin-top: 0;
margin-bottom: 0;
}
.right-filters {
font-size: 17px;
text-align: right;
margin: 30px 0;
}
.img-responsive {
object-fit: cover;
max-width: 100%;
width: 100%;
}
.top-tabs {
background-color: #eb6a10;
}
.top-tabs div[class*='col'] {
background-color: #f49d00;
padding: 10px;
}
.top-tabs h2 {
color: #ffffff;
font-size: 180%;
font-weight: 300;
line-height: 1;
text-align: left;
color: #ffffff;
display: inline;
width: 50%;
float: left;
}
.top-tabs .rating-container {
/*float : right;*/
}
.top-tabs ul.nav-tabs {
padding-left: 0px;
}
.top-tabs .nav-tabs li {
list-style: none;
display: inline;
}
.top-tabs .nav-tabs li a {
padding: 9px 15px;
font-size: 143%;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 0.75;
text-align: left;
color: #ffffff !important;
display: inline-block;
background-color: transparent;
z-index: 0 !important;
border: 0px solid transparent !important;
}
.top-tabs .nav-tabs li:hover a,
.top-tabs .nav-tabs li.active a {
background-color: #f49d00;
}
.margintop20 {
margin-top: 20px;
}
.marginbottom10 {
margin-bottom: 10px;
}
.marginbottom20 {
margin-bottom: 20px;
}
.margintop30 {
margin-top: 30px;
}
.marginbottom30 {
margin-bottom: 30px;
}
.margintop50 {
margin-top: 50px;
}
.marginbottom50 {
margin-bottom: 50px;
}
.activate-page-subtext {
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
}
.payment-description {
font-weight: bold;
}
.booking-details-title {
font-size: 30px;
color: #eb6a10;
}
.booking-details-content {
font-size: 18px;
text-align: left;
}
.object-description {
margin-top: 4px;
font-size: 120%;
/*font-weight: 300;*/
font-style: normal;
font-stretch: normal;
text-align: left;
color: #555555;
}
.listing-second-row span {
color: #555555;
font-weight: normal;
font-size: 120%;
}
.listing-second-row .second-row-details {
padding-top: 11px;
}
.region-short-description {
padding-top: 15px;
}
.object-description-objnr {
font-size: 17px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #555555;
margin-bottom: 20px;
}
.list-image-container {
max-height: 200px;
overflow: hidden;
position: relative;
}
.list-image {
min-height: 200px;
}
.list-image-title h2 {
color: #ffffff !important;
margin: 5px 5px;
font-size: 30px;
}
.list-image-caption {
background-color: #f49d00;
position: absolute;
bottom: 10px;
right: 10px;
}
.list-image-caption-discount {
background-color: #cf142b;
position: absolute;
bottom: 10px;
left: 10px;
}
.list-image-caption-booked {
background-color: #fecb00;
position: absolute;
top: 13px;
left: 10px;
}
.absolute-container {
position: absolute;
right: 10px;
bottom: 10px;
float: right;
color: #ffffff;
font-size: 20px;
}
.object-price {
margin-top: 0px;
text-align: right;
background-color: #f49d00;
padding: 7px 8px 4px 10px;
font-weight: 300;
float: right;
color: #ffffff;
font-size: 145%;
line-height: 1.1;
position: absolute;
bottom: 0;
right: 0;
}
.normalPrice {
font-size: 90%;
}
.object-price.red {
background-color: #cf142b;
width: 20%;
}
a.object-price:hover,
a.object-price:active,
a.object-price:focus {
color: #ffffff;
}
.calendar_legend_container {
margin-top: 10px;
padding-left: 0;
}
.ng-invalid.ng-touched {
border: 1px solid #ff0000 !important;
}
form.ng-invalid {
border: 0px solid #ff0000 !important;
}
.objectnumbersul {
margin-top: 6px;
}
.requiredfield:after {
content: "*";
color: #ff0000;
display: inline;
}
.object-price .price {
font-weight: 400;
font-size: 130%;
}
.towishlistbutton {
background-color: #299ae2;
padding: 5px 12px;
font-size: 21px;
float: right;
margin-right: 10px;
color: #ffffff;
position: absolute;
bottom: 10px;
right: 225px;
margin-top: 40px;
cursor: pointer;
}
.request-price {
color: #eb6a10;
font-size: 25px;
margin-right: 25px;
}
.inquiry-button {
background-color: #f63b08;
padding: 5px 12px;
font-size: 25px;
margin-right: 10px;
color: #ffffff;
margin-top: 20px;
cursor: pointer;
margin-bottom: 15px;
display: inline-block;
border: none;
}
.inquiry-button:hover {
background: #f35527 !important;
color: #fff;
}
.display-block {
display: block;
float: none;
text-align: center;
}
.towishlistbutton:hover {
color: #ffffff;
text-decoration: underline;
}
.object_reviews {
float: left;
margin-right: 20px;
font-size: 15px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.47;
text-align: left;
color: white;
white-space: nowrap;
padding: 7px 0;
}
.form-notifications {
color: #ff0000;
width: 100%;
}
.form-notifications-grey {
color: #555555;
width: 100%;
}
.rating-container {
width: 120px;
height: 20px;
background: transparent url("assets/images/white_stars.png") no-repeat left center;
float: left;
}
.rating-container-grey {
width: 120px;
height: 20px;
background: transparent url("assets/images/grey_stars.png") no-repeat left center;
float: left;
}
.rating-container-grey .rating-container-inner {
margin-top: -2px;
margin-left: 1px;
}
.reviews-avarage-rating-container {
font-family: Roboto;
font-size: 124%;
letter-spacing: 0.5px;
text-align: left;
color: #555555;
}
.max-persons {
float: left;
font-size: 20px;
padding: 10px 0px 10px 40px;
}
.sqmeters {
float: left;
margin-left: 20px;
font-size: 20px;
padding: 10px 0px 10px 30px;
}
.max-persons {
background: transparent url("assets/images/icon_person.png") no-repeat left center;
}
.sqmeters {
background: transparent url("assets/images/icon_area.png") no-repeat left center;
}
.object-listing-item {
margin-bottom: 40px;
}
/* Pagination */
.pagination {
display: block;
margin: 20px 0 0px 0;
}
.pagination ul {
margin: 0 auto;
padding: 0;
text-align: center;
}
.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev,
.pagination li.pagination-first,
.pagination li.pagination-next,
.pagination li.pagination-last,
.pagination li.pagination-prev {
background-image: none;
color: #ffffff;
height: 35px;
padding: 0;
text-align: center;
}
.pagination li {
list-style: outside none none;
background-color: #9ED174;
height: 35px;
margin: 0 6px;
padding: 0;
text-align: center;
display: inline-block;
}
.pagination li a,
.pagination li span {
padding: 7px 13px;
background-color: #9ED174;
font-size: 110%;
color: #ffffff;
border: none;
}
/*.pagination li.pagination-start a, .pagination li.pagination-next a, .pagination li.pagination-last a, .pagination li.pagination-prev a,
.pagination li.pagination-start span.pagenav, .pagination li.pagination-next span.pagenav, .pagination li.pagination-last span.pagenav,
.pagination li.pagination-prev span.pagenav {
background-image: none;
color: #ffffff;
}*/
a.pagenav {
cursor: pointer;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
background-color: #218b89;
border-radius: 0px;
color: #ffffff;
text-decoration: none;
border: none;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
color: #ffffff;
cursor: not-allowed;
background-color: transparent;
border: none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-radius: 0;
}
.pagenav {
color: #ffffff;
display: block;
font-size: 17px;
line-height: 34px;
text-decoration: none;
width: 100%;
}
.footer_top_image {
float: left;
margin: 20px 20px 20px 20px;
width: 50%;
}
.footer_top p {
margin: 10px 20px;
font-weight: 300;
font-size: 20px;
}
.lightboxlink {
cursor: pointer;
}
.footer-h1 {
margin: 40px 0px 10px 0px;
}
.footer-h1 span:before {
content: "-";
width: 20px;
padding: 0px 20px;
}
.footer-h1 span:first-child:before {
content: "";
width: 20px;
padding: 0px 20px;
}
.red-header H3 {
background-color: #ff0000;
}
.yellow-header H3 {
background-color: #fcc300;
}
.list-image {
max-width: auto;
height: 100%;
max-height: 100%;
overflow: hidden;
}
/* Object details */
.wishlistitemlink {
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #20417c;
text-transform: uppercase;
}
.wishlistitemdeletelink {
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #555555;
}
.wishlistitem {
margin-top: 20px;
}
.wishlistitem:last-of-type {
margin-top: 20px;
margin-bottom: 20px;
}
.shortDescription {
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #595959;
margin-top: 10px;
line-height: 1.32;
}
.shortDescriptionobjNr {
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #595959;
line-height: 1.32;
}
.notes-details-discount {
color: #cf142b;
}
.notes-details p {
margin: 0;
}
.additionalCosts div span:first-child {
width: 50%;
display: inline-block;
}
.topPriceText {
font-size: 100%;
font-weight: 300;
font-style: normal;
font-stretch: normal;
text-align: right;
color: #595959;
}
.topPrice {
font-size: 120%;
font-weight: bold;
font-style: normal;
font-stretch: normal;
text-align: center;
width: 100%;
color: #20417c;
}
.displayflex {
display: flex;
}
.normalweight {
font-weight: normal;
}
.headertext {
font-size: 20px;
font-weight: normal;
}
.content-color-inner {
padding: 0px;
}
.objectDetailsData {
font-size: 16px;
font-weight: 300;
color: #555555;
}
.objectDetailsData td {
padding-right: 10px;
}
.objectDetailsData .arrival-datepicker .dropdown-menu {
padding: 0px;
}
.objectDetailsData .arrival-datepicker td {
padding-right: 0px;
}
.objectDetailsData .arrival-datepicker td button {
border-radius: 0px;
}
.objectdetailscontainer h3 {
margin-top: 1.0em;
margin-bottom: 1.0em;
}
.custom-red-button {
background-color: #f63b08;
letter-spacing: 0.6px;
text-align: left;
font-size: 25px;
color: #ffffff;
width: 100%;
padding: 10px;
}
.custom-red-button:hover {
background: #f35527 !important;
color: #fff;
}
.objecttab {
margin-bottom: 20px;
}
.cursor-pointer {
cursor: pointer;
}
.galleryimage {
/*margin-bottom: 15px;*/
overflow: hidden;
padding-top: 30px;
}
.galleryimage img {
width: 100%;
height: 180px;
}
.objectgallerycontainer-inner {
padding: 0 0 10px 0;
margin: 0 -15px;
}
.tab-content {
border: 0px;
padding: 0px;
}
.periodTitle {
font-size: 124%;
font-weight: normal;
}
.right {
text-align: right;
}
#objectprices table {
width: 100%;
}
.reviewhead {
font-size: 14px;
padding: 3px 0px;
}
.reviewrow {
border-top: 2px solid #f63b08;
font-size: 14px;
padding: 7px 0px;
}
.replyhead {
border-top: 2px solid #9ED174;
font-size: 14px;
padding: 7px 15px;
margin-top: 10px;
}
.objectDetailsData pagination {
margin-top: 20px;
}
#objectreviewsanchor .nav-tabs li {
margin-bottom: 0px;
}
/* --------- Calendar CSS ----------- */
.fewo-calendar {
margin-right: -1px;
}
.fewo-calendar table {
width: 100.8%;
border-spacing: 0px;
border-collapse: separate;
margin-left: -1.5px;
margin-top: -0.8px;
}
.fewo-calendar button {
padding: 8px 0px;
text-align: center;
}
.fewo-calendar button strong {
font-weight: normal;
}
.fewo-calendar button.uib-left,
.fewo-calendar button.uib-right {
display: none;
}
.fewo-calendar button.uib-title {
background: none;
border: none;
color: white;
font-size: 84%;
}
.fewo-calendar table thead tr:first-child {
background: #f35527 !important;
}
.fewo-calendar table thead tr:nth-child(2) th {
padding: 6px 0;
}
.fewo-calendar table thead tr:nth-child(2) small {
font-size: 75% !important;
font-weight: 300;
color: #555555;
}
.fewo-calendar .uib-day {
padding: 2px;
}
.fewo-calendar .uib-day:first-child {
padding-left: 6px !important;
}
.fewo-calendar .uib-day:last-child {
padding-right: 6px !important;
}
.fewo-calendar .uib-day button,
.fewo-calendar .uib-day button:hover,
.fewo-calendar .uib-day button:active {
padding: 3px 2px;
border-radius: 0;
color: #555555;
background: white;
border: 1px solid #ddd;
}
.calendarcontainer .fewo-calendar .uib-day button,
.calendarcontainer .fewo-calendar .uib-day button:hover,
.calendarcontainer .fewo-calendar .uib-day button:active {
background: #ffffff;
border: none;
}
.fewo-calendar .uib-day button span.text-info {
color: #555;
}
.fewo-calendar .uib-day.reserved button {
background: #9ED174;
}
.fewo-calendar .uib-day.reserved_departure button {
/*background: linear-gradient(to right bottom, #9ED174 49%, #ffffff 51%);*/
background-image: url(assets/images/diagonal100X100.png);
/*background-size:contain;*/
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.reserved_arrival button {
/*background: linear-gradient(to left top, #9ED174 49%, #ffffff 51%);*/
background-image: url(assets/images/diagonal100X100_bottom.png);
/*background-size:contain;*/
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.reserved_arrival.reserved_departure button {
/*background: linear-gradient(to bottom right, transparent calc(50% - 1px), #ffffff calc(50% - 2px), #ffffff calc(50% + 1px), transparent 50%) #9ED174;*/
background-image: url(assets/images/diagonal100X100_bottom_top.png);
/*background-size:contain;*/
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.date-hidden button {
display: none;
}
.fewo-calendar .uib-day.inquiry button {
background: #ffdb60;
}
.fewo-calendar .uib-day.reserved.half-bottom button {
background: #33cc33;
background: #33cc33;
background-image: url(assets/images/reserved_bg.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.reserved.half-top button {
background: #33cc33;
background-image: url(assets/images/reserved_top_bg.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.inquiry.half-bottom button {
background: #33cc33;
background-image: url(assets/images/inquiry_bg.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.inquiry.half-top button {
background: #33cc33;
background-image: url(assets/images/inquiry_top_bg.png);
background-position: top left;
background-repeat: no-repeat;
}
.fewo-calendar .uib-day.weekend button {
background: #f49d0045;
border: 1px solid #f35527;
}
.fewo-calendar .btn.disabled,
.fewo-calendar .btn[disabled],
.fewo-calendar fieldset[disabled] .btn {
opacity: 1;
}
.fewo-calendar .btn-default[disabled]:hover {
cursor: not-allowed;
}
/*object calendar in details page css*/
.objectcalendarcontainer .calendarcontainer tr {
/*border-left: solid 1px #d4d4d4;
border-right: solid 1px #d4d4d4;*/
}
.objectcalendarcontainer {
font-size: 16px;
}
.details-topright-container {
font-size: 16px;
}
.objectcalendarcontainer .uib-daypicker {
border: solid 1px #d4d4d4;
border-color: #d4d4d4;
}
.objectcalendarcontainer .fewo-calendar .uib-day button {
border: solid 1px #d4d4d4;
}
.objectcalendarcontainer .calendarcontainer table {
border-spacing: 2px !important;
border-collapse: collapse;
}
.fewo-calendar .btn-default[disabled].uib-title:hover,
.fewo-calendar .btn-default[disabled].uib-title:active,
.fewo-calendar .btn-default[disabled].uib-title:focus {
cursor: not-allowed;
background: transparent;
border-color: transparent;
cursor: default;
color: white;
}
.calendar_legend div {
float: left;
min-height: 15px;
padding-right: 20px;
color: #595959;
font-weight: normal;
font-size: 16px;
}
.calendar_legend .legend_icon {
display: inline-block;
height: 20px;
position: relative;
top: 5px;
width: 20px;
}
.calendar_legend .calendar_free {
background-color: #ffffff;
border: solid 1px #d4d4d4;
}
.calendar_legend .calendar_notfree {
background-color: #9ED174;
}
.calendar_legend .calendar_in_inquiry {
background-color: #ffdb60;
}
.border-box {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.calendar {
float: left;
display: block;
background: white;
width: 300px;
border: solid 1px #d4d4d4;
margin-bottom: 10px;
}
.calendar .header {
float: left;
width: 100%;
background: #9ED174;
color: white;
}
div.week {
float: left;
width: 100%;
}
.week .day {
float: left;
width: 13.28%;
font-size: 18px;
text-align: center;
background: white;
cursor: pointer;
color: #555555;
margin: 3px 0.5% 3px 0.5%;
background-color: #33cc33;
}
.week.names .day {
background-color: white;
cursor: default;
}
.week-day .calendar-days-green {
border: solid 1px #d4d4d4;
background-color: white;
}
/* div.week span.day:first-child {
border-left:none;
} */
div.week span.day.today {
background: #fcc300;
}
div.week span.day.different-month,
.different-month {
visibility: hidden;
}
div.week span.day.selected {
background: #9ED174;
}
/* ---------------------------- */
.content-color-inner .topPrice {
display: inline;
/*margin-left:20px;*/
white-space: nowrap;
}
.page-title {
background-color: #eb6a10;
}
.page-title h1 {
font-size: 25px;
font-weight: 300;
line-height: 0.8;
text-align: left;
color: #ffffff;
margin-bottom: 30px;
margin-top: 30px;
}
.detailsformshort {
background-color: #f3820a;
}
.detailsformshort .arrival-datepicker input.form-control {
padding: 3px 5px;
font-size: 14.3px;
height: 28px;
}
.detailsformshort .personsSelect {
/* padding-left: 0;
padding-right: 0;*/
}
.detailsformshort .arrival-datepicker .input-group-btn button {
height: 28px;
line-height: 17px;
}
.detailsformshort .formrow select {
height: 25px;
}
.detailsformshort .input-group-btn .btn-default {
padding: 6px 6px;
}
.price-heading {
font-size: 103%;
font-weight: 300;
line-height: 1.61;
text-align: left;
color: #ffffff;
text-align: center;
}
.detailsformshort .towishlistbutton,
.confirmbutton {
font-size: 105%;
font-weight: normal;
padding: 10px 15px;
margin-left: 10px;
margin: 20px 0px;
position: initial;
/* override the towishlist position setting */
}
.detailsformshort-content {
margin-top: 15px;
}
.towishlistbuttonor {
font-size: 105%;
font-weight: normal;
font-style: normal;
font-stretch: normal;
color: #ffffff;
float: right;
padding: 10px 0px;
margin: 20px 20px;
}
.detailsformshort {
margin-top: 0px;
margin-bottom: 10px;
}
.payment-sofort-form {
margin: 0 auto;
width: 600px;
}
.pending-message {
font-size: 15px;
font-weight: 300;
text-align: center;
color: #000000;
}
.detailsformshort .formrow {
margin-bottom: 7px;
}
.detailsformshort .formrow label,
.detailsformshort .formrow span {
font-size: 113%;
font-weight: 300;
color: #ffffff;
}
.detailsformshort select {
width: 100%;
}
.detailsformshort .uib-daypicker span {
color: #555555;
}
.detailsformshort .uib-daypicker span.text-muted {
color: #777;
}
/* calendar */
.calendar_month_wrapper {
padding: 0 13px 10px;
}
.calendar_month {
background: #fff none repeat scroll 0 0;
font-style: normal;
min-height: 274px;
padding: 0;
}
.calendar_month_header {
background-color: #9ED174;
color: #fff;
font-size: 18px;
font-weight: normal;
padding: 6px 0;
text-align: center;
}
.calendar_month_table_container {
padding-left: 4px;
padding-right: 4px;
}
.reservation_calendar th {
color: #555555;
font-size: 18px;
text-align: center;
font-weight: normal;
}
.reservation_calendar td {
background-color: #ffffff;
border: 5px solid #fff;
color: #555555;
font-size: 18px;
height: 10px;
padding: 0;
text-align: center;
width: 10px;
}
.reservation_calendar td .calendar_inner_data {
background-color: #33cc33;
height: 29px;
position: relative;
width: 29px;
}
table.reservation_calendar {
width: 100%;
}
.calendar_container {
margin-top: 30px;
}
.previousMonthBtn {
font-size: 20px;
line-height: 1.11;
text-align: left;
color: #f49d00;
cursor: pointer;
margin-bottom: 10px;
float: left;
margin-left: 0px !important;
padding: 3px 0 10px;
}
.previousMonthBtn:before {
content: '<< ' !important;
font-size: 30px;
padding-bottom: 0;
position: relative;
top: 3px;
}
/* calendar end*/
.nextMonthBtn {
font-size: 20px;
line-height: 1.11;
text-align: right;
color: #f49d00;
cursor: pointer;
margin-bottom: 10px;
float: right;
margin-right: 0px !important;
padding: 3px 0 10px;
}
.nextMonthBtn:after {
content: ' >>' !important;
font-size: 30px;
text-decoration: none;
position: relative;
top: 3px;
}
.left-extras-filter {
margin-bottom: 15px;
}
/* End object details */
.attributes-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.revoslider-container:last-child a {
text-align: center;
}
.personal-agent {
background-color: white;
height: 400px;
min-width: 260px;
}
.personal-agent span.text-label {
float: left;
text-align: left;
}
.personal-agent span.text-value {
text-align: right;
display: block;
}
.seven-cols {
padding-left: 7px;
padding-right: 7px;
}
.rating-container-inner {
margin-top: -3px;
}
/*rezervation form page*/
#request-content .form-group .form-entiy {
font-size: 114%;
line-height: 2.19;
}
#request-content .request-checkbox {
margin-top: 10px;
}
.request-breadcrumb .row {
/*padding-left: 5px;*/
}
.request-title .row {
/*padding-left: 20px;*/
}
.personal-agent .personal-agent-img:before {
/*content: '';*/
display: inline-block;
vertical-align: middle;
/* vertical alignment of the inline element */
height: 100%;
}
#request-content .thanks-text,
#contact-complete .thanks-text {
font-weight: 300;
text-align: left;
color: #555555;
font-size: 178%;
}
.imprint-form .left-input {
text-align: left;
}
.imprint-form .pay-button,
#request-content .continue-text {
align-self: auto;
background-color: #eb6a10;
color: #ffffff;
width: 300px;
margin: 20px auto;
padding: 7px 70px;
font-size: 178%;
letter-spacing: 0.6px;
text-align: center;
border: none;
border-radius: 20px;
text-decoration: none;
}
.imprint-form .pay-button:hover,
#request-content .continue-text:hover {
background-color: #f49d00;
}
.imprint-columns {
margin-bottom: 20px;
}
.imprint-form .arrival-datepicker .input-group-btn,
.imprint-form .departure-datepicker .input-group-btn {
vertical-align: top;
}
.imprint-form .arrival-datepicker .input-group-btn > button,
.imprint-form .departure-datepicker .input-group-btn > button {
background-color: #eb6a10;
color: #ffffff;
border-radius: unset;
padding-top: 0px;
}
.imprint-form .arrival-datepicker .input-group-btn > button:hover,
.imprint-form .departure-datepicker .input-group-btn > button:hover {
background-color: #f49d00;
}
.imprint-form .arrival-datepicker .btn-default.active,
.imprint-form .departure-datepicker .btn-default.active {
background-color: #eb6a10;
border-color: #eb6a10;
color: #ffffff;
}
.imprint-form .arrival-datepicker button.active .text-info {
color: #ffffff;
}
#header .language-select {
position: fixed;
top: 100px;
right: -75px;
z-index: 10;
width: 150px;
transition: all 0.5s ease;
}
#header .language-select > .lang-list {
display: inline;
vertical-align: middle;
}
#header .language-select > .lang-list .lang-name {
display: inline-flex;
width: 50px;
height: 50px;
background-color: #ffffff;
margin-right: -4px;
padding: 12px;
vertical-align: bottom;
text-transform: uppercase;
color: #222222;
font-size: 20px;
}
#header .language-select > .lang-list img {
margin: 0;
padding: 0;
}
#header .language-select:hover {
right: 0px;
}
textarea.form-control {
height: 121px;
resize: none;
}
input.form-control:focus,
textarea.form-control:focus {
outline: #9ED174 auto 5px;
border-color: #9ED174;
box-shadow: none;
}
.g-recaptcha {
width: 303px;
}
#contact-form .g-recaptcha {
margin: 0 auto;
}
#contact-form .submit-button-container {
text-align: center;
}
/* Reservation form page and imprint page */
#reservation-form {
margin-bottom: 20px;
}
#reservation-form .table-price {
width: 100%;
font-size: 128%;
font-weight: 300;
line-height: 1.94;
text-align: left;
color: #555555;
}
#reservation .step-link {
display: inline-block;
}
#reservation-form a {
display: inline-block;
}
#reservation-form a:hover {
text-decoration: underline;
color: #ffffff;
}
#reservation-form h2 {
font-size: 178%;
font-weight: 300;
line-height: 0.8;
text-align: left;
color: #555555;
padding-top: 14px;
padding-bottom: 10px;
letter-spacing: 0.6px;
margin-bottom: 0px;
margin-top: 0px;
}
#reservation-form h2.active {
font-style: italic;
}
.heading-form {
font-size: 178%;
font-weight: 300;
line-height: 0.8;
text-align: left;
padding-top: 14px;
padding-bottom: 10px;
letter-spacing: 0.6px;
margin-bottom: 0px;
margin-top: 0px;
}
.horizontal-line {
height: 5px;
background-color: #9ED174;
}
.calculate-link {
font-size: 128%;
line-height: 1.94;
text-align: left;
color: #299ae2;
}
.continue-button {
background-color: #299ae2;
margin-bottom: 30px;
margin-right: 8px;
}
.continue-text {
font-size: 178%;
letter-spacing: 0.6px;
text-align: center;
color: #ffffff;
display: inline-block;
padding: 5px;
border: none;
background-color: #f63b08;
border-radius: 20px;
text-decoration: none;
height: 50px;
}
.continue-text:hover {
text-decoration: none;
background-color: #f49d00;
}
.description {
font-size: 128%;
font-weight: 300;
text-align: left;
color: #555555;
padding-top: 10px;
padding-bottom: 10px;
}
.label-data {
font-size: 114%;
margin-top: 5px;
margin-bottom: 10px;
text-align: left;
color: #555555;
font-weight: normal;
font-style: normal;
font-stretch: normal;
}
.label-data.required::after {
content: "*";
color: #ff0000;
display: inline;
padding-left: 5px;
}
.label-data-noreq {
font-size: 114%;
line-height: 2.19;
text-align: left;
color: #555555;
font-weight: normal;
font-style: normal;
font-stretch: normal;
}
.label-terms {
font-size: 15px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
text-align: left;
color: #595959;
}
.field-names {
font-size: 142%;
line-height: 1.75;
text-align: left;
color: #555555;
font-weight: normal;
font-style: normal;
font-stretch: normal;
padding-left: 7px;
}
.form-title {
font-size: 142%;
font-weight: 300;
line-height: 0.75;
text-align: left;
color: #ffffff;
padding: 4px 22px;
}
#reservation-form .padding-form,
#request-content .padding-form,
#contact-form .padding-form,
#contact-content .padding-form {
padding-left: 8px;
padding-right: 7px;
}
#reservation-form .form-horizontal .form-group,
#request-content .form-horizontal .form-group,
#contact-content .form-horizontal .form-group {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
#step4 td {
padding-right: 50px;
}
#reservation-form .form-control,
#request-content .form-control {
margin-bottom: 10px;
}
#reservation-form .has-error .form-control.ng-valid {
border-color: #d4d4d4 !important;
}
.imprint-form li {
list-style: none;
}
.imprint-form li a {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #555555;
}
.date-select-holder {
display: inline-block;
}
.date-select-date {
width: 30%;
padding-right: 10px;
}
.date-select-year {
width: 40%;
}
.date-select {
display: inline-block;
box-sizing: border-box;
}
.date-select > select {
width: 100%;
}
.imprint-column {
padding-top: 10px;
padding-bottom: 20px;
}
/* Reservation form page and imprint page end */
/* Modal popup start */
.modal-content {
border-radius: 0px;
}
.modal-header {
background-color: #eb6a10;
font-size: 20px;
font-weight: 500;
text-align: left;
color: #ffffff;
}
.modal-body {
font-size: 17px;
line-height: 2.5;
text-align: center;
color: #5c5c5c;
}
.modal-footer {
padding: 21px 0px 21px 21px;
border-top: 1px solid #eb6a10;
margin: 0px 20px;
}
.modal-ok-btn {
background-color: #eb6a10;
font-size: 17px;
text-align: center;
color: #ffffff;
border-radius: 0px;
padding: 0px 46px;
}
.modal-cancel-btn {
background-color: #cf142b;
font-size: 17px;
text-align: center;
color: #ffffff;
border-radius: 0px;
padding: 0px 46px;
}
.modal-body span[uib-rating] {
line-height: 3.5;
}
/* Modal popup end */
/* Tips container start */
.content-inner.tip-content ul {
padding-left: 25px;
}
/* Tips container end */
.colon-suffix:after {
content: ":";
}
.semi-padding-left {
padding-left: 5px;
padding-right: 10px;
}
.yellow-color {
color: yellow;
}
.modal-body [uib-rating] .glyphicon-star:not(.yellow-color) {
color: #888888;
}
.frb-group {
margin: 15px 0;
}
.frb ~ .frb {
margin-top: 15px;
}
.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
display: none;
}
.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
font-family: FontAwesome;
content: '\f096';
position: absolute;
top: 50%;
margin-top: -11px;
left: 15px;
font-size: 22px;
}
.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
content: '\f046';
}
.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
position: relative;
cursor: pointer;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f2f2f2;
}
.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover,
.frb input[type="checkbox"] ~ label:focus,
.frb input[type="checkbox"] ~ label:hover {
box-shadow: 0px 0px 3px #333;
}
.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
color: #fafafa;
}
.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
background-color: #f2f2f2;
}
.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
color: #333;
}
.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
background-color: #337ab7;
}
.frb.frb-success input[type="radio"]:checked ~ label,
.frb.frb-success input[type="checkbox"]:checked ~ label {
background-color: #5cb85c;
}
.frb.frb-info input[type="radio"]:checked ~ label,
.frb.frb-info input[type="checkbox"]:checked ~ label {
background-color: #5bc0de;
}
.frb.frb-warning input[type="radio"]:checked ~ label,
.frb.frb-warning input[type="checkbox"]:checked ~ label {
background-color: #f0ad4e;
}
.frb.frb-danger input[type="radio"]:checked ~ label,
.frb.frb-danger input[type="checkbox"]:checked ~ label {
background-color: #d9534f;
}
.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
display: inline-block;
}
.frb input[type="radio"]:empty ~ label span.frb-title,
.frb input[type="checkbox"]:empty ~ label span.frb-title {
font-size: 16px;
font-weight: 700;
margin: 5px 5px 5px 50px;
}
.frb input[type="radio"]:empty ~ label span.frb-description,
.frb input[type="checkbox"]:empty ~ label span.frb-description {
font-weight: normal;
font-style: italic;
color: #999;
margin: 5px 5px 5px 50px;
}
.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
color: #fafafa;
}
.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
color: #999;
}
/* BEGIN review rating star styles */
.review-rating-filled {
width: 14px;
height: 14px;
background-size: cover !important;
background: url('/assets/images/review_rating/filled.png');
}
.review-rating-empty {
width: 14px;
height: 14px;
background-size: cover !important;
background: url('/assets/images/review_rating/empty.png');
}
/* END review rating star styles */
#request-title {
text-align: center !important;
}
#request-content {
margin-top: 30px;
}
#request-content-seekda {
margin-top: 0px;
margin-bottom: 50px;
}
#request-content-seekda .seekda-container iframe {
width: 100%;
min-height: 585px;
border: none;
}
#request-content-container label,
#request-content-container .description,
#request-content-container .form-entiy {
color: white;
font-weight: 300;
}
#request-content-container input {
padding-left: 9px;
border: 0;
font-size: 14px;
}
#request-content-container input[type=text] {
height: 28px;
}
#request-content-container .revoslider-container {
background-color: white !important;
padding: 0 !important;
}
#request-content-container .revoslider-container > a {
background-color: white !important;
color: #222222 !important;
border-radius: 0;
padding: 0;
}
#request-content-container .revoslider-container a > div.filter-value {
color: #555555 !important;
text-align: left;
line-height: 26px;
min-height: 26px;
font-size: 14px;
font-weight: normal;
width: 100%;
min-width: 100%;
max-width: 100%;
}
#request-content-container .dropdown-menu > li > a {
font-size: 14px;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
background-color: transparent !important;
color: #595959 !important;
text-align: left;
}
#request-content-container .dropdown-menu > li > a > span {
font-weight: normal;
}
#request-content-container .dropdown-menu > li > a:hover {
background-color: #f5f5f5 !important;
color: #262626 !important;
}
#request-content-container .caret-img img {
width: 15px;
margin-left: -40px;
}
#request-content-container .dropdown-menu {
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
padding: 0;
}
#request-content-container .form-horizontal .form-group {
margin-bottom: 5px;
}
#request-content-container .description {
padding-bottom: 20px;
}
#request-content-container .form-horizontal .form-group .checkbox {
text-align: right;
}
.material-checkbox {
width: 32px;
height: 32px;
margin-left: 10px;
}
#request-content-container .departure-datepicker button,
#request-content-container .arrival-datepicker button {
height: 28px;
}
#request-content-container .departure-datepicker .clip-calendar::before,
#request-content-container .arrival-datepicker .clip-calendar::before,
#request-content-container .arrival-datepicker .clip-calendar,
#request-content-container .departure-datepicker .clip-calendar {
vertical-align: middle;
}
#messageUsTextArea {
height: 130px;
resize: none;
width: 100%;
border: 0;
padding: 5px;
}
#request-content-container .container.container-right {
background-color: white;
border-radius: 0 0 0 33px;
box-shadow: -20px 0 20px 0 #00000026;
}
#continueTextContainer {
display: flex;
height: 200px;
align-items: center;
justify-content: center;
}
#request-row-container {
background-color: orange;
}
#request-row-container .container-right {
margin-bottom: -50px;
padding-left: 50px;
padding-right: 20px;
}
#request-row-container .container-right > div {
box-shadow: -20px 20px 20px 0 rgba(0, 0, 0, 0.1);
z-index: 99999;
}
#request-row-container .container-right > div,
#request-row-container .container-right > div > div:last-child > .personal-agent {
border-radius: 0 0 0 30px;
background: white;
padding-bottom: 10px;
}
span:focus {
outline: #9ED174 auto 5px;
}
#request-row-container .personal-agent {
padding: 0 40px 0 40px;
height: 340px;
}
#request-row-container .container-right .personal-agent {
padding: 0 20px 0 20px;
}
#continueTextContainer > button {
width: 250px;
}
.padding-bot-20 {
padding-bottom: 20px;
}
.padding-top-20 {
padding-top: 20px;
}
#second-step-form label {
font-size: 18px;
line-height: 30px;
}
#request-content .radio-button-text-container {
text-align: left;
padding-left: 35px;
}
.margin-right-50 {
margin-right: 50px;
}
#secondStepContinueRowContainer {
margin-top: 50px;
}
/* ---------------------------------------------------------------------- */
/* From Larger Monitors Up To Big Monitors
/* ---------------------------------------------------------------------- */
@media (max-width: 1500px) and (min-width: 1200px) {
.fewo-calendar .uib-day button,
.fewo-calendar .uib-day button:hover,
.fewo-calendar .uib-day button:active {
padding: 1px 5px;
}
.slider-menu-title h1 {
font-size: 73%;
}
}
@media (min-width: 1200px) {
#header > .navbar > .container {
padding-left: 0px;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
padding: 5px;
width: 14.285714285714285714285714285714%;
*width: 14.285714285714285714285714285714%;
}
}
@media (max-width: 1500px) and (min-width: 992px) {
.header-image-container {
min-hegiht: 300px;
}
}
@media (max-width: 1250px) {
.slider-menu-title h1 {
font-size: 67%;
}
}
@media (min-width: 1199px) and (max-width: 1300px) {
.revoslider-container > a,
.revoslider-container > button {
padding: 6px 6px;
}
.fewo-calendar button.uib-title {
font-size: 90%;
}
.contact-right-inner .blue {
font-size: 80%;
font-weight: 300;
}
}
@media (min-width: 991px) and (max-width: 1300px) {
.calendar_legend > div:nth-child(1) {
padding-left: 10px;
}
.details-form-wrapper {
padding: 15px 0px 0px 0px;
}
}
@media (max-width: 1162px) {
.carousel-indicators {
width: 50%;
}
.slider-menu-title h1 {
font-size: 56%;
}
}
@media (max-width: 1199px) {
.header-image-container img {
height: 381px;
}
.list-image-container {
max-height: none;
overflow: hidden;
}
.list-image {
min-height: none;
}
.calendarcontainer {
margin-bottom: 20px;
}
}
/* ---------------------------------------------------------------------- */
/* From Medium Devices Up To Larger Devices
/* ---------------------------------------------------------------------- */
@media (min-width: 992px) {
.navbar-default {
top: 0;
}
.navbar-default.space-top {
top: 40px;
}
.dropdown-menu {
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
min-width: 208px;
}
.dropdown-menu li a {
height: auto;
line-height: 23px;
max-width: none;
min-height: 23px;
padding: 8px 15px;
text-align: left;
text-decoration: none;
width: 100%;
}
}
/* ---------------------------------------------------------------------- */
/* From Small Devices Up To Medium Devices
/* ---------------------------------------------------------------------- */
@media (min-width: 770px) and (max-width: 991px) {
.navbar-default {
top: 0;
position: absolute;
}
.navbar-default.space-top {
top: 40px;
}
}
/* ---------------------------------------------------------------------- */
/* Up To Medium Devices
/* ---------------------------------------------------------------------- */
@media (min-width: 770px) {
.mega-menu {
position: static !important;
}
.mega-menu .dropdown-menu {
left: 0 !important;
right: 0 !important;
width: 100% !important;
}
.navbar-collapse.in {
overflow-y: visible !Important;
}
}
@media (max-width: 991px) {
.favorites-container .personal-info {
margin-top: 20px;
}
.lgimage {
display: none;
}
.personal-agent {
height: auto;
}
.personal-favorite {
height: auto;
}
.navbar-toggle {
margin-right: -30px;
}
#footer .footer-3 {
padding-left: 0px;
}
#dynamicContent {
margin-top: 15px;
}
#search-list #dynamicContent {
margin-top: 0px;
}
.slider-menu-filter .popover,
.slider-menu-arrival .popover {
left: 0% !important;
width: 200%;
}
.slider-menu-filter .popover.bottom > .arrow,
.slider-menu-arrival .popover.bottom > .arrow {
left: 25%;
}
.slider-menu-arrival {
padding-bottom: 0 !important;
}
.slider-menu-checkout {
padding-bottom: 0 !important;
}
.revoslider-container.dropdown {
padding-bottom: 0 !important;
}
.revoslider-container:not(:first-child) {
padding-left: 3px !important;
}
.image-menu-title h1 {
/*font-size: 230%;*/
}
.personal-fav-info {
margin-top: -10px;
}
.copyright-content a {
border-right: 0px solid #ffffff;
line-height: 20px;
}
.copyright-content span {
display: block !important;
line-height: 20px;
float: none !important;
}
.carousel-indicators {
padding-right: 15px;
}
.top-tabs div[class*='col'] {
height: 50px;
}
.top-tabs h2 {
width: 100%;
}
.slider-menu {
position: absolute;
bottom: 20px;
width: 100%;
max-width: 1162px;
}
.interests {
padding-top: 10px;
}
.fevo-block-leftpadding {
padding-left: 5px;
}
.fevo-block-rightpadding {
padding-right: 5px;
}
.revoslider-reset-button {
width: 16.5%;
}
#objectcalendar #calendarmonth .fewo-calendar {
padding-bottom: 20px;
}
#objectcalendar {
padding-top: 20px;
}
.carousel-inner img {
width: auto;
max-width: none;
}
.carousel-caption {
bottom: 250px;
}
.slidercontainer {
height: 623px;
}
#header .dropdown-menu li a {
color: #ffffff;
}
.navbar-default {
line-height: normal !important;
background: #fff;
}
.navbar-brand {
padding-top: 5px !important;
}
.navbar-brand,
.navbar-nav > li > a {
line-height: 20px !important;
height: auto !important;
}
.navbar-default .navbar-nav > .active > a:before {
content: " ";
}
.navbar-collapse .nav {
float: left !important;
clear: both;
margin-left: -15px;
}
header .nav li > a,
header .nav li:hover > a,
header .nav li.active > a,
header .nav li.active:hover > a {
border: medium none !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.navbar > .container .navbar-brand {
margin-top: 10px;
}
.core-box {
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
.core-box .heading {
margin-bottom: 0;
}
.core-box .heading .circle-icon {
float: none !important;
text-align: center;
}
.core-box .heading h2 {
padding-left: 0;
}
.core-box .view-more {
float: none;
}
#imprint .form-group {
padding-right: 21px;
}
}
@media (min-width: 992px) {
.first-calendar .fewo-calendar button.uib-left {
display: block;
background-color: #f49d00;
border: none;
color: #ffffff;
font-size: 22px;
padding: 3px 0 0 0;
}
.third-calendar .fewo-calendar button.uib-right {
display: block;
background-color: #f49d00;
border: none;
color: #ffffff;
font-size: 22px;
padding: 3px 0 0 0;
}
.smimage {
display: none;
}
.equal-height {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
*width: 14.285714285714285714285714285714%;
}
}
@media (min-width: 770px) and (max-width: 991px) {
#header .user-menu > li > a,
#header .navbar-brand,
#header .menu-currency-list > li > a {
font-size: 100%;
}
#header .navbar-collapse .nav {
float: right !important;
clear: none;
margin-top: 0px;
}
.image-caption {
bottom: 50%;
}
.image-menu-title h1 {
font-size: 231%;
}
/*searchList page*/
.top-tabs > div[class*='col'] {
padding: 0 0 0 15px;
}
.object-listing-item .top-tabs h2 {
/*width: 50%;*/
/* position: absolute;
z-index: 10;*/
padding: 10px;
margin: 0;
text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.object-listing-item .object_reviews {
margin-right: 8px;
}
.list-image {
/* min-height: 175px !important;
max-height: 175px !important;*/
height: 100%;
max-height: 100%;
overflow: hidden;
min-height: 200px;
}
.region-short-description {
padding-top: 10%;
}
.object-description p {
font-weight: normal;
}
}
@media (min-width: 770px) {
.details-top-container {
position: relative;
min-height: 430px;
}
.details-topright-container {
min-height: 100%;
height: 100%;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
padding-right: 0px;
}
.price-calculated .topPrice {
font-size: 30px;
font-weight: bold;
line-height: 0.97;
text-align: center;
width: 100%;
color: #ffffff;
}
.price-calculated .topPrice span {
font-weight: bold;
}
.shortDescription {
max-height: 87px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.details-topright-container .topPriceText {
position: absolute;
bottom: 10px;
right: 15px;
}
#objectcoordinates .content-color-inner {
padding: 0;
}
.inner-navbar-collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.inner-navbar-collapse.in {
overflow-y: visible;
}
#header .navbar-default {
line-height: 27px;
}
#header .navbar-default .user-menu-holder {
line-height: 22px;
padding-top: 9px;
padding-right: 40px;
}
#header .user-menu-navbar {
/*padding-top: 15px;*/
padding-top: 8px;
max-height: 0px;
}
#header .user-menu > li > a,
#header .menu-currency-list > li > a,
.navbar > .container .navbar-brand {
font-size: 157%;
}
#header .nav > li > a {
padding: 0px 12px;
}
.menu-language a {
padding-left: 4px !important;
padding-right: 4px !important;
padding-top: 4px !important;
}
.menu-language a:last-child {
padding-right: 0px !important;
}
.user-menu,
.user-menu li,
.user-menu li a {
display: inline-block;
}
.user-menu li {
position: relative;
padding: 20px;
}
.user-menu li .line {
position: absolute;
right: 0px;
top: 11px;
display: inline-block;
width: 1px;
height: 19px;
border-right: 1px solid;
}
.right-header-list-holder {
display: inline-block;
}
.right-header-list-holder > ul {
list-style: none;
}
.right-header-list-holder > ul > li {
display: inline-block;
/*background: antiquewhite;*/
}
.right-header-list-holder > ul > li > a {
display: inline-block;
color: #fff;
}
.right-header-list-holder .menu-language-list {
padding-left: 0;
/*20px;*/
}
.right-header-list-holder > ul.user-menu > li {
padding: 0 0;
}
.right-header-list-holder > ul.user-menu > li.menu-categories-center a.right-border {
border-right: 2px solid #d26949;
}
.right-header-list-holder > ul.user-menu > li:last-child {
padding-right: 0px;
}
.revoslider-container {
padding-right: 5px;
}
.object-listing-item {
margin-bottom: 40px;
}
}
@media (min-width: 770px) {
.object-description p {
/*height: 50%;*/
/* display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;*/
overflow: hidden;
max-height: 48px;
/* (Number of lines you want visible) * (line-height) */
line-height: 24px;
/*text-overflow: ellipsis;*/
text-align: justify;
position: relative;
margin-right: -1em;
padding-right: 1em;
}
.object-description p:before {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}
.object-description p:after {
content: '';
position: absolute;
right: 0;
/* bottom: 0;*/
width: 1em;
height: 1em;
margin-top: 0.2em;
background: white;
}
.object-description p:not(:first-child) {
display: none;
}
@supports (-webkit-line-clamp: 2) {
.object-description p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 48px;
/* (Number of lines you want visible) * (line-height) */
line-height: 24px;
text-align: left;
}
.object-description p:after {
display: none;
}
.object-description p:before {
display: none;
}
}
}
/* ---------------------------------------------------------------------- */
/* Extra Small Devices Only
/* ---------------------------------------------------------------------- */
@media (max-width: 769px) {
.galleryimage {
margin-bottom: 15px;
height: auto;
overflow: hidden;
}
.galleryimage img {
width: 100%;
height: 117px;
}
.main-content {
margin-left: 10px;
margin-right: 10px;
}
.dropdown-submenu > .dropdown-menu {
top: 100%;
left: 10%;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: 0px;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #007AFF;
}
.navbar-collapse.collapse {
font-size: 157%;
}
.navbar-collapse.collapse .menu-language {
float: left;
}
.nav > li > a {
padding: 3px 0px 3px 15px;
}
.navbar-default {
position: absolute;
}
#slidingbar-area {
display: none;
}
#topbar {
display: none;
}
.navbar-default {
top: 0 !important;
height: auto !important;
float: none !important;
}
.navbar-collapse .nav {
float: none !important;
}
.navbar-default .navbar-nav li > a:hover,
.navbar-default .navbar-nav li > a:focus {
background-color: #007AFF !important;
color: #FFFFFF !important;
}
.navbar-nav,
.dropdown-menu {
margin-top: -1px !important;
padding-top: 0;
margin-bottom: 0 !important;
}
.navbar-toggle {
background: #007AFF;
border: medium none;
border-radius: 0;
margin-top: 8px;
padding: 10px;
}
.navbar-toggle .icon-bar {
background-color: #FFFFFF !important;
}
.navbar-default .navbar-nav .menu-search > a:hover,
.navbar-default .navbar-nav .menu-search > a:focus {
background: none !important;
color: #007AFF !important;
}
.search-box {
top: 3px;
right: 3px;
bottom: auto;
margin: 0 !important;
border: none !important;
box-shadow: none;
background: none;
}
.search-box .arrow {
display: none;
}
.search-box .popover-content {
padding: 0 !important;
}
.grid-container {
display: block;
}
/* Tabs Left*/
.tabs-left .nav-tabs li.active a,
.tabs-left .nav-tabs li.active a:hover,
.tabs-left .nav-tabs li.active a:focus {
border-right-color: #dddddd;
}
.tabs-left .nav-tabs {
float: none;
}
.tabs-left .tab-content {
border-top: none;
}
}
@media (max-width: 768px) {
.top-tabs {
background-color: #f49d00;
}
.top-tabs h2 {
line-height: 1.2;
}
.semi-padding-right {
padding-left: 0px;
padding-right: 5px;
}
.semi-padding-left {
padding-left: 0px;
padding-right: 5px !important;
}
#breadcrumbs ul {
list-style-position: inside;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.additionalCosts {
padding: 0;
}
/*homepage css*/
.personal-fav-info {
padding: 15px;
}
.works-container {
font-size: 110%;
}
.works-container-about-us .image-container {
background-color: #f63b08 !important;
}
.works-container-about-us h2 {
font-size: 146%;
}
.works-container h2 {
font-size: 139%;
padding-left: 0;
text-align: center;
}
.previousMonthBtn,
.nextMonthBtn {
font-size: 51%;
line-height: 1.50;
color: #ffffff;
text-align: center;
background-color: #9ED174;
padding: 5px;
margin: 10px;
width: 45%;
cursor: pointer !important;
}
/*revoslider calendar*/
.previousMonthBtn:before,
.nextMonthBtn:after {
font-size: 140%;
top: 2px;
}
.revoslider-container .calendarmonth-container {
padding: 0px;
}
.calendarmonth-container .fewo-calendar table {
width: 100%;
}
.works-container-about-us p {
font-size: 100%;
}
.pagination li {
margin: 0 3px;
}
.pagination li a,
.pagination li span {
padding: 7px;
}
.pagination .pagination-page {
display: none;
}
.pagination .pagination-page.active {
display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
line-height: 1.42;
}
.image-menu-title h1 {
font-size: 207%;
}
.listing-second-row span {
color: #555555;
font-weight: normal;
font-size: 100%;
}
.normalPrice {
font-size: 82%;
}
.promotionalText {
font-size: 100%;
margin: 2px 0 0 7px;
}
/*object details css*/
.object-price,
.object-price .price {
font-size: 105%;
}
.object-listing-item .content-color div[class*="col"] {
padding: 0 7px;
}
.object-description {
height: 50%;
font-size: 100%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 20px;
}
.objectgallerycontainer {
margin-bottom: 0px !important;
}
.objectgallerycontainer-inner {
margin: 10px -8px 0;
}
.galleryimage {
padding: 8px 8px 8px 8px;
margin-bottom: 0px !important;
}
.listing-second-row div[class*="col"] {
padding-left: 0 !important;
}
.filter-sort,
.filter-limit {
max-width: 100px;
padding: 3px 0px;
}
.listing-second-row {
/*margin-bottom:60px;*/
}
.image-caption {
bottom: 50%;
right: 5%;
left: 5%;
}
.details-form-wrapper {
padding: 15px 0px 0px 0px;
}
.detailsformshort .formrow label,
.detailsformshort .formrow span {
font-size: 113%;
}
.price-calculated .topPrice {
color: #ffffff;
text-align: center;
}
.content-color-inner .topPrice {
margin-left: 0;
}
.inquiry-button {
margin-right: 0px;
}
.reviews-avarage-rating-container {
margin: 15px 0;
}
/*object page calendar*/
.calendarcontainer {
margin-bottom: 0px;
}
.calendar_legend span {
font-size: 85%;
}
.calendar_legend div:first-child {
margin-left: -13px;
}
.no-right-border-xs {
padding-right: 0px;
}
.object-price.red {
background-color: #cf142b;
width: 38%;
}
.reviewrow {
margin-top: 10px;
}
.navbar-collapse.in {
overflow-y: visible;
}
#header .navbar-brand {
padding-left: 15px !important;
}
.right-copyright-content {
padding: 15px;
text-align: right !important;
}
.personal-agent-heading h3 {
font-size: 173%;
margin-bottom: 10px;
margin-top: 10px;
}
.personal-agent-content .marginbottom20 {
margin-bottom: 5px;
}
.personal-fav-info .personal-agent-heading h3 {
font-size: 175%;
}
.works-container-personal span {
font-size: 115%;
}
.personal-agent-info {
padding-left: 5px;
padding-right: 5px;
}
.container-right .personal-agent .personal-agent-info {
padding-left: 5px;
padding-right: 5px;
}
.personal-agent-content span {
font-size: 122%;
}
.personal-agent-content {
padding-bottom: 6px !important;
}
.revoslider-container.slider-menu-arrival .col-lg-6.no-right-border,
.revoslider-container.slider-menu-checkout .col-lg-6.no-right-border {
display: none;
}
.slider-menu-checkout .popover {
left: -100% !important;
width: 200%;
}
.slider-menu-checkout .popover.bottom > .arrow {
left: 75%;
}
.main-content {
margin-left: 0px !important;
margin-right: 0px !important;
}
.img-with-text img {
width: 100%;
}
.top-tabs {
display: table;
width: 100%;
table-layout: fixed;
}
.top-tabs .nav-tabs li {
display: table-cell;
float: none;
}
.top-tabs .nav-tabs li a {
text-align: center;
padding: 11px 11px 9px 11px;
font-size: 82%;
}
.detailtabsdefault {
margin-top: 0px;
}
.favorite-region p,
.favorite-region span {
font-size: 93%;
}
.row.margintop20 {
margin: 0px;
}
/*details page*/
.detailsformshort .arrival-datepicker input.form-control {
font-size: 100%;
}
.calendar_legend_container {
padding-left: 15px;
}
#objectcalendar .calendarcontainer:nth-child(2) {
padding-left: 0px;
}
#mapContainerouter {
height: 420px;
}
/*footer*/
.footer-main-wrapper {
font-size: 90%;
font-weight: 300;
line-height: 2;
}
.copyright_2 {
font-size: 96%;
}
#footer .copyright-content {
line-height: 1.63;
}
#footer .copyright-content span a,
#footer .copyright-content .copyright_2 > div[ng-bind-html] div:not(:last-child) a {
border-right: none;
}
#footer .copyright-content span a,
#footer .copyright-content .copyright_2 > div a {
padding: 0;
}
#footer .copyright-content span a,
#footer .copyright-content .copyright_2 > div[ng-bind-html] div {
width: 100%;
}
#footer .left-copyright-content {
font-family: 'Open+Sans', sans-serif !important;
font-size: 103%;
line-height: 42px;
}
#footer .right-copyright-content {
padding-top: 10px;
}
.g-recaptcha {
transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.review-submit {
width: 75%;
}
.carousel-control .glyphicon-chevron-left {
left: 10px;
}
.carousel-control .glyphicon-chevron-right {
font-size: 60px;
right: 10px;
}
#home .works-container .carousel-control > span {
top: 45%;
}
.works-container-personal {
padding: 80px 0;
}
.module-item {
margin-bottom: 30px;
}
.module-item:last-child {
margin-bottom: 0px;
}
}
@media (max-width: 401px) {
.image-menu-title h1 {
font-size: 145%;
}
}
@media (max-width: 376px) {
.slider-button-filter a {
padding: 0;
}
}
.navbar-brand .harzreisen-logo-image {
margin-left: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.navbar-brand .harzreisen-logo-image-small {
margin-left: 0;
}
#header .navbar-brand {
padding-top: 0px !important;
}
#header .user-menu > li > a,
#header .menu-currency-list > li > a,
.navbar > .container .navbar-brand {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.user-menu .nav-link .right-border {
border-right: #C93318 2px solid;
}
.user-menu .nav-link:last-of-type .right-border {
border-right: none;
}
.revoslider-container:last-child a,
.revoslider-reset-button a {
background: #f35527;
}
.personal-favorite .personal-fav-info {
padding: 15px;
}
.personal-favorite .personal-fav-info img {
width: 100%;
}
.personal-favorite .personal-fav-info .fav-content {
font-size: 14px;
}
.works-container-about-us .image-container {
background: #9ed174;
}
.large-logo,
.small-logo {
transition: 0.3s;
}
.large-logo {
display: block;
}
.small-logo {
display: none;
margin-top: 5px;
}
.large-logo.show-logo {
display: block;
}
.small-logo.show-logo {
display: block;
margin-top: 5px;
}
.small-logo.hide-logo,
.large-logo.hide-logo {
display: none;
}
.button-wrapper {
text-align: center;
}
.quedlinburg-book-btn {
display: inline-block;
font-size: 157%;
font-weight: 300;
text-align: center;
color: #ffffff;
background: #f35527;
letter-spacing: 0.6px;
border-radius: 0px;
border: none;
padding: 15px 35px;
}
.quedlinburg-book-btn:hover {
color: #ffffff;
background: #f35527;
}
.quedlinburg-book-btn:focus {
color: #ffffff;
background: #f35527;
}
@media screen and (max-width: 1100px) {
.large-logo {
display: none;
}
.small-logo {
display: block;
margin-top: 5px;
}
.large-logo.hide-logo,
.small-logo.show-logo {
display: block;
}
.large-logo.show-logo {
display: none;
}
}
@media screen and (max-width: 1024px) {
.large-logo,
.large-logo.show-logo,
.large-logo.hide-logo {
display: none;
}
.small-logo.show-logo,
.small-logo.hide-logo {
display: block;
margin-top: 5px;
}
}
.cc_dialog {
background-color: white !important;
-webkit-box-shadow: 0px 0px 7px 0px rgba(179,179,179,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(179,179,179,1);
box-shadow: 0px 0px 7px 0px rgba(179,179,179,1);
}
.cc_dialog .cc_b_ok,
.cookie-consent-preferences-dialog .cc_cp_f_save button {
background-color: #f63b08 !important;
}
.cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent:checked + label:before {
background-color: #f63b08 !important;
}
.border-corner {
border: none;
}
.border-corner .heading {
background-color: #eb6a10;
}
.border-corner .heading h5 {
color: white;
}
.border-corner .st_tariff_description {
font-size: 16px;
}
.border-corner .tariff-info div > div {
padding-left: 0px;
font-size: 16px;
}
.border-corner .tariff-info div > label {
padding-left: 0px;
font-size: 16px;
}
.payment_form {
color: #555555;
}
.payment_form .order-pay-btn {
background: #eb6a10 none repeat scroll 0 0;
}
.payment_form .order-pay-btn:hover,
.payment_form .order-pay-btn:active {
color: white;
}
.payment_form .order-cancel-btn {
background: #878787 none repeat scroll 0 0;
}
.payment_form .order-cancel-btn:hover,
.payment_form .order-cancel-btn:active {
background: #878787 none repeat scroll 0 0;
}
.payment_form .input-box {
border-bottom: none;
}
.payment_form .footer {
width: 93%;
padding-left: 7%
color: #555555;
}
/*@import url("theme_blue.css");*/
/*@import url("theme_green.css");
@import url("theme_orange.css");
@import url("theme_purple.css");
@import url("theme_red.css");*/