/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .ui-datepicker { display: none; z-index: 999999 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span { border-color: transparent #ff8400 transparent transparent; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -5px; font-size: 0px; width: 0px; height: 0px; border: solid; border-width: 5px 8px 5px 0; border-color: transparent #ff9635 transparent transparent; } .ui-datepicker .ui-datepicker-next span { margin-left: 0px; top: 50%; margin-top: -5px; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ff9635; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker table { width: 100%; font-size: .9em; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px; text-align: right; text-decoration: none; color: #000000; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-datepicker { background: #ffffff; padding: 15px; border: #ffffff 4px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #efefef; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); } .ui-datepicker .ui-datepicker-header { background: transparent; border: none; padding-bottom: 10px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { width: 47%; margin-right: 6%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar td { border: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar td a { padding: 4px; display: block; } .ui-datepicker .ui-datepicker-calendar td .ui-state-hover { background: #f9eae7; } .ui-datepicker .ui-datepicker-calendar { background: #ffffff; border: #cfcfcf 1px solid; border-collapse: collapse; } .ui-datepicker .ui-datepicker-calendar th { background: #efefef; border: #cfcfcf 1px solid; padding: 4px; text-transform: uppercase; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { text-align: center; border: #cfcfcf 1px solid; } .ui-datepicker { width: auto; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background: #f3d7d2; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background: #ffdf66; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider-horizontal { height: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; background: #dadada; } .ui-slider-handle { height: 10px; width: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #f98b25; display: block; position: absolute; } .ui-timepicker-div { padding: 10px 0 5px 0; } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 10px; border-top: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled { background: #f9f9f9; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span { color: #959595; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../../frontend/Derendo/default/de_DE/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../frontend/Derendo/default/de_DE/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../frontend/Derendo/default/de_DE/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../frontend/Derendo/default/de_DE/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../frontend/Derendo/default/de_DE/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../frontend/Derendo/default/de_DE/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */.mCustomScrollbar { height: 400px; } .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 8px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 8px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: #e6e6e6; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: #6f7e8d; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: #6f7e8d; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: #6f7e8d; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../../frontend/Derendo/default/de_DE/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: #e6eeb4; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #e6eeb4; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#e6eeb4; } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0; font-size: 2em } mark { color: #000; background: #ff0 } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { height: 0; -webkit-box-sizing: content-box; box-sizing: content-box } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { color: #000!important; text-shadow: none!important; background: 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100%!important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .navbar { display: none } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td, .table th { background-color: #fff!important } .table-bordered td, .table-bordered th { border: 1px solid #ddd!important } } @font-face { font-family: 'Glyphicons Halflings'; src: url(../../frontend/Derendo/default/de_DE/fonts/glyphicons-halflings-regular.eot); src: url(../../frontend/Derendo/default/de_DE/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../../frontend/Derendo/default/de_DE/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../../frontend/Derendo/default/de_DE/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../../frontend/Derendo/default/de_DE/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../../frontend/Derendo/default/de_DE/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\002a" } .glyphicon-plus:before { content: "\002b" } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before { content: "\e227" } .glyphicon-btc:before { content: "\e227" } .glyphicon-xbt:before { content: "\e227" } .glyphicon-yen:before { content: "\00a5" } .glyphicon-jpy:before { content: "\00a5" } .glyphicon-ruble:before { content: "\20bd" } .glyphicon-rub:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } * { -webkit-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #636771; text-decoration: none } a:hover{ color: #ffcd26; text-decoration: none; } a:focus { outline: 0 auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } [role=button] { cursor: pointer } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777 } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 30px } .h3, h3 { font-size: 24px } .h4, h4 { font-size: 18px } .h5, h5 { font-size: 14px } .h6, h6 { font-size: 12px } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media (min-width:768px) { .lead { font-size: 21px } } .small, small { font-size: 85% } .mark, mark { padding: .2em; background-color: #fcf8e3 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:focus, a.text-primary:hover { color: #286090 } .text-success { color: #3c763d } a.text-success:focus, a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:focus, a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:focus, a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:focus, a.text-danger:hover { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9 } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } ol, ul { margin-top: 0; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; margin-left: -5px; list-style: none } .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px } dl { margin-top: 0; margin-bottom: 20px } dd, dt { line-height: 1.42857143 } dt { font-weight: 700 } dd { margin-left: 0 } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777 } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0 } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: '' } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014' } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container,.cart-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:768px) { .container,.cart-container { width: 750px } } @media (min-width:992px) { .container,.cart-container { width: 970px } } @media (min-width:1200px) { .container,.cart-container { width: 1170px } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1391px; } .row { margin-right: -15px; margin-left: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 5px } .table-bordered { border: 1px solid #ddd } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover>tbody>tr:hover { background-color: #f5f5f5 } table col[class*=col-] { position: static; display: table-column; float: none } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none } .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f5f5f5 } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #dff0d8 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7 } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3 } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #f2dede } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555 } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } .form-control:focus { outline: 0; } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1 } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } input[type=search] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 34px } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 30px } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px } } .form-group { margin-bottom: 15px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -20px } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0 } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm { height: 30px; line-height: 30px } select[multiple].input-sm, textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .form-group-sm select.form-control { height: 30px; line-height: 30px } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg, textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .form-group-lg select.form-control { height: 46px; line-height: 46px } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d } .has-success .form-control-feedback { color: #3c763d } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442 } .has-error .form-control-feedback { color: #a94442 } .has-feedback label~.form-control-feedback { top: 25px } .has-feedback label.sr-only~.form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right } } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65 } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image: none } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40 } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40 } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-image: none } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4 } .btn-primary .badge { color: #337ab7; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625 } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image: none } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-image: none } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-group-lg>.btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-group-xs>.btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; transition-property: height, visibility } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown, .dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color: #777 } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } .open>.dropdown-menu { display: block } .open>a { outline: 0 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-left { right: auto; left: 0 } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9 } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { right: auto; left: 0 } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 2 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group>.btn:first-child { margin-left: 0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group>.btn-group { float: left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-right: 8px; padding-left: 8px } .btn-group>.btn-lg+.dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical>.btn-group>.btn { float: none } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified>.btn, .btn-group-justified>.btn-group { display: table-cell; float: none; width: 1% } .btn-group-justified>.btn-group .btn { width: 100% } .btn-group-justified>.btn-group .dropdown-menu { left: auto } [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:focus { z-index: 3 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height: auto } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn>.btn { position: relative } .input-group-btn>.btn+.btn { margin-left: -1px } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav>li { position: relative; display: block } .nav>li>a { position: relative; display: block; padding: 10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent; } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #f6f6f6; border: 1px solid #c3c8d0; border-bottom-color: transparent } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified>li { float: none } .nav-tabs.nav-justified>li>a { margin-bottom: 5px; text-align: center } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff } } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 4px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified>li { float: none } .nav-justified>li>a { margin-bottom: 5px; text-align: center } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #fff } } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent } @media (min-width:768px) { .navbar-header { float: left } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1) } .navbar-collapse.in { overflow-y: auto } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px } } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media (min-width:768px) { .navbar-static-top { border-radius: 0 } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand>img { display: block } @media (min-width:768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media (min-width:768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 7.5px -15px } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image: none } } @media (min-width:768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1) } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media (min-width:768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 15px; margin-bottom: 15px } @media (min-width:768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px } } @media (min-width:768px) { .navbar-left { float: left!important } .navbar-right { float: right!important; margin-right: -15px } .navbar-right~.navbar-right { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav>li>a { color: #777 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #e7e7e7 } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff; background-color: #080808 } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 } .breadcrumb { padding: 20px 15px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb>li { display: inline-block } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .breadcrumb>.active { color: #777 } .pagination { display: inline-block; padding-left: 0; border-radius: 4px } .pagination>li { display: inline; cursor: pointer; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #112543; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: rgb(238, 116, 33); border: 1px solid rgb(238, 116, 33); } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333 } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5 } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none } .pager li { display: inline } .pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:focus, .pager li>a:hover { text-decoration: none; background-color: #eee } .pager .next>a, .pager .next>span { float: right } .pager .previous>a, .pager .previous>span { float: left } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color: #777; cursor: not-allowed; background-color: #fff } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .btn .label { position: relative; top: -1px } .label-default { background-color: #777 } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-group-xs>.btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #337ab7; background-color: #fff } .list-group-item>.badge { float: right } .list-group-item>.badge+.badge { margin-right: 5px } .nav-pills>li>a>.badge { margin-left: 3px } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee } .jumbotron .h1, .jumbotron h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron>hr { border-top-color: #d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px } .jumbotron .container { max-width: 100% } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px } .jumbotron .h1, .jumbotron h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .thumbnail a>img, .thumbnail>img { margin-right: auto; margin-left: auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7 } .thumbnail .caption { padding: 9px; color: #333 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: 700 } .alert>p, .alert>ul { margin-bottom: 0 } .alert>p+p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; -webkit-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media, .media-body { overflow: hidden; zoom: 1 } .media-body { width: 10000px } .media-object { display: block } .media-object.img-thumbnail { max-width: none } .media-right, .media>.pull-right { padding-left: 10px } .media-left, .media>.pull-left { padding-right: 10px } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { padding-left: 0; margin-bottom: 20px } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } a.list-group-item, button.list-group-item { color: #555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5 } button.list-group-item { width: 100%; text-align: left } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success, button.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info, button.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger, button.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05) } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel-heading>.dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0 } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .list-group+.panel-footer { border-top-width: 0 } .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-right: 15px; padding-left: 15px } .panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px } .panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } .panel>.table-responsive { margin-bottom: 0; border: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #337ab7 } .panel-primary>.panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #d6e9c6 } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6 } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1 } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2 } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0 } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto; background: rgba(0,0,0,0.5); } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media (min-width:992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-content { padding: 9px 14px } .popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover>.arrow { border-width: 11px } .popover>.arrow:after { content: ""; border-width: 10px } .popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0 } .popover.top>.arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0 } .popover.right>.arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } .popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25) } .popover.bottom>.arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .popover.left>.arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5 } .carousel-control.left { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1 } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; 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-caption .btn { text-shadow: none } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none!important } .affix { position: fixed } @-ms-viewport { width: device-width } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none!important } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important } @media (max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table!important } tr.visible-xs { display: table-row!important } td.visible-xs, th.visible-xs { display: table-cell!important } } @media (max-width:767px) { .visible-xs-block { display: block!important } } @media (max-width:767px) { .visible-xs-inline { display: inline!important } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } td.visible-sm, th.visible-sm { display: table-cell!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } td.visible-md, th.visible-md { display: table-cell!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block!important } } @media (min-width:1200px) { .visible-lg { display: block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } td.visible-lg, th.visible-lg { display: table-cell!important } } @media (min-width:1200px) { .visible-lg-block { display: block!important } } @media (min-width:1200px) { .visible-lg-inline { display: inline!important } } @media (min-width:1200px) { .visible-lg-inline-block { display: inline-block!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important } } @media (min-width:1200px) { .hidden-lg { display: none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table!important } tr.visible-print { display: table-row!important } td.visible-print, th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } } @media print { .hidden-print { display: none!important } } @font-face { font-family: 'themify'; src:url('../../frontend/Derendo/default/de_DE/fonts/themify.eot?-fvbane'); src:url('../../frontend/Derendo/default/de_DE/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('../../frontend/Derendo/default/de_DE/fonts/themify.woff?-fvbane') format('woff'), url('../../frontend/Derendo/default/de_DE/fonts/themify.ttf?-fvbane') format('truetype'), url('../../frontend/Derendo/default/de_DE/fonts/themify.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../../frontend/Magento/blank/de_DE/Mageplaza_Core/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.flagstrap { display: inline-block; position: relative; width: 100%; } .flagstrap-icon { display: inline-block; width: 16px; height: 11px; background: url(../../frontend/Derendo/default/de_DE/images/flags.png) no-repeat } .flagstrap-icon.flagstrap-ad { background-position: -16px 0 } .flagstrap-icon.flagstrap-ae { background-position: -32px 0 } .flagstrap-icon.flagstrap-af { background-position: -48px 0 } .flagstrap-icon.flagstrap-ag { background-position: -64px 0 } .flagstrap-icon.flagstrap-ai { background-position: -80px 0 } .flagstrap-icon.flagstrap-al { background-position: -96px 0 } .flagstrap-icon.flagstrap-am { background-position: -112px 0 } .flagstrap-icon.flagstrap-an { background-position: -128px 0 } .flagstrap-icon.flagstrap-ao { background-position: -144px 0 } .flagstrap-icon.flagstrap-ar { background-position: -160px 0 } .flagstrap-icon.flagstrap-as { background-position: -176px 0 } .flagstrap-icon.flagstrap-at { background-position: -192px 0 } .flagstrap-icon.flagstrap-au { background-position: -208px 0 } .flagstrap-icon.flagstrap-aw { background-position: -224px 0 } .flagstrap-icon.flagstrap-az { background-position: -240px 0 } .flagstrap-icon.flagstrap-ba { background-position: 0 -11px } .flagstrap-icon.flagstrap-bb { background-position: -16px -11px } .flagstrap-icon.flagstrap-bd { background-position: -32px -11px } .flagstrap-icon.flagstrap-be { background-position: -48px -11px } .flagstrap-icon.flagstrap-bf { background-position: -64px -11px } .flagstrap-icon.flagstrap-bg { background-position: -80px -11px } .flagstrap-icon.flagstrap-bh { background-position: -96px -11px } .flagstrap-icon.flagstrap-bi { background-position: -112px -11px } .flagstrap-icon.flagstrap-bj { background-position: -128px -11px } .flagstrap-icon.flagstrap-bm { background-position: -144px -11px } .flagstrap-icon.flagstrap-bn { background-position: -160px -11px } .flagstrap-icon.flagstrap-bo { background-position: -176px -11px } .flagstrap-icon.flagstrap-br { background-position: -192px -11px } .flagstrap-icon.flagstrap-bs { background-position: -208px -11px } .flagstrap-icon.flagstrap-bt { background-position: -224px -11px } .flagstrap-icon.flagstrap-bv { background-position: -240px -11px } .flagstrap-icon.flagstrap-bw { background-position: 0 -22px } .flagstrap-icon.flagstrap-by { background-position: -16px -22px } .flagstrap-icon.flagstrap-bz { background-position: -32px -22px } .flagstrap-icon.flagstrap-ca { background-position: -48px -22px } .flagstrap-icon.flagstrap-catalonia { background-position: -64px -22px } .flagstrap-icon.flagstrap-cd { background-position: -80px -22px } .flagstrap-icon.flagstrap-cf { background-position: -96px -22px } .flagstrap-icon.flagstrap-cg { background-position: -112px -22px } .flagstrap-icon.flagstrap-ch { background-position: -128px -22px } .flagstrap-icon.flagstrap-ci { background-position: -144px -22px } .flagstrap-icon.flagstrap-ck { background-position: -160px -22px } .flagstrap-icon.flagstrap-cl { background-position: -176px -22px } .flagstrap-icon.flagstrap-cm { background-position: -192px -22px } .flagstrap-icon.flagstrap-cn { background-position: -208px -22px } .flagstrap-icon.flagstrap-co { background-position: -224px -22px } .flagstrap-icon.flagstrap-cr { background-position: -240px -22px } .flagstrap-icon.flagstrap-cu { background-position: 0 -33px } .flagstrap-icon.flagstrap-cv { background-position: -16px -33px } .flagstrap-icon.flagstrap-cw { background-position: -32px -33px } .flagstrap-icon.flagstrap-cy { background-position: -48px -33px } .flagstrap-icon.flagstrap-cz { background-position: -64px -33px } .flagstrap-icon.flagstrap-de { background-position: -80px -33px } .flagstrap-icon.flagstrap-dj { background-position: -96px -33px } .flagstrap-icon.flagstrap-dk { background-position: -112px -33px } .flagstrap-icon.flagstrap-dm { background-position: -128px -33px } .flagstrap-icon.flagstrap-do { background-position: -144px -33px } .flagstrap-icon.flagstrap-dz { background-position: -160px -33px } .flagstrap-icon.flagstrap-ec { background-position: -176px -33px } .flagstrap-icon.flagstrap-ee { background-position: -192px -33px } .flagstrap-icon.flagstrap-eg { background-position: -208px -33px } .flagstrap-icon.flagstrap-eh { background-position: -224px -33px } .flagstrap-icon.flagstrap-england { background-position: -240px -33px } .flagstrap-icon.flagstrap-er { background-position: 0 -44px } .flagstrap-icon.flagstrap-es { background-position: -16px -44px } .flagstrap-icon.flagstrap-et { background-position: -32px -44px } .flagstrap-icon.flagstrap-eu { background-position: -48px -44px } .flagstrap-icon.flagstrap-fi { background-position: -64px -44px } .flagstrap-icon.flagstrap-fj { background-position: -80px -44px } .flagstrap-icon.flagstrap-fk { background-position: -96px -44px } .flagstrap-icon.flagstrap-fm { background-position: -112px -44px } .flagstrap-icon.flagstrap-fo { background-position: -128px -44px } .flagstrap-icon.flagstrap-fr { background-position: -144px -44px } .flagstrap-icon.flagstrap-ga { background-position: -160px -44px } .flagstrap-icon.flagstrap-gb { background-position: -176px -44px } .flagstrap-icon.flagstrap-gd { background-position: -192px -44px } .flagstrap-icon.flagstrap-ge { background-position: -208px -44px } .flagstrap-icon.flagstrap-gf { background-position: -224px -44px } .flagstrap-icon.flagstrap-gg { background-position: -240px -44px } .flagstrap-icon.flagstrap-gh { background-position: 0 -55px } .flagstrap-icon.flagstrap-gi { background-position: -16px -55px } .flagstrap-icon.flagstrap-gl { background-position: -32px -55px } .flagstrap-icon.flagstrap-gm { background-position: -48px -55px } .flagstrap-icon.flagstrap-gn { background-position: -64px -55px } .flagstrap-icon.flagstrap-gp { background-position: -80px -55px } .flagstrap-icon.flagstrap-gq { background-position: -96px -55px } .flagstrap-icon.flagstrap-gr { background-position: -112px -55px } .flagstrap-icon.flagstrap-gs { background-position: -128px -55px } .flagstrap-icon.flagstrap-gt { background-position: -144px -55px } .flagstrap-icon.flagstrap-gu { background-position: -160px -55px } .flagstrap-icon.flagstrap-gw { background-position: -176px -55px } .flagstrap-icon.flagstrap-gy { background-position: -192px -55px } .flagstrap-icon.flagstrap-hk { background-position: -208px -55px } .flagstrap-icon.flagstrap-hm { background-position: -224px -55px } .flagstrap-icon.flagstrap-hn { background-position: -240px -55px } .flagstrap-icon.flagstrap-hr { background-position: 0 -66px } .flagstrap-icon.flagstrap-ht { background-position: -16px -66px } .flagstrap-icon.flagstrap-hu { background-position: -32px -66px } .flagstrap-icon.flagstrap-ic { background-position: -48px -66px } .flagstrap-icon.flagstrap-id { background-position: -64px -66px } .flagstrap-icon.flagstrap-ie { background-position: -80px -66px } .flagstrap-icon.flagstrap-il { background-position: -96px -66px } .flagstrap-icon.flagstrap-im { background-position: -112px -66px } .flagstrap-icon.flagstrap-in { background-position: -128px -66px } .flagstrap-icon.flagstrap-io { background-position: -144px -66px } .flagstrap-icon.flagstrap-iq { background-position: -160px -66px } .flagstrap-icon.flagstrap-ir { background-position: -176px -66px } .flagstrap-icon.flagstrap-is { background-position: -192px -66px } .flagstrap-icon.flagstrap-it { background-position: -208px -66px } .flagstrap-icon.flagstrap-je { background-position: -224px -66px } .flagstrap-icon.flagstrap-jm { background-position: -240px -66px } .flagstrap-icon.flagstrap-jo { background-position: 0 -77px } .flagstrap-icon.flagstrap-jp { background-position: -16px -77px } .flagstrap-icon.flagstrap-ke { background-position: -32px -77px } .flagstrap-icon.flagstrap-kg { background-position: -48px -77px } .flagstrap-icon.flagstrap-kh { background-position: -64px -77px } .flagstrap-icon.flagstrap-ki { background-position: -80px -77px } .flagstrap-icon.flagstrap-km { background-position: -96px -77px } .flagstrap-icon.flagstrap-kn { background-position: -112px -77px } .flagstrap-icon.flagstrap-kp { background-position: -128px -77px } .flagstrap-icon.flagstrap-kr { background-position: -144px -77px } .flagstrap-icon.flagstrap-kurdistan { background-position: -160px -77px } .flagstrap-icon.flagstrap-kw { background-position: -176px -77px } .flagstrap-icon.flagstrap-ky { background-position: -192px -77px } .flagstrap-icon.flagstrap-kz { background-position: -208px -77px } .flagstrap-icon.flagstrap-la { background-position: -224px -77px } .flagstrap-icon.flagstrap-lb { background-position: -240px -77px } .flagstrap-icon.flagstrap-lc { background-position: 0 -88px } .flagstrap-icon.flagstrap-li { background-position: -16px -88px } .flagstrap-icon.flagstrap-lk { background-position: -32px -88px } .flagstrap-icon.flagstrap-lr { background-position: -48px -88px } .flagstrap-icon.flagstrap-ls { background-position: -64px -88px } .flagstrap-icon.flagstrap-lt { background-position: -80px -88px } .flagstrap-icon.flagstrap-lu { background-position: -96px -88px } .flagstrap-icon.flagstrap-lv { background-position: -112px -88px } .flagstrap-icon.flagstrap-ly { background-position: -128px -88px } .flagstrap-icon.flagstrap-ma { background-position: -144px -88px } .flagstrap-icon.flagstrap-mc { background-position: -160px -88px } .flagstrap-icon.flagstrap-md { background-position: -176px -88px } .flagstrap-icon.flagstrap-me { background-position: -192px -88px } .flagstrap-icon.flagstrap-mg { background-position: -208px -88px } .flagstrap-icon.flagstrap-mh { background-position: -224px -88px } .flagstrap-icon.flagstrap-mk { background-position: -240px -88px } .flagstrap-icon.flagstrap-ml { background-position: 0 -99px } .flagstrap-icon.flagstrap-mm { background-position: -16px -99px } .flagstrap-icon.flagstrap-mn { background-position: -32px -99px } .flagstrap-icon.flagstrap-mo { background-position: -48px -99px } .flagstrap-icon.flagstrap-mp { background-position: -64px -99px } .flagstrap-icon.flagstrap-mq { background-position: -80px -99px } .flagstrap-icon.flagstrap-mr { background-position: -96px -99px } .flagstrap-icon.flagstrap-ms { background-position: -112px -99px } .flagstrap-icon.flagstrap-mt { background-position: -128px -99px } .flagstrap-icon.flagstrap-mu { background-position: -144px -99px } .flagstrap-icon.flagstrap-mv { background-position: -160px -99px } .flagstrap-icon.flagstrap-mw { background-position: -176px -99px } .flagstrap-icon.flagstrap-mx { background-position: -192px -99px } .flagstrap-icon.flagstrap-my { background-position: -208px -99px } .flagstrap-icon.flagstrap-mz { background-position: -224px -99px } .flagstrap-icon.flagstrap-na { background-position: -240px -99px } .flagstrap-icon.flagstrap-nc { background-position: 0 -110px } .flagstrap-icon.flagstrap-ne { background-position: -16px -110px } .flagstrap-icon.flagstrap-nf { background-position: -32px -110px } .flagstrap-icon.flagstrap-ng { background-position: -48px -110px } .flagstrap-icon.flagstrap-ni { background-position: -64px -110px } .flagstrap-icon.flagstrap-nl { background-position: -80px -110px } .flagstrap-icon.flagstrap-no { background-position: -96px -110px } .flagstrap-icon.flagstrap-np { background-position: -112px -110px } .flagstrap-icon.flagstrap-nr { background-position: -128px -110px } .flagstrap-icon.flagstrap-nu { background-position: -144px -110px } .flagstrap-icon.flagstrap-nz { background-position: -160px -110px } .flagstrap-icon.flagstrap-om { background-position: -176px -110px } .flagstrap-icon.flagstrap-pa { background-position: -192px -110px } .flagstrap-icon.flagstrap-pe { background-position: -208px -110px } .flagstrap-icon.flagstrap-pf { background-position: -224px -110px } .flagstrap-icon.flagstrap-pg { background-position: -240px -110px } .flagstrap-icon.flagstrap-ph { background-position: 0 -121px } .flagstrap-icon.flagstrap-pk { background-position: -16px -121px } .flagstrap-icon.flagstrap-pl { background-position: -32px -121px } .flagstrap-icon.flagstrap-pm { background-position: -48px -121px } .flagstrap-icon.flagstrap-pn { background-position: -64px -121px } .flagstrap-icon.flagstrap-pr { background-position: -80px -121px } .flagstrap-icon.flagstrap-ps { background-position: -96px -121px } .flagstrap-icon.flagstrap-pt { background-position: -112px -121px } .flagstrap-icon.flagstrap-pw { background-position: -128px -121px } .flagstrap-icon.flagstrap-py { background-position: -144px -121px } .flagstrap-icon.flagstrap-qa { background-position: -160px -121px } .flagstrap-icon.flagstrap-re { background-position: -176px -121px } .flagstrap-icon.flagstrap-ro { background-position: -192px -121px } .flagstrap-icon.flagstrap-rs { background-position: -208px -121px } .flagstrap-icon.flagstrap-ru { background-position: -224px -121px } .flagstrap-icon.flagstrap-rw { background-position: -240px -121px } .flagstrap-icon.flagstrap-sa { background-position: 0 -132px } .flagstrap-icon.flagstrap-sb { background-position: -16px -132px } .flagstrap-icon.flagstrap-sc { background-position: -32px -132px } .flagstrap-icon.flagstrap-scotland { background-position: -48px -132px } .flagstrap-icon.flagstrap-sd { background-position: -64px -132px } .flagstrap-icon.flagstrap-se { background-position: -80px -132px } .flagstrap-icon.flagstrap-sg { background-position: -96px -132px } .flagstrap-icon.flagstrap-sh { background-position: -112px -132px } .flagstrap-icon.flagstrap-si { background-position: -128px -132px } .flagstrap-icon.flagstrap-sk { background-position: -144px -132px } .flagstrap-icon.flagstrap-sl { background-position: -160px -132px } .flagstrap-icon.flagstrap-sm { background-position: -176px -132px } .flagstrap-icon.flagstrap-sn { background-position: -192px -132px } .flagstrap-icon.flagstrap-so { background-position: -208px -132px } .flagstrap-icon.flagstrap-somaliland { background-position: -224px -132px } .flagstrap-icon.flagstrap-sr { background-position: -240px -132px } .flagstrap-icon.flagstrap-ss { background-position: 0 -143px } .flagstrap-icon.flagstrap-st { background-position: -16px -143px } .flagstrap-icon.flagstrap-sv { background-position: -32px -143px } .flagstrap-icon.flagstrap-sx { background-position: -48px -143px } .flagstrap-icon.flagstrap-sy { background-position: -64px -143px } .flagstrap-icon.flagstrap-sz { background-position: -80px -143px } .flagstrap-icon.flagstrap-tc { background-position: -96px -143px } .flagstrap-icon.flagstrap-td { background-position: -112px -143px } .flagstrap-icon.flagstrap-tf { background-position: -128px -143px } .flagstrap-icon.flagstrap-tg { background-position: -144px -143px } .flagstrap-icon.flagstrap-th { background-position: -160px -143px } .flagstrap-icon.flagstrap-tj { background-position: -176px -143px } .flagstrap-icon.flagstrap-tk { background-position: -192px -143px } .flagstrap-icon.flagstrap-tl { background-position: -208px -143px } .flagstrap-icon.flagstrap-tm { background-position: -224px -143px } .flagstrap-icon.flagstrap-tn { background-position: -240px -143px } .flagstrap-icon.flagstrap-to { background-position: 0 -154px } .flagstrap-icon.flagstrap-tr { background-position: -16px -154px } .flagstrap-icon.flagstrap-tt { background-position: -32px -154px } .flagstrap-icon.flagstrap-tv { background-position: -48px -154px } .flagstrap-icon.flagstrap-tw { background-position: -64px -154px } .flagstrap-icon.flagstrap-tz { background-position: -80px -154px } .flagstrap-icon.flagstrap-ua { background-position: -96px -154px } .flagstrap-icon.flagstrap-ug { background-position: -112px -154px } .flagstrap-icon.flagstrap-um { background-position: -128px -154px } .flagstrap-icon.flagstrap-us { background-position: -144px -154px } .flagstrap-icon.flagstrap-uy { background-position: -160px -154px } .flagstrap-icon.flagstrap-uz { background-position: -176px -154px } .flagstrap-icon.flagstrap-va { background-position: -192px -154px } .flagstrap-icon.flagstrap-vc { background-position: -208px -154px } .flagstrap-icon.flagstrap-ve { background-position: -224px -154px } .flagstrap-icon.flagstrap-vg { background-position: -240px -154px } .flagstrap-icon.flagstrap-vi { background-position: 0 -165px } .flagstrap-icon.flagstrap-vn { background-position: -16px -165px } .flagstrap-icon.flagstrap-vu { background-position: -32px -165px } .flagstrap-icon.flagstrap-wales { background-position: -48px -165px } .flagstrap-icon.flagstrap-wf { background-position: -64px -165px } .flagstrap-icon.flagstrap-ws { background-position: -80px -165px } .flagstrap-icon.flagstrap-ye { background-position: -96px -165px } .flagstrap-icon.flagstrap-yt { background-position: -112px -165px } .flagstrap-icon.flagstrap-za { background-position: -128px -165px } .flagstrap-icon.flagstrap-zanzibar { background-position: -144px -165px } .flagstrap-icon.flagstrap-zm { background-position: -160px -165px } .flagstrap-icon.flagstrap-zw { background-position: -176px -165px } /*--- Custom CSS ---*/ /* --header */ .breadcrumbs { display: none !important; } h2 { margin: 0px; font-size: 18px; padding-bottom: 15px; } h5 { font-size: 16px; text-transform: uppercase; padding-bottom: 20px; } .bottom_top { bottom: 70px; display: none; position: fixed; right: 16px; z-index: 100; } /*a#scroll-up { background:#000; border-radius: 2px; bottom: 10px; color: #ffffff; display: block !important; height: 50px; opacity: 1; position: fixed; right: 20px; width: 50px; z-index: 100; }*/ a#scroll-up:hover, a#scroll-up:focus, a#scroll-up:active { outline: none !important; } p.logout_text { text-align: center; } b, strong { font-weight: 600; } .headTop { background: #f5f5f5; padding: 5px 0; } .hTL { float: left; } .hTR { float: right; } .hTR::after { clear: both; content: ""; display: block; } .socilIc, .langCh { float: right; } .langCh { margin-top: 18px; } .langCh > h5 { display: none; } .langCh .btn-default, .langCh .btn-default.active.focus, .langCh .btn-default.active:focus, .langCh .btn-default.active:hover, .langCh .btn-default:active.focus, .langCh .btn-default:active:focus, .langCh .btn-default:active:hover, .langCh .open>.dropdown-toggle.btn-default.focus, .langCh .open>.dropdown-toggle.btn-default:focus, .langCh .open>.dropdown-toggle.btn-default:hover { color: #262626; background-color: transparent; border-color: transparent; } .langCh .form-group { margin: 0; width: 95px; text-align: right; } .langCh .dropdown-menu { cursor: pointer; left: auto; min-width: 58px; right: 0; } .langCh span { text-transform: uppercase; font-weight: 600; font-size: 12px; } .langCh .flagstrap-icon { top: 1px; position: relative; } .langCh .btn { padding: 0; margin-top: -4px; } .conCom a { font-size: 12px; color: #262626; } .conCom a i { padding-right: 10px; color: #6f6f6f; font-size: 14px; } .conCom li:after { content: "|"; color: #d0d0d0; position: absolute; right: 9px; top: 0; } .conCom li:last-child:after { content: ""; } .conCom li { padding-right: 30px; padding-left: 0; position: relative; } .conCom li:last-child { padding-right: 0px; } .socilIc a { color: #6f6f6f; font-size: 14px; } .socilIc { margin-right: 20px; position: relative; } .socilIc:after { content: "|"; color: #d0d0d0; position: absolute; right: -11px; top: 0; } /*==================*/ .hMpIn { text-align: center; position: relative; } .hML { width: 210px; float: left; } .hMC { float: left; margin: 0 35px; } .srcIn { width: 656px; position: relative; margin-top: 12px; } .srcIn input { -webkit-transition: 300ms all; transition: 300ms all; width: 100%; padding: 12px 65px 12px 25px; border: 1px solid #f1f1f1; color: rgba(51, 51, 51, 0.49); font-size: 18px; } .srcIn input::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.49); } .srcIn input::-moz-placeholder { color: rgba(51, 51, 51, 0.49); } .srcIn input:-ms-input-placeholder { color: rgba(51, 51, 51, 0.49); } .srcIn input:-moz-placeholder { color: rgba(51, 51, 51, 0.49); } .srcIn button { position: absolute; right: 0; top: 0; height: 51px; border: 0; width: 51px; background: transparent; font-size: 20px; line-height: 52px; } .srcIn input:focus { border: 1px solid #59c134; } .Mobile-iocn { display: none; } /*==================*/ .headMid { position: relative; z-index: 5; padding: 20px 0; -webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.03); box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.03); border-bottom: 1px solid #e6e5e5; } /*.hMR > ul > li { line-height: 17px; } .hMR > ul > li > a > span { color: #fff; height: 20px; width: 20px; background: #59c134; border-radius: 50%; font-size: 10px; font-weight: 600; text-align: center; line-height: 20px; position: absolute; right: -5px; top: 1px; } .hMR > ul > li > a { position: relative; font-size: 30px; color: #262626; vertical-align: middle; } .hMR > ul > li > label { font-weight: normal; margin-left: 10px; }*/ .minicart-wrapper > ul > li { line-height: 17px; } .minicart-wrapper > ul > li > a > span { color: #fff; height: 20px; width: 20px; background: #59c134; border-radius: 50%; font-size: 10px; font-weight: 600; text-align: center; line-height: 20px; position: absolute; left: 10px; top: 1px; } .minicart-wrapper > ul > li > a { position: relative; font-size: 30px; color: #262626; vertical-align: middle; } .minicart-wrapper > ul > li > a label { display: inline-block; font-size: 14px !important; margin: 0px 0 0; vertical-align: middle; } .hMR { float: left; text-align: right; margin-top: 20px; } /*==================*/ .headBot { border-bottom: 1px solid #e6e5e5; background: #f8f7f6; position:relative;} .hBL { float: left; } .hBR { float: right; margin-top: 5px; } .hBL > ul > li > a { font-size: 17px; color: #387324; font-weight: normal; text-transform: uppercase; position: relative; -webkit-transition: 300ms all; transition: 300ms all; } .hBL > ul > li { padding: 8px 57px 8px 0px; position: relative; } .subMenus { display: none; } .hBR > ul > li > a { font-size: 18px; color: #545455; } .hBR > ul > li { padding-right: 0; padding-left: 18px; } .mobile-nav { display: none; } .bar1, .bar2, .bar3 { width: 25px; height: 2px; background-color: #545455; margin: 5px 0; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; } .bar2 { width: 20px; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); } /*==================*/ /*.inrTpBn { height: calc(100vh - 242px); height: -webkit-calc(100vh - 242px); } */ .topBnr .owl-carousel, .topBnr .magestore-bannerslide-flex-slider { height: 100%; } .topBnr .item img { height: 100%; -o-object-fit: cover; object-fit: cover; } .inrTpBn .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 9; } .inInBr { position: absolute; top: 50%; width: 40%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-right:50px; } .inInBr > h1{ text-align:left !important; font-size:25px !important;} .inInBr h1 + h1 { font-size: inherit !important;} .inInBr h4 { font-size: 24px; line-height: 30px; font-weight: normal; } .inInBr h4 span { font-size: 24px; display: block; line-height: 30px; } .inInBr p { color: #6f6f6f; font-size: 14px; line-height: 30px; margin-bottom: 18px; margin-top: 10px; } .btnGrn { background: #fff; border: 2px solid #2fc48d; border-radius: 0 10px; padding: 8px 13px; color: #262626; font-weight: 600; } .btnGrn:hover { background: #59c134; color: #fff; } .flex-direction-nav a { margin: -25px 0px 0px !important; } /*==================*/ /*shipping section css heare*/ .shipping-main { background: #f8f7f6; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 30px 0px; } ul.listing-shop { list-style: none; text-align: center; } ul.listing-shop li { border-right: 1px solid #d5d5d4; display: inline-block; padding: 0 76px; vertical-align: middle; } ul.listing-shop li:last-child { border-right: medium none; padding-right: 0; } ul.listing-shop li:first-child { padding-left: 0px; } .Infoship { position: relative; } .Shipp-info { text-align: center; } .Iocn-lef { left: 0; position: absolute; top: 0; width:35px; } .Infoship { padding-left: 51px; position: relative; } .Shipp-info h2 { padding-bottom: 13px; } .Shipp-info > p { color: #6f6f6f; font-size: 12px; margin-bottom: 0px; line-height: 12px; } .Product-sell-main { padding: 55px 0 30px; } .heading-cMn { margin-bottom: 30px; position: relative; text-align: center; } .heading-cMn h3 { font-size: 32px; padding-bottom: 10px; opacity: 0.7px; } .heading-cMn::before { background: #59c134 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 25px; } .Information-product { max-width: 830px; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 43px; } .Information-product p { font-size: 16px; margin-bottom: 0px; } /*==========*/ .Product-slider { margin: 0 -15px; } .product-box { border: 1px solid #ddd; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); margin: 20px 15px; text-align: center; } .product-img { position: relative; /*height: 238px; overflow: hidden;*/ padding: 5px 10px; } .product-img img {position: relative;/*-o-object-fit: cover; object-fit: cover;*/height: 100%;width: auto !important;height: auto !important;} .product-info>p { display: none;} .prdttag-discount { background-color: #59c134; border-radius: 50%; color: #fff; display: inline-block; font-size: 23px; font-weight: bold; height: 66px; line-height: 17px; padding: 18px 5px 5px; text-align: center; width: 66px; } .discount-prdt { position: absolute; right: 38px; top: 14px; } .prdttag-discount > span { display: block; font-size: 11px; } .prdttag-discount:hover { color: #cd2d2a; } .product-info { border-top: 1px solid #ececec; padding: 10px 10px; } .product-info > h4 { font-size: 17px; padding-bottom: 5px; font-weight: normal; } .product-info > p { font-weight: 600; color: #333333; padding-bottom: 5px; } del { color: #c1c1c1; padding-left: 20px; } .product-info a { color: #333333; display: block; font-size: 12px; padding: 5px 0; } .product-info { border-top: 1px solid #ececec; } .owl-nav { bottom: -13px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 80px; } .rating-star { text-align: center; } .owl-prev, .owl-next { background: #fff none repeat scroll 0 0; border: 1px solid #e2e2e2; border-radius: 2px; font-size: 0; padding: 16px; position: absolute; } .owl-next { position: absolute; right: 0px; text-align: center; } .owl-prev::after, .owl-next::after { content: "<"; font-size: 21px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 1px; color: #6f6f6f; } .owl-next::after { content: ">"; } .popup .owl-prev:hover, .popup .owl-next:hover { background-color: #8cd000 !important; } .owl-prev:hover::after, .owl-next:hover::after { color: #fff; } .ProductIinner .owl-carousel .owl-item img { width: inherit; margin: 0 auto; } /*===========*/ .Weekly-offer { padding: 55px 0 50px; background: #f8f7f6; } .Manage-inner { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; /* Safari */ } .Manage-Files, .manage-tickets { padding: 15px; border: 1px solid #e2e2e2; height: 100%; } .Manage-left-main, .Manage-right-main { padding-left: 15px; padding-right: 15px; width: 50%; float: left; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ -webkit-box-flex: 1; flex: 1; height: 500px; } .Offer-main { -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); padding: 30px; height: 100%; } .header-Offer { position: relative; text-align: center; } .Manage-right-main .Offer-main { background: #f5f5f5; } .Ofr-bg { background: #fff url(../../frontend/Derendo/default/de_DE/images/offer-bg.png) no-repeat left top; background-size: cover; background-position: center center; } .header-Offer h3 { display: inline-block; font-size: 32px; padding: 0 10px; text-align: center; vertical-align: middle; } .Manage-right-main h3 { background-color: transparent; } .W-offer h3::before { content: ""; height: 1px; left: 0px; margin-top: 4px; position: absolute; right: 0px; top: 50%; width: 100%; z-index: -1; } .Middele-offer { text-align: center; } .grab { color: #333333; font-size: 12px; padding-bottom: 10px; } .Product-nameing { color: #333333; font-size: 20px; padding-bottom: 10px; } .offer-price { font-size: 27px; padding: 0; font-weight: 600; } .offer-price > span { color: #f33232; font-size: 37px; font-weight: 800; } .product-offer-imges { position: relative; height: 200px; overflow: hidden; margin: 0 auto; } .product-offer-imges > img { height: 100%; -o-object-fit: cover; object-fit: cover; } .discount { bottom: 15px; position: absolute; right: 90px; } .tag-discount { background-color: #f33232; border-radius: 50%; color: #fff; display: inline-block; font-size: 46px; font-weight: bold; height: 127px; line-height: 31px; padding: 5px; text-align: center; width: 127px; padding-top: 34px; } .tag-discount > span { display: block; font-size: 22px; } .Newsletter-main { padding: 20px 0; text-align: center; } .Newsletter-main > p { padding-bottom: 20px; } .Newsletter-main > a { color: #333333; font-size: 12px; padding-bottom: 26px; display: block; } .Newsletter-main > a > span { display: block; } .news-subscribers { position: relative; } .news-subscribers .form-control { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor currentcolor #dadada; -o-border-image: none; border-image: none; border-radius: 10px; border-style: none none solid; border-width: medium medium 2px; font-size: 20px; height: 73px; padding: 6px 90px 6px 60px; } .btn-submit { background: #787878 none repeat scroll 0 0; border: medium none; border-radius: 50%; height: 55px; position: absolute; right: 25px; top: 9px; width: 55px; color: #fff; padding: 0px; text-align: center; font-weight: normal; font-size: 20px; } .massage-icon { left: 16px; position: absolute; top: 24px; } .btn-submit:hover { background: #59c134; } /*==============================================*/ .paint-tips-main { padding: 50px 0; } .Classification { border: 1px solid #3ab9e6; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); } .Classification h3 { background: #3ab9e6 none repeat scroll 0 0; padding: 15px 10px; font-size: 22px; color: #0d5872; font-weight: 300; text-align: center; } .Classification-img { height: 192px; overflow: hidden; } .Classification-img img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .Classification h3 span { font-weight: bold; } .Mix-color-tone { border-color: #f99229; } .Mix-color-tone h3 { background: #f99229; color: #925313; } .tips-trick { border-color: #fdca5c; } .tips-trick h3 { background: #fdca5c; color: #956c12; } /*=======================================*/ .about-paint { background: #59c134; padding: 40px 0px; text-align: center; color: #fff; } .about-paint-head h3 { color: #fff; } .about-paint-head::before { background: #ffff; } .info-paint-about { padding: 0 15px; } .info-paint-about span { font-size: 30px; } /*=======================*/ .trusted-by { background: #f8f8f8; padding: 40px 0px; } ul.logos-trusted { list-style: none; text-align: center; } ul.logos-trusted li { display: inline-block; padding-right: 40px; vertical-align: middle; } ul.logos-trusted li:last-child { padding-right: 0px; } .logos-trusted img { -webkit-transition: 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .logos-trusted img:hover { transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); } /*=================================*/ footer { border-top: 1px solid #ebebeb; padding: 50px 0px 23px 0px; } ul.foot-likns { list-style: none; } ul.foot-likns li { display: block; padding-bottom: 8px; } ul.foot-likns li:last-child { padding-bottom: 0px; } ul.foot-likns li a { font-size: 14px; color: #323232; text-transform: uppercase; } ul.foot-likns li a:hover { color: #59c134; padding-left: 5px; } .address { padding-left: 5px; padding-top: 33px; } .address p { color: #323232; font-size: 14px; } .payment { padding-left: 50px; } ul.pay-option li { display: inline-block; vertical-align: middle; padding-right: 5px; } ul.pay-option li:last-child { padding-right: 0px; } ul.sociallink { list-style: none; margin: 0px; padding-bottom: 20px; } ul.sociallink li { display: inline-block; vertical-align: middle; padding-right: 15px; } ul.sociallink li a { color: #3e3e3e; font-size: 21px; } ul.sociallink li a i { border: 1px solid #f0f0f0; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; width: 48px; height: 48px; border-radius: 50%; line-height: 48px; text-align: center; display: block; background: #f0f0f0; } ul.sociallink li a:hover { text-decoration: none; } ul.sociallink li a i:hover { -webkit-transform: rotate(360deg) scale(0.8, 0.8); transform: rotate(360deg) scale(0.8, 0.8); background: #59c134; color: #fff; } .social-main { padding-left: 76px; } ul.sociallink li:last-child { padding-right: 0px; } /*==================================*/ .foot-btm { margin-top: 70px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 15px 0px; } ul.foot-menu-links { list-style: none; line-height: 1; } ul.foot-menu-links li { display: inline-block; vertical-align: middle; } .foot-menu { display: inline-block; vertical-align: middle; } ul.foot-menu-links li a { color: #323232; font-size: 14px; line-height: 1.1; padding: 0 10px; position: relative; } ul.foot-menu-links li a::after { background: #323232; content: ""; height: 15px; position: absolute; left: 0px; top: 3px; width: 1px; } ul.foot-menu-links li:first-child a { padding-left: 0px; } ul.foot-menu-links li:last-child a { padding-right: 0px; } ul.foot-menu-links li:first-child a:after { display: none; } ul.foot-menu-links li a:hover { color: #59c134; } .foot-logo { float: right; } /*=============product page css heare============*/ .proSlider { float: left; width: 35%; } .syncSlider { margin-top: 10px; } .proDetail { border: 1px solid #e6e5e5; padding: 15px; } .imgPro img { max-width: 250px; margin: 20px auto; } .singPro { border: 1px solid #e6e5e5; } .singPro img { max-width: 90px; margin: 0 auto; cursor: pointer } .proSlider h2 { font-size: 24px; } .proSlider p { line-height: 16px; margin-bottom: 15px; font-size: 24px; color: #333333; /*opacity: 0.6;*/ } .starRat span:after { content: ")"; } .starRat span:before { content: "("; } .starRat { margin-bottom: 25px; } .starRat span { position: relative; } .starRat span { position: relative; display: inline-block; margin-left: 10px; vertical-align: middle; } .proSig { padding: 50px 15px; } .proSWraper { display: inline-block; width: 100%; padding:15px; background: url('../../frontend/Derendo/default/de_DE/images/pattren.jpg'); background-repeat:repeat-y; } .mainCntWpra { width: 100%; background: #fff; display: inline-block; padding: 30px 35px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .proDelIn { float: left; width: 65%; padding-left: 30px; } .proSel > div { width: 50%; float: left; padding-right: 30px; margin-bottom: 30px; } .proSelList select { width: 100%; border: 0; border-bottom: 1px solid #d0d0d0; padding: 12px 0; background: #fff url('../../frontend/Derendo/default/de_DE/images/icon-d-arrow.png') no-repeat right 12px center; } .swatch-attribute-options select { width: 100%; border: 0; border-bottom: 1px solid #d0d0d0; padding: 12px 0; background: #fff url('../../frontend/Derendo/default/de_DE/images/icon-d-arrow.png') no-repeat right center; } .proSelList span { display: inline-block; width: 100%; padding: 12px; border: 0; border-bottom: 1px solid #d0d0d0; } .proSel:after { display: block; content: ""; clear: both; } .links-pro { color: #444444; font-size: 12px;line-height: normal } .links-pro a { color: #339bd5; text-decoration: underline; } .social-links-pro a { color: #339bd5; display: block; font-size: 15px; text-shadow: 10px 10px 10px #e8e8e8; font-weight: bold; } .selt-pr-cont { background: #59c134; padding: 10px 15px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 25px; } .number-spinner .input-group .form-control, .number-spinner .input-group-addon, .input-group-btn { display: block; } .number-spinner .input-group-btn:last-child>.btn, .number-spinner .input-group-btn:last-child>.btn-group { margin-left: 0px; outline: none !important; } .spiner-button { display: inline-block; vertical-align: middle; padding: 0px 10px 0px 6px; } .btn-default, .btn-default:hover, .btn.active, .btn:active { background-color: #ffff; border-color: #ffff; border-radius: 0; box-shadow: none; color: #000; font-weight: bold; outline: medium none; } .snipper-main .btn { padding: 0px; width: 20px; height: 20px; line-height: 15px; margin: 2px 0; background-color: #fff; border: 1px solid #fff; border-radius: 0px; } .snipper-main .form-control { border: 1px solid #fff; border-radius: 0; box-shadow: none; color: #333333; display: inline-block; font-size: 22px; font-weight: 600; height: 50px; padding: 5px; vertical-align: middle; width: 73px; } .in-cart { display: inline-block; vertical-align: middle; color: #fff; font-weight: bold; text-transform: uppercase; } /*================*/ .Material-main { padding: 50px 0px 60px 0px; background: #f5f5f5; } .martial-middil { color: #6a6d72; } .martial-middil h4 { font-size: 14px; color: #6a6d72; margin-bottom:5px; } .item-middle { padding: 0 15px; position: relative; } ul.listing-grop::after { clear: both; content: ""; display: block; } .listing-grop > li { border-left: 1px solid transparent; margin-top: 50px; } .Matril-item-middl { position: relative; padding-bottom: 50px; } .Matril-item-middl::after { clear: both; content: ""; display: block; } .Matril-item-middl::before { background: #ddd; bottom: 50px; content: ""; height: 1px; left: 60px; position: absolute; right: 60px; } .Material-slider .owl-nav { bottom: 34px; width: 100%; } .Material-slider .owl-prev::after, .Material-slider .owl-next::after { content: "\f04b"; font-family: FontAwesome; font-size: 12px; top: 0; color: #fff; height: 32px; line-height: 32px; width: 32px; cursor: pointer; z-index: 2; } .Material-slider .owl-prev, .Material-slider .owl-next { background: #1fbde5; color: #fff; } .Material-slider .owl-prev { display: none !important; } .owl-item.active + .owl-item.active .listing-grop > li { border-left-color: #f1f1f1; } .Material-slider .owl-dot { width: 13px; height: 13px; } .Material-slider .owl-dot.active { background: #1fbde5; border-color: #1fbde5; } .head-marial > h2 { color: #333333; font-size: 24px; padding-bottom: 5px; padding-top: 20px; } .head-marial { margin-bottom: 20px; } .head-marial p { line-height: 1.1; font-size: 16px; color: #6f6f6f; } .martial-pro-img { /*height: 130px;*/ overflow: hidden; } .martial-pro-img .product-image-photo { height:auto !important; width:auto !important; } .Material-slider .owl-carousel.owl-loaded { background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); padding-bottom: 50px; } .martial-middil > p { font-size: 12px; line-height: 18px; padding-bottom: 5px; } .martial-middil > a { color: #db2300; display: block; font-size: 14px; font-weight: 600; padding-bottom: 4px; } .tab-product .nav-tabs > li.active > a, .tab-product .nav-tabs > li.active > a:focus, .tab-product .nav-tabs > li.active > a:hover { background: #59c134; color: #fff; border-color: #59c134; cursor: pointer; border-radius: 4px; } .tab-product .nav-tabs { margin-bottom: 30px; border-bottom: none; } .tab-product .nav-tabs > li > a { color: #6a6d72; font-weight: 600; font-size: 18px; position: relative; padding: 18px 52px; } .tab-product .nav-tabs > li > a:hover { border-color: transparent; } .tabswraper { background: #fff none repeat scroll 0 0; padding: 35px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); } .tabswraper p { padding-bottom: 26px; } .collout-module button.close { background: #59c134 none repeat scroll 0 0; border-radius: 50%; color: #fff; height: 35px; line-height: 10px; margin: 10px; opacity: 1; position: absolute; right: 0; width: 35px; z-index: 3; } .modal-dialog { margin: 30px auto; width: 1140px; } .modal-content { border-radius: 0px; box-shadow: none; } .modal-body-head { padding-bottom: 35px; } .modal-body { padding: 30px; } .multi-color-box { background: #ded9cd; height: 100%; width: 100%; } .Mlti-color-main::after { clear: both; content: ""; display: block; } .colors-listing::after { clear: both; content: ""; display: block; } .Mlti-color-main { border-bottom: 1px solid #d7d7d7; padding-bottom: 50px; } .product-color > button { height: 70px; width: 100%; border: none; background: red; padding: 0px; color: #fff; font-size: 0px; } .form-main { height: 495px; overflow: auto; } .Mlti-color-main .col-xs-2, .Mlti-color-main .col-sm-6.col-xs-12 { padding-left: 0px; padding-right: 0px; } .patter-1 button { background: #ded9cd; } .patter-2 button { background: #e9292e; } .patter-3 button { background: #de6013; } .patter-4 button { background: #ecb000; } .patter-5 button { background: #fdeb00; } .patter-6 button { background: #c1db1b; } .patter-7 button { background: #6fa646; } .patter-8 button { background: #57ac8b; } .patter-9 button { background: #4c92b7; } .patter-10 button { background: #604fad; } .patter-11 button { background: #817e9c; } .patter-12 button { background: #b1a783; } .product-color:hover .color-btn { -moz-transform: scale(1.35, 1.35); -webkit-transform: scale(1.35, 1.35); transform: scale(1.35, 1.35); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); border-radius: 0 10%; z-index: 2; } .modal-body-head > h2, .colors-listing > h2 { font-size: 24px; text-transform: uppercase; } .modal-body-head span { text-transform: initial; } .colors-listing-main { padding: 30px 0; } .patten-plte { background: red none repeat scroll 0 0; height: 114px; width: 100%; border: 1px solid #fff; cursor: pointer; } .color-name { bottom: 5px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; font-size: 14px;/* color: rgb(255, 255, 255); */ } .colors-listing .col-lg-2 { padding: 0px; } .bolk-download { text-align: right; } .bolk-download > a { color: #59c134; font-size: 16px; font-weight: 600; } /*==========================*/ .up-sell-product-main::after { clear: both; content: ""; display: block; } .up-sell-product-main { box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); padding: 30px 15px; margin-bottom: 20px; background: #fff; } .sell-right .prdprice { margin-bottom: 0px; } .sell-right h2 { font-size: 24px; text-transform: uppercase; display: inline-block; vertical-align: middle; } .up-sell-rating-star { float: right; } .up-sell-rating-star li { color: #6f6f6f; display: inline-block; font-size: 16px; padding-left: 10px; vertical-align: middle; } .upsell-main { padding: 40px 0; background: #f5f5f5; position: relative; overflow: hidden; } .up-sellhead { text-align: center; margin: 40px 0px; background: #fff; } .up-sellhead > h2 { font-size: 32px; text-transform: uppercase; padding: 0px 15px 0px 15px; line-height: 28px; opacity: 0.5; } ul.sell-list-inline { padding-bottom: 15px; } ul.sell-list-inline > li { color: #333333; text-transform: uppercase; font-size: 16px; position: relative; font-weight: 600; padding-left: 15px; } .sell-right > p { margin-bottom: 15px; } ul.sell-list-inline > li::before { background: #616161 none repeat scroll 0 0; content: ""; height: 5px; left: 0; position: absolute; top: 10px; width: 5px; } /*.selling-pro-img { border: 1px solid #ececec; height: 308px; overflow: hidden; padding: 22px 15px; text-align: center; width: 100%; }*/ .selling-pro-img { /*height: 210px;*/ overflow: hidden; padding: 0px 25px; text-align: center; width: 100%; } .selling-pro-img img { height: 100%; /*-webkit-object-fit: cover; -o-object-fit: cover; object-fit: cover;*/ } /*.sell-right .selt-pr-cont{ background:#d1d1d1;}*/ .continew-order { padding-top: 30px; text-align: center; } .order-btn { background: #8cd000 none repeat scroll 0 0; display: inline-block; border: medium none; border-radius: 4px; color: #fff; font-size: 18px; font-weight: bold; padding: 15px 57px; text-transform: uppercase; } .order-btn:hover { background: #8cd000; } .upsell-main .container { position: relative; } .scrool-down { font-weight: bold; position: absolute; right: -150px; text-align: center; width: 97px; } .stickybody .scrool-down { top: 100px; } /*=========================================*/ .choose-coverage .sell-rating-main h2 { color: #1f4b7c; } .choose-coverage .sell-right > p { color: #117f10; font-weight: bold; } .choose-coverage > p { color: green; font-weight: bold; padding-bottom: 15px; } .choose-coverage .sell-right, .choose-coverage .prdprice { margin-right: 25px; } .choose-coverage .selt-pr-cont { margin-right: 0px; } .pagination-main { display: inline-block; float: none; text-align: center; } .pagination { display: block; } .limiter select { border: 1px solid #ddd; padding: 3px 10px; } .pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; background: #fff; transition: background-color .3s; border: 1px solid #ddd; margin: 4px; } .pagination a.active { background-color: #59c134; color: #fff; border: 1px solid #59c134; } .pagination a:hover:not(.active) { background-color: #ddd; } /*upsell page start*/ .upsell-one { padding: 15px 10px 30px 10px; background: #fff; } .boxfirst .prd-text > p { font-size: 20px; } .boxfirst .prd-text, .boxfirst .upsel_price { text-align: left; } .boxfirst .prd-text { background-color: transparent; } .upSellpage .modal-body { padding: 10px; } .upsel-heading { position: relative; text-align: center; margin-bottom: 28px; margin-top: 20px; } .upsel-heading h2 { color: #333333; margin-bottom: 28px; font-size: 32px; position: relative; padding-bottom: 17px; } .upsel-heading h2::after { background: #46bb00 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 25px; } /*.uphovr-main:hover .upSelling-box { border-color: #8cd000; }*/ .upsel-heading > p { max-width: 839px; margin: 0 auto; line-height: 30px; } .boxfirst .upSelling-box { border: none; } .prd-text { min-height: 90px; padding: 9px 15px; text-align: center; border-bottom: 1px solid #ececec; background: #f2fae5; } .uPsell-img { padding: 18px; overflow: hidden; margin-bottom: 15px; text-align: center; } .prd-detail { border-bottom: 1px solid #ececec; padding-bottom: 20px; } .check-box-main { padding: 0 20px; text-align: right; min-height: 30px; } .uPsell-img img { display: block; position: relative; width: 100%; } .upsel_price { text-align: center; border-bottom: 1px solid #ececec; padding: 13px 15px; } .upsel_price > p { font-size: 20px; } ul.listing-proName { padding: 20px 15px; } ul.listing-proName li { margin-bottom: 10px; } ul.listing-proName li:last-child { margin-bottom: 0px; } ul.listing-proName li { font-size: 20px; } sub { bottom: -1px; font-size: 12px; } .prdrating { text-align: center; padding: 17px 5px; } .prdrating > p { margin-bottom: 10px; } .prdrating p:last-child { margin-bottom: 0; } .pricing-selling p { font-size: 20px; } .row-eq-height { display: flex; } .pricing-selling { padding-bottom: 10px; text-align: center; } ul.listing-prd { text-align: center; } ul.listing-prd li { display: inline-block; vertical-align: middle; padding: 0px 4px; } .ourlist a { background: #46bb00 none repeat scroll 0 0; color: #fff; display: block; font-weight: bold; padding: 11px 10px; text-align: center; text-transform: uppercase; } .ourlist a:focus { color: #fff; } .upSellpage .modal-dialog { width: 1700px; margin-top: 170px; } .modal-open .modal.upSellpage { background: transparent; } /*radio button css*/ .RaJLabDiv [type="radio"]:checked, .RaJLabDiv [type="radio"]:not(:checked), .payment-method [type="radio"]:checked, .payment-method [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .RaJLabDiv [type="radio"]:checked + label, .RaJLabDiv [type="radio"]:not(:checked) + label, .payment-method [type="radio"]:checked + label, .payment-method [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: block; color: #666; text-align: left; } .RaJLabDiv [type="radio"]:checked + label:before, .RaJLabDiv [type="radio"]:not(:checked) + label:before, .payment-method [type="radio"]:checked + label:before, .payment-method [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #59c134; border-radius: 100%; background: #fff; } .RaJLabDiv [type="radio"]:checked + label:after, .RaJLabDiv [type="radio"]:not(:checked) + label:after, .payment-method [type="radio"]:checked + label:after, .payment-method [type="radio"]:not(:checked) + label:after { content: ''; width: 8px; height: 8px; background: #59c134; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .RaJLabDiv [type="radio"]:not(:checked) + label:after, .payment-method [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .RaJLabDiv [type="radio"]:checked + label:after, .payment-method [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .payment-method [type="radio"]:checked + label:before, .payment-method [type="radio"]:not(:checked) + label:before { top: 5px; } .payment-method [type="radio"]:checked + label:after, .payment-method [type="radio"]:not(:checked) + label:after { top: 10px; } .payment-method label { font-weight: normal; } label { font-weight: normal; } .estimated-block { padding: 0px 15px; } /*.price_star{float: right !important;margin-right: -8px;position: relative;}*/ .detail_star { font-size: 25px;/*color: #D42300;*/ } .proSWraper.proMainSearch { display: none !important; } /*header search css*/ .search-autocomplete { background-color: #ddd; margin-top: 0; text-align: left; width: 100% !important; } .search-autocomplete > ul { padding: 10px; } /*Nav menu sticky css*/ .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #efefef; } .hBpIn:after, .FrmSticky:after { display: block; content: ""; clear: both; } .hBpIn { position: relative; } .FrmSticky { display: none; width: 690px; float: left; } .MiniCrtSticky { float: none; display: inline-block; vertical-align: middle; } .MiniCrtSticky .hMR { margin-top: 8px; opacity: 0; visibility: hidden; display: none; } .RjuMiniCrtSticky { float: right; } .RjuMiniCrtSticky .hBR { float: none; display: inline-block; vertical-align: middle; margin-top: 5px; } .FrmSticky .srcIn { width: 100%; margin-top: 5px; margin-bottom: 5px; } .FrmSticky .hMC { width: 100%; margin: 0px; } .MiniCrtSticky .langCh { display: none; } .stickymaenu { -moz-transition: 300ms all; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .stickymaenu.sticky .MiniCrtSticky .hMR { opacity: 1; visibility: visible; margin-top: 18px; display: block; } .stickymaenu.sticky .RjuMiniCrtSticky .hBR { margin-top: 19px; } .stickymaenu.sticky .srcIn input { border-color: #59c134; } .stickybody div.mage-dropdown-dialog { top: 60px !important; } .stickymaenu.sticky { animation: 300ms linear 0s normal none 1 running topToBtm; } @media screen and (min-width: 768px) { .stickymaenu.sticky .FrmSticky { display: block; } .stickymaenu.sticky .hBL > ul > li { display: none; } .stickymaenu.sticky { position: fixed; width: 100%; left: 0px; top: 0px; right: 0px; z-index: 5; } .stickymaenu.sticky .hBL > ul > li:first-child { display: inline-block; margin-top: 12px; } .section_mobile { display: none; } @keyframes topToBtm { from { transform: translateY(-100%) } to { transform: translateY(0) } } @-webkit-keyframes topToBtm { from { -webkit-transform: translateY(-100%) } to { -webkit-transform: translateY(0) } } @-moz-keyframes topToBtm { from { -moz-transform: translateY(-100%) } to { -moz-transform: translateY(0) } } } /*mobile nave sticky sticky header*/ .magestore-bannerslider-standard { max-width:1170px; margin:0 auto; padding:0px 10px; } div.mage-error { color: red; font-weight: 600; } /*paypal page css*/ .paypal-review-items, .paypal-review-discount { max-width: 1170px; margin: 0 auto; padding: 0px 5px; } .block.discount { position: static; } .box.box-order-shipping-method .actions-toolbar { margin-top: 5px; margin-bottom: 6px; } .paypal-review-items strong.box-title { margin-bottom: 10px; display: inline-block; } .paypal-review .paypal-review-title { border-bottom: 1px solid #d1d1d1; margin-bottom: 40px; padding-bottom: 15px; } .field.shipping.required select { border: 1px solid #ddd; padding: 10px; margin-bottom: 20px; } .box.box-order-billing-address { width: 100% !important; display: block !important; float:left; } .paypal-review .block-content .box-order-shipping-address, .paypal-review .block-content .box-order-shipping-method, .paypal-review .block-content .box-order-shipping-method + .box-order-billing-address { width: 100% !important; min-height: inherit; } .paypal-review .box.box-order-shipping-address, .paypal-review .box.box-order-shipping-method, .paypal-review .box.box-order-billing-address, .paypal-review .box.box-order-billing-method{ min-height:inherit;} .box.box-order-shipping-method strong.box-title { margin-bottom: 10px; display:inline-block; } .paypal-review .block-content .box-order-shipping-address { padding: 10px 20px !important; width: 100% !important; } .box-content br { margin: 10px 0px !important; } .box-content img {margin-top:15px;} form#order-review-form input#review-button { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; padding: 6px 10px; } /*end paypal page css*/ .customer-review.view { max-width:1170px; margin:0 auto; padding:0px 15px;} .customer-review.view .review-details { padding: 0px 10px;} .customer-review.view .review-title {margin-top:15px; font-size:19px;} .block.upsell .block-title.title { max-width:1170px; margin: 30px auto; padding: 5px 15px;} body.upsellproduct-index-index main#maincontent .up-sellhead h2 span{display:none;} .ie10 .page-wrapper, .ie11 .page-wrapper { height:auto !important; } @media screen and (max-width: 767px) { .content { overflow: auto;} .checkout-onepage-success .title { margin-bottom: 10px;} .content .table > tbody > tr > td, .content .table > tbody > tr > th, .content .table > tfoot > tr > td, .content .table > tfoot > tr > th, .content .table > thead > tr > td, .content .table > thead > tr > th{ font-size:10px;} .checkout-onepage-success .block.block-order-details-view{ padding:0px} .minicarts { width:60px; top:-39px; right:-17px; } .minicart-wrapper {margin-left: -10px !important;} .minicart-wrapper > ul > li > a {padding: 0 10px;} .minicart-wrapper > ul > li > a > span {left: -4px;top: -2px;} }/*Upsell page css*/ .items_stocks1.red_color { color: #D42300; font-size: 13px; margin-top: 0px; margin-bottom: 0px; width:100%; float:left; font-weight: bold !important; } .items_stocks1.green_color { color: #59C134; font-size: 13px; margin-top: 0px; margin-bottom: 0px; width:100%; float:left; font-weight: bold !important; } .items_stocks1.red_color1 { color: #D42300; font-size: 13px; margin-top: 0px; margin-bottom: 0px; width:100%; float:left; font-weight: bold !important; } .items_stocks1.green_color1 { color: #59C134; font-size: 13px; margin-top: 0px; margin-bottom: 0px; width:100%; float:left; font-weight: bold !important; } .catalog-product-view .instockClass { display: none !important; } .upsell_options { width: 50% !important; } .upsell-main.upsell_container .sell-left .selling-pro-img { border: 1px solid #ececec; overflow: hidden; padding: 22px 15px; text-align: center; width: 100%; } .upsell-main.upsell_container .sell-right .selt-pr-cont { background: #d1d1d1 !important; } .upsell-main.upsell_container .sell-rating-main::after { display: none; } .upsell-main.upsell_container .sell-rating-main { text-align: left; margin-bottom: 15px; } .upsell-main.upsell_container .sell-rating-main > h2 { padding: 0px; } .upsell-main.upsell_container .Price-chart .prdprice { float: none; width: auto; text-align: left; display: inline-block; vertical-align: bottom; } .upsell-main.upsell_container .links-pro { margin-top: 10px; } .upsell-main.upsell_container .sell-right > p { margin-bottom: 0; } .upsell-main.upsell_container .Price-chart { margin-top: 12px; } .up_button .action.tocart.primary { border: 2px solid #d1d1d1; border-radius: 0; color: #262626; } .selt-pr-cont::after { clear: both; content: ""; display: block; } /*added by prabhash*/ .slick-prev, .slick-next { background-color: #fff !important; width: 30px !important; height: 30px !important; } .slick-prev::before, .slick-next::before { font-family: FontAwesome !important; text-decoration: none; transition: 300ms all; -moz-transition: 300ms all; -webkit-transition: 300ms all; -o-transition: 300ms all; width: 30px !important; height: 30px !important; line-height: 27px !important; display: block; border: 1px solid #ddd !important; outline: none; color: #000 !important; } .slick-prev::before { content: "\f104" !important; } .slick-next::before { content: "\f105" !important; } .slick-prev:hover::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-next:focus::before { background-color: #8cd001; color: #fff !important; border-color: #8cd001 !important; } ol { padding-left: 0; } header.page-header { margin: 0 !important; padding: 0 !important; } .page-main { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .page-bottom { max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; margin: 0 !important; } .flex-viewport { background: #f8f8f8 !important; } .clearfixboth { clear: both; } .sorter-main.sorter { float: left; } .sorter-main.amount { float: right; } .breadcrum-top { margin-top: 5px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 15px 0px; } .catalogfilters { width: 100%; float: left; padding: 5px; } .catalogfilterssub { /*width: 25%; float: left; height: 50px; padding: 20px; margin: 20px;*/ } .currentlyhidden { display: none; } body.cms-home .up-sellhead, body.catalog-product-view .up-sellhead { display: none; } .selt-pr-cont { background: none !important; } .productstatuscustom { width: 100%; float: left; } .productstatuscustomcolor { color: #59c134; font-weight: bold; } .displaynone { display: none; clear: both; } .ProductIinner span.price-label { font-weight: 600; font-size: 12px; color: #333333; padding-bottom: 5px; } .ProductIinner span.price { font-size: 12px; font-weight: 600; color: #333333; padding-bottom: 5px; } .relatedproductitem { width: 25%; float: left; } .related { display: none; } .proDelIn.createaccount { float: left; width: 50%; padding-left: 60px; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { width: 100% !important; position: relative !important; float: none !important; margin-top: 50px; } form.formcart { width: 100% !important; float: none; position: absolute; } button.checkout { border: 2px solid #2fc48d; border-radius: 0 10px; padding: 8px 13px; color: #262626; background: #fff; } div.cart-container div#block-discount, div.cart-container div#block-shipping { position: static; margin-top: 15px; margin-bottom: 15px; /* float: right; */ cursor: pointer; text-transform: uppercase; display: inline-block; } .checkout.methods.items.checkout-methods-items { float: right; margin-top: 15px; } .checkout.methods.items.checkout-methods-items .item { display: inline-block; vertical-align: middle; margin-left: 5px; } .checkout.methods.items.checkout-methods-items .paypal { margin-top: 0px !important; } div.cart-container div#block-discount label { color: #828282; float: left; text-align: left; width: 50%; margin-bottom: 10px; } .product-social-links.social-links-pro { display: none; } /*login page css heare*/ .LRClRj { padding: 30px 0; } .Information-product { padding-bottom: 15px; } .LRClRj .form-group > label { font-size: 17px; font-weight: normal; margin-bottom: 6px; } .field.captcha.required label { color: #333333; font-size: 17px; font-weight: normal; padding: 0; white-space: normal; } .form-control { border-radius: 0px; } .LRClRj .form-control { height: 40px; } .action.remind { color: #59c134; margin-top: 10px !important; display: inline-block; } .LRClRj .Information-product p { font-size: 15px; } .LRClRj .heading-cMn { margin-bottom: 15px; } .LRClRj .heading-cMn h3 { font-size: 22px; padding-bottom: 15px; } .password-strength-meter { font-size: 11px; margin-top: 5px; } .FrGtPwd { margin: 0 auto; max-width: 560px; padding: 0 30px; } .control.captcha-image .captcha-img { border: 1px solid #ddd; margin: 0 37px 25px 0; } .actions-toolbar { max-width: 1150px; margin: 0 auto; margin-top: 30px; margin-bottom: 80px; } .action.reload.captcha-reload { background: transparent none repeat scroll 0 0; border: 1px solid #ddd; font-size: 15px; margin-top: 0; padding: 6px 15px; position: relative; } .action.back, .action.save.primary, .action.primary.add { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; font-weight: 600; padding: 8px 13px; display: inline-block; } .action.back > span { font-weight: normal; } .form-create-account .actions-toolbar { padding: 0 20px; } .field.choice .label { font-size: 15px; } tr.totals-tax-summary { display: none; } .page-wrapper { min-height: 104px !important; } /*css Added by Raju 1-12-2017*/ .imgBig .proSlider { width: 50%; } .imgBig .proDelIn { width: 50%; } div.review-control-vote input.radio { border: 1px solid #f1f1f1; color: rgba(51, 51, 51, 0.49); display: inline-block; left: 0; margin: 5px 0; padding: 12px 65px 12px 25px; position: absolute; } .RaJLabDiv > label { padding-left: 30px; } div.review-control-vote label span { color: #59c134; font-weight: 600; } div.review-control-vote input.radio:focus { border: 1px solid #59c134; } .srcIn textarea { -webkit-transition: 300ms all; transition: 300ms all; width: 100%; padding: 10px; border: 1px solid #ddd; color: rgba(51, 51, 51, 0.49); font-size: 18px; } .srcIn textarea:focus { border: 1px solid #59c134; } section.headMid .action.nav-toggle,.checkout-index-index .main-page .action.nav-toggle { display: none; } .section-item-title.nav-sections-item-title.active { display: none; } .section-item-title.nav-sections-item-title { display: none; } .fa-star, .fa-star-half { color: #59c134; } .page.messages { text-align: center; padding: 15px; color: #59c134; font-size: 15px; font-weight: bold;max-width:1150px;margin:auto } body.catalog-product-view .snipper-main { background: #59c134; position: relative; padding: 10px; border-radius: 5px; text-align: left; margin-bottom: 0px; } body.page-product-configurable .swatch-attribute { float: none !important; margin-bottom: 30px; padding-right: 0px !important; width: 100% !important; } .swatch-attribute.paint_size { margin-bottom: 0 !important; } .product-options-wrapper { margin-bottom: 10px; /* box-shadow: 1px 0px 5px 1px #e8e8e8;*/ border-radius: 5px; } .product-info-stock-sku { margin-bottom: 15px; } .prdprice { float: left; width: 200px; text-align: left; margin-bottom: 15px; } .Price-chart{height:85px;} @media screen and (max-width:479px){ .Price-chart{height:auto!important;} } span.old-price span.price-container.price-final_price { color: #444444 !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.1 !important; text-transform: capitalize !important; } span.old-price span.price-wrapper span.price { text-decoration: line-through !important; color: #444444 !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.1 !important; text-transform: capitalize !important; } span.price-wrapper span.price { font-size: 28px; display: inline-block; vertical-align: middle; color: #d42300; padding-bottom: 5px; font-weight: bold; } span.old-price { width: 100%; } .proDelIn .btnGrn:hover { border-color: #59c134; } body.page-products span.special-price { width: 100%; float: left; } body.catalog-product-view .product.attribute.overview { clear: both; padding-top: 20px; } .up-sell-product-main-newstyle { -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); padding: 15px 0px 80px 0px; margin-bottom: 30px; background: #fff; text-align: center; min-height: 489px; position: relative; } .up-sell-product-main-newstyle .selt-pr-cont { left: 0; margin: 0 auto; position: absolute; right: 0; bottom: 25px; } .up-sell-product-main-newstyle h2 { font-size: 14px; font-weight: normal; line-height: 25px; min-height: 60px; padding: 0 10px; } body.page-products span.special-price span.price-container.price-final_price { font-size: 16px; display: inline-block; vertical-align: middle; color: #d42300; padding-bottom: 5px; font-weight: bold; } body.page-products span.price-wrapper span.price { font-size: 17px; display: inline-block; vertical-align: middle; color: #d42300; padding-bottom: 5px; font-weight: bold; } .flex-direction-nav { /*display: none;*/ } .slick-next:hover:before, .slick-prev:hover:before { color: #fff; } .slick-next:focus::before, .slick-prev:focus::before { color: #fff; } .slides, .slides li { height: 100% !important; } .slick-prev { left: -40px !important; } .slick-next { right: -40px !important; } .Product-sell-main .slick-dots { display: none !important; } .flexslider .slides img { height: 100% !important; } ul.logos-trusted li img { height: auto !important; } .trusted-by .flexslider-content-image.acx-brandslider-brandslider.row { margin-bottom: 0px !important; } .slick-slider { margin-bottom: 0px; } .proreview br { display: none; } .price-wrapper.price-excluding-tax { display: inline-block; padding: 0 10px !important; vertical-align: middle; } body.catalog-product-view .product.attribute.sku.productstatuscustom { display: none; } div.martial-middil span.price { color: #db2300; display: block; font-size: 14px; font-weight: 600; padding-bottom: 4px; } .bottom_top { -webkit-overflow-scrolling: touch;} .hBL > ul > li > a { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0px);} element { -webkit-overflow-scrolling: touch; } element > * { -webkit-transform: translateZ(0px); } div.srcIn .nested { display: none; } .headTop { display: none; } .block-content strong { font-size: 14px; font-weight: normal; } .block-content .close { background: #59c134 none repeat scroll 0 0; border-radius: 50%; color: #fff; cursor: pointer; float: right; font-size: 14px; font-weight: 700; height: 30px; line-height: 30px; opacity: 1; position: absolute; right: -5px; text-shadow: 0 1px 0 #fff; top: -9px; width: 30px; } div.hMR div.mage-dropdown-dialog { height: 506px; position: absolute; right: 0; top: 75px; width: 300px; } div#minicart-content-wrapper { border-radius: 0; } .minicart-items-wrapper ol { margin-bottom: 0; } .minicart-items-wrapper .secondary .action.viewcart { font-size: 15px; } .minicart-items-wrapper .details-qty.qty { margin-bottom: 15px; } .link.wishlist > a i { font-size: 22px; } [class^="ti-"], [class*=" ti-"] { vertical-align: middle; } .hBR ul.list-inline span { font-size: 15px !important; margin-top: 2px !important; position: relative; } .minicart-wrapper .block-minicart { right: 0px !important; width: 100% !important; } #minicart-content-wrapper { background: #f8f7f6 none repeat scroll 0 0; border-radius: 7px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); right: 0; text-align: center; top: 10px; z-index: 1000; } .minicart-items-wrapper { height: auto !important; } .minicart-wrapper .block-content { max-height: 507px; min-height: 88px; overflow: auto; } .minicart-wrapper label { text-transform: uppercase; font-weight: normal; color: #6f6f6f; } .block-title { border-bottom: 1px solid #ddd; padding: 5px 15px; text-transform: uppercase; } .block-content { padding: 10px; } .product-box.slick-slide span.old-price { padding: 0px 10px; } .minicart-wrapper { margin-left: 0px !important; } /*products page css*/ .ProHeadBotCus { padding: 55px 0; } .sell-rating-main { font-size: 24px; text-align: center; } .sell-rating-main { position: relative; margin-bottom: 30px; } .sell-rating-main::after { background: #ddd none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 50%; width: 100%; } .sell-rating-main > h2 { background: #fff none repeat scroll 0 0; display: inline-block; font-size: 24px; padding: 0 15px; position: relative; z-index: 2; } .catalogfilterssub .form-control { height: 50px; border-color: #d9d9d9; font-size: 16px; } .form-group > label { color: #333333; font-size: 15px; font-weight: 600; margin-bottom: 10px; } .fieldset.info { margin-bottom: 25px; } .Price-chart .prdprice { text-align: center; margin-right: 0px; width: 100%; } .Price-chart .swatch-option.text { display: inline-block; float: none; vertical-align: middle; } .listPagePagi::after { clear: both; content: ""; display: block; } .listPagePagi { background: #fff none repeat scroll 0 0; border: 1px solid #d7d7d7; margin-bottom: 25px; padding: 15px; color: #333333; text-transform: uppercase; } .listPagePagi .toolbar-amount { float: left; line-height: inherit; margin-top: 6px; font-weight: 600; } .prdprice > h2 { margin-top: 15px; min-height: inherit; } .bottomtoolbar .listPagePagi { border: medium none; text-align: center; padding: 0px; } .bottomtoolbar .listPagePagi .sorter-main.sorter { padding-top: 25px; } .pagination .form-control { border-radius: 0; display: inline-block; margin-left: 15px; width: auto; } .flagstrap { display: inline-block; position: relative; width: 100%; } .flagstrap-icon { display: inline-block; width: 16px; height: 11px; background: url(../../frontend/Derendo/default/de_DE/images/flags.png) no-repeat !important; } .flagstrap-icon.flagstrap-de { background-position: -80px -33px !important; background: url(../../frontend/Derendo/default/de_DE/images/flags.png) no-repeat !important; } .flagstrap-icon.flagstrap-gb { background-position: -176px -44px !important; } .number-spinner .btnGrn { background: #fff; } .number-spinner .btnGrn:hover { color: #333; } span.counter.qty { display: none; } .field.qty .label { display: none; } .product a.action { font-size: 15px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } .minicart-items-wrapper .product-image-photo { border: 1px solid #ddd; height: 50px !important; margin: 10px 0; width: 50px !important; } /*cart page css*/ .summary.title { display: none; } .cart.table-wrapper .item .col.item .product-image-container { display: block; width: 100%; } .col.item .product-image-photo { height:auto !important; border: 1px solid #ddd; -moz-object-fit: contain; -webkit-object-fit: contain; -o-object-fit: contain; object-fit: contain; } caption { background: #59c134 none repeat scroll 0 0; color: #fff; font-size: 15px; font-weight: bold; margin-bottom: 40px; padding: 10px; text-transform: uppercase; } .cart.table-wrapper .item .col.item { padding: 8px !important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { font-size: 15px; vertical-align: middle; } .table > thead > tr > th { vertical-align: middle; text-transform: uppercase; border-bottom: 1px solid #ddd; } .cart.table-wrapper .product-item-photo { /*border: 1px solid #ddd;*/ padding: 10px !important; width: 30% !important; } .cart.table-wrapper .product-item-details { padding: 10px; } .input-text.qty { border: 1px solid #ddd; height: 40px; padding: 8px; } .product-item-name > a { color: #59c134; } .valuenameattr, .labelnameattr { font-size: 14px; } .fieldset.coupon .field { margin-bottom: 0px; } .control .input-text { border: 1px solid #ddd; height: 40px; margin: 10px 0; padding: 10px; color: #000; width: 100%; } .tab-product .control .input-text { margin: 5px 0px; } .tab-product .field label { font-weight: normal; } .coupon .control .input-text { width: 190px !important; } .fieldset.coupon .field .label span { font-size: 13px; } .action.apply.primary { background: #59c134 none repeat scroll 0 0; border: 1px solid #59c134 ; border-radius: 0 10px; color: #fff; font-size: 14px; padding: 6px 15px; } .action.action-edit, .action.action-delete, .use-ajax.action.action-towishlist { background: #fff; color: #262626; padding: 6px 20px; text-align: center; margin-right: 30px; border: 2px solid #2fc48d; display: inline-block; -webkit-border-radius: 0 10px; border-radius: 0 10px; } .cart .action { margin-bottom: 0px !important; } .action.clear, .action.update, .action.continue, .action.share, .action.login.primary, .action.tocart.primary, .action.tocart { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; padding: 6px 10px; } .cart.main.actions { border-top: 1px solid #ddd; padding-top: 33px; } table.cart { margin-bottom: 0; } .cart.table-wrapper .item-actions .actions-toolbar { padding: 10px 0; } .control.qty { width: 90px; } .fieldset > .field:not(.choice) > .label { color: #6f6f6f; border-radius: 0px; font-weight: 600; font-size: 16px; text-align: left !important; width: 100% !important; } .SubClCus { border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; font-weight: 600; padding: 8px 34px; background: #fff; } .form.contact .fieldset > .field { margin: 0px; } .abs-margin-for-forms-desktop, .fieldset .legend, .column:not(.sidebar-main) form .actions-toolbar, .column:not(.sidebar-additional) form .actions-toolbar, .login-container .fieldset::after { margin-left: 0px !important; } .fieldset > .field.choice::before, .fieldset > .field.no-label::before { width: 100% !important; } .form.contact textarea { height: 146px !important; overflow: auto; resize: none; } .field.note.no-label { font-size: 15px; margin-bottom: 35px !important; /*text-transform: capitalize;*/ } .form.contact .fieldset br { display: none; } .form.contact .legend { font-weight: bold; margin-bottom: 0; text-transform: uppercase; border: none; } .form.contact { margin-left: auto; margin-right: auto; max-width: 740px; margin-top:25px; } .mage-error { font-size: 14px; font-weight: 400; } .action.remove > span .fa { background: #59c134; border-radius: 50%; color: #fff; font-size: 13px; height: 22px; line-height: 22px; text-align: center; width: 22px; } .minicart-items-wrapper .primary, .minicart-items-wrapper .secondary { float:right; vertical-align: middle; } .product.actions:after { display: block; content: ""; clear: both; } .edit_button { float: left; } .edit_button button { color: #59c134; display: block; font-size: 12px; min-width:50px; font-weight: bold; text-transform: uppercase; padding: 5px 10px; border:none; cursor:pointer; background: #ddd none repeat scroll 0 0; } .minicart-items-wrapper .action.edit, .minicart-items-wrapper .action.delete { color: #59c134; display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 5px 10px; cursor:pointer; background: #ddd none repeat scroll 0 0; } .minicart-items-wrapper .subtotal .label { color: #777; font-size: 15px; } .minicart-items-wrapper .item-qty.cart-item-qty { border: 1px solid #ddd; height: 37px; width: 100px; padding: 6px 10px; } .minicart-items-wrapper .actions { margin-top: 10px; text-align: center; } .mage-dropdown-dialog .subtotal .label { color: #777; font-size: 14px; } .minicart-items-wrapper { margin-bottom: 10px; } .minicart-items-wrapper .item.product.product-item { border-top: 1px solid #ddd; padding-bottom: 20px; margin-top: 20px; } .secondary .action.viewcart { border-radius: 0 10px; color: #59c134; display: inline-block; font-size: 14px; padding: 10px 15px; } .minicart-items-wrapper .product-item-photo { float: left; width: 50px; } .minicart-items-wrapper .product-item-details { margin-left: 54px; padding: 10px; } .minicart-items-wrapper span.price-wrapper span.price { font-size: 18px; } select::-ms-expand { display:none;} /*-----------------*/ /*checkout page css*/ .billing-address-details { margin-top: 15px; } .form-discount { margin-bottom: 50px; } .form.payments .address { padding-top: 0px; } .opc-progress-bar { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 20px; } .loader { position: fixed; width: 234px; margin:0 auto; left: 0; right: 0; bottom: 0; top: 50%; height: 100%; text-align: center; margin-top: -30px; z-index: 50; } .opc-sidebar { margin: 0 0 100px !important } .modal-header { border: none !important; } .shipping-address-item { margin-bottom: 30px; } .shipping-address-items { margin-bottom: 30px; } .modal-inner-wrap .modal-header { padding: 0px; } .modal-inner-wrap .modal-content { padding: 15px; } .action.action-select-shipping-item, .action.action-show-popup { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; font-weight: 600; padding: 8px 13px; margin-top: 15px; } .label { color: #6f6f6f; } .step-title { background: #59c134 none repeat scroll 0 0; color: #fff; font-weight: bold; margin-bottom: 30px; padding: 10px; text-transform: uppercase; } legend { background: #59c134 none repeat scroll 0 0; border-radius: 0; color: #fff; font-size: 16px; font-weight: bold !important; padding: 10px !important; text-transform: uppercase; } .field-error > span, div#newsletter-error { color: red; } #checkout-shipping-method-load { border-bottom: 1px solid #ddd; display: block; margin-bottom: 30px; padding-bottom: 30px; } .opc-block-summary { text-align: center; } .opc-block-summary .title { text-transform: uppercase; display: inline-block; margin-bottom: 10px; } .block.items-in-cart .title { cursor: pointer; } .opc-block-summary .product-item-name { font-size: 14px; } .opc-block-summary .product-image-wrapper > img { border: 1px solid #ddd; margin: 10px 0; } .authentication-wrapper { margin-bottom: 15px; position: relative; text-align: left !important; } .authentication-dropdown { top: 63px !important; width: 345px !important; } .authentication-dropdown._show { z-index: 2 !important; position: absolute;display:none;} .action.action-auth-toggle { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0px; color: #262626; font-weight: 600; padding: 8px 13px; margin-top: 15px; } .block-authentication .actions-toolbar > .secondary { padding-top: 0px !important; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { max-width: 100% !important; } .table-checkout-shipping-method { min-width: 100% !important; } .fieldset > .field:not(.choice) > .control { width: 100% !important; } .control select { border: 1px solid #ddd; height: 40px; margin-top: 15px; margin-bottom: 15px; width: 100%; padding: 6px 12px; } .checkout-shipping-address select { margin-bottom: 15px; } .form.form-shipping-address .address { padding-left: 0; padding-top: 0; } .checkout-index-index .opc-wrapper .step-content .actions-toolbar { border-bottom: 1px solid #ddd; padding-bottom: 20px; } .block-title { background: #ddd none repeat scroll 0 0; } .block.block-dashboard-addresses { margin:50px 0px;} .radio { display: inline-block; vertical-align: middle; } .authentication-dropdown .fieldset > .field { margin: 0px; } .authentication-dropdown .modal-content { border: none; } .modal-header .action-close { background: #59c134 none repeat scroll 0 0; border: 1px solid #59c134 ; border-radius: 50%; color: #000; font-size: 0; height: 30px; line-height: 30px; overflow: hidden; position: absolute; right: -8px; top: -7px; width: 30px; z-index: 2; } .block-authentication .block-title { border-bottom: 0 none; font-size: 18px !important; margin-bottom: 0px !important; } .modal-header .action-close::after { color: #fff; content: "\f00d"; font-family: FontAwesome; font-size: 15px; height: 30px; left: 0; line-height: 30px; margin: 0 auto; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 30px; } .action.action-login.secondary { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; font-weight: 600; padding: 8px 13px; margin-top: 15px; } .block.account-nav { margin-bottom: 30px; } .content.account-nav-content ul { margin: 0px -15px; border-bottom: 1px solid #eae4dd; background: #f8f7f6; padding: 5px 0px; } .content.account-nav-content ul li { display: inline-block; vertical-align: middle; padding: 10px 15px; } .content.account-nav-content ul li a { padding: 0px; color:#636771; } .nav.item.current strong { background: #59c134; color: #fff; padding: 10px; } .products-grid .product-item { border: 1px solid #ddd; padding: 15px !important; } .products-grid.wishlist { margin-bottom: 45px; } .block-authentication .actions-toolbar > .primary { float: left !important; } .block-authentication .actions-toolbar > .secondary { float: right !important; margin-right: 0px !important; } .block-authentication .actions-toolbar > .secondary .action.action-remind { color: #59c134; } .totals.discount { position: static; } .payment-method-title.field input[type="checkbox"], .payment-method-title.field input[type="radio"] { margin: 0px; } .payment-method-title.field label { font-size: 15px; font-weight: normal; cursor: pointer; margin: 0; color: #59c134; } .payment-method::after { clear: both; content: ""; display: block; } .payment-method { margin-bottom: 20px; } .payment-method._active::after { clear: both; content: ""; display: block; } .payment-method-title { float: left; vertical-align: middle; } .payment-method-content { float: left; width: 100%; vertical-align: middle; margin-top: 10px; } .payment-method-content .actions-toolbar { margin-top: 0px; } .checkout-payment-method .payment-option-title { background: #ddd none repeat scroll 0 0; cursor: pointer; margin-bottom: 20px; padding-bottom: 10px; padding-left: 10px !important; padding-top: 10px; } .opc-block-shipping-information { margin-top: 28px; padding-top: 20px; } .ship-to { margin-bottom: 25px; } .shipping-information-title::after { clear: both; content: ""; display: block; } .shipping-information-title .action.action-edit { float: right; margin-right: 0px; } .mark, mark { background-color: transparent; font-weight: normal; } .action.action-update, .action.action-cancel, .action.action-apply { background: #fff none repeat scroll 0 0; border: 2px solid #2fc48d; border-radius: 0 10px; color: #262626; display: inline-block; margin-right: 30px; padding: 6px 20px; text-align: center; } .checkout-billing-address .actions-toolbar .action-cancel { margin: 0 20px 0 0 !important; } .checkout-payment-method .actions-toolbar { margin-top: 0px; } input[type="checkbox"], input[type="radio"] { margin: 0; } .checkbox { display: inline-block; vertical-align: middle; } .checkout-billing-address { margin-bottom: 20px; } .actions-toolbar::after { clear: both; content: ""; display: block; } .table-checkout-shipping-method > tbody > tr > td, .table-checkout-shipping-method > tbody > tr > th, .table-checkout-shipping-method > tfoot > tr > td, .table-checkout-shipping-method > tfoot > tr > th, .table-checkout-shipping-method > thead > tr > td, .table-checkout-shipping-method > thead > tr > th { padding: 10px; border: 1px solid #ddd; font-size: 14px; } .checkout-success { text-align: center; } .checkout-success .actions-toolbar .primary { float: none; } .billing-address-form .fieldset > .field .label { font-size: 17px; } .desc { margin-bottom: 30px; } .desc ul li { font-size: 15px; margin-bottom: 10px; padding-left: 20px; position: relative; } .desc ul li::before { background: #59c134 none repeat scroll 0 0; border-radius: 50%; content: ""; height: 10px; left: 0; position: absolute; top: 7px; width: 10px; } .authentication-dropdown .block-content { padding: 10px 0px; } .payment-option-inner .field .label { font-size: 14px; padding: 0; } .block.block-dashboard-orders, .message.info.empty, .order-details-items.ordered, .block.block-order-details-view, .items.order-links, .block.block-reviews-dashboard { margin: 0 auto; max-width: 1160px; } .block.block-reviews-dashboard { padding: 0 10px; margin-bottom:30px; } .block.block-addresses-default { margin-bottom: 50px;} .block.block-dashboard-orders .block-title { margin: 0 10px; } .product-item-comment { border: 1px solid #ddd; padding: 6px 12px; width: 100%; } .field.comment-box .label { display: block; font-size: 15px; margin-bottom: 10px; padding: 0; text-align: center; } .table-wrapper.orders-recent { overflow: auto; } .products-grid.wishlist .product-item .fieldset .field.qty { padding-right: 0px !important; } .wishlist-index-index .product-item-info { width: 100% !important; } .cart-container { margin-bottom: 88px; } .checkout-payment-method .form.form-discount .actions-toolbar { margin-top: 15px; } /* Base for label styling */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; line-height:28px; cursor: pointer; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0px; top: 6px; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: #fff; border-radius: 0px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 8px; left: .275em; font-size: 17px; line-height: 0.8; color: #59c134; transition: all .2s; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } /* accessibility */ .billing-address-same-as-shipping-block.field.choice > label { padding: 0 28px; font-weight: normal; } /*order table css*/ .table-wrapper.order-items { overflow: auto; } .items.order-links { margin-bottom: 20px; } .nav.item.current > strong { display: inline-block; } .order-details-items.ordered .actions-toolbar { margin-bottom: 30px; } .limiter { margin-top: 10px; } .table-wrapper.orders-history { overflow: auto; } .pager { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; margin: 0px; } .action.order, .action.view { background: #59c134 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 13px; margin: 0 5px; padding: 5px 10px; text-align: center; min-width: 90px; } .form.form-edit-account .field .form-control { height: 40px; } .form.form-edit-account .field label { color: #6f6f6f; font-weight: 400; } .cart-container.container .actions-toolbar, .authentication-dropdown .actions-toolbar { margin-top: 0px; } .authentication-dropdown .actions-toolbar { margin-top: 10px; margin-bottom: 0px; } .LRClRj .actions-toolbar, .cart-container.container .actions-toolbar, .checkout-payment-method .actions-toolbar { margin-bottom: 0; } .wishlist-index-index .products-grid .product-item { float: left; margin-bottom: 30px; } .wishlist-index-index .product-item-info { text-align: center; } .product-items::after { clear: both; content: ""; display: block; } .table-order-items > tbody > tr > td, .table-order-items > tbody > tr > th, .table-order-items > tfoot > tr > td, .table-order-items > tfoot > tr > th, .table-order-items > thead > tr > td, .table-order-items > thead > tr > th { text-align: left !important; } .table-order-items > tbody > tr > td strong, .table-order-items > tbody > tr > th strong, .table-order-items > tfoot > tr > td strong, .table-order-items > tfoot > tr > th strong, .table-order-items > thead > tr > td strong, .table-order-items > thead > tr > th strong { font-weight: normal; } .table-order-items > thead > tr > th { background: #c0c0c0 none repeat scroll 0 0; color: #fff; } .order-title { margin-bottom: 18px; text-transform: uppercase; } .RaJLabDiv { display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; } p.instockClass { color: rgba(51, 51, 51, 0.54); font-size: 13px; font-weight: 600; margin: 2px 0 !important; padding: 0 !important; text-transform: uppercase; } .checkout-onepage-success .success-messages, .checkout-onepage-success .block.block-order-details { max-width: 1138px; margin: 0 auto; } .checkout-onepage-success .success-messages { border: 1px dashed; padding: 10px; } .checkout-onepage-success .block-content strong { display: block; font-size: 16px; font-weight: 600; margin-bottom: 10px; width: 100%; } .checkout-onepage-success .checkout-success { text-align: left; } .checkout-onepage-success .account { margin-top: 20px; } .order-date { border-bottom: 1px solid #c6c6c6; font-size: 20px !important; margin-top: 15px; padding-bottom: 25px; } .checkout-onepage-success .print { background: #59c134; color: #fff; display: inline-block !important; float: none !important; margin: 22px 0 0; padding: 10px; border-radius: 10px; } .block.review-list .block-title { display: none; } .RevCusTomClaSs .heading-cMn { margin-bottom: 0px; } .RevCusTomClaSs .heading-cMn::before { display: none; } .control.review-control-vote { margin-top: 10px; } .box.box-order-shipping-address, .box.box-order-shipping-method, .box.box-order-billing-address, .box.box-order-billing-method { border-width: 1px; margin-bottom: 10px; margin-top: 10px; min-height: 218px; padding: 10px; border: 1px solid #ddd; } .block.block-order-details-view .block-content { padding: 0; } .checkout-onepage-success .block.block-order-details-view .block-content { padding: 10px; } .table { border: 1px solid #ddd; } .order-details-items.ordered { padding: 10px; } .order-date { border-bottom: 1px dashed; font-size: 1.6rem; padding-bottom: 25px; } .snipper-main .action.primary.tocart.btnGrn { border-radius: 0px; border: 2px solid #fff; } .snipper-main .paypal { margin-top: -29px !important; position: absolute; right: -163px; width: 130px; } .order-products-toolbar .toolbar-amount { margin-top: 10px; } .payment { padding-left: 0px !important; } .select { width: 100% !important; } .col.col-error { position: relative; } .col.col-error .message.error > div { padding-left: 30px; } .col.col-error .no-display { position: absolute; top: 10px; } .control textarea { border: 1px solid #ddd; margin: 10px 0; min-height: 100px; width: 100%; padding: 6px 12px; } .checkout-index-index .opc-block-summary .minicart-items .product-item-details { padding-left: 0px !important; margin-left: 0px; } .checkout-index-index #checkout { background: #fff !important; margin: 0 auto !important; padding: 0px !important; } .checkout-index-index .checkout-block { border: 1px solid #ccc; box-shadow: none !important; } .authentication-wrapper { padding: 0px 10px; } .fieldset > .field { margin: 0 0 0px !important; } .checkout-index-index .opc-block-summary .minicart-items input.qty { border: 1px solid #ddd; margin: 10px 0; padding: 6px; } .checkout-index-index .checkout-block .product { border: 1px solid #ddd; margin: 20px 0; position: relative; } .checkout-index-index .opc-block-summary .minicart-items .delete { border-radius: 50%; height: 20px !important; position: absolute; right: 5px; top: 7px; width: 20px !important; } #cardexpiremonth > iframe { width: 100% !important; } .amount .price::after { right: -17px; } button.action.action-show { background-color: transparent; border: medium none; font-weight: normal; padding: 3px 0px 0px 0px; text-align: left; } .checkout-index-index .checkout-header .title { display: none; margin: 0 auto 7px; } /*.checkout-onepage-success .actions-toolbar { float: left; width: 50%; padding-right: 30px; }*/ .form-group.field { margin-bottom: 10px !important; } .fieldset.password > br, .fieldset.info > br { display: none; } .checkout-payment-method .payment-methods .actions-toolbar .primary { font-size: 16px !important; line-height: inherit !important; padding: 18px 23px !important; color: #fff; background:#59c134; border: 2px solid #59c134; } .checkout-index-index .additional-options { margin: 0 0 12px !important; } .checkout-index-index legend.label { color: #fff !important; } .additional-options .label { padding: 0; font-size: 15px; } tr.grand.totals .amount .price::after, tr.totals.sub .amount .price::after { right: -28px; } .checkout-index-index .opc-block-summary tr.grand.totals .amount .price::after, .checkout-index-index .opc-block-summary tr.totals.sub .amount .price::after { right: -17px; } .table-wrapper.order-items .amount .price::after { right: 24px; } /*added by cis team for term and condition popup start here*/ /*.popup {width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.75);}*/ /* Inner */ .popup_content { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,0.75); z-index: 5; } .popup-inner { max-width: 700px; width: 90%; padding: 15px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0px 2px 6px rgba(0,0,0,1); border-radius: 3px; background: #fff; } /* Close Button */ .popup-close { width: 30px; height: 30px; padding-top: 4px; display: inline-block; position: absolute; top: 0px; right: 0px; transition: ease 0.25s all; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 1000px; background: rgba(0,0,0,0.8); font-family: Arial, Sans-Serif; font-size: 20px; text-align: center; line-height: 100%; color: #fff; } .popup-close:hover { -webkit-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); background: rgba(0,0,0,1); text-decoration: none; } .tpopup_close { position: absolute; right: -7px; top: -11px; background-color: #fff !important; color: #000 !important; padding: 5px 10px; opacity: 1; font-weight: normal; font-size: 12px; padding: 11px 18px !important; border-radius: 0 10px; z-index: 2; border: 2px solid #2fc48d !important; } .modal-body-inner { height: 525px; overflow: auto; } div#myModal .modal-body { padding: 15px; } /*.tpopup_close:after { position: absolute; content: "\f00d"; width: 30px; height: 30px; background-color: #8cd001; border-radius: 50%; color: #fff; line-height: 30px; right: 10px; top: 10px; font-family: FontAwesome; margin: 0 auto; text-align: center; font-size: 15px; } */.term_download { text-decoration: underline; font-size: 18px; padding: 20px; margin-top: 50px; } .rating-summary .label { padding: 0; } body.page-print .hMpIn{ margin:0 auto; max-width:1170px; padding:0px 15px;} body.page-print .order-details-items.ordered{ padding:10px 0px; margin:0px; } body.page-print .up-sellhead > h2{ font-size:22px; padding:0px;} body.page-print .order-date{ margin-top:0px;} body.page-print .up-sellhead{ margin:0px 0px 34px 0px; text-align:right;} /*end here term and condition*/ .minicarts {width:200px; position:absolute; top:-80px; right: 0; z-index:5;} .stickybody .minicarts { top:0px; right:90px;} .stickybody .langCh{ display:none;} @media screen and (min-width:1025px) { .additional-attributes-wrapper.table-wrapper { height:335px; overflow:auto;} } @media screen and (min-width:768px) { .additional-attributes-wrapper.table-wrapper .table > tbody > tr > th{ width:50%;} } @media screen and (max-width:1199px) { .Price-chart .btnGrn { font-size: 14px; } .up-sell-product-main-newstyle { min-height: 430px; } .up-sell-product-main-newstyle h2 { font-size: 16px; min-height: 44px; } .block.block-dashboard-orders, .message.info.empty, .order-details-items.ordered, .block.block-order-details-view, .items.order-links, .block.block-reviews-dashboard { max-width: 950px; } .checkout-onepage-success .success-messages, .checkout-onepage-success .block.block-order-details { max-width: 924px; } .checkout-onepage-success .actions-toolbar { margin: 30px auto 80px; max-width: 930px; } } @media (max-width:767px) { .hBL > ul > li.active > a::after, .hBL > ul > li:hover > a::after { display: none } .subMenus { position: static !important } .number-spinner .btnGrn { color: #333; } .abs-shopping-cart-items-desktop .actions, .block-cart-failed .actions, .cart-container .form-cart .actions, .cart-container .cart-gift-item .actions { text-align: center; } .action.clear, .action.update, .action.continue { margin: 10px; } .cart.table-wrapper { min-height: 0.01%; overflow-x: auto; overflow-y: hidden; padding-bottom: 25px; } .columns { margin-bottom: 40px; } .message.info.empty, .items.order-links, .order-details-items.ordered, .block.block-order-details-view { padding: 0px 15px; } .checkout-success { padding: 0 15px; } .check-box-main .btnGrn { font-size: 10px; } .minicarts { width:43px; top:-39px; right:10px; } .stickybody .minicarts { top:20px; right: 10px; position: fixed; animation: 300ms linear 0s normal none 1 running topTo; } .stickybody div.mage-dropdown-dialog { top: 38px !important; margin-right: 5px !important; } .headBot{ border-bottom:none;} .page-wrapper { min-height: 101px !important; } .additional-attributes-wrapper.table-wrapper .table-responsive>.table>tbody>tr>td, .additional-attributes-wrapper.table-wrapper .table-responsive>.table>tbody>tr>th, .additional-attributes-wrapper.table-wrapper .table-responsive>.table>tfoot>tr>td, .additional-attributes-wrapper.table-wrapper .table-responsive>.table>tfoot>tr>th, .additional-attributes-wrapper.table-wrapper .table-responsive>.table>thead>tr>td, .additional-attributes-wrapper.table-wrapper .table-responsive>.table>thead>tr>th { white-space: normal !important; word-break: break-all; } } /*medial css here*/ @media screen and (max-width: 1199px) and (min-width: 1024px) { .slick-next { right: -24px !important; } .slick-prev { left: -24px !important; } } @media screen and (max-width: 1024px) { .imgBig .proSlider { width: 100%; margin-bottom: 30px; } .imgBig .proDelIn { padding-left: 0px; width: 100%; } .up-sellhead > h2 { font-size: 24px; } .scrool-down { display: none; } } @media screen and (max-width: 991px) { .slick-prev, .slick-next { top: auto !important; transform: translate(0%) !important; bottom: -30px; text-align: center; } .slick-prev { left: 50% !important; margin-left: -40px !important; } .slick-next { margin-right: -40px !important; right: 50% !important; } .action.action-edit, .action.action-delete { margin-right: 0px; } .table-wrapper.orders-recent .action.order, .table-wrapper.orders-recent .action.view { display: block; margin: 5px 0; } .table-wrapper.orders-history .action.order, .table-wrapper.orders-history .action.view { margin: 5px 0; } .block.block-dashboard-orders, .message.info.empty, .order-details-items.ordered, .block.block-order-details-view, .items.order-links, .block.block-reviews-dashboard { max-width: 730px; } .action.action-edit, .action.action-delete { margin-right: 20px; } .wishlist-index-index .products-grid .product-item { margin-left: 10px; margin-right: 10px; width: 46%; } .checkout-onepage-success .success-messages, .checkout-onepage-success .block.block-order-details { margin: 0 auto; max-width: 700px; } .checkout-onepage-success .actions-toolbar { margin: 30px auto 80px; max-width: 729px; } .actions-toolbar { max-width: 750px; } body.page-print .hMpIn{ max-width:970px;} } @media screen and (max-width: 991px) and (min-width: 768px) { .opc-wrapper { width: 60% !important; } .opc-sidebar { width: 40% !important; } .checkout-index-index .opc-wrapper { display: block; justify-content: space-between; flex-direction: inherit; width: 100% !important; margin: 0; padding: 0; } .checkout-index-index .opc-wrapper.layout-2-columns .checkout-column { width: 50%; float: left; } } @media screen and (max-width: 767px) { header.page-header { margin: 0px !important; } div.minicart-wrapper label { display: none; } .slick-prev::before, .slick-next::before { font-size: 20px !important;} .slick-prev::before, .slick-next::before { color: #fff; font-family: "slick"; font-size: 20px; height: 30px !important; line-height: 30px !important; opacity: 0.75; padding: 0; text-align: center; width: 30px !important; margin: 0 auto !important } .slick-next::before { left: auto !important; } .slick-prev::before { left: -1px; } .hBL > ul > li .level-top.ui-corner-all::before { background: #59c134 none repeat scroll 0 0; content: ""; font-family: FontAwesome; height: 25px; line-height: 25px; position: absolute; right: 15px; text-align: center; top: 12px; width: 25px; color: #fff; } .hBL > ul > li.selected .level-top.ui-corner-all.ui-state-active::before { content: "\f068"; } .hBL > ul > li:nth-child(2) .level-top.ui-corner-all::before { display: none; } .subMenus { background: #ddd none repeat scroll 0 0; display: block; padding-left: 31px; top: 0 !important; padding: 10px 10px 10px 10px; } ul.subMenus li a { font-weight: normal; font-size: 13px; display: block; padding: 6px 0px; } body.page-product-configurable .swatch-attribute { width: 100% } .minicart-wrapper > ul > li > a label { display: none; } .Newsletter-main { padding: 20px 0 0; } .price-wrapper.price-excluding-tax { display: inline-block; padding: 0 10px !important; vertical-align: middle; } .Classification h3 { font-weight: bold; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { display: none; } div.hMR div.mage-dropdown-dialog { top: 40px; width: 240px; right: 15px; } .up-sell-product-main-newstyle h2 { min-height: inherit; } .up-sell-product-main-newstyle { min-height: 457px; } .sell-right h2 { font-size: 15px; line-height: 25px; } .block.block-customer-login { margin-bottom: 30px; } .modal-header .action-close { display: none; } .action.action-auth-toggle { display: none; } .authentication-dropdown .modal-inner-wrap .modal-content { padding: 24px 12px; border: 1px solid #ddd; } .action.action-login.secondary { margin-top: 0px; } .authentication-dropdown { width: 100% !important; } .fieldset > .field { margin-bottom: 15px; } .fieldset > .field:not(.choice) > .label { padding: 0px; } .checkout-container .minicart-wrapper .action.showcart { opacity: 0; } .action.back { margin-top: 15px; } button.checkout { font-size: 13px; padding: 8px 10px; } .toolbar-amount { padding-top: 0 !important; } legend { font-size: 15px; } .checkout-onepage-success .success-messages, .checkout-onepage-success .block.block-order-details { margin: 0 auto; max-width: 100%; padding: 0px 15px; } .box.box-order-shipping-address, .box.box-order-shipping-method, .box.box-order-billing-address, .box.box-order-billing-method { height: inherit; } .actions-toolbar { margin: 15px auto 15px; } .actions-toolbar { text-align: center; } .product-img img { width: 156px; } .review-rating > strong { display: block; } .checkout-onepage-success .actions-toolbar { width: 100%; margin: 5px auto 39px; } .checkout-onepage-success .columns { margin-bottom: 154px; } body.page-print .hMpIn{ max-width:750px;} body.page-print span.action.nav-toggle{ display:none;} body.page-print .page-wrapper{ min-height:inherit !important;} body.page-print .order-date .label{ font-size:14px;} body.page-print date {font-size:14px;} body.page-print .up-sellhead > h2{ font-size:14px;} body.page-print .minicarts{ display:none} body.page-print .hMpIn{ padding:10px 15px 0px 15px;} .container-mobile .fa { color: #6f6f6f;} } @media screen and (max-width: 680px) { .action.action-edit, .action.action-delete, .use-ajax.action.action-towishlist { display: block; margin: 10px 0px; } .action.action-edit, .action.action-delete { margin-right: 0; } .cart.table-wrapper .item-actions .actions-toolbar { float: left; max-width: 258px; } .checkout.methods.items.checkout-methods-items { float: none; } .minicart-items-wrapper .action.edit, .minicart-items-wrapper .action.delete { font-size: 9px; } .edit_button button{ font-size:9px; padding:5px 10px;} .snipper-main .paypal { left: 0; margin-top: 22px !important; position: absolute; right: auto; width: 130px; } body.catalog-product-view .product.attribute.overview { padding-top: 40px; } } @media screen and (max-width: 530px) { .wishlist-index-index .products-grid .product-item { margin-left: 0; margin-right: 0; width: 100%; } .RaJLabDiv { display: block; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; } .RevCusTomClaSs .heading-cMn { margin-bottom: 0px; } div.review-control-vote input.radio { top: 50%; margin-top: -12px; margin-bottom: 0px; } .RaJLabDiv > label { padding-left: 20px; margin-top: 0px; margin-left: 0px; } } @media screen and (max-width: 480px) { .sorter-main.sorter { text-align: center; width: 100%; margin-bottom: 10px; } .sorter-main.amount { width: 100%; text-align: center; } .cart.table-wrapper .item .col.item .product-image-container{ width:70px !important; height:70px !important;} .product-item-name > a { font-size: 11px; } .cart.items.data.table > thead > tr > th { font-size: 13px; font-weight: normal; text-transform: uppercase; } .control.qty { width: 58px; } .control.qty .input-text.qty { font-size: 13px; padding: 6px; } .cart-price .price { font-size: 13px; } .cart.table-wrapper .item .col.item { padding: 4px !important; } .cart.items.data.table > tbody > tr > td, .cart.items.data.table > tbody > tr > th, .cart.items.data.table > tfoot > tr > td, .cart.items.data.table > tfoot > tr > th, .cart.items.data.tablee > thead > tr > td, .cart.items.data.table > thead > tr > th { padding: 8px; } .payment-method-title.field.choice label { font-size: 13px; } .content.account-nav-content ul li { display: block; padding: 5px 15px; text-align: center; width: 100%; } .selling-pro-img img { -moz-object-fit: contain; -webkit-object-fit: contain; object-fit: contain; } } @media screen and (max-width: 479px) { .product-box.slick-slide { height: auto !important; } .ProHeadBotCus .col-xs-6 { width: 100%; } .up-sell-product-main-newstyle { min-height: inherit; padding:15px 0px 28px 0px; } .up-sell-product-main-newstyle .selt-pr-cont { position: static; } .Price-chart .swatch-option.text { margin: 0 auto 10px auto !important } .table-checkout-shipping-method .col { font-size: 11px; } } @media screen and (max-width: 400px) { .productstatuscustom { float: left; margin-bottom: 18px; width: 100%; } .proSel.clearfixboth { width: 100%; } .proreview { margin-bottom: 10px; } } @media screen and (max-width: 420px) { .action.clear, .action.update, .action.continue { margin: 10px 0; display: block; width: 100%; } .checkout.methods.items.checkout-methods-items .paypal { margin-top: 10px !important; } .checkout-success .action.primary.continue { display: inline; } } .breadcrum-top { display: none; } .actions-toolbar.review-form-actions { margin-bottom: 10px; margin-top: 20px; } .proTitleCus { font-size: 20px; } .proSel { float: left; } strong.label.switcher-label span { color: #323232; font-weight: normal; } .btnlang { display: block; width: 100%; height: 34px; padding: 6px 0px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: transparent; background-image: none; border: none; border-radius: 0px; } #confirmBox h1 { background: #59c134; color: #fff !important; text-shadow: none !important; font-family: inherit; } #confirmBox div#messageBox { background: #f8f7f6 !important;/* color: red; */ } #confirmBox div#confirmButtons { background: #f8f7f6; } #confirmBox button.am-btn-left, #confirmBox button.am-btn-right, #confirmBox a.checkout { border: 2px solid #2fc48d !important; border-radius: 0 10px !Important; padding: 3px 7px !important; color: #262626 !important; font-weight: 600 !important; background: #59c134 !important; } @media screen and (max-width: 390px) { .checkout-block .fieldset{ width:282px;} .checkout-block .control .input-text{ width:280px;} .checkout-block .control select{ width:280px;} } /*added by sh 5march*/ .up-sell-rating-star.painter_asses_upsell_star { font-size: 16px; } .links-pro { min-width: 250px; } .order-btn:hover { color: #FFFFFF !important; } .price { position: relative; } /*span.price::after { content: "*"; height: 20px; position: absolute; right: -20px; width: 20px; }*/ /*span.price::after { content: "*"; height: 20px; position: absolute; right:-24px; width: 20px; }*/ .offer-price span { position: relative; } /*.offer-price span::after { content: "*"; font-size: 29px; height: 20px; position: absolute; right: -20px; top: 0; width: 20px; }*/ @keyframes topTo { from { transform: translateY(-100%) } to { transform: translateY(0) } } @-webkit-keyframes topTo { from { -webkit-transform: translateY(-100%) } to { -webkit-transform: translateY(0) } } @-moz-keyframes topTo { from { -moz-transform: translateY(-100%) } to { -moz-transform: translateY(0) } } .home_extra { margin-left: 16px !important; } /*.proSWraper.proMainSearch { margin-bottom: 55px; }*/ .more_link_prod { color: #339bd5 !important; } /*upsell page start*/ /*commented 21 march start */ /*.upsell-one { padding: 15px 10px 30px 10px; background: #fff; } .boxfirst .prd-text > p { font-size: 20px; } .boxfirst .prd-text, .boxfirst .upsel_price { text-align: left; } .boxfirst .prd-text { background-color: transparent; } .upSellpage .modal-body { padding: 10px; } .uphovr-main { padding-bottom: 80px; position: relative; height: 100%; width: 100%; } .upsel-heading { position: relative; text-align: center; margin-bottom: 28px; margin-top: 20px; } .upsel-heading h2 { color: #333333; margin-bottom: 28px; font-size: 32px; position: relative; padding-bottom: 17px; } .upsel-heading h2::after { background: #46bb00 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 25px; } .upSelling-box { background: #fff; border: 1px solid #ececec; height: 100%; padding-bottom: 20px; } .uphovr-main:hover .upSelling-box { border-color: #8cd000; } .upsel-heading > p { max-width: 839px; margin: 0 auto; line-height: 30px; } .boxfirst .upSelling-box { border: none; } .prd-text { min-height: 90px; padding: 9px 15px; text-align: center; border-bottom: 1px solid #ececec; background: #f2fae5; } .prd-text > p { font-size: 21px; } .uPsell-img { padding: 18px; overflow: hidden; margin-bottom: 15px; text-align: center; } .uPsell-img img { -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; } .uPsell-img:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .prd-detail { border-bottom: 1px solid #ececec; padding-bottom: 20px; } .check-box-main { padding: 0 20px; text-align: right; min-height: 30px; position: relative; } .uPsell-img img { display: block; position: relative; width: 100%; } .upsel_price { text-align: center; border-bottom: 1px solid #ececec; padding: 13px 15px; } .upsel_price > p { font-size: 23px; } ul.listing-proName { padding: 20px 15px; } ul.listing-proName li { margin-bottom: 10px; } ul.listing-proName li:last-child { margin-bottom: 0px; } ul.listing-proName li { font-size: 20px; } sub { bottom: -1px; font-size: 12px; } .prdrating { text-align: center; padding: 17px 5px; } .prdrating > p { margin-bottom: 10px; } .prdrating p:last-child { margin-bottom: 0; } .pricing-selling p { font-size: 20px; } .row-eq-height { display: flex; } .pricing-selling { padding-bottom: 10px; text-align: center; } ul.listing-prd { text-align: center; } ul.listing-prd li { display: inline-block; vertical-align: middle; padding: 0px 4px; } .application-detail { display: block; margin-bottom: 10px; font-size: 20px; } .ourlist a { background: #46bb00 none repeat scroll 0 0; color: #fff; display: block; font-weight: bold; padding: 11px 10px; text-align: center; text-transform: uppercase; } .ourlist a:focus { color: #fff; } .ourlist a:hover { background: #1fbde5; color: #fff; } .ourlist { opacity: 0; position: absolute; text-align: center; visibility: hidden; width: 100%; bottom: 10px; } .uphovr-main:hover .ourlist { opacity: 1; visibility: visible; bottom: 0px; } .upSellpage .modal-dialog { width: 1700px; margin-top: 170px; } .modal-open .modal.upSellpage { background: transparent; }*/ /*commented 21 march end */ /*input[type="checkbox"]:checked:not(old) + label > span::before { color: #fff; }*/ /*On load module css*//* .paint-ravies .owl-carousel .owl-item img { width: auto; display: inline-block; }*/ /*------------Css by RA-----------*/ /*.topBnr .owl-nav { display: none !important } .show-popup { overflow: hidden } .show-popup .front-banner-popup { opacity: 1; visibility: visible } .front-banner-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; padding: 30px 0; overflow: auto; opacity: 0; visibility: hidden; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .close-popup { position: absolute; top: 0; right: 0; font-size: 35px; text-align: center; padding: 0 18px; cursor: pointer; opacity: .7; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .close-popup:hover { opacity: 1 } .popup { background-color: #fff; box-shadow: none; left: 0; margin: auto; max-width: 90%; padding: 35px 35px 45px; position: relative; right: 0; top: inherit; width: 1656px; z-index: 5; box-shadow: 0 0 15px rgba(0,0,0,.3) } .popup-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background: rgba(0,0,0,.4); } .popup .owl-nav { display: none !important } .popup .owl-carousel .owl-item { padding: 1px; font-size: 19px; }*/ /*css start for modal box */ .action.tocart.primary.upsell_add_tocart { background-color: #D1D1D1; } .upsel_price .final_up_price { color: #6f6f6f !important; } .opt_message { color: #59C134; } .cusom_opt select { border: 2px solid #ddd; height: 45px; width: 100% !important; padding-top: 0px; margin-bottom: 12px; padding: 6px 50px 6px 12px; } .lable_cls { float: left; margin-top: 15px; text-transform: uppercase; padding-left: 0px; } .product.actions.product-item-actions { display: inline-block; vertical-align: middle; } /*added by prabhash for review*/ .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 20px 0; } .review-title { font-size: 25px; font-weight: 600; line-height: 1.1; margin: 0 0 10px; } .review-ratings { display: table; margin-bottom: 10px; max-width: 100%; } p.review-author, p.review-date { padding-bottom: 0 !important; } .review-content { padding-right: 15px; padding-left: 15px; padding-bottom: 10px; -moz-box-shadow: 0 0 5px #59c134; -webkit-box-shadow: 0 0 5px #59c134; box-shadow: 0 0 5px #59c134; padding-top: 10px; border-radius: 10px; margin-bottom: 15px; font-size: 15px; } .block.review-list { padding: 10px; } /*upsell page css start heare*/ .upsell-one { padding: 15px 10px 30px 10px; background: #fff; } .boxfirst .prd-text>p { font-size: 20px; } .boxfirst .prd-text, .boxfirst .upsel_price { text-align: left; } .boxfirst .prd-text { background-color: transparent; } .upSellpage .modal-body { padding: 10px; } .uphovr-main { position: relative; width: 100%; margin-bottom: 20px; } .upsel-heading { position: relative; text-align: center; margin-bottom: 15px; margin-top: 15px; } .upsel-heading h2 { color: #333333; margin-bottom: 12px; font-size: 23px; position: relative; padding-bottom: 17px; } .upsel-heading h2::after { background: #46bb00 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 25px; } .upSelling-box { background: #fff; border: 3px solid #ececec; padding-bottom: 10px; margin-bottom: 10px; } /*.uphovr-main:hover .upSelling-box { border-color: #8cd000; }*/ .upsel-heading>p { max-width: 839px; margin: 0 auto; line-height: 30px; } .boxfirst .upSelling-box { border: none; } .prd-text { min-height:100px; padding: 9px 15px; text-align: center; border-bottom: 1px solid #ececec; background: #efefef; } .uphovr-main:hover .prd-text { background-color: #f2fae5; } .prd-text > p { font-size: 15px; line-height: 25px; } .uPsell-img { padding: 15px 15px 0; text-align: center; } @media screen and (min-width: 991px) { .paint-ravies .owl-carousel .owl-item .uPsell-img { padding:0px 20px;} } .uPsell-img img { height: auto; -webkit-object-fit: cover; -o-object-fit: cover; object-fit: cover; } .uPsell-img img { -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; } /*.uPsell-img:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }*/ .prd-detail { border-bottom: 1px solid #ececec; padding-bottom: 10px; text-align: right; } .check-box-main { padding: 0 20px; text-align: right; min-height: 30px; display: inline-block; font-size: 16px; position: relative; cursor: pointer; } .uPsell-img img { display: block; position: relative; width: 100%; } .upsel_price { text-align: center; border-bottom: 1px solid #ececec; padding: 5px 15px; } .upsel_price>p { font-size: 18px; } ul.listing-proName { padding: 20px 15px; } ul.listing-proName li { margin-bottom: 10px; } ul.listing-proName li:last-child { margin-bottom: 0px; } ul.listing-proName li { font-size: 20px; } sub { bottom: -1px; font-size: 12px; } .prdrating { text-align: center; padding: 8px 5px; } .prdrating>p { margin-bottom: 10px; } .prdrating p:last-child { margin-bottom: 0; } .pricing-selling p { font-size: 20px; } .row-eq-height { display: flex; } .pricing-selling { padding-bottom: 10px; text-align: center; } ul.listing-prd { text-align: center; } ul.listing-prd li { display: inline-block; vertical-align: middle; padding: 0px 4px; } .application-detail { display: block; margin-bottom: 10px; font-size: 14px; } .ourlist a { background: #8cd000 none repeat scroll 0 0; border: 2px solid #8cd000; border-radius: 0 10px; color: #fff; display: block; font-size: 15px; font-weight: bold; padding: 8px 10px; text-align: center; text-transform: uppercase; } .ourlist a:focus { color: #fff; } .ourlist a:hover { color: #fff; } .ourlist { opacity: 0 !important; position: relative; text-align: center; visibility: hidden !important; width: 100%; } .txt-color .ourlist { opacity: 1 !important; visibility: visible !important; } .txt-color .upSelling-box { border-color: #8cd000; } .upSellpage .modal-dialog { width: 1700px; margin-top: 170px; } .modal-open .modal.upSellpage { background: transparent; } /*On load module css*/ .paint-ravies .owl-carousel .owl-item img { width: auto; display: inline-block; } /*------------Css by RA-----------*/ html.show-popup, .show-popup body { overflow: hidden; } .topBnr .owl-nav { display: none !important } div.show-popup { overflow: hidden } .show-popup .front-banner-popup { opacity: 1; visibility: visible } .front-banner-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; padding: 10px 0; overflow: auto; opacity: 0; visibility: hidden; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .close-popup { background-color: #fff; border-radius: 50%; cursor: pointer; display: block; font-size: 30px; height: 30px; line-height: 30px; opacity: 1; padding: 0; position: absolute; right: 12px; text-align: center; top: 10px; width: 30px; z-index: 3; } .popup .owl-carousel { /*margin-bottom:170px;*/ } .close-popup:hover { opacity: 1 } .popup { background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; margin: 45px auto auto; max-width: 90%; padding: 10px 15px 10px; position: relative; right: 0; top: inherit; width: 1656px; z-index: 5; } .frntBnrInr, .popup { height: calc(100vh - 110px); height: -webkit-calc(100vh - 110px); } .popup-innr { max-height: 100%; overflow: auto; } .popup-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background: rgba(0, 0, 0, .4); } .popup .owl-nav { display: none !important } .popup .owl-carousel .owl-item { padding: 1px; font-size: 19px; } .check-box-main > label span:before { content: '✓'; display: block; width: 30px; color: #fff; font-size: 15px; line-height: 27px; text-align: center; font-weight: bold; height: 30px; border-radius: 50%; background-color: #e5e5e5; border: 2px solid #e5e5e5; } .check-box-main > label span.open:before { content: '✓'; display: block; width: 30px; color: #fff; font-size: 15px; line-height: 27px; text-align: center; font-weight: bold; height: 30px; border-radius: 50%; background-color: #8cd000; border: 2px solid #8cd000; } .uphovr-main:hover .check-box-main > label span:before { border-color: #8cd000; } .txt-color .prd-text { background-color: #f2fae5; } .paint-ravies .owl-stage, .paint-ravies .owl-carousel .owl-stage-outer { height: auto !important } /*Radio button css*/ .check-box-main > label { cursor: pointer; } .check-box-main input[type="checkbox"]:not(old), .check-box-main input[type="radio"]:not(old) { font-size: 1em; top: 18px; height: 30px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 20px; width: 30px; cursor: pointer; } .check-box-main input[type=checkbox]:not(old) + label, .check-box-main input[type=radio ]:not(old) + label { display: inline-block; margin-left: 10px; } .check-box-main input[type=checkbox]:not(old) + label > span, .check-box-main input[type=radio ]:not(old) + label > span { display : inline-block; width : 30px; height : 30px; margin : 0px; border-radius : 50%; background : #8cd000; background-image : -moz-linear-gradient(rgb(240,240,240), rgb(224,224,224)); background-image : -ms-linear-gradient(rgb(240,240,240), rgb(224,224,224)); background-image : -o-linear-gradient(rgb(240,240,240), rgb(224,224,224)); background-image : -webkit-linear-gradient(rgb(240,240,240), rgb(224,224,224)); background-image : linear-gradient(rgb(240,240,240), rgb(224,224,224)); vertical-align : bottom; } .check-box-main input[type=checkbox]:not(old):checked + label > span, .check-box-main input[type=radio ]:not(old):checked + label > span { background-image : -moz-linear-gradient(rgb(224,224,224), rgb(240,240,240)); background-image : -ms-linear-gradient(rgb(224,224,224), rgb(240,240,240)); background-image : -o-linear-gradient(rgb(224,224,224), rgb(240,240,240)); background-image : -webkit-linear-gradient(rgb(224,224,224), rgb(240,240,240)); background-image : linear-gradient(rgb(224,224,224), rgb(240,240,240)); } .check-box-main input[type=checkbox]:not(old):checked + label > span:before { content : '✓'; display : block; width : 1em; color : rgb(153,204,102); font-size : 0.875em; line-height : 1em; text-align : center; text-shadow : 0 0 0.0714em rgb(115,153,77); font-weight : bold; } .check-box-main input[type="radio"]:checked:not(old) + label > span > span { background: #8cd000 none repeat scroll 0 0; border: 6px solid #ddd; border-radius: 50%; display: block; height: 50px; margin: 0; width: 50px; } .mobile-scrool { max-width: 135px; margin: 0 auto; text-align: center; padding-bottom: 15px; } @media screen and (max-width: 1700px) { .upSellpage .modal-dialog { width: 90%; } } @media screen and (max-width: 1636px) { .prd-text { min-height: 95px; } } @media screen and (max-width: 1366px) { .popup { max-width: 90%; } } @media screen and (max-width: 1216px) { .prd-text { min-height: 75px; } } @media screen and (max-width: 1280px) { .popup { padding: 10px } .front-banner-popup { padding: 15px 0 } } @media screen and (max-width: 1102px) { .prd-text { min-height: 90px; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 1199px) { .up-sellhead { margin: 30px 0 20px; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 1132px) { .prd-text { min-height: 95px; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 1029px) { .prd-text { min-height: 97px; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 991px) { .upSelling-box { margin-bottom: 20px; } .popup .owl-nav { display: block !important; } .prd-text { min-height: 75px; } .popup .owl-nav { position: static; } .popup .owl-nav .owl-prev, .popup .owl-nav .owl-next { position: absolute; top: 100px; width: 35px; height: 35px; border-color: #8cd000; border-radius: 100%; } .popup .owl-nav .owl-prev { left: 20px } .popup .owl-nav .owl-next { right: 20px; background-color: #8cd000; } .popup .owl-nav .owl-prev::after, .popup .owl-nav .owl-next::after { color: #46bb00; font-size: 18px; line-height: 33px; left: 0; top: 0; right: 0; text-align: center; cursor: pointer; } .popup .owl-nav .owl-prev:hover:after, .popup .owl-nav .owl-next:hover:after { color: #fff } .popup .owl-nav .owl-next::after { color: #fff; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 890px) { .prd-text { min-height: 109px; } .popup .owl-nav .owl-prev { left: 10px } .popup .owl-nav .owl-next { right: 10px } } @media screen and (max-width: 775px) { .prd-text { min-height: 95px; } } @media screen and (max-width: 767px) { /*end of head css*/ .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } .upsel-heading { margin-bottom: 20px; } ul.listing-proName { text-align: center; } .uPsell-img { text-align: center; } .prd-text { min-height: 94px; } .prd-text > p { font-size: 14px; } .application-detail { font-size: 14px; } .ourlist { margin-top: 0px; text-align: center; } .ourlist a { font-size: 12px; } .upsel_price > p { font-size: 17px; } .popup .owl-nav { bottom: inherit; top: 50%; width: 100%; } .popup .owl-prev { left: -35px; } .popup .owl-next { right: -35px; } .popup .owl-prev, .popup .owl-next { border-radius: 50%; cursor: pointer; border-color: #59c134; } .popup { padding: 20px; } .frntBnrInr, .popup { height: 100%; } .popup { margin: 0 auto; } .hBL ul li { position: relative; } .RajClHvr { height: 20px; position: absolute; right: 0; top: 0; width: 20px; z-index: 5; cursor: pointer; } .RajClHvr::before { background: #59c134 none repeat scroll 0 0; content: ""; font-family: FontAwesome; height: 20px; line-height: 22px; position: absolute; right: 0px; text-align: center; top: 0px; width: 20px; color: #fff; font-size: 10px; } .RajClHvr.active::before { content: "\f068"; } ul.level0.subMenus > li .RajClHvr { display: none; } ul.level0.subMenus > li:nth-child(2) .arrow-menu { display: block !important; } .hBL > ul > li:nth-child(3) .level-top::before { display: none; } .hBL > ul > li:nth-child(4) .level-top::before { display: none; } .modal-body-inner { height: 320px; overflow: auto; } .up-sell-product-main{ padding:15px 0px;} .links-pro { min-width:inherit;} .stickybody .scrool-down { top:56px;} } @media screen and (max-width: 765px) { .prd-text { min-height: 93px; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 609px) { .prd-text { min-height: 119px; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } .additional-attributes-wrapper.table-wrapper th.col { min-width: 113px; } .additional-attributes-wrapper.table-wrapper .table-responsive > .table > tbody > tr > td, .additional-attributes-wrapper.table-wrapper .table-responsive > .table > tbody > tr > th, .additional-attributes-wrapper.table-wrapper .table-responsive > .table > tfoot > tr > td, .additional-attributes-wrapper.table-wrapper .table-responsive > .table > tfoot > tr > th, .additional-attributes-wrapper.table-wrapper .table-responsive > .table > thead > tr > td, .additional-attributes-wrapper.table-wrapper .table-responsive > .table > thead > tr > th{ font-size:14px;} } @media screen and (max-width: 574px) { .prd-text { min-height: inherit; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 560px) { .popup { padding: 15px 15px 5px } .upsel-heading h2 { font-size: 19px } .close-popup { font-size: 27px; opacity: 1; } /*.upSelling-box { border-color: #8cd000; }*/ .uphovr-main .ourlist { opacity: 1; visibility: visible; bottom: 0px; } .front-banner-popup { padding: 15px 0 } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } } @media screen and (max-width: 480px) { .paint-ravies { min-width: inherit; } .check-box-main .btnGrn { background-color: #FFFFFF !important; border: 2px solid #2fc48d !important; border-radius: 0 10px !important; padding: 8px 13px; color: #262626 !important; font-weight: 600; } .control select { font-size: 15px; } } /*css end for modal box*/ /*added by sheruji for modal box*/ span.orignal_price { font-size: 18px !important; color: #6F6F6F !important; font-weight: normal !important; } span.upgrade_price { font-size: 18px !important; color: #6F6F6F !important; font-weight: normal !important; } .ourlist .upsell_add_tocart { background: #8cd000 none repeat scroll 0 0 !important; border: 2px solid #8cd000 !important; border-radius: 0 10px !important; color: #fff !important; display: block !important; font-size: 15px !important; font-weight: bold !important; padding: 8px 10px !important; text-align: center !important; text-transform: uppercase !important; width: 100%; } /*end by sheruji*/ select.upsell_options { color: #D42300; } select.upsell_options option { color: black; } select.upsell_options option:first-child { color: #D42300; } .upper_text { color: #000; display: block; font-size: 17px; margin-bottom: 15px; padding: 0 24px; text-align: right; width: 100%; } .check-box-main::after { display: block; content: ""; clear: both; } .check-box-main .btnGrn { text-align: center; display: inline-block; } .check-box-main .btnGrn:hover { background-color: #8cd001; border-color: #8cd001; } .txt-color .check-box-main .btnGrn { background-color: #8cd001 !important; border-color: #8cd001 !important; color: #fff !important; } .cusom_opt.proSelList { display: inline-block; vertical-align: middle; } form#search_mini_form { margin-bottom: 0px !important; } .popup_content .popup-inner { height: 500px; overflow: auto; max-width: 1024px; } .popup_content .popup-inner p { font-size: 15px; } .term_agree_div { position: relative; float: left; margin-top: 18px; width: 20px; } .term_agree_div input { left: 0 !important; top: 0px; z-index: 2; width: 20px; height: 20px; opacity: 0; cursor: pointer; } .term_lbl { margin-left: 34px; padding-top: 17px; margin-bottom: 20px; } .term_lbl .label { font-weight: normal; font-size: 17px; padding: 0px; white-space: normal; } .field.configurable.required .label { padding: 0px; display: inline-block; vertical-align: middle; } .field.configurable.required .control { display: inline-block; vertical-align: middle; } .new_stock { float: left; } .payment-method-title{ border: 2px solid #2fc48d; border-radius: 0 10px; padding: 5px 15px; display:inline-block; } .payment-method-title > label > span {font-weight:600;} .checkout-index-index .product-item-details button.checkout { position: absolute; top:13px; right: 10px; padding:6px 7px; font-size:15px; } .page-wrapper .container{ position:relative;} .message.info.empty { color: #ff990e; font-weight: bold; padding: 0 15px; text-align: center; } .checkout-index-index .agreements-modal .action-close { background: white !important; border: 2px solid #2fc48d !important; width: 120px !important; height: 40px !important; border-radius: 0 10px !important; } .checkout-index-index .agreements-modal .action-close:after { font-family: 'Open Sans',sans-serif; font-weight: 400; font-size: 12px; color: black; width: 120px; height: 40px; line-height: 38px; text-align: center; left: unset; } html[lang='de'] .checkout-index-index .agreements-modal .action-close:after { content: "Ich stimme zu"; } html[lang='en'] .checkout-index-index .agreements-modal .action-close:after { content: "I agree"; } /*checkout page shoping page css*/ .RjuMiniCrtSticky ul.list-inline a{ display:inline-block; vertical-align:middle;} .RjuMiniCrtSticky .hBR > ul > li{ padding-left:7px;} body.checkout-index-index.page-layout-1column.stickybody .minicarts { top:21px !important; right:75px;} .checkout-index-index .additional-options .checkout-agreements .action-show { color: #59c134 !important; } .checkout-index-index .agreements-modal .action-close:before, .checkout-index-index .agreements-modal .modal-footer { display: none; } .checkout-index-index .agreements-modal .action-close:after { color: #6f6f6f; } @media screen and (min-width: 768px) { body.checkout-index-index.page-layout-1column .minicarts { top:4px !important; right:-15px;} body.checkout-index-index.page-layout-1column.stickybody .stickymaenu.sticky { z-index: 4; animation: 300ms linear 0s normal none 1 running topToBtm; } body.checkout-index-index.page-layout-1column.stickybody .minicarts { animation: 300ms linear 0s normal none 1 running topToBtm;} .mobile-scrool { display:none; } } @media screen and (max-width: 991px) { body.checkout-index-index.page-layout-1column.stickybody .minicarts { top:50px !important; position:absolute; right:80px;} } @media screen and (max-width: 767px) { body.checkout-index-index.page-layout-1column .minicarts { top:62px;} body.checkout-index-index.page-layout-1column .section_mobile{ padding:10px 0px 10px 15px;} body.checkout-index-index.page-layout-1column.stickybody .minicarts { right: 0; top: 16px; position:fixed;} body.checkout-index-index.page-layout-1column.stickybody .section_mobile { margin-top:0px;} } @media screen and (max-width: 399px) { body.checkout-index-index.page-layout-1column .minicarts {top:68px;} body.checkout-index-index.page-layout-1column.stickybody .minicarts {right:0; top:19px;} } /*checkout page shoping page css*/ .cart-summary {float: none !important; position:inherit !important; width:auto !important;} .account.review-customer-view.page-layout-2columns-left .action.order, .account.review-customer-view.page-layout-2columns-left .action.view{ margin:10px 0px;} /*New css added here checkout page*/ @media screen and (min-width: 768px) { body.checkout-index-index.page-layout-1column.stickybody .headMid{ position:fixed; left:0px; right:0px; top:-41px; width:100%; } body.checkout-index-index.page-layout-1column.stickybody .hML, body.checkout-index-index.page-layout-1column.stickybody .headMid .hMC{ display:none;} } .messages { color:red;text-align: center;} i.ti.ti-user{ color:#636771;} a {color: #46bb01;text-decoration: none;} .shipping-address-item.selected-item { background: #e8e8e8; padding: 5px; border-radius: 5px; color: #59c134; } .breadcrumbs { display: none !important; } .product.options span { cursor: pointer; } body.checkout-index-index .items-in-cart ol li div.delete { display: none; } form#payone_creditcard_creditcard_form { display: none; } form#payone_obt_sofortueberweisung_form { display: none; } form#payone_klarna_form { display: none; } table#shopping-cart-table .ExtraClsMargin { margin-bottom: 0px !important; margin-top: 0px !important; } body.checkout-index-index .hMpIn { text-align: inherit !important; } @media screen and (max-width:767px){ body.checkout-index-index .hMpIn { padding-bottom:0px!important; } } .term_agree_parent [type="checkbox"]:not(:checked) + label:before, .term_agree_parent [type="checkbox"]:checked + label:before{ top:-11px;} .term_agree_parent [type="checkbox"]:not(:checked) + label:after, .term_agree_parent [type="checkbox"]:checked + label:after{ top:-8px;} .opc-estimated-wrapper{display:none;} aside.modal-custom.authentication-dropdown.custom-slide { display: none; } aside.modal-custom.authentication-dropdown.custom-slide._show { display: block; } body.checkout-index-index button.action.action-auth-toggle { display: block; } /* Amasty Cookie */ .amgdprcookie-modal-template { margin-left: 0 !important; } .amgdprcookie-policy-container { line-height: 1; } .amgdprcookie-text-container .amgdprcookie-policy { line-height: normal; font-size: 12px; } .amgdprcookie-modal-container .modal-inner-wrap .action-close { display: none; } .amgdprcookie-modal-container.modal-popup.modal-slide { right: 0 !important; } .checkout-index-index .modal-popup.amgdprcookie-modal-container .modal-inner-wrap { margin-left: 0 !important; } @media (max-width:767px) { .amgdprcookie-modal-container .modal-inner-wrap { width: 85% !important; } } .amgdprcookie-toggle-cookie { padding-left: 10px !important; } .amgdprcookie-cookie-container .amgdprcookie-caption { margin: 0 !important; } .amgdprcookie-toggle-cookie .amgdprcookie-label { transform: scale(0.7); margin-bottom: 0; } .amgdprcookie-toggle-cookie .amgdprcookie-label:before { display: none; } .amgdprcookie-toggle-cookie .amgdprcookie-label:after { content: "" !important; top: 2px !important; opacity: 1 !important; } .amgdprcookie-toggle-cookie .amgdprcookie-input:not([checked]):not([disabled])+.amgdprcookie-label:after { left: 3% !important; transform: scale(1) !important; } .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled])+.amgdprcookie-label { background: #059c14 !important; } .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled])+.amgdprcookie-label:after { left: calc(95%) !important; transform: translateX(-100%) !important; } .amgdprcookie-cookie-container .amgdprcookie-text { line-height: normal; } .amgdprcookie-cookie-container .amgdprcookie-link { padding: 0 15px; } .amgdprcookie-cookie-container.-modal { line-height: normal; margin-right: 0 !important; padding: 15px 0 0; margin-bottom: 0; } .amgdprcookie-cookie-container.-modal:last-child { padding-bottom: 15px; } .amgdprcookie-groups-container { height: auto !important; overflow: hidden !important; } .amgdprcookie-modal-template { margin-left: 0; } .amgdprcookie-buttons-block .amgdprcookie-button { padding: 5px; } .amgdprcookie-modal-container .modal-inner-wrap ::-webkit-scrollbar{ margin-left:0 !important; width:0 !important; } .amgdprcookie-cookie-container .amgdprcookie-options { background: #a5a5a5 !important; border-radius: 6px; padding: 7px 40px 7px 15px !important; margin-left: 15px; } .amgdprcookie-cookie-container .amgdprcookie-options:hover { color: #fff !important; } .amgdprcookie-main-wrapper { max-width: 1190px; margin: auto; padding: 0 20px 20px !important; } .amgdprcookie-main-wrapper .amgdprcookie-btn[data-amcookie-js="settings-allow"] { background: #5ac134; } .amgdprcookie-main-wrapper .amgdprcookie-btn[data-amcookie-js="settings-allow"]:hover { background: #5ac134; opacity: 0.8; } .amgdprcookie-main-wrapper .amgdprcookie-btn[data-amcookie-js="settings-save"] { background: #fff; color: #050005; } .amgdprcookie-main-wrapper .amgdprcookie-btn[data-amcookie-js="settings-save"]:hover { background: #fff; color: #050005; opacity: 0.8; } .amgdprcookie-settings-form .amgdprcookie-toggle-cookie .amgdprcookie-input.disabled+.amgdprcookie-label { background: #059c14 !important; } @media (max-width: 767px) { .amgdprcookie-buttons-block { flex-direction: column; } .amgdprcookie-buttons-block .amgdprcookie-button.-save { margin-left: 0; margin-top: 10px; } } /* Modal Styles */ body._has-modal { height: 100%; overflow: hidden; width: 100% } .modals-overlay { z-index: 899 } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0) } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto } .modal-slide { left: 44px; z-index: 900 } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0) } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; width: auto } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0 } .modal-slide._inner-scroll .modal-content { overflow-y: auto } .modal-slide._inner-scroll .modal-footer { margin-top: auto } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem } .modal-popup { z-index: 900; left: 0; overflow-y: auto } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem } .modal-popup.confirm .modal-inner-wrap .modal-content { padding-right: 7rem } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0) } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease } .modal-popup._inner-scroll { overflow-y: visible } .ie11 .modal-popup._inner-scroll { overflow-y: auto } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90% } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none } .modal-popup._inner-scroll .modal-content { overflow-y: auto } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0 } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem } .modal-popup .modal-footer-actions { text-align: right } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0 } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: .5 } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #757575; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a } .modal-custom .action-close { margin: 15px } .modal-popup { pointer-events: none } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 10px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word } .modal-popup .action-close { padding: 20px } .modal-slide .action-close { margin: 15px; padding: 0 } .modal-slide .page-main-actions { margin-bottom: -12.9rem; margin-top: 2.1rem } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0 } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899 } /* OPC Checkout */ .checkout-index-index .opc-wrapper.am-opc-wrapper .label { font-size: inherit; font-weight: 600; } .checkout-index-index .opc-wrapper.am-opc-wrapper .step-title { line-height: inherit; } .checkout-index-index .opc-wrapper.am-opc-wrapper .fieldset .field:not(.payment-method-title) > .label { padding: 0; } .checkout-index-index .opc-wrapper.am-opc-wrapper .fieldset > .field.street legend { background: none; color: #59c134 !important; padding: 10px 0 !important; border-bottom: 1px solid #e5e5e5; } .checkout-index-index .opc-wrapper.am-opc-wrapper #checkout-payment-method-load .amcheckout-title .step-title { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper .fieldset > .field.street legend { margin-top: 20px; } .checkout-index-index .opc-wrapper.am-opc-wrapper #customer-email-fieldset { margin-bottom: 20px; } .checkout-index-index .opc-wrapper.am-opc-wrapper .table-totals .table-caption { display: none; } .checkout-index-index .opc-wrapper.am-opc-wrapper br { display: none; } .checkout-index-index .checkout-block { padding: 24px !important; } .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content, .checkout-index-index .opc-wrapper.am-opc-wrapper .payment-option-content { padding: 0 !important; } .checkout-index-index #checkout-shipping-method-load { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .checkout-index-index .opc-block-summary { margin: 0; padding: 0; } .checkout-index-index .checkout-block.-summary { border: 1px solid #59c134 !important; } @media (max-width:767px) { .minicart-wrapper > ul > li > a { display: inline-block !important; } } .checkout.methods.items.checkout-methods-items button.checkout { border: 2px solid #59c134; background: #59c134; color: #f33232; } .cms-page-view .columns, .checkout-index-index .columns, .checkout-onepage-success .columns { max-width: 1170px; margin: auto; }div.martial-middil span.price-label { color: #db2300; display: block; font-size: 14px; font-weight: 600; padding-bottom: 4px; } div.martial-middil span.special-price { width: 100%; float: left; } .flagstrap { display: inline-block; position: relative; width: 100%; } .flagstrap-icon { display: inline-block; width: 16px; height: 11px; background: url(../../frontend/Derendo/default/de_DE/images/flags.png) no-repeat !important; } .flagstrap-icon.flagstrap-de { background-position: -80px -33px !important; } .flagstrap-icon.flagstrap-gb { background-position: -176px -44px !important; } .overlay { height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 4; opacity: 0; visibility: hidden; } @media screen and (max-width: 1700px) { .upSellpage .modal-dialog { width: 90%; } /*.uPsell-img { height: 225px; }*/ } /*@media screen and (max-width: 1216px) { .uPsell-img { height: 144px; } }*/ @media screen and (max-width: 1490px) { .scrool-down { font-weight: bold; position: absolute; right: -79px; text-align: center; width: 68px; } .scrollto > p { font-size: 11px; line-height: 20px; margin-bottom: 10px; } } /*@media screen and (max-width: 1435px) { .uPsell-img { height: 175px; } }*/ @media screen and (min-width:1030px) { .tab-product .nav-tabs > li.active > a::before { border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 15px solid #59c134; bottom: -16px; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; } } @media screen and (max-width: 5000px) and (min-width: 767px) { .prdt-select .color-btn { -moz-transform: scale(1.35, 1.35); -webkit-transform: scale(1.35, 1.35); transform: scale(1.35, 1.35); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); border-radius: 0 10%; z-index: 2; font-size: 15px; color: #b2650a; } } @media screen and (min-width:768px) { /*.inrTpBn { height: 350px; }*/ main { min-height: calc(100vh - 328px); min-height: -webkit-calc(100vh - 328px); } } @media screen and (max-width: 1199px) { .hMC { float: left; margin: 0 33px; } .srcIn { width: 460px; } .Classification h3 { font-size: 19px; } .payment { padding-left: 18px; } .social-main { padding-left: 28px; } ul.listing-shop li { padding: 0 50px; } .tab-product .nav-tabs > li > a { padding: 18px 30px; } .modal-dialog { margin: 30px auto; width: 970px; } .selt-pr-cont { margin-right: 20px; } .scrool-down { font-weight: bold; position: absolute; right: -92px; text-align: center; width: 76px; } .up-sellhead { margin: 30px 0 20px; } .scrool-down { right: -45px; width: 40px; } .inInBr p { margin-bottom: 26px; margin-top: 10px; font-size: 15px; } .magestore-bannerslider-standard{ max-width:970px;} .customer-review.view, .block.upsell .block-title.title { max-width:970px;} .product-box.slick-slide{ height:auto !important;} } @media screen and (max-width: 1199px) and (min-width: 768px) { .inInBr { width: 57%; } .inInBr > p .btnGrn { background: #f4f4f4; } .inInBr > p .btnGrn:hover { color: #333; } .shipping-main{ display:table; width:100%;} ul.listing-shop li{ display:table-cell;} .Shipp-info h2{ font-size:14px;} } @media screen and (max-width: 991px) { .srcIn { width: 319px; } .inInBr h4 { font-size: 30px; } .inInBr p { margin-top: 15px; } ul.listing-shop li { padding: 0 12px; } .Shipp-info h2 { padding-bottom: 10px; } .header-Offer h3 { font-size: 22px; } .Infoship { padding-left: 40px; } .Iocn-lef { width:30px;} .btn-submit { font-size: 14px; height: 40px; right: 13px; top: 19px; width: 40px; } .news-subscribers .form-control { padding: 6px 57px 6px 45px; font-size: 15px; } .massage-icon { left: 10px; } .discount { bottom: 21px; position: absolute; right: 44px; } .Classification h3 { font-size: 14px; } .logos-trusted img { width: 112px; } .payment { padding-left: 0; } .address { padding-left: 0px; } .social-main { padding-left: 32px; } .address p { font-size: 12px; } ul.foot-likns li a { font-size: 11px; } .proDelIn { } .modal-dialog { width: 750px; } .proDelIn { padding-left: 20px; } .martial-pro-img { margin: 0 auto 20px; width: 150px; } .item-martial { text-align: center; } .head-marial > h2 { padding-top: 0px; } .tab-product { margin-top: 25px; } .up-sellhead > h2 { font-size: 25px; } ul.sell-list-inline > li { font-size: 15px; padding-bottom: 5px; } .row-eq-height { display: block; } .upSelling-box { margin-bottom: 30px; } ul.listing-proName li { margin-bottom: 10px; } .Mobile-view { left: 0; position: absolute; top: 259px; z-index: 1; width: 262px; } .upsell-one { padding-left: 268px; } .upsell-right { overflow: auto; } .boxfirst .uPsell-img, .boxfirst .prd-detail { display: none; } .hBL > ul > li { padding-right: 24px; } .hBL > ul > li > a { font-size: 15px; } .list-inline a > i { font-size: 18px; vertical-align: middle; } .srcIn input { font-size: 16px; } } @media screen and (max-width: 991px) and (min-width: 768px) { .hML { width: 170px; margin-top: 10px; } .srcIn { width: 316px; } .hMC { float: left; margin: 0 20px; } .srcIn input { padding: 12px 42px 12px 10px; } .foot-colm h5 { font-size: 11px; font-weight: bold; } .social-main { padding-left: 0; } ul.sociallink li a i { width: 38px; height: 38px; line-height: 38px; font-size: 15px; } ul.foot-menu-links li a { font-size: 12px; } .inInBr h4 { font-size: 24px; } .inInBr p { font-size: 14px; margin-bottom: 25px; margin-top: 10px; } } @media only screen and (min-width:767px) { .subMenus { position: absolute; background: #fff; z-index: 99; padding: 0px; top: 100% !important; left: 0; min-width: 180px; opacity: 0; visibility: hidden; -webkit-transition: 300ms all; transition: 300ms all; border-top: 0; -moz-box-shadow: 0px 1px 5px #ddd; -webkit-box-shadow: 0px 1px 5px #ddd; box-shadow: 0px 1px 5px #ddd; } .hBL .subMenus > li > a { font-size: 14px; color: #262626; display: block; padding: 5px 15px; } .hBL i { font-size: 12px; } .hBL .subMenus > li > a:hover { color: #59c134; } .hBL ul li:hover > .subMenus { opacity: 1; visibility: visible; margin-top: 0px; display: block !important; } .headBot ul li a:hover { color: #59c134; } .hBL > ul > li > ul > li > ul.subMenus { left: 180px !important; top: 0 !important; } } @media screen and (max-width: 767px) { .about-paint { padding: 20px 0px; } .inInBr h4 { color: #59c134; font-size: 30px; font-weight: bold; line-height: inherit; } .headBot { padding: 0; } .headMid { box-shadow: none; border-bottom: 0; } /*.btnGrn { border: 0; padding: 9px 13px; background: #59c134; font-size: 14px; text-transform: uppercase; color: #fff; }*/ .hTL { display: none; } .inInBr p { color: #fff; font-size: 15px; line-height: 23px; font-weight: 100; } .langCh { float: right; } .topBnr .item:after { content: ""; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.47); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .hBL { background: #fff none repeat scroll 0 0; border-right: 1px solid #ddd; float: none; height: 100%; position: static; top: 0; width: 100%; z-index: 22; } .hBL > ul > li { display: block; padding: 0px; } .hBL > ul > li > a { display: block; padding: 15px; border-bottom: 1px solid #ddd; color: #666666; font-size: 14px; } .hBL > ul > li.active > a::after { display: none; } .srcIn input { padding: 6px 70px 6px 25px; } .srcIn button { font-size: 18px; height: 38px; line-height: 43px; } .open-menu .main-page { -moz-transition: 300ms all; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .open-menu .hBL { left: 0px; } .hBL { -moz-transition: 300ms all; -webkit-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; } .open-menu .bar1 { transform: rotate(-46deg) translate(-9px, 6px) } .open-menu .bar2 { opacity: 0; } .open-menu .bar3 { transform: rotate(45deg) translate(-3px, -2px); } .headMid { position: relative; } .minicart-wrapper > ul > li > a { font-size: 22px; } div.hMR div.mage-dropdown-dialog { z-index: 5; } .hMR > ul > li > label { display: none; } /*end of head css*/ ul.listing-shop li { display: block; padding: 10px 14px; border-bottom: 1px solid #d5d5d4; border-right: 0px; } ul.listing-shop li:first-child { padding-left: 15px; } h2 { font-size: 20px; } .inInBr { left: 0px; right: 0px; padding: 15px; top: 50%; width: 100%; } .Shipp-info { display: inline-block; text-align: left; vertical-align: middle; } .Iocn-lef { display: inline-block; left: 0; position: relative; top: 0; vertical-align: middle; padding-right: 20px; width: 50px; } .Infoship { padding-left: 0px; } .shipping-main { border-bottom: none; padding: 0; } .heading-cMn h3 { font-size: 25px; } .Weekly-offer { padding: 20px 0 20px; } .Product-sell-main { padding: 20px 0 10px; } .Information-product { padding-bottom: 5px; } .product-img { /*height: 189px;*/ padding: 20px 10px; } .Manage-inner { display: block; } .Manage-left-main, .Manage-right-main { width: 100%; } .Manage-left-main { margin-bottom: 25px; } .trusted-product { padding: 0 15px; } .logos-trusted img { width: 80px; } ul.logos-trusted li { padding-right: 14px; } .Classification { margin-bottom: 25px; } .paint-tips-main .col-sm-4:last-child .Classification { margin-bottom: 0; } .paint-tips-main { padding: 15px 0; } .address { padding-left: 0px; padding-top: 0px; } ul.foot-likns li a { font-size: 14px; } .address p { font-size: 15px; } .foot-colm { margin-bottom: 35px; } .social-main { padding-left: 0; } .social-media { margin-bottom: 0px; } .foot-btm { margin-top: 15px; } h5 { padding-bottom: 10px; } .foot-logo { float: none; margin: 0 auto; text-align: center; width: 148px; margin-bottom: 10px; } .foot-menu { display: block; } ul.foot-menu-links { text-align: center; } footer { padding: 25px 0 23px; text-align: center; } .info-paint-about { padding: 0; } ul.foot-menu-links { line-height: inherit; } .Mobile-iocn::after { clear: both; content: ""; display: block; } .Mobile-iocn { display: inline-block; text-align: center; width: 20%; } .srcIn button { line-height: 36px; } .foot-btm { border-bottom: 0; } .srcIn { width: 100%; } .headMid { padding: 15px; } .headMid { padding: 0px 0; } .hBR { display: none; } .Mobile-iocn .hBR { display: block; } .hTpIn { text-align: center; } .hTL { float: none; margin-bottom: 10px; } .hTR { float: none; margin-left: auto; margin-right: auto; max-width: 100%; } .socilIc li:first-child { padding-left: 0; } .socilIc:after { display: none; } ul.listing-shop { text-align: left; } .info-paint-about span { font-size: 20px; } .proSlider { float: left; width: 100%; } .proDelIn { padding-left: 0; width: 100%; } .proSel > div:nth-child(2n) { padding-right: 0; } .proSWraper { padding: 15px; } .proSlider { margin-bottom: 25px; } .mainCntWpra { padding: 15px; } .LRClRj { padding: 30px 0px; } .LRClRj .heading-cMn h3 { font-size: 18px; } .modal-dialog { width: auto; padding: 15px; } .prdt-select .color-btn { transform: inherit; } .modal-body-head { padding-bottom: 0; } .proSig { padding: 30px 0px; } .Material-main { padding: 25px 15px; } .tabswraper { padding: 15px; } .selling-pro-img { /*height: 162px;*/ padding: 10px; } .upsell-main { padding: 25px 0; } .continew-order { padding-top: 10px; padding-bottom: 25px; } .scrool-down { display:block; } /*.sell-left { padding-bottom: 25px; }*/ .color-name { display: none; } .patten-plte { height: auto; } .patten-plte > a { display: block; height: 100%; padding-top: 60%; width: 100%; } .form-main { height: 278px; } .Material-slider .owl-dot { border-color: #d5d4d2; } .upsell-main { padding: 20px 50px 0px 15px; } .upsell-one { padding-left: 223px; } .product-color > button::before { content: ""; display: block; height: 100%; padding-top: 75%; width: 100%; } .product-color > button { height: 100%; width: 100%; } .colors-selector .row { margin-left: 0px; margin-right: 0px; } .patter-3 button { transform: scale(1.35, 1.35); z-index: 2; position: relative; } .upsel-heading { margin-bottom: 20px; } ul.listing-proName { text-align: center; } .uPsell-img { text-align: center; } .prd-text { min-height: 78px; } .ourlist { margin-top: 0px; text-align: center; } .upSellpage .modal-body { padding: 10px; } .upsel-heading h2 { font-size: 25px; } .upSellpage .modal-dialog { width: 98%; } .boxfirst { padding-bottom: 0px; } .ourlist a { font-size: 12px; } .Mobile-view { top: 282px; } .boxfirst .prd-text > p { font-size: 14px; } .upsel_price > p { font-size: 17px; } ul.listing-proName li { font-size: 14px; text-align: left; } .Mobile-view { width: 223px; } ul.listing-proName li { margin-bottom: 17px; } .upSellpage .modal-dialog { margin-top: 0px; } .inrTpBn { height: auto; } .hMR { margin-top: 0px; } body.open-menu { -webkit-overflow-scrolling: touch; } .open-menu .bar1, .open-menu .bar2, .open-menu .bar3 { background: #000; } .Manage-left-main, .Manage-right-main { height: auto; } .Offer-main { padding: 30px 15px; } .langCh { float: right; margin-top: -81px; margin-right: 10px;} .hMC { margin-left: 0px; margin-right: 0px; } .heading-cMn { padding: 0px 15px; } .hBR { margin-top: 0px; } .proSlider p { line-height: 28px; } .upsell-main.upsell_container .sell-left .selling-pro-img { margin-bottom: 20px; } .up-sell-rating-star { margin-top: 15px; } .order-btn { font-size: 14px; padding: 15px 27px; } /*sticky hdr css*/ .stickymaenu.headBot .container { padding-left: 0px; padding-right: 0px; } .srcIn input { border-color: #ddd; } .FrmSticky { display: none; } .RjuMiniCrtSticky { display: none; } .headMid .Mobile-iocn, .headMid .hMC { display: none; } .headMid.clearfix > .container .mobile-nav { display: none; } .headMid.clearfix > .container .container-mobile .mobile-nav { display: block; } .section_mobile .MiniCrtSticky .hMR ul { display: block;} .srchm > a { font-size: 18px; } .hML { width: 100px; } .section_mobile { float: left; padding: 10px 0px 0px 0px; position: relative; width: 100%; margin-top: 10px; } header.page-header .container { padding: 0px; } .mobile-nav { cursor: pointer; display: block; float: left; width: 25%; } .search_mobile, .users_mobile, .minicart_mobile { width: 25%; float: left; text-align: center; } .minicart_mobile { text-align: right; padding-right: 15px; } .section_mobile .MiniCrtSticky .hMR { display: block; opacity: 1; visibility: visible; margin-top: 0px; } .srhtoggle { left: 0; position: absolute; top: 33px; width: 100%; z-index: 2; opacity: 0; visibility: hidden; padding:0px; } .hMpIn { display: block; float: left; padding: 12px 15px; width: 100%; } .srhtoggle .srcIn { margin-top: 5px; } .search_close { display: none; } button.search_close { background-color: #ddd; color: red; display: block; height: 36px; position: absolute; right: 40px; top: 0; width: 30px; } .search_close::after { color: #fff; content: ""; font-family: FontAwesome; height: 100%; left: 0; position: absolute; top: 0; width: 30px; } .upsel-heading h2 {font-size: 16px;} .open-sarch .srhtoggle { opacity: 1; visibility: visible; } /*.stickymaenu*/ #store.menu { display: none; } /*.open-menu .stickymaenu*/.open-menu #store.menu{ display: block; } .paypal-review-items, .paypal-review-discount { max-width:100%; } .customer-review.view{ max-width:100%;} .hBpIn {display: none;} .open-menu .hBpIn {display: block;} .stickybody .page-header { background-color: #fff; left: 0; position: fixed; right: 0; width: 100%; z-index: 5; top: 0px; } .stickybody .page-header { animation: 300ms linear 0s normal none 1 running topTo; } .stickybody .stickymaenu.headBot.clearfix { left: 0; position: fixed; right: 0; top: 57px; width: 100%; z-index: 5; } @keyframes topTo { from { transform: translateY(-100%) } to { transform: translateY(0) } } @-webkit-keyframes topTo { from { -webkit-transform: translateY(-100%) } to { -webkit-transform: translateY(0) } } @-moz-keyframes topTo { from { -moz-transform: translateY(-100%) } to { -moz-transform: translateY(0) } } } @media screen and (max-width: 640px) { .inInBr p { font-size: 13px; } .inInBr h4 { font-size: 22px; } .inInBr h4 span { font-size: 15px; line-height: 20px; display: inline; padding-right: 5px; } .inInBr p { margin-top: 0px; line-height: 20px; margin-bottom: 12px; } .inInBr p .btnGrn { font-size: 10px; padding: 6px 13px; } } @media screen and (max-width: 650px) { .tab-product .nav-tabs > li > a { padding: 7px 17px; } .tab-product .nav-tabs > li > a { font-size: 15px; } } @media screen and (max-width: 500px) { .tab-product .nav-tabs > li > a { font-size: 13px; padding: 7px 9px; } .proSel > div { float: none; padding-right: 0; width: 100%; } } @media screen and (max-width: 490px) { .choose-coverage .sell-right, .choose-coverage .prdprice { margin-bottom: 15px; margin-right: 24px; } .choose-coverage .selt-pr-cont { margin-bottom: 0px; } } @media screen and (max-width: 480px) { .product-info > h4 { font-size: 15px; } .logos-trusted img { width: 70px; } .trusted-by { padding: 26px 0; } .header-Offer h3 { font-size: 21px; } .tag-discount { font-size: 25px; } .tag-discount > span { font-size: 15px; } .tag-discount { font-size: 25px; height: 104px; line-height: 20px; width: 104px; } .martial-pro-img { } .up-sell-rating-star { float: none; margin-bottom: 20px; } .upsell-one { padding-left: 0; } .paint-ravies { min-width: inherit; } .Mobile-view { position: static; width: 240px; float: left; margin-top: 245px; } .cols-upsell { min-width: 1266px; } .upsell-one { overflow: auto; } .cols-upsell .col-xs-12 { float: left; width: 1020px; } .boxfirst .prd-text { min-height: 75px; } .flexslider .slides img { min-height: 210px; } .up-sellhead > h2 { font-size: 18px; } .up_button .action.tocart.primary { padding: 0px; } .selt-pr-cont { padding: 10px; } .martial-pro-img{ width:auto; height:auto;} } @media screen and (max-width: 400px) { .srcIn input { padding: 6px 40px 6px 10px; } .srcIn button { height: 33px; } .srcIn input { font-size: 14px; } .hMR { margin-top: 0px; } .hBR > ul > li > a { font-size: 20px; } .hML { width: 120px; left: -44px; } .tab-product .nav-tabs > li { float: none; width: 100%; margin-bottom: 17px; } .selt-pr-cont { margin-right: 0px; display: block; } .in-cart { font-size: 12px; } .snipper-main .form-control { font-size: 12px; height: 30px; width: 44px; } .form-main { height: 188px; } .snipper-main .btnGrn { font-size: 10px; } body.catalog-product-view .snipper-main { width: 100%; text-align: center; padding: 12px 0px; } .spiner-button { padding: 0px 2px 0px 6px; } } @media screen and (max-width: 375px) { .martial-pro-img { height: 96px; width: 96px; } .inInBr h4 { font-size: 16px; } } /*Sticky part css heare*/ @media screen and (max-width: 1400px) { .stickybody div.mage-dropdown-dialog { right: 10% !important; } } @media screen and (max-width: 1366px) { .stickybody div.mage-dropdown-dialog { right: 8% !important; } } @media screen and (max-width: 1199px) { .FrmSticky { width: 480px; } .stickybody div.mage-dropdown-dialog { right: 10% !important; } .paypal-review-items, .paypal-review-discount { max-width:950px; } } @media screen and (max-width: 1024px) { .stickybody div.mage-dropdown-dialog { right: 5% !important; } .magestore-bannerslider-standard { max-width:100%; padding:0px 0px;} } @media screen and (min-width: 1025px) { .bottom_top {bottom: 230px;right: 44px;} } @media screen and (max-width: 991px) { .FrmSticky { width: 330px; } .stickybody div.mage-dropdown-dialog { right: 14% !important; } .paypal-review-items, .paypal-review-discount, .block.upsell .block-title.title { max-width:750px; } } /*--- Globel CSS ---*/ html,body { width: 100%;font-family: 'Open Sans', sans-serif; color:#6f6f6f;} html * {text-rendering: optimizelegibility;box-sizing: border-box;-webkit-box-sizing: border-box;} html,body {font-size: 16px; color: #6f6f6f;margin: 0;padding: 0;} body {overflow-x: hidden;} img {max-width: 100%;} *:focus,*:hover{outline: none;} p {line-height: 30px;font-size: 16px; margin-bottom:0px;} ul,li {padding: 0;list-style: none;margin: 0;} h1,h2,h3,h4,h5,h6 {margin: 0; color:#333333; font-weight:600; } a, .owl-prev, .owl-next, .btn-submit,.product-color,.order-btn, .ourlist {text-decoration: none;transition: 300ms all;-moz-transition: 300ms all;-webkit-transition: 300ms all;-o-transition: 300ms all; outline: none;} a:hover,a:focus {text-decoration: none;color: #59c134;} .navMain nav a:hover,.navMain nav a:focus {text-decoration: none;color: #e4b30e;} input:focus,input:hover,input,button:focus,textarea:focus ,select:focus{outline: none;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0;box-shadow: none;} /* inner bootstrap css */ select {background: url() no-repeat 97% center;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .animated {-webkit-animation-duration : 3s;animation-duration : 3s;-webkit-animation-delay : 500ms;animation-delay : 500ms ;} .animate-out { -webkit-animation-delay :0ms animation-delay:0ms;} .owl-dot{height: 20px;width: 20px;border-radius: 50%;background: #fff;border: 1px solid #d5d4d2;margin-right: 10px;} .owl-dot.active{border: 1px solid #59c134; background: #59c134;} .owl-dots > div{display: inline-block;} .owl-dots { bottom: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; } /* inner bootstrap css */ @media only screen and (max-width: 991px) { p{font-size: 17px;} } @media only screen and (max-width: 767px) { p{font-size: 14px; line-height: 25px;} .list-inline {margin-left: 0;} .owl-dot { height: 13px; width: 13px; background: #fff; border: 1px solid #fff; } .owl-dot.active { border: 1px solid #59c134; background: #59c134; } } /*added by prabhash*/ /*.product-info-price {height: 100px;}*/ .snipper-main {float:left;} .breadcrumbs { display: none !important; } .owl-item li.product-slider { width: 100% !important; } .product-item-info { width: 80% !important; } .mp-product-slider-title { font-size: 3.8rem; position: relative; z-index: 1; margin: 0 0 5px; text-align: center; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .mp-product-slider-block { margin: 0 !important; } .mp-ps-info { font-size: 1.8rem; position: relative; z-index: 1; text-align: center; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .mp-product-item-name { height: 40px !important; } /** * Owl Carousel v2.1.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Derendo/default/de_DE/Mageplaza_Productslider/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #ffffff url('../../frontend/Derendo/default/de_DE/Trive_Revo/css/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../frontend/Derendo/default/de_DE/Trive_Revo/css/fonts/slick.eot'); src: url('../../frontend/Derendo/default/de_DE/Trive_Revo/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../frontend/Derendo/default/de_DE/Trive_Revo/css/fonts/slick.woff') format('woff'), url('../../frontend/Derendo/default/de_DE/Trive_Revo/css/fonts/slick.ttf') format('truetype'), url('../../frontend/Derendo/default/de_DE/Trive_Revo/css/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px \9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #ffffff; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-prev[dir="rtl"] { left: auto; right: -25px; } .slick-prev:before { content: "←"; } .slick-prev:before[dir="rtl"] { content: "→"; } .slick-next { right: -25px; } .slick-next[dir="rtl"] { left: -25px; right: auto; } .slick-next:before { content: "→"; } .slick-next:before[dir="rtl"] { content: "←"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000000; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #000000; opacity: 0.75; } @media (max-width: 767px) { .columns .column { min-width: 0; min-height: 0; } } .product-slider-wrapper .slider-list .slick-slider { margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 0 25px; } .product-slider-wrapper .slider-list .slick-slider .slick-slide { margin-left: 0; } .product-slider-wrapper .slider-list .slick-slider .slick-prev:before, .product-slider-wrapper .slider-list .slick-slider .slick-next:before { color: #000; } .product-slider-wrapper .slider-list .slick-slider .slick-prev { left: 0; } .product-slider-wrapper .slider-list .slick-slider .slick-next { right: 0; } .product-slider-wrapper .slider-list .slick-slider button.slick-arrow { box-shadow: none; } .product-slider-wrapper .slider-list .slick-slider button.slick-arrow:hover, .product-slider-wrapper .slider-list .slick-slider button.slick-arrow:active, .product-slider-wrapper .slider-list .slick-slider button.slick-arrow:focus { border: none; } .block.widget .products-grid .product-item.slick-slide { margin-left: inherit !important; } .product-item-info { width: initial; } .block-product-slider .products-grid .product-item-info .product-item-inner { box-shadow: none; border: none; padding: 0; margin: 0; } .block-product-slider .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { position: relative; box-shadow: none; border: none; padding: 0; height: auto; width: auto; overflow: visible; margin: 0; } .block-product-slider .products-grid .product-item-info:hover, .block-product-slider .products-grid .product-item-info.active { box-shadow: none; border: none; margin: auto; padding: 0; } .block-product-slider .products-grid .product-item-actions { margin: 0; } /*Default Template*/ .pb-section-default{text-align: center; padding: 50px 0; width: 100%; margin: 0 auto;} .pb-section-default .pb-title{font-size: 30px; font-weight: 600} .pb-section-default .pb-subtitle{font-size: 20px;} .pb-section-default pb-description{font-size: 14px;} /*Feature1 Template*/ .pb-section-feature1{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature1 .pb-section-title{margin-bottom: 30px;} .pb-section-feature1 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature1 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature1 .pb-description{margin-bottom: 20px;} .pb-section-feature1 .pb-feature-box-icon{display: block; float: left; margin-right: 10px; width: 40px; height: 40px; line-height: 44px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #777; color: #FFF;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} .pb-section-feature1 .pb-feature-container:hover .pb-feature-box-icon{background: #373737;} .pb-section-feature1 .pb-feature-box-title{margin-bottom: 10px;} .pb-section-feature1 .pb-feature-title{font-weight: 600; float: left; display: block;font-size: 14px; margin: 0; text-transform: uppercase; color: #373737;line-height: 40px;} .pb-section-feature1 .pb-feature-container{box-sizing: border-box; float: left; width: 25%; display: block; padding: 0 10px; text-align: left;} .pb-section-feature1 .pb-description{font-size: 14px;} .pb-section-feature1 .pd-section-2col-1{width: 50%; float: left} .pb-section-feature1 .pd-section-2col-2{width: 50%; float: right} .pb-section-feature1 .pb-feature-break-row {clear: both; margin-bottom: 20px;display: block;} .pb-section-feature1:after, .pb-section-feature1 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Feature2 Template*/ .pb-section-feature2{padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature2 .pb-section-col1-2{width: 50%; float: left; padding-right: 10px; box-sizing: border-box;} .pb-section-feature2 .pb-section-col2-2{width: 50%; float: right; padding-left: 10px; box-sizing: border-box;} .pb-section-feature2 .pb-section-title{margin-bottom: 30px;text-align: center;} .pb-section-feature2 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature2 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature2 .pb-description{margin-bottom: 20px;} .pb-section-feature2 .pb-group-title{text-transform: uppercase; font-weight: normal; font-size: 16px; margin: 0 0 10px 0;} .pb-section-feature2 .pb-group-description p{padding-bottom: 20px; margin: 0;} .pb-section-feature2 .pb-feature-item-container{display: block; margin-bottom: 5px;} .pb-section-feature2 .pb-feature-item{display: inline;} .pb-section-feature2 .pb-feature-box-icon{display: block; float: left; margin-right: 10px; width: 40px; height: 40px; line-height: 44px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #777; color: #FFF;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} .pb-section-feature2 .pb-feature-container:hover .pb-feature-box-icon{background: #373737;} .pb-section-feature2 .pb-feature-box-title{margin-bottom: 10px;} .pb-section-feature2 .pb-feature-title{font-weight: 600; float: left; display: block;font-size: 14px; margin: 0; text-transform: uppercase; color: #373737;line-height: 40px;} .pb-section-feature2 .pb-feature-container{box-sizing: border-box; float: left; width: 50%; display: block; padding: 0 10px; text-align: left;} .pb-section-feature2 .pb-feature-break-row{margin-bottom: 20px; clear: both; display: block;} .pb-section-feature2 .pb-feature-box-title:after, .pb-section-feature2:after, .pb-section-feature2 .pb-feature-item-container:after{clear: both; content: ""; display: block;} /*Feature3 Template*/ .pb-section-feature3{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature3 .pb-section-title{margin-bottom: 30px;} .pb-section-feature3 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature3 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature3 .pb-description{margin-bottom: 20px;} .pb-section-feature3 .pb-feature-box-icon{display: block; float: left; margin-right: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center;} .pb-section-feature3 .pb-feature-box-title{margin-bottom: 10px;} .pb-section-feature3 .pb-feature-title{font-weight: 600; float: left; display: block;font-size: 16px; margin: 0; text-transform: uppercase; color: #373737;line-height: 30px;} .pb-section-feature3 .pb-feature-description{color: #999;} .pb-section-feature3 .pb-feature-container{box-sizing: border-box; float: left; width: 33.33%; display: block; padding: 0 10px; text-align: left;} .pb-section-feature3 .pb-description{font-size: 14px;} .pb-section-feature3 .pd-section-2col-1{width: 50%; float: left} .pb-section-feature3 .pd-section-2col-2{width: 50%; float: right} .pb-section-feature3 .pb-feature-break-row {clear: both; margin-bottom: 20px;display: block;} .pb-section-feature3:after, .pb-section-feature3 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Feature4 Template*/ .pb-section-feature4{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature4 .pb-section-title{margin-bottom: 30px;} .pb-section-feature4 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature4 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature4 .pb-description{margin-bottom: 20px;} .pb-section-feature4 .pb-feature-container{box-sizing: border-box; float: left; width: 33.33%; display: block; padding: 0 10px 0 70px; text-align: left; position: relative;} .pb-section-feature4 .pb-feature-box-icon{position: absolute; left: 0; top: 0; display: block; width: 48px; height: 48px; line-height: 48px; text-align: center;} .pb-section-feature4 .pb-feature-title{font-weight: 600; display: block;font-size: 16px; margin: 0; text-transform: uppercase; color: #373737;line-height: 30px;} .pb-section-feature4 .pb-feature-description{color: #999;} .pb-section-feature4 .pb-description{font-size: 14px;} .pb-section-feature4 .pd-section-2col-1{width: 50%; float: left} .pb-section-feature4 .pd-section-2col-2{width: 50%; float: right} .pb-section-feature4 .pb-feature-break-row {clear: both; margin-bottom: 20px;display: block;} .pb-section-feature4:after, .pb-section-feature4 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Feature5 Template*/ .pb-section-feature5{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature5 .pb-section-title{margin-bottom: 30px;} .pb-section-feature5 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature5 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature5 .pb-description{margin-bottom: 20px;} .pb-section-feature5 .pb-feature-container{box-sizing: border-box; float: left; width: 33.33%; display: block; padding: 0 10px; text-align: center; position: relative;} .pb-section-feature5 .pb-feature-box-icon{display: block; line-height: 48px; text-align: center;} .pb-section-feature5 .pb-feature-title{font-weight: 600; display: block;font-size: 16px; margin: 20px 0 10px; text-transform: uppercase; color: #373737;line-height: 30px;} .pb-section-feature5 .pb-feature-description{color: #999;} .pb-section-feature5 .pb-description{font-size: 14px;} .pb-section-feature5 .pd-section-2col-1{width: 50%; float: left} .pb-section-feature5 .pd-section-2col-2{width: 50%; float: right} .pb-section-feature5 .pb-feature-break-row {clear: both; margin-bottom: 20px;display: block;} .pb-section-feature5:after, .pb-section-feature5 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Feature6 Template*/ .pb-section-feature6{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature6 .pb-section-title{margin-bottom: 30px;} .pb-section-feature6 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature6 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature6 .pb-description{margin-bottom: 20px;} .pb-section-feature6 .pb-feature-container{margin-bottom: 35px; box-sizing: border-box; float: left; width: 33.33%; display: block; padding: 0 10px; text-align: left; position: relative;} .pb-section-feature6 .pb-feature-box-icon{display: block; line-height: 48px; text-align: left;} .pb-section-feature6 .pb-feature-title{font-weight: 600; display: block;font-size: 16px; margin-bottom:10px; margin-top: 0; text-transform: uppercase; color: #373737;line-height: 30px;} .pb-section-feature6 .pb-feature-description{color: #999;} .pb-section-feature6 .pb-description{font-size: 14px;} .pb-section-feature6 .pd-section-2col-1{width: 50%; float: left} .pb-section-feature6 .pd-section-2col-2{width: 50%; float: right} .pb-section-feature6 .pb-feature-break-row {clear: both; margin-bottom: 20px;display: block;} .pb-section-feature6:after, .pb-section-feature6 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Feature7 Template*/ .pb-section-feature7{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-feature7 .pb-section-title{margin-bottom: 30px;} .pb-section-feature7 .pb-title{font-size: 30px; font-weight: 600; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature7 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-feature7 .pb-description{margin-bottom: 20px;} .pb-section-feature7 .pb-section-list_left, .pb-section-feature7 .pb-section-center_image, .pb-section-feature7 .pb-section-list_right{width: 33.33%; float: left;} .pb-section-feature7 .pb-section-list_left .pb-feature-container{text-align: right; padding: 0 80px 0 0;} .pb-section-feature7 .pb-section-list_right .pb-feature-container{text-align: left; padding: 0 0 0 80px;} .pb-section-feature7 .pb-section-center_image{text-align: center;} .pb-section-feature7 .pb-feature-box-icon{display: block; position: absolute; width: 64px; height: 64px; line-height: 70px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #777; color: #FFF;-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;} .pb-section-feature7 .pb-section-list_left .pb-feature-box-icon{right: 0;} .pb-section-feature7 .pb-section-list_right .pb-feature-box-icon{left: 0;} .pb-section-feature7 .pb-feature-container:hover .pb-feature-box-icon{background: #373737;} .pb-section-feature7 .pb-feature-box-title{margin-bottom: 10px;} .pb-section-feature7 .pb-feature-title{font-weight: 600; display: block;font-size: 16px; margin: 0; text-transform: uppercase; color: #373737;} .pb-section-feature7 .pb-feature-container{position: relative; box-sizing: border-box; width: 100%; display: block; padding: 0 10px; text-align: left; margin-top: 45px;} .pb-section-feature7 .pb-description{font-size: 14px;} .pb-section-feature7 .pd-section-2col-1{width: 50%; float: left} .pb-section-feature7 .pd-section-2col-2{width: 50%; float: right} .pb-section-feature7 .pb-feature-break-row {clear: both; margin-bottom: 20px;display: block;} .pb-section-feature7:after, .pb-section-feature7 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Faq1 Template*/ .pb-section-faq1{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-faq1 .pb-section-title{margin-bottom: 60px;} .pb-section-faq1 .pb-title{font-size: 30px; font-weight: 600; margin: 0; color: #373737;} .pb-section-faq1 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-faq1 .pb-description{margin-bottom: 20px;} .pb-section-faq1 .pb-feature-container{box-sizing: border-box; float: left; width: 50%; display: block; padding: 0 10px; text-align: left; position: relative;} .pb-section-faq1 .pb-feature-box-icon{display: block; line-height: 48px; text-align: left;} .pb-section-faq1 .pb-feature-title{font-weight: 600; display: block;font-size: 18px; margin-bottom:15px; color: #373737;line-height: 30px;} .pb-section-faq1 .pb-feature-description{} .pb-section-faq1 .pb-description{font-size: 14px;} .pb-section-faq1 .pd-section-2col-1{width: 50%; float: left} .pb-section-faq1 .pd-section-2col-2{width: 50%; float: right} .pb-section-faq1 .pb-feature-break-row {clear: both; margin-bottom: 10px;display: block;} .pb-section-faq1:after, .pb-section-faq1 .pb-feature-box-title:after{display: table; clear: both; content: "";} /*Faq1 Template*/ .pb-section-faq2{text-align: center; padding: 20px 0; width: 100%; margin: 0 auto;} .pb-section-faq2 .pb-section-title{margin-bottom: 30px;} .pb-section-faq2 .pb-title{font-size: 30px; font-weight: 600; margin: 0; color: #373737;} .pb-section-faq2 .pb-subtitle{font-size: 14px; font-weight: 300; margin: 0 0 10px 0; color: #8b8b8b; text-transform: capitalize;} .pb-section-faq2 .pb-description{margin-bottom: 40px;} .pb-section-faq2 .pb-feature-container{box-sizing: border-box; float: left; width: 33.3%; display: block; padding: 0 10px; text-align: left; position: relative;} .pb-section-faq2 .pb-feature-box-icon{display: block; line-height: 48px; text-align: left;} .pb-section-faq2 .pb-feature-title{display: block;font-size: 18px; margin-bottom:10px; margin-top: 0; color: #373737;line-height: 30px; font-weight: 400;} .pb-section-faq2 .pb-feature-description{color: #555;} .pb-section-faq2 .pb-description{font-size: 14px;} .pb-section-faq2 .pd-section-2col-1{width: 50%; float: left} .pb-section-faq2 .pd-section-2col-2{width: 50%; float: right} .pb-section-faq2 .pb-feature-break-row {clear: both; margin-bottom: 10px;display: block;} .pb-section-faq2:after, .pb-section-faq2 .pb-feature-box-title:after{display: table; clear: both; content: "";}/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } @font-face { font-family: 'et-line'; src:url(../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/'fonts/et-line.eot'); src:url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/et-line.eot?#iefix') format('embedded-opentype'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/et-line.woff') format('woff'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/et-line.ttf') format('truetype'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; } .etl{ font-family: 'et-line'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; } .etl-mobile:before { content: "\e000"; } .etl-laptop:before { content: "\e001"; } .etl-desktop:before { content: "\e002"; } .etl-tablet:before { content: "\e003"; } .etl-phone:before { content: "\e004"; } .etl-document:before { content: "\e005"; } .etl-documents:before { content: "\e006"; } .etl-search:before { content: "\e007"; } .etl-clipboard:before { content: "\e008"; } .etl-newspaper:before { content: "\e009"; } .etl-notebook:before { content: "\e00a"; } .etl-book-open:before { content: "\e00b"; } .etl-browser:before { content: "\e00c"; } .etl-calendar:before { content: "\e00d"; } .etl-presentation:before { content: "\e00e"; } .etl-picture:before { content: "\e00f"; } .etl-pictures:before { content: "\e010"; } .etl-video:before { content: "\e011"; } .etl-camera:before { content: "\e012"; } .etl-printer:before { content: "\e013"; } .etl-toolbox:before { content: "\e014"; } .etl-briefcase:before { content: "\e015"; } .etl-wallet:before { content: "\e016"; } .etl-gift:before { content: "\e017"; } .etl-bargraph:before { content: "\e018"; } .etl-grid:before { content: "\e019"; } .etl-expand:before { content: "\e01a"; } .etl-focus:before { content: "\e01b"; } .etl-edit:before { content: "\e01c"; } .etl-adjustments:before { content: "\e01d"; } .etl-ribbon:before { content: "\e01e"; } .etl-hourglass:before { content: "\e01f"; } .etl-lock:before { content: "\e020"; } .etl-megaphone:before { content: "\e021"; } .etl-shield:before { content: "\e022"; } .etl-trophy:before { content: "\e023"; } .etl-flag:before { content: "\e024"; } .etl-map:before { content: "\e025"; } .etl-puzzle:before { content: "\e026"; } .etl-basket:before { content: "\e027"; } .etl-envelope:before { content: "\e028"; } .etl-streetsign:before { content: "\e029"; } .etl-telescope:before { content: "\e02a"; } .etl-gears:before { content: "\e02b"; } .etl-key:before { content: "\e02c"; } .etl-paperclip:before { content: "\e02d"; } .etl-attachment:before { content: "\e02e"; } .etl-pricetags:before { content: "\e02f"; } .etl-lightbulb:before { content: "\e030"; } .etl-layers:before { content: "\e031"; } .etl-pencil:before { content: "\e032"; } .etl-tools:before { content: "\e033"; } .etl-tools-2:before { content: "\e034"; } .etl-scissors:before { content: "\e035"; } .etl-paintbrush:before { content: "\e036"; } .etl-magnifying-glass:before { content: "\e037"; } .etl-circle-compass:before { content: "\e038"; } .etl-linegraph:before { content: "\e039"; } .etl-mic:before { content: "\e03a"; } .etl-strategy:before { content: "\e03b"; } .etl-beaker:before { content: "\e03c"; } .etl-caution:before { content: "\e03d"; } .etl-recycle:before { content: "\e03e"; } .etl-anchor:before { content: "\e03f"; } .etl-profile-male:before { content: "\e040"; } .etl-profile-female:before { content: "\e041"; } .etl-bike:before { content: "\e042"; } .etl-wine:before { content: "\e043"; } .etl-hotairballoon:before { content: "\e044"; } .etl-globe:before { content: "\e045"; } .etl-genius:before { content: "\e046"; } .etl-map-pin:before { content: "\e047"; } .etl-dial:before { content: "\e048"; } .etl-chat:before { content: "\e049"; } .etl-heart:before { content: "\e04a"; } .etl-cloud:before { content: "\e04b"; } .etl-upload:before { content: "\e04c"; } .etl-download:before { content: "\e04d"; } .etl-target:before { content: "\e04e"; } .etl-hazardous:before { content: "\e04f"; } .etl-piechart:before { content: "\e050"; } .etl-speedometer:before { content: "\e051"; } .etl-global:before { content: "\e052"; } .etl-compass:before { content: "\e053"; } .etl-lifesaver:before { content: "\e054"; } .etl-clock:before { content: "\e055"; } .etl-aperture:before { content: "\e056"; } .etl-quote:before { content: "\e057"; } .etl-scope:before { content: "\e058"; } .etl-alarmclock:before { content: "\e059"; } .etl-refresh:before { content: "\e05a"; } .etl-happy:before { content: "\e05b"; } .etl-sad:before { content: "\e05c"; } .etl-facebook:before { content: "\e05d"; } .etl-twitter:before { content: "\e05e"; } .etl-googleplus:before { content: "\e05f"; } .etl-rss:before { content: "\e060"; } .etl-tumblr:before { content: "\e061"; } .etl-linkedin:before { content: "\e062"; } .etl-dribbble:before { content: "\e063"; } @font-face { font-family: 'captainicon'; src:url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/captainicon.eot?-1i2a56'); src:url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/captainicon.eot?#iefix-1i2a56') format('embedded-opentype'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/captainicon.woff?-1i2a56') format('woff'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/captainicon.ttf?-1i2a56') format('truetype'), url('../../frontend/Derendo/default/de_DE/Vnecoms_PageBuilder/fonts/captainicon.svg?-1i2a56#captainicon') format('svg'); font-weight: normal; font-style: normal; } .capt{ font-family: 'captainicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .capt-001:before { content: "\e600"; } .capt-002:before { content: "\e601"; } .capt-003:before { content: "\e602"; } .capt-004:before { content: "\e603"; } .capt-005:before { content: "\e604"; } .capt-006:before { content: "\e605"; } .capt-007:before { content: "\e606"; } .capt-008:before { content: "\e607"; } .capt-009:before { content: "\e608"; } .capt-010:before { content: "\e609"; } .capt-011:before { content: "\e60a"; } .capt-012:before { content: "\e60b"; } .capt-013:before { content: "\e60c"; } .capt-014:before { content: "\e60d"; } .capt-015:before { content: "\e60e"; } .capt-016:before { content: "\e60f"; } .capt-017:before { content: "\e610"; } .capt-018:before { content: "\e611"; } .capt-019:before { content: "\e612"; } .capt-020:before { content: "\e613"; } .capt-021:before { content: "\e614"; } .capt-022:before { content: "\e615"; } .capt-023:before { content: "\e616"; } .capt-024:before { content: "\e617"; } .capt-025:before { content: "\e618"; } .capt-026:before { content: "\e619"; } .capt-027:before { content: "\e61a"; } .capt-028:before { content: "\e61b"; } .capt-029:before { content: "\e61c"; } .capt-030:before { content: "\e61d"; } .capt-031:before { content: "\e61e"; } .capt-032:before { content: "\e61f"; } .capt-033:before { content: "\e620"; } .capt-034:before { content: "\e621"; } .capt-035:before { content: "\e622"; } .capt-036:before { content: "\e623"; } .capt-037:before { content: "\e624"; } .capt-038:before { content: "\e625"; } .capt-039:before { content: "\e626"; } .capt-040:before { content: "\e627"; } .capt-041:before { content: "\e628"; } .capt-042:before { content: "\e629"; } .capt-043:before { content: "\e62a"; } .capt-044:before { content: "\e62b"; } .capt-045:before { content: "\e62c"; } .capt-046:before { content: "\e62d"; } .capt-047:before { content: "\e62e"; } .capt-048:before { content: "\e62f"; } .capt-049:before { content: "\e630"; } .capt-050:before { content: "\e631"; } .capt-051:before { content: "\e632"; } .capt-052:before { content: "\e633"; } .capt-053:before { content: "\e634"; } .capt-054:before { content: "\e635"; } .capt-055:before { content: "\e636"; } .capt-056:before { content: "\e637"; } .capt-057:before { content: "\e638"; } .capt-058:before { content: "\e639"; } .capt-059:before { content: "\e63a"; } .capt-060:before { content: "\e63b"; } .capt-061:before { content: "\e63c"; } .capt-062:before { content: "\e63d"; } .capt-063:before { content: "\e63e"; } .capt-064:before { content: "\e63f"; } .capt-065:before { content: "\e640"; } .capt-066:before { content: "\e641"; } .capt-067:before { content: "\e642"; } .capt-068:before { content: "\e643"; } .capt-069:before { content: "\e644"; } .capt-070:before { content: "\e645"; } .capt-071:before { content: "\e646"; } .capt-072:before { content: "\e647"; } .capt-073:before { content: "\e648"; } .capt-074:before { content: "\e649"; } .capt-075:before { content: "\e64a"; } .capt-076:before { content: "\e64b"; } .capt-077:before { content: "\e64c"; } .capt-078:before { content: "\e64d"; } .capt-079:before { content: "\e64e"; } .capt-080:before { content: "\e64f"; } .capt-081:before { content: "\e650"; } .capt-082:before { content: "\e651"; } .capt-083:before { content: "\e652"; } .capt-084:before { content: "\e653"; } .capt-085:before { content: "\e654"; } .capt-086:before { content: "\e655"; } .capt-087:before { content: "\e656"; } .capt-088:before { content: "\e657"; } .capt-089:before { content: "\e658"; } .capt-090:before { content: "\e659"; } .capt-091:before { content: "\e65a"; } .capt-092:before { content: "\e65b"; } .capt-093:before { content: "\e65c"; } .capt-094:before { content: "\e65d"; } .capt-095:before { content: "\e65e"; } .capt-096:before { content: "\e65f"; } .capt-097:before { content: "\e660"; } .capt-98:before { content: "\e661"; } .capt-099:before { content: "\e662"; } .capt-100:before { content: "\e663"; } .capt-101:before { content: "\e664"; } .capt-102:before { content: "\e665"; } .capt-103:before { content: "\e666"; } .capt-104:before { content: "\e667"; } .capt-105:before { content: "\e668"; } .capt-106:before { content: "\e669"; } .capt-107:before { content: "\e66a"; } .capt-108:before { content: "\e66b"; } .capt-109:before { content: "\e66c"; } .capt-110:before { content: "\e66d"; } .capt-111:before { content: "\e66e"; } .capt-112:before { content: "\e66f"; } .capt-113:before { content: "\e670"; } .capt-114:before { content: "\e671"; } .capt-115:before { content: "\e672"; } .capt-116:before { content: "\e673"; } .capt-117:before { content: "\e674"; } .capt-118:before { content: "\e675"; } .capt-119:before { content: "\e676"; } .capt-120:before { content: "\e677"; } .capt-121:before { content: "\e678"; } .capt-122:before { content: "\e679"; } .capt-123:before { content: "\e67a"; } .capt-124:before { content: "\e67b"; } .capt-125:before { content: "\e67c"; } .capt-126:before { content: "\e67d"; } .capt-127:before { content: "\e67e"; } .capt-128:before { content: "\e67f"; } .capt-129:before { content: "\e680"; } .capt-130:before { content: "\e681"; } .capt-131:before { content: "\e682"; } .capt-132:before { content: "\e683"; } .capt-133:before { content: "\e684"; } .capt-134:before { content: "\e685"; } .capt-135:before { content: "\e686"; } .capt-136:before { content: "\e687"; } .capt-137:before { content: "\e688"; } .capt-138:before { content: "\e689"; } .capt-139:before { content: "\e68a"; } .capt-140:before { content: "\e68b"; } .capt-141:before { content: "\e68c"; } .capt-142:before { content: "\e68d"; } .capt-143:before { content: "\e68e"; } .capt-144:before { content: "\e68f"; } .capt-145:before { content: "\e690"; } .capt-146:before { content: "\e691"; } .capt-147:before { content: "\e692"; } .capt-148:before { content: "\e693"; } .capt-149:before { content: "\e694"; } .capt-150:before { content: "\e695"; } .capt-151:before { content: "\e696"; } .capt-152:before { content: "\e697"; } .capt-153:before { content: "\e698"; } .capt-154:before { content: "\e699"; } .capt-155:before { content: "\e69a"; } .capt-156:before { content: "\e69b"; } .capt-157:before { content: "\e69c"; } .capt-158:before { content: "\e69d"; } .capt-159:before { content: "\e69e"; } .capt-160:before { content: "\e69f"; } .capt-161:before { content: "\e6a0"; } .capt-162:before { content: "\e6a1"; } .capt-163:before { content: "\e6a2"; } .capt-164:before { content: "\e6a3"; } .capt-165:before { content: "\e6a4"; } .capt-166:before { content: "\e6a5"; } .capt-167:before { content: "\e6a6"; } .capt-168:before { content: "\e6a7"; } .capt-169:before { content: "\e6a8"; } .capt-170:before { content: "\e6a9"; } .capt-171:before { content: "\e6aa"; } .capt-172:before { content: "\e6ab"; } .capt-173:before { content: "\e6ac"; } .capt-174:before { content: "\e6ad"; } .capt-175:before { content: "\e6ae"; } .capt-176:before { content: "\e6af"; } .capt-177:before { content: "\e6b0"; } .capt-178:before { content: "\e6b1"; } .capt-179:before { content: "\e6b2"; } .capt-180:before { content: "\e6b3"; } .capt-181:before { content: "\e6b4"; } .capt-182:before { content: "\e6b5"; } .capt-183:before { content: "\e6b6"; } .capt-184:before { content: "\e6b7"; } .capt-185:before { content: "\e6b8"; } .capt-186:before { content: "\e6b9"; } .capt-187:before { content: "\e6ba"; } .capt-188:before { content: "\e6bb"; } .capt-189:before { content: "\e6bc"; } .capt-190:before { content: "\e6bd"; } .capt-191:before { content: "\e6be"; } .capt-192:before { content: "\e6bf"; } .capt-193:before { content: "\e6c0"; } .capt-194:before { content: "\e6c1"; } .capt-195:before { content: "\e6c2"; } .capt-196:before { content: "\e6c3"; } .capt-197:before { content: "\e6c4"; } .capt-198:before { content: "\e6c5"; } .capt-199:before { content: "\e6c6"; } .capt-200:before { content: "\e6c7"; } .capt-201:before { content: "\e6c8"; } .capt-202:before { content: "\e6c9"; } .capt-203:before { content: "\e6ca"; } .capt-204:before { content: "\e6cb"; } .capt-205:before { content: "\e6cc"; } .capt-206:before { content: "\e6cd"; } .capt-207:before { content: "\e6ce"; } .capt-208:before { content: "\e6cf"; } .capt-209:before { content: "\e6d0"; } .capt-210:before { content: "\e6d1"; } .capt-211:before { content: "\e6d2"; } .capt-212:before { content: "\e6d3"; } .capt-213:before { content: "\e6d4"; } .capt-214:before { content: "\e6d5"; } .capt-215:before { content: "\e6d6"; } .capt-216:before { content: "\e6d7"; } .capt-217:before { content: "\e6d8"; } .capt-218:before { content: "\e6d9"; } .capt-219:before { content: "\e6da"; } .capt-220:before { content: "\e6db"; } .capt-221:before { content: "\e6dc"; } .capt-222:before { content: "\e6dd"; } .capt-223:before { content: "\e6de"; } .capt-224:before { content: "\e6df"; } .capt-225:before { content: "\e6e0"; } .capt-226:before { content: "\e6e1"; } .capt-227:before { content: "\e6e2"; } .capt-228:before { content: "\e6e3"; } .capt-229:before { content: "\e6e4"; } .capt-230:before { content: "\e6e5"; } .capt-231:before { content: "\e6e6"; } .capt-232:before { content: "\e6e7"; } .capt-233:before { content: "\e6e8"; } .capt-234:before { content: "\e6e9"; } .capt-235:before { content: "\e6ea"; } .capt-236:before { content: "\e6eb"; } .capt-237:before { content: "\e6ec"; } .capt-238:before { content: "\e6ed"; } .capt-239:before { content: "\e6ee"; } .capt-240:before { content: "\e6ef"; } .capt-241:before { content: "\e6f0"; } .capt-242:before { content: "\e6f1"; } .capt-243:before { content: "\e6f2"; } .capt-244:before { content: "\e6f3"; } .capt-245:before { content: "\e6f4"; } .capt-246:before { content: "\e6f5"; } .capt-247:before { content: "\e6f6"; } .capt-248:before { content: "\e6f7"; } .capt-249:before { content: "\e6f8"; } .capt-250:before { content: "\e6f9"; } .capt-251:before { content: "\e6fa"; } .capt-252:before { content: "\e6fb"; } .capt-253:before { content: "\e6fc"; } .capt-254:before { content: "\e6fd"; } .capt-255:before { content: "\e6fe"; } .capt-256:before { content: "\e6ff"; } .capt-257:before { content: "\e700"; } .capt-258:before { content: "\e701"; } .capt-259:before { content: "\e702"; } .capt-260:before { content: "\e703"; } .capt-261:before { content: "\e704"; } .capt-262:before { content: "\e705"; } .capt-263:before { content: "\e706"; } .capt-264:before { content: "\e707"; } .capt-265:before { content: "\e708"; } .capt-266:before { content: "\e709"; } .capt-267:before { content: "\e70a"; } .capt-268:before { content: "\e70b"; } .capt-269:before { content: "\e70c"; } .capt-270:before { content: "\e70d"; } .capt-271:before { content: "\e70e"; } .capt-272:before { content: "\e70f"; } .capt-273:before { content: "\e710"; } .capt-274:before { content: "\e711"; } .capt-275:before { content: "\e712"; } .capt-276:before { content: "\e713"; } .capt-277:before { content: "\e714"; } .capt-278:before { content: "\e715"; } .capt-279:before { content: "\e716"; } .capt-280:before { content: "\e717"; } .capt-281:before { content: "\e718"; } .capt-282:before { content: "\e719"; } .capt-283:before { content: "\e71a"; } .capt-284:before { content: "\e71b"; } .capt-285:before { content: "\e71c"; } .capt-286:before { content: "\e71d"; } .capt-287:before { content: "\e71e"; } .capt-288:before { content: "\e71f"; } .capt-289:before { content: "\e720"; } .capt-290:before { content: "\e721"; } .capt-291:before { content: "\e722"; } .capt-292:before { content: "\e723"; } .capt-293:before { content: "\e724"; } .capt-294:before { content: "\e725"; } .capt-295:before { content: "\e726"; } .capt-296:before { content: "\e727"; } .capt-297:before { content: "\e728"; } .capt-298:before { content: "\e729"; } .capt-299:before { content: "\e72a"; } .capt-300:before { content: "\e72b"; } .capt-301:before { content: "\e72c"; } .capt-302:before { content: "\e72d"; } .capt-303:before { content: "\e72e"; } .capt-304:before { content: "\e72f"; } .capt-305:before { content: "\e730"; } .capt-306:before { content: "\e731"; } .capt-307:before { content: "\e732"; } .capt-308:before { content: "\e733"; } .capt-309:before { content: "\e734"; } .capt-310:before { content: "\e735"; } .capt-311:before { content: "\e736"; } .capt-312:before { content: "\e737"; } .capt-313:before { content: "\e738"; } .capt-314:before { content: "\e739"; } .capt-315:before { content: "\e73a"; } .capt-316:before { content: "\e73b"; } .capt-317:before { content: "\e73c"; } .capt-318:before { content: "\e73d"; } .capt-319:before { content: "\e73e"; } .capt-320:before { content: "\e73f"; } .capt-321:before { content: "\e740"; } .capt-322:before { content: "\e741"; } .capt-323:before { content: "\e742"; } .capt-324:before { content: "\e743"; } .capt-325:before { content: "\e744"; } .capt-326:before { content: "\e745"; } .capt-327:before { content: "\e746"; } .capt-328:before { content: "\e747"; } .capt-329:before { content: "\e748"; } .capt-330:before { content: "\e749"; } .capt-331:before { content: "\e74a"; } .capt-332:before { content: "\e74b"; } .capt-333:before { content: "\e74c"; } .capt-334:before { content: "\e74d"; } .capt-335:before { content: "\e74e"; } .capt-336:before { content: "\e74f"; } .capt-337:before { content: "\e750"; } .capt-338:before { content: "\e751"; } .capt-339:before { content: "\e752"; } .capt-340:before { content: "\e753"; } .capt-341:before { content: "\e754"; } .capt-342:before { content: "\e755"; } .capt-343:before { content: "\e756"; } .capt-344:before { content: "\e757"; } .capt-345:before { content: "\e758"; } .capt-346:before { content: "\e759"; } .capt-347:before { content: "\e75a"; } .capt-348:before { content: "\e75b"; } .capt-349:before { content: "\e75c"; } .capt-350:before { content: "\e75d"; } .capt-351:before { content: "\e75e"; } .capt-352:before { content: "\e75f"; } .capt-353:before { content: "\e760"; } .capt-354:before { content: "\e761"; } .capt-355:before { content: "\e762"; } .capt-356:before { content: "\e763"; } .capt-357:before { content: "\e764"; } .capt-358:before { content: "\e765"; } .capt-359:before { content: "\e766"; } .capt-360:before { content: "\e767"; } .capt-361:before { content: "\e768"; } .capt-362:before { content: "\e769"; } .capt-363:before { content: "\e76a"; } .capt-364:before { content: "\e76b"; } .capt-365:before { content: "\e76c"; } .capt-366:before { content: "\e76d"; } .capt-367:before { content: "\e76e"; } .capt-368:before { content: "\e76f"; } .capt-369:before { content: "\e770"; } .capt-370:before { content: "\e771"; } .capt-371:before { content: "\e772"; } .capt-372:before { content: "\e773"; } .capt-373:before { content: "\e774"; } .capt-374:before { content: "\e775"; } .capt-375:before { content: "\e776"; } @media all and (min-width:768px),print{.amgdprcookie-main-wrapper{padding:0}.amgdprcookie-main-wrapper .amgdprcookie-top{margin-bottom:35px}.amgdprcookie-main-wrapper .amgdprcookie-head{font-size:34px;line-height:normal}.amgdprcookie-main-wrapper .amgdprcookie-btn{padding:17px 46px;font-size:20px;box-shadow:0 3px 10px rgba(62,40,13,0.15);text-transform:none}.amgdprcookie-cookie-container{margin-bottom:30px;padding:25px 0}.amgdprcookie-cookie-container .amgdprcookie-header{display:flex;justify-content:flex-start;padding:0 25px}.amgdprcookie-cookie-container .amgdprcookie-caption{margin:0 64px 10px 0;font-size:20px}.amgdprcookie-cookie-container .amgdprcookie-toggle-cookie{padding-left:0}.amgdprcookie-cookie-container .amgdprcookie-text{padding:0 25px;font-size:14px}.amgdprcookie-cookie-container .amgdprcookie-options{display:inline-block;margin-top:22px;padding:0 25px;font-size:14px;color:#8a837f;background:inherit}.amgdprcookie-cookie-container .amgdprcookie-options:hover{color:#1787e0}.amgdprcookie-cookie-container .amgdprcookie-options:before,.amgdprcookie-cookie-container .amgdprcookie-options:after{content:'';position:absolute;top:10px;height:2px;width:10px;background:#8a837f}.amgdprcookie-cookie-container .amgdprcookie-options:before{right:6px;transform:rotate(45deg)}.amgdprcookie-cookie-container .amgdprcookie-options:after{right:0;transform:rotate(-45deg)}.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options{color:#363636}.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options:hover{color:#1787e0}.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options:before,.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options:after{background:#363636}.amgdprcookie-content-wrapper{margin:25px 25px 0;padding:0 15px;font-size:14px}.amgdprcookie-content-wrapper .amgdprcookie-title{padding:15px 15px 0 0;vertical-align:top}.amgdprcookie-content-wrapper .amgdprcookie-row{border-bottom:1px solid #ccc}.amgdprcookie-content-wrapper .amgdprcookie-row:last-child{border-bottom:0}.amgdprcookie-content-wrapper .amgdprcookie-row .amgdprcookie-cell{padding:15px 15px 15px 0}.amgdprcookie-content-wrapper .amgdprcookie-row .amgdprcookie-cell:first-child{width:20%}.amgdprcookie-content-wrapper .amgdprcookie-row .amgdprcookie-cell:last-child{padding-right:0}.amgdprcookie-modal-container .modal-inner-wrap{right:unset;min-width:400px;width:21%;background:#fff}}@media all and (min-width:1024px),print{.amgdprcookie-content-wrapper .amgdprcookie-table .amgdprcookie-cell:first-child{width:17%}}.amgdprcookie-main-wrapper{color:#363636}.amgdprcookie-main-wrapper .amgdprcookie-top{display:flex;justify-content:space-between;margin-bottom:15px}.amgdprcookie-main-wrapper .amgdprcookie-head{font-size:20px;line-height:20px}.amgdprcookie-main-wrapper .amgdprcookie-btn-wrapper{display:flex}.amgdprcookie-main-wrapper .amgdprcookie-btn{padding:7px 27px;border:0;font-size:14px;color:#fff;border-radius:6px;background:#ef7c4a;box-shadow:0 3px 5px rgba(62,40,13,0.15);text-transform:uppercase}.amgdprcookie-main-wrapper .amgdprcookie-btn:first-child{margin:0 15px}.amgdprcookie-main-wrapper .amgdprcookie-btn:hover{background:#eb5a1b}.amgdprcookie-toggle-cookie{position:relative;padding-left:50px}.amgdprcookie-toggle-cookie .amgdprcookie-input{height:0;width:0;visibility:hidden}.amgdprcookie-toggle-cookie .amgdprcookie-label{position:absolute;top:0;right:0;width:50px;height:29px;border-radius:40px;cursor:pointer;background:#a5a5a5;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.amgdprcookie-toggle-cookie .amgdprcookie-label:after{content:'';position:absolute;top:2px;left:2px;width:25px;height:25px;background:#fff;border-radius:40px;transition:all .4s ease}.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:disabled+.amgdprcookie-label{background:#e8e8e8}.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:disabled+.amgdprcookie-label:after{left:calc(95%);transform:translateX(-100%)}.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled])+.amgdprcookie-label{background:#1979c3}.amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled])+.amgdprcookie-label:after{left:calc(95%);transform:translateX(-100%)}.amgdprcookie-toggle-cookie .amgdprcookie-input:not([checked])+.amgdprcookie-label{background:#a5a5a5}.amgdprcookie-toggle-cookie .amgdprcookie-input:disabled+.amgdprcookie-label{background:#e8e8e8}.amgdprcookie-toggle-cookie .amgdprcookie-input:disabled+.amgdprcookie-label:after{left:2px}.amgdprcookie-settings-form .amgdprcookie-toggle-cookie .amgdprcookie-input.disabled+.amgdprcookie-label{background:#e8e8e8}.amgdprcookie-cookie-container{margin-bottom:20px;padding-top:15px;border-radius:6px;box-shadow:0 3px 10px rgba(5,32,65,0.15)}.amgdprcookie-cookie-container.-modal{margin-right:30px;box-shadow:none;direction:ltr}.amgdprcookie-cookie-container .amgdprcookie-header{display:flex;justify-content:space-between;padding:0 15px}.amgdprcookie-cookie-container .amgdprcookie-caption{margin:0 0 15px;font-size:16px;font-weight:bold;line-height:30px;word-break:break-all;word-break:break-word}.amgdprcookie-cookie-container .amgdprcookie-text{margin-bottom:0;padding:0 15px;font-size:12px;color:#363636}.amgdprcookie-cookie-container .amgdprcookie-options{position:relative;margin-top:15px;padding:7px 15px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;font-size:12px;color:#fff;cursor:pointer;background:#767676}.amgdprcookie-cookie-container .amgdprcookie-options:before,.amgdprcookie-cookie-container .amgdprcookie-options:after{content:'';position:absolute;top:16px;height:2px;width:10px;background:#fff}.amgdprcookie-cookie-container .amgdprcookie-options:before{right:20px;transform:rotate(45deg)}.amgdprcookie-cookie-container .amgdprcookie-options:after{right:14px;transform:rotate(-45deg)}.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options{border-radius:0}.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options:before{transform:rotate(-45deg)}.amgdprcookie-cookie-container .amgdprcookie-check.active .amgdprcookie-options:after{transform:rotate(45deg)}.amgdprcookie-content-wrapper{display:none;padding:0 15px;border-radius:6px;background:#f9f9f9;font-size:12px}.amgdprcookie-content-wrapper .amgdprcookie-title{padding:15px 15px 0 0;vertical-align:top}.amgdprcookie-content-wrapper .amgdprcookie-row{border-bottom:1px solid #ccc}.amgdprcookie-content-wrapper .amgdprcookie-row:last-child{border-bottom:0}.amgdprcookie-content-wrapper .amgdprcookie-table .amgdprcookie-cell{padding:15px 15px 15px 0;word-break:break-all;word-break:break-word}.amgdprcookie-content-wrapper .amgdprcookie-table .amgdprcookie-cell:first-child{width:23%}.amgdprcookie-content-wrapper .amgdprcookie-table .amgdprcookie-cell:last-child{padding-right:0}.amgdprcookie-cookie-container .amgdprcookie-link{display:block;color:#389dfe;text-align:right;text-transform:capitalize;letter-spacing:.3px;font-size:12px}.amgdprcookie-modal-container.modal-popup.modal-slide{right:46px;left:0}.amgdprcookie-modal-container .modal-inner-wrap{position:relative;margin:0;height:100%}.amgdprcookie-modal-container .modal-inner-wrap .modal-header{position:absolute;right:0}.amgdprcookie-modal-container .modal-inner-wrap .action-close{margin:5px;padding:0}.amgdprcookie-modal-container .modal-inner-wrap .action-close:before{width:30px;height:30px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI4IiBzdHJva2U9IiNDQUNBQ0EiLz48cGF0aCBkPSJNNS4yNSA1LjI1bDYuNSA2LjVtMC02LjVsLTYuNSA2LjUiIHN0cm9rZT0iI0NBQ0FDQSIvPjwvc3ZnPg==') no-repeat center;content:''}.amgdprcookie-modal-container .modal-inner-wrap ::-webkit-scrollbar{margin-left:10px;width:4px}.amgdprcookie-modal-container .modal-inner-wrap ::-webkit-scrollbar-track{background:#fff}.amgdprcookie-modal-container .modal-inner-wrap ::-webkit-scrollbar-thumb{border-radius:2px;background:#e8e8e8}.amgdprcookie-modal-container .modal-content{padding:0}.amgdprcookie-groups-container{overflow-y:scroll;height:58vh;min-height:170px;box-shadow:0 -2px 18px rgba(0,0,0,0.06);direction:rtl}.amgdprcookie-policy-container{padding:24px;box-shadow:0 -2px 18px rgba(0,0,0,0.06)}.amgdprcookie-text-container{margin-bottom:30px}.amgdprcookie-text-container .amgdprcookie-policy{display:inline}.amgdprcookie-buttons-block{display:flex;justify-content:space-between}.amgdprcookie-buttons-block .amgdprcookie-button{flex-basis:58%;border:0;border-radius:3px;background:#ffa63d;box-shadow:none;color:#fff;text-transform:uppercase;letter-spacing:1.35px;font-weight:bold;transition:opacity .3s ease}.amgdprcookie-buttons-block .amgdprcookie-button:hover{opacity:.9}.amgdprcookie-buttons-block .amgdprcookie-button.-save{flex-basis:35%;margin-left:10px}.amgdprcookie-modal-template{margin-left:5px}.amgdprcookie-bar-container{z-index:10;margin:0;padding:12px 20px 12px 25px;border-color:#d6ca8e;background:#ffee9c;font-size:13px}.amgdprcookie-bar-template{position:fixed;position:sticky}.amgdprcookie-bar-template.-bottom{position:static}